* {
  /* outline: 1px solid green; */
}

/* vertical middle line */
body::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50%;
  /* width: 1px; */
  /* background-color: red; */
  transform: translateX(-50%);
  z-index: 9999;
}

/* make element full width example */
.full-width-element {
  /* width: 100vw; */
  /* margin-top: 0 !important; */
  /* margin-left: calc(50% - 50vw); */
  /* margin-right: calc(50% - 50vw); */
}

@media (min-width: 1025px) {
  .full-width-element {
    /* side menu */
    /* margin-left: calc(50% - 50vw - (280px / 2)); */
    /* margin-right: calc(50% - 50vw - (280px / 2)); */
  }
}

/* make element full width example */

/* whole page width */
@media (min-width: 1200px) {
  .container {
    width: 85dvw !important;
  }
}

/* whole page width */

/* turning off icons in header login\signup buttons */
.ls-button-login::before,
.ls-button-signup::before {
  display: none !important;
}

/* turning off icons in header login\signup buttons */

/* content section start */
.about__section {
  text-align: justify;

  div {
    width: 100% !important;
    padding: 0;
  }

  ul {
    margin-bottom: 20px;
    margin-left: 10px;
  }

  div {
    margin-bottom: 10px;
  }

  table {
    margin-bottom: 10px;
  }

  table tr td,
  table tr th {
    border-bottom: 1px solid var(--text-color);
  }

  li::before {
    content: "•";
    margin-right: 5px;
    color: var(--theme-color);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  th {
    color: var(--theme-color);
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: unset;
  }

  ul,
  ol,
  li,
  td,
  p {
    color: var(--text-color);
    font-family: unset;
    font-size: 13px;
    font-weight: 400;
  }

  p {
    margin-bottom: 10px;
  }

  div::-webkit-scrollbar-thumb,
  div::-webkit-scrollbar-thumb {
    background-color: color-mix(in srgb, var(--theme-color) 50%, transparent);
  }
}

/* content section end */

/* for extra content (f.e.: rank math) start */
h1,
h2,
h3,
h4,
h5,
h6,
th {
  color: var(--theme-color) !important;
  font-weight: 600 !important;
  font-family: unset !important;
}

ul,
ol,
li,
td,
p {
  color: var(--text-color) !important;
  font-family: unset !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

/* for extra content (f.e.: rank math) end */

/*                        */
/*                        */
/*                        */
/*                        */
/*                        */
/* current website styles */
/*                        */
/*                        */
/*                        */
/*                        */
/*                        */

/* container borders */
.main-page-wrapper .container:not(.main-content),
.basel-prefooter .container {
  border-left: 1px solid color-mix(in srgb, var(--theme-color) 25%, transparent);
  border-right: 1px solid
    color-mix(in srgb, var(--theme-color) 25%, transparent);
}

/* container borders */

/* mobile menu */
/* menu icons */
.menu-p-menu-container li.menu-item[class*="p-menu-li-"] a::before {
  color: var(--text-color) !important;
}

@media (max-width: 1024px) {
  .mobile-nav ul li a span {
    color: color-mix(in srgb, var(--text-color) 100%, transparent) !important;
    font-weight: 600 !important;
  }
}

a.menu-lang-btn span.menu-text,
.icon-arrow-up {
  color: var(--text-color) !important;
}

/* mobile menu */

/* header */
/* btn text color */
.ls-button-login span,
.top-menu-lang-text,
.main-nav .menu > li > a > span {
  color: var(--text-color) !important;
}
.main-nav .menu > li > a:hover > span {
  color: color-mix(in srgb, var(--theme-color) 100%, transparent) !important;
}

/* hiding desktop menu icons */
.main-nav .menu-p-menu-container li.menu-item[class*="p-menu-li-"] a::before {
  display: none;
}
/* hiding desktop menu items */
.menu-item#about-us,
.menu-item#support {
  display: none;
}
/* header */

/* carousel */
.swiper-slide {
  border-radius: 13px !important;
}
/* carousel */

/* listbox categories */
.listbox-wrapper.categories-custom {
  .placeholder {
  }
  .listbox-item a {
    background-color: color-mix(
      in srgb,
      var(--theme-color) 0%,
      transparent
    ) !important;
  }

  .listbox-container .listbox-item a:hover {
    text-shadow: 0 0 20px color-mix(in srgb, var(--text-color) 99%, transparent) !important;
  }

  .listbox-item[class*="listbox-fonticon-"] a::before {
    font-weight: 500 !important;
    color: var(--text-color) !important;
    transition: 0.1s ease !important;
  }

  .listbox-item a:hover span {
    color: var(--text-color);
  }
}
/* listbox categories */

/* games */
/* demo button  */
.game-overlay .demo-button {
  background-color: color-mix(
    in srgb,
    var(--text-color) 95%,
    transparent
  ) !important;
  color: var(--theme-color) !important;
  border: 1px solid color-mix(in srgb, var(--theme-color) 75%, transparent) !important;
}
.game-overlay .demo-button:hover {
  background-color: color-mix(
    in srgb,
    var(--theme-color) 100%,
    transparent
  ) !important;
  color: var(--text-color) !important;
  border: 1px solid color-mix(in srgb, var(--text-color) 100%, transparent) !important;
}

/* games */

/* listbox payments */
.listbox-wrapper.payments {
  .placeholder {
  }

  .listbox-item a {
    background-color: color-mix(
      in srgb,
      var(--theme-color) 0%,
      transparent
    ) !important;
  }

  .listbox-item[class*="listbox-img-"] img {
    filter: invert(15%) sepia(50%) saturate(3500%) hue-rotate(210deg)
      brightness(70%) contrast(150%) !important;
  }
}
/* listbox payments */

/* listbox providers */
.listbox-wrapper.providers {
  .placeholder {
  }
  .listbox-item a {
    background-color: color-mix(
      in srgb,
      var(--theme-color) 0%,
      transparent
    ) !important;
  }

  .listbox-item[class*="listbox-img-"] img {
    filter: invert(15%) sepia(50%) saturate(3500%) hue-rotate(210deg)
      brightness(70%) contrast(150%) !important;
  }
}
/* listbox providers */

/* mobnavbar */
/* icon color */
.basel-toolbar i,
.basel-toolbar img,
.basel-toolbar a:before {
  fill: var(--text-color) !important;
  color: var(--text-color) !important;
}
/* icon size */
.basel-toolbar-item > a:before {
  font-size: 25px;
}
/* turn off texts */
span.basel-toolbar-label {
  display: none !important;
}

.basel-toolbar-item a {
  padding-bottom: 0 !important;
}

/* round background */
.basel-toolbar {
  overflow: visible;
}
div#mnb-deposit a {
  background-color: var(--theme-color);
  border: 1px solid var(--text-color);
  border-radius: 50%;
  height: 60px;
  width: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%) !important;
}
div#mnb-deposit a:hover {
  transform: translate(-50%, -60%) scale(1.05) !important;
}
/* mobnavbar */