* {
  /* 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-left: calc(50% - 50vw); */
  /* margin-right: calc(50% - 50vw); */
}

/* 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%;
    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;
  }

  th {
    color: var(--theme-color);
  }

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

/* content section end */

/* logo shadow fix (preloader also) */
.preload-img,
.mobile-menu-logo img,
.main-header .site-logo img,
.p-pre-footer-logo img {
  filter: unset !important;
}

.mobile-nav,
.main-header {
  background-color: color-mix(
    in srgb,
    var(--body-color) 100%,
    transparent
  ) !important;
}

/* logo shadow fix (preloader also) */

/* logo size fix */
.site-logo img {
  padding: 7.5px 0 7.5px 0 !important;
}

/* logo size fix */

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

/* container borders */

/* carousel mobile */
.swiper.mobile {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0 !important;
}

.swiper.mobile .swiper-slide {
  border-radius: 0 !important;
}

/* carousel mobile */

/* header search button */
.top-menu-lang-icon::after {
  content: "\e03c";
  font-family: "sbx";
  margin-left: 25px;
}

.top-menu-lang-icon::after {
  display: flex;
  color: var(--body-color);
  background-color: var(--theme-color);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

/* header search button */

/* header more button */
.menu-p-menu-container li.menu-item:last-child a:before {
  display: none !important;
}

.menu-p-menu-container li.menu-item:last-child a:after {
  content: "\e604";
  font-family: "simple-line-icons";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  font-weight: 900;
  font-style: normal;
  color: var(--text-color) !important;
  filter: drop-shadow(
    0 0 1px color-mix(in srgb, var(--theme-color) 50%, transparent)
  );
  text-shadow:
    -0.5px -0.5px 0 var(--body-color),
    0.5px -0.5px 0 var(--body-color),
    -0.5px 0.5px 0 var(--body-color),
    0.5px 0.5px 0 var(--body-color);
  color: var(--theme-color);
  pointer-events: none;
  font-size: 14px;
}

/* header more button */

/* header desktop menu items */
header.main-header #about-us,
header.main-header #chat-support {
  display: none !important;
}

/* turn off icons for desktop */
header.main-header
  .main-nav
  .menu-p-menu-container
  li.menu-item[class*="p-menu-li-"]
  a::before {
  display: none !important;
}

/* header desktop menu items */

/* mobile side menu items */
.mobile-nav .site-mobile-menu #new,
.mobile-nav .site-mobile-menu #hold-win,
.mobile-nav .site-mobile-menu #slots,
.mobile-nav .site-mobile-menu #crash,
.mobile-nav .site-mobile-menu #book-of {
  display: none !important;
}

/* mobile side menu items */

/* header text color */
.main-nav .menu > li > a > span,
.mobile-nav ul li a span {
  color: color-mix(in srgb, var(--text-color) 100%, transparent) !important;
}

.main-nav .menu > li > a:hover > span {
  color: color-mix(in srgb, var(--theme-color) 100%, transparent) !important;
}

/* header text color */

/* listbox categories */
.listbox-wrapper.listbox-block-1 {
  .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 15px
      color-mix(in srgb, var(--theme-color) 85%, transparent) !important;
  }

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

/* listbox categories */

/* listbox recent winners */
.listbox-wrapper.recent-winners {
  .placeholder {
  }

  .listbox-item[class*="listbox-img-"] img {
    border-radius: 5px;
    filter: unset !important;
  }

  .listbox-item a {
    background-color: color-mix(in srgb, #1f323e 100%, transparent) !important;
    padding: clamp(3px, 3cqh, 6px) !important;
  }

  .listbox-item span {
    font-size: clamp(10px, 13cqh, 8cqh) !important;
    font-weight: 500 !important;
    color: var(--theme-color) !important;
    align-self: baseline !important;
  }

  .listbox-container .listbox-item a:hover img {
    scale: 1 !important;
  }
}

/* listbox recent winners */

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

  .listbox-item[class*="listbox-img-"] img {
    border-radius: 8px;
    filter: drop-shadow(
      1px 1px 0px color-mix(in srgb, var(--theme-color) 0%, transparent)
    ) !important;
  }

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

/* listbox promotions */

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

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

/* listbox providers */

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

  @media (min-width: 768px) {
    width: 50dvw;
    justify-self: center;
  }

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

/* lisstbox payments */

/* titlebar title */
.titlebar .titlebar-title {
  font-weight: 500 !important;
}

.titlebar .titlebar-left::before {
  font-weight: 500 !important;
  filter: drop-shadow(
    0px 0px 3px color-mix(in srgb, var(--theme-color) 100%, transparent)
  ) !important;
  text-shadow: unset !important;
  color: var(--text-color) !important;
}

/* titlebar title */

/* weird bootstrap fix */
.table .table {
  background-color: transparent !important;
}

/* weird bootstrap fix */

/* js element insert load more all slots */
.load-more-all-slots {
  display: flex;
  align-items: center;
  justify-content: center;
}

.load-more-all-slots a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--theme-color) 85%, transparent);
  color: var(--body-color);
  padding: 5px 15px;
  width: fit-content;
  font-weight: 600;
  font-size: 14px;
  border-radius: 15px;
  transition: 0.3s ease;
}

.load-more-all-slots a:hover {
  background-color: color-mix(in srgb, var(--theme-color) 100%, transparent);
}

.load-more-all-slots a::before {
  content: "\f064";
  font-family: "remixicon";
  margin-right: 5px;
  font-weight: 500;
}

/* js element insert load more all slots */

/* footer */
.p-pre-footer {
  /* padding: 15px 0; */
  /* border-top: 1px solid var(--text-color); */
  /* border-bottom: 1px solid var(--text-color); */
}

li#electric-wins-app-install-amp-play a {
  background-color: var(--theme-color);
  color: var(--body-color);
  display: flex;
  text-wrap: balance;
  column-gap: 5px;
  border-radius: 10px;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  li#electric-wins-app-install-amp-play {
    max-width: 75%;
    align-self: center;
  }
}

div#footer-blockname-our-license
  li#electric-wins-app-install-amp-play
  a::before {
  content: "\e02b";
  font-family: "sbx";
  font-size: 15px;
  line-height: normal;
  transform: scale(1);
  will-change: transform;
  transition: 0.3s ease-in-out;
}

div#footer-blockname-our-license li:hover a::before {
  transform: scale(1.33) !important;
}

/* footer */

/* mobnavbar */
span.basel-toolbar-label {
  display: none !important;
}
.basel-toolbar.basel-toolbar-label-show .basel-burger-icon,
.basel-toolbar.basel-toolbar-label-show > a,
.basel-toolbar.basel-toolbar-label-show > div a {
  padding-bottom: 0 !important;
}

.basel-toolbar-item > a:before {
  font-size: 25px !important;
}
.basel-toolbar {
  overflow: visible !important;
}
div#mnb-deposit a {
  background-color: var(--theme-color);
  border-radius: 50%;
  height: 60px;
  width: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -65%);
}

div#mnb-deposit a:hover {
  transform: translate(-50%, -70%) scale(1.075) !important;
}

div#mnb-deposit a:before {
  color: var(--body-color) !important;
  text-shadow: unset !important;
}

/* mobnavbar */