@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap);
@import url("https://nano-skins.s3.eu-west-1.amazonaws.com/betpanda/betpanda-v3.css");


body .casino-game .jackpot-container {
  bottom: initial;
  top: 0;
  text-align: center;
}


body .mobile .games-list.limited-games-list .casino-game.mobile {
  flex: 0 0 28%;
  max-width: 28%;
}


body .casino-game .jackpot-container .jackpot-amount {
  background-color: rgba(0, 0, 0, .8);
  color: #1fe88a;
  border-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#banner-arg-watermark {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
}
#banner-arg-watermark.left {
  right: initial;
  left: 1.5rem;
}
@media (max-width: 1200px) {
  #banner-arg-watermark {
    display: none;
  }
}
@font-face {
  font-family: "Aeonik-Bold";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-Bold.otf");
}


@font-face {
  font-family: "Aeonik-Black";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-Black.otf");
}

@font-face {
  font-family: "Aeonik";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-Medium.otf");
  font-weight: 600;
}
@font-face {
  font-family: "Aeonik";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-Bold.otf");
  font-weight: 700;
}
@font-face {
  font-family: "Aeonik";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-Black.otf");
  font-weight: 900;
}

@font-face {
  font-family: "Aeonik-BlackItalic";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-BlackItalic.otf");
}


@font-face {
  font-family: "Aeonik-Light";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-Light.otf");
}


@font-face {
  font-family: "Aeonik-Medium";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-Medium.otf");
}


@font-face {
  font-family: "Aeonik-Regular";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-Regular.otf");
}


@font-face {
  font-family: "Aeonik-RegularItalic";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-RegularItalic.otf");
}


@font-face {
  font-family: "Aeonik-BoldItalic";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/Aeonik-BoldItalic.otf");
}


@font-face {
  font-family: "GTWalsheimPro-Bold";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/GTWalsheimPro-Bold.ttf");
}


@font-face {
  font-family: "GTWalsheimPro-Light";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/GTWalsheimPro-Light.ttf");
}


@font-face {
  font-family: "GTWalsheimPro-Medium";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/GTWalsheimPro-Medium.ttf");
}


@font-face {
  font-family: "GTWalsheimPro-Regular";
  font-display: swap;
  src: url("https://nano-public.s3.eu-west-1.amazonaws.com/operators/betpanda/GTWalsheimPro-Regular.ttf");
}


@font-face {
  font-family: "nano-icons";
  font-display: swap;
  src: url("nano-icons.eot?t=1714928329280");
  /* IE9 */
  src: url("nano-icons.eot?t=1714928329280#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
    url("nano-icons.woff2?t=1714928329280") format("woff2"),
    url("nano-icons.woff?t=1714928329280") format("woff"),
    url("nano-icons.ttf?t=1714928329280") format("truetype"),
    /* Chrome, Firefox, Opera, Safari */
    url("nano-icons.svg?t=1714928329280#nano-icons") format("svg");
  /* iOS */
}



:root {
  --studio-icon-fill: #1fe88a;
  --studio-icon-fill-active: #fff;
  --main-background: #081521;
  --cta: #1fe88a;
  --cta-text: #fff;
  --cta-hover: #4deda2;
  --cta-active: #14c070;
  --cta-disabled: #d3d3d3;
  --cta-border: none;
  --primary: #1fe88a;
  --primary-text: #fff;
  --primary-hover: #4deda2;
  --primary-active: #14c070;
  --primary-disabled: #d3d3d3;
  --primary-border: none;
  --secondary: transperant;
  --secondary-text: white;
  --secondary-hover: rgba(255, 255, 255, 0.1);
  --secondary-disabled: #d3d3d3;
  --secondary-border: 1px solid #36e6e5;
  --secondary-popup: transperant;
  --secondary-text-popup: #707070;
  --secondary-hover-popup: #e7e7e7;
  --secondary-border-popup: 1px solid rgba(0, 0, 0, 0.12);
  --secondary-hover-text-popup: #333;
  --secondary-text-popup-disabled: rgba(0, 0, 0, 0.12);
  --disabled-text-color: rgba(255, 255, 255, 0.3);
  --account-page-menu-container: #07182b;
  --success: #1fe88a;
  --info: white;
  --warning: #f8dd8b;
  --danger: #fdaa91;
  --panel-background: #172638;
  --panel-background-dark: #0f1f32;
  --panel-text: #fff;
  --input-icon: rgba(0, 0, 0, 0.5);
  --input-icon-highlight: #1fe88a;
  --cta-link-text: #1fe88a;
  --popup-background: #07182b;
  --popup-wrapper-background: #f7f7f7;
  --popup-text: white;
  --popup-dark-text: #000;
  --popup-search: #07182b;
  --popup-search-selected: #1e324a;
  --popup-link-color: white;
  --text: #fff;
  --progress-background: #e7e7e7;
  --progressbar-background: #1fe88a;
  --link-color: #1fe88a;
  --link-hover-color: #0f9255;
  --light-border: #a8a8a8;
  --user-menu-item: #263f5c;
  --user-menu-item-text: #fff;
  --user-menu-item-hover: #355780;
  --user-menu-item-hover-text: #fff;
  --top-menu-start: #07182b;
  --top-menu: #07182b;
  --top-menu-mobile-start: transparent;
  --top-menu-mobile: #07182b;
  --top-menu-text: #fff;
  --top-menu-text-active: #ffffff;
  --top-menu-border: rgba(255, 255, 255, 0.4);
  --top-menu-mobile-item-color: #fff;
  --input-field: #fff;
  --input-text-color: white;
  --input-border-radius: 10px;
  --input-focus-text-color: white;
  --input-focus-border: 1px solid #1fe88a;
  --input-border: 1px solid white;
  --input-focus: white;
  --button-border-radius: 10px;
  --input-error-border: 1px solid #36e6e5;
  --input-error-feeback: #fdaa91;
  --search-input: #07182b;
  --search-input-text: #ffffff;
  --navigation-mobile-logged-in-icon: #000;
  --navigation-font: Aeonik-Regular, sans-serif;
  --navigation-icon: #fff;
  --nav-link-text: #fff;
  --nav-link: transparent;
  --nav-link-active: transparent;
  --nav-link-text-active: #07182b;
  --nav-link-text-hover: #fff;
  --nav-link-hover: rgba(26, 26, 26, 0);
  --drop-down: #07182b;
  --drop-down-selected: white;
  --game-controls: #fff;
  --game-controls-active: #1fe88a;
  --footer: #07182b;
  --footer-text: #fff;
  --content-steps: #fff;
  --content-steps-text: #fff;
  --button-font: Aeonik-Regular, sans-serif;
  --header-font: Aeonik-Regular, sans-serif;
  --text-font: Aeonik-Regular, sans-serif;
  --banner-text: #ffffff;
  --footer-text-font: Aeonik-Regular, sans-serif;
  --button-letter-spacing: 0rem;
  --header-letter-spacing: 0rem;
  --text-letter-spacing: 0rem;
  --navigation-letter-spacing: 0rem;
  --input-letter-spacing: normal;
  --dark-text: #a8a8a8;
  --light-text: white;
  --light-background: #172638;
  --extra-light-text: white;
  --footerInfo-background: #2f2768;
  --footerInfo-text: #fff;
  --active-list: #6c757d;
  --page-background: #120d27;
  --head-bigscreen-height: 64px;
  --head-smallscreen-height: 65px;
  --ribbon-background: #ff9b08;
  --ribbon-background-shadow: #d47e00;
  --ribbon-text: #fff;
  --breakpoint-xs: $breakpoint-xs;
  --breakpoint-sm: $breakpoint-sm;
  --breakpoint-md: $breakpoint-md;
  --breakpoint-lg: $breakpoint-lg;
  --breakpoint-xl: $breakpoint-xl;
  --footer-bg: #07101b;
}


.styled-text-list .tagline,
.hero-banner-two-columns .tagline {
  line-height: normal;
}


h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Aeonik-Regular", sans-serif;
  font-weight: normal;
}


.navbar-nav .nav-item .nav-link,
.categories-container .row .title,
.gameListSection .section-outer .title-wrapper .see-all {
  font-weight: normal;
}


.casino-tab-view h1,
.casino-tab-view h2,
.casino-tab-view h3,
.casino-tab-view h4,
.casino-tab-view h5,
.casino-tab-view h6 {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
  text-transform: capitalize !important;
}


.casino-tab-view h2 {
  font-weight: 400;
}


body {
  color: #fff;
}


.form-control.wrapper-area textarea {
  color: #000 !important;
}


.loggedinContainer .account-button {
  position: relative;
}


.loggedinContainer .account-button .unread-notifications.floating {
  top: -2px;
  right: -5px;
  color: #07182b;
}


.onboardingRegisterWrapper .register-form-container button.btn.btn-cta {
  background-color: #1fe88a;
  color: var(--main-background);
}


.main-menu-container.header.mobile .headerMiddle {
  text-align: center;
  width: unset;
}


.main-menu-container.header.mobile .logo {
  width: 150px;
  max-width: 150px;
}


.main-menu-container.header.mobile.logged-in .logo {
  width: 130px;
  max-width: 130px;
}


.main-menu-container .btn.btn-secondary,
.main-menu-container a.btn:not([href]):not([tabindex]).btn-secondary,
.btn,
button.btn,
a.btn:not([href]):not([tabindex]),
.main-menu-container .btn.small,
.main-menu-container a.btn:not([href]):not([tabindex]).small {
  text-transform: capitalize;
}


.currency-list-container.button .currency-selector-list.button-container .btn {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  height: auto;
  line-height: 20px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  color: #07111b;
  font-family: "Inter", sans-serif !important;
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
}


.main-menu-container .btn.small,
.main-menu-container a.btn:not([href]):not([tabindex]).small {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: "Aeonik-Medium", sans-serif;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 32px;
}


.btn.btn-secondary:hover:not([disabled]),
a.btn:not([href]):not([tabindex]).btn-secondary:hover:not([disabled]) {
  background-color: transparent;
  box-shadow: inset 0 0 7px #36e6e5, 0 0 7px #36e6e5;
}


.game-view-container.with-background .game-container,
.game-view-container.with-background .game-head-section {
  background-color: #172638;
}


.currency-list-container.active {
  background: linear-gradient(90deg, #0b1927 0%, #0f2030 100%);
  color: #1fe883;
}


.desktop-logo-container .logo {
  width: 130px;
}


.navbar-nav .desktop-top-menu-nav .nav-link,
.navbar-nav.top-menu-nav .nav-link,
.vertical-navbar-nav .desktop-top-menu-nav .nav-link,
.vertical-navbar-nav.top-menu-nav .nav-link {
  text-transform: none;
}


.navbar-nav .desktop-top-menu-nav .nav-link {
  font-size: 16px;
  font-family: "Aeonik-Medium", sans-serif;
}


.main-menu-container .lngAndButtonWrap {
  padding-top: 3px;
}


.main-menu-container .lngAndButtonWrap .btn.register-link {
  background-color: var(--cta) !important;
  color: #000 !important;
  font-family: "Inter", sans-serif !important;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  width: auto !important;
  min-width: auto;
  padding: 10px 24px;
  font-weight: 700;
}


.main-menu-container.scrolled {
  background: var(--main-background);
}


.desktop-side-menu {
  background: #07182b;
}


.desktop-side-menu .logged-out-items .btn.btn-cta {
  background-color: #1fe88a;
  color: var(--main-background);
  text-transform: uppercase;
  font-family: "Aeonik-Black", sans-serif;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
  height: auto;
}


.desktop-side-menu .logged-out-items .btn.btn-cta:hover {
  color: #1fe88a !important;
}


.desktop-side-menu .logged-out-items .btn.btn-secondary-popup {
  color: #fff;
  border: 0.05em solid #36e6e5 !important;
  box-shadow: inset 0 0 1px #36e6e5, 0 0 1px #36e6e5;
  font-family: "Aeonik-Medium", sans-serif;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
  height: auto;
}


.desktop-side-menu .logged-out-items .btn.btn-secondary-popup:hover {
  box-shadow: inset 0 0 7px #36e6e5, 0 0 7px #36e6e5;
  background-color: transparent;
}


.desktop-side-menu .menu-items .nav-link {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 8px 16px;
}


.desktop-side-menu .footer-items {
  border-top: none;
  padding-top: 0;
}


.desktop-side-menu .footer-items .nav-link {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 8px 16px;
}


.desktop-side-menu .footer-items .app-install-container {
  margin-top: 2rem;
}


.desktop-side-menu .side-menu-content .image {
  height: 100px;
  margin-bottom: 2rem;
}


.desktop-side-menu .language-menu-container .dropbtn {
  border: 1px solid rgba(255, 255, 255, 0.4);
}


.desktop-side-menu .language-menu-container .dropbtn .material-icons {
  color: #fff;
}


.language-menu-container .dropbtn .flagIcon {
  display: flex;
  justify-content: center;
}


.language-menu-container .dropbtn .flagIcon img {
  display: none;
}


.language-menu-container .dropbtn .flagIcon::before {
  content: url("https://images.ctfassets.net/d60p0ocvjh9m/WeiAyOWLsB8qOoyo6lYE7/b9ef41541bd88298202515b1f5678858/lang-1.svg");
  width: 20px;
  height: 20px;
}


.language-menu-container .dropdown-content .dropdownItem img {
  display: none;
}


.language-menu-container .dropdown-content .dropdownItem .item span:has(img[alt="TR"]) {
  padding-left: 15px !important;
}


.language-menu-container .dropdown-content .dropdownItem .item span:has(img[alt="TR"])::before {
  content: "TR";
  margin-right: 6px;
}


.language-menu-container .dropdown-content.clicked {
  background-color: #0f1f32;
  background: #0b1926;
}


.language-menu-container .dropdownItem .item:hover {
  background-color: #172638;
}


.desktop-side-menu .nav-link,
.desktop-side-menu .footer-items .nav-link {
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.8);
  font-weight: normal;
  font-size: 100%;
}


.desktop-side-menu .side-menu-content .title {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
  line-height: 18px;
  padding-left: 15px;
  padding-right: 15px;
}


.menuContainer,
.menu-button,
a.menu-button,
a.menu-button:not([href]) {
  background-color: #0f1f32;
}


.btn {
  color: var(--main-background);
  font-weight: normal;
}


.btn.top-deposit {
  background-color: var(--cta) !important;
  color: #000 !important;
  font-family: "Aeonik-Black", sans-serif !important;
}


.banner-carousel-container .centered-banner .action-content .btn-banner {
  color: var(--main-background);
  font-family: "Aeonik-Black", sans-serif;
}


.btn,
button.btn,
a.btn:not([href]):not([tabindex]) {
  font-weight: normal;
}


.btn.btn-cta,
.btn.btn-primary,
button.btn.btn-cta,
button.btn.btn-primary,
a.btn:not([href]):not([tabindex]).btn-cta,
a.btn:not([href]):not([tabindex]).btn-primary {
  background-color: transparent;
  color: #07111b;
  border: 0.05em solid #1fe88a;
  box-shadow: inset 0 0 1px #1fe88a, 0 0 1px #1fe88a;
  text-transform: none;
  border-radius: 4px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%) !important;
  font-family: "Inter", sans-serif !important;
  font-style: normal;
  font-weight: 700;
}


.btn.btn-cta:hover:not([disabled]),
.btn.btn-cta.hover,
.btn.btn-primary:hover:not([disabled]),
.btn.btn-primary.hover,
button.btn.btn-cta:hover:not([disabled]),
button.btn.btn-cta.hover,
button.btn.btn-primary:hover:not([disabled]),
button.btn.btn-primary.hover,
a.btn:not([href]):not([tabindex]).btn-cta:hover:not([disabled]),
a.btn:not([href]):not([tabindex]).btn-cta.hover,
a.btn:not([href]):not([tabindex]).btn-primary:hover:not([disabled]),
a.btn:not([href]):not([tabindex]).btn-primary.hover {
  background-color: transparent;
  border: 0.05em solid #1fe88a;
  box-shadow: inset 0 0 7px #1fe88a, 0 0 7px #1fe88a;
}


.btn.btn-cta:active,
.btn.btn-cta:active:hover,
.btn.btn-cta.active,
.btn.btn-cta:focus,
.btn.btn-cta:focus:hover,
.btn.btn-primary:active,
.btn.btn-primary:active:hover,
.btn.btn-primary.active,
.btn.btn-primary:focus,
.btn.btn-primary:focus:hover,
button.btn.btn-cta:active,
button.btn.btn-cta:active:hover,
button.btn.btn-cta.active,
button.btn.btn-cta:focus,
button.btn.btn-cta:focus:hover,
button.btn.btn-primary:active,
button.btn.btn-primary:active:hover,
button.btn.btn-primary.active,
button.btn.btn-primary:focus,
button.btn.btn-primary:focus:hover,
a.btn:not([href]):not([tabindex]).btn-cta:active,
a.btn:not([href]):not([tabindex]).btn-cta:active:hover,
a.btn:not([href]):not([tabindex]).btn-cta.active,
a.btn:not([href]):not([tabindex]).btn-cta:focus,
a.btn:not([href]):not([tabindex]).btn-cta:focus:hover,
a.btn:not([href]):not([tabindex]).btn-primary:active,
a.btn:not([href]):not([tabindex]).btn-primary:active:hover,
a.btn:not([href]):not([tabindex]).btn-primary.active,
a.btn:not([href]):not([tabindex]).btn-primary:focus,
a.btn:not([href]):not([tabindex]).btn-primary:focus:hover {
  background-color: transparent;
  border: 0.05em solid #1fe88a;
}


.btn.btn-cta:disabled,
.btn.btn-cta.disabled,
.btn.btn-primary:disabled,
.btn.btn-primary.disabled,
button.btn.btn-cta:disabled,
button.btn.btn-cta.disabled,
button.btn.btn-primary:disabled,
button.btn.btn-primary.disabled,
a.btn:not([href]):not([tabindex]).btn-cta:disabled,
a.btn:not([href]):not([tabindex]).btn-cta.disabled,
a.btn:not([href]):not([tabindex]).btn-primary:disabled,
a.btn:not([href]):not([tabindex]).btn-primary.disabled {
  background-color: transparent;
  border: 0.05em solid #1fe88a;
  border-color: var(--disabled-text-color);
}


/* Trophy icon (scoped so the shared takeof icon elsewhere is untouched) */
a.wc-750k-race i.custom-icon-takeof::before { content: "\ea3c"; }
a.wc-750k-race i.custom-icon-takeof { color: #96adc1; }

/* Two-line label */
a.wc-750k-race.submenu-link { align-items: center; }
a.wc-750k-race .wc-label {
  display: flex; flex-direction: column; line-height: 1.05; margin-left: 2px;
}
a.wc-750k-race .wc-amount {
  font-size: 12px; font-weight: 800; color: #fff; letter-spacing: .2px;
}
a.wc-750k-race .wc-sub {
  font-size: 10px; font-weight: 600; color: #96abc1;
}

/* Days badge with green ring */
a.wc-750k-race .wc-days {
  margin-left: auto;
  font-size: 10px; font-weight: 800; color: #1FE88A;
  padding: 3px 7px; line-height: 1; white-space: nowrap;
  border: 1px solid #1FE88A; border-radius: 7px;
  box-shadow: 0 0 8px rgba(31,232,138,.45);
}

a.submenu-link.weekly-raffle-deco { align-items: center; }
a.submenu-link.weekly-raffle-deco i { color: #00d1ff; }

a.submenu-link.weekly-raffle-deco .rf-label {
  display: flex; flex-direction: column; line-height: 1.05; margin-left: 2px;
}
a.submenu-link.weekly-raffle-deco .rf-amount {
  font-size: 12px; font-weight: 800; color: #fff; letter-spacing: .2px;
}
a.submenu-link.weekly-raffle-deco .rf-sub {
  font-size: 10px; font-weight: 600; color: #96abc1;
}
a.submenu-link.weekly-raffle-deco .rf-days {
  margin-left: auto;
  font-size: 10px; font-weight: 800; color: #00d1ff;
  padding: 3px 7px; line-height: 1; white-space: nowrap;
  border: 1px solid #00d1ff; border-radius: 7px;
  box-shadow: 0 0 8px rgba(0,209,255,.45);
}


.btn.btn-filled,
button.btn.btn-filled,
a.btn:not([href]):not([tabindex]).btn-filled {
  background: #1fe88a;
  font-size: 20px;
  text-transform: none;
  padding-top: 12px;
  margin-top: 25px;
}


.btn.btn-filled:hover:not([disabled]),
.btn.btn-filled.hover,
button.btn.btn-filled:hover:not([disabled]),
button.btn.btn-filled.hover,
a.btn:not([href]):not([tabindex]).btn-filled:hover:not([disabled]),
a.btn:not([href]):not([tabindex]).btn-filled.hover {
  box-shadow: inset 0 0 7px #1fe88a, 0 0 7px #1fe88a;
}


.btn.btn-secondary,
button.btn.btn-secondary,
a.btn:not([href]):not([tabindex]).btn-secondary {
  background-color: var(--secondary);
  color: var(--secondary-text);
  border: var(--secondary-border);
  box-shadow: none;
  text-transform: none;
}


.btn.btn-secondary.xsmall,
button.btn.btn-secondary.xsmall,
a.btn:not([href]):not([tabindex]).btn-secondary.xsmall {
  font-size: 95%;
  height: 30px;
  padding: 5px 10px;
}


.btn.btn-secondary:disabled,
.btn.btn-secondary.disabled,
button.btn.btn-secondary:disabled,
button.btn.btn-secondary.disabled,
a.btn:not([href]):not([tabindex]).btn-secondary:disabled,
a.btn:not([href]):not([tabindex]).btn-secondary.disabled {
  background-color: var(--secondary-disabled);
  color: var(--disabled-text-color);
}


.account-page-menu-container .nav-link.active,
.account-page-menu-container a.nav-link:not([href]):not([tabindex]).active {
  background-color: #172638;
}


.currency-selector-dropdown {
  background-color: #0b1926;
  border: 1px solid #213344;
  border-radius: 4px;
}


.currency-list-container:hover {
  background-color: #172638;
  color: #fff;
}


.crypto-qr-container {
  margin-top: 1rem;
}


.crypto-address.crypto-address-flash {
  margin-top: 1rem;
  background-color: #1fe88a;
  border: none;
  color: #0f1f32;
  font-family: "Aeonik-Bold", sans-serif;
}


#pageContainer .root-wrapper .taglines {
  text-transform: none;
}


.bottom-menu .mobile-menu-item.active .icon,
.bottom-menu .mobile-menu-item.active .menu-text,
.bottom-menu .mobile-menu-item.active .custom-icon,
.bottom-menu .mobile-menu-item:hover .icon,
.bottom-menu .mobile-menu-item:hover .menu-text,
.bottom-menu .mobile-menu-item:hover .custom-icon {
  color: #1fe88a;
}


.bottom-menu .mobile-menu-item .icon {
  font-size: unset;
  height: 20px;
}


.bottom-menu .mobile-menu-item .icon i {
  margin-right: 0;
  font-size: 20px;
}


#mainNav .navbar-nav {
  padding: 0 45px;
  align-items: center;
  padding-right: 0;
}


.hero-banner-two-columns .group.feature-card.link-card {
  width: 100%;
  min-width: 100%;
}


.hero-banner-two-columns .group.feature-card.link-card .card-with-link {
  margin-left: 0 !important;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}


.hero-banner-two-columns .group.feature-card.link-card .card-with-link a.feature-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 15px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  width: 32.6%;
  min-width: 360px;
}


@media (max-width: 1200px) {
  .hero-banner-two-columns .group.feature-card.link-card .card-with-link a.feature-link {
    width: 100%;
  }
}


@media (max-width: 768px) {
  .hero-banner-two-columns .group.feature-card.link-card .card-with-link a.feature-link {
    width: 31.33%;
  }
}


@media (max-width: 991px) {
  .main-menu-container .headerLeft:not(.head) {
    display: none;
  }
}


.hero-banner-two-columns .group.feature-card.link-card .card-with-link a.feature-link:hover {
  text-decoration: none;
}


.hero-banner-two-columns .group.feature-card.link-card .card-with-link a.feature-link:not(:last-child) {
  margin-right: 1%;
}


@media (max-width: 768px) {
  .hero-banner-two-columns .group.feature-card.link-card .card-with-link a.feature-link:not(:last-child) {
    margin-right: 3%;
  }
}


.hero-banner-two-columns .group.feature-card .tagline.text {
  margin-left: 20px;
}


.hero-banner-two-columns .group.feature-card .tagline.text h1,
.hero-banner-two-columns .group.feature-card .tagline.text h2,
.hero-banner-two-columns .group.feature-card .tagline.text h3,
.hero-banner-two-columns .group.feature-card .tagline.text h4,
.hero-banner-two-columns .group.feature-card .tagline.text h5,
.hero-banner-two-columns .group.feature-card .tagline.text h6 {
  font-size: 18px;
  font-family: "Aeonik-Black", sans-serif;
  margin-bottom: 0;
  text-transform: capitalize;
}


.hero-banner-two-columns .group.feature-card .tagline.text h1 i,
.hero-banner-two-columns .group.feature-card .tagline.text h2 i,
.hero-banner-two-columns .group.feature-card .tagline.text h3 i,
.hero-banner-two-columns .group.feature-card .tagline.text h4 i,
.hero-banner-two-columns .group.feature-card .tagline.text h5 i,
.hero-banner-two-columns .group.feature-card .tagline.text h6 i {
  font-style: normal;
}


.hero-banner-two-columns .group.feature-card .tagline.text h1 b,
.hero-banner-two-columns .group.feature-card .tagline.text h2 b,
.hero-banner-two-columns .group.feature-card .tagline.text h3 b,
.hero-banner-two-columns .group.feature-card .tagline.text h4 b,
.hero-banner-two-columns .group.feature-card .tagline.text h5 b,
.hero-banner-two-columns .group.feature-card .tagline.text h6 b {
  font-family: "Aeonik-Black", sans-serif;
}


.hero-banner-two-columns .group.feature-card .tagline.text span {
  font-size: 14px;
  font-family: "Aeonik-Regular", sans-serif;
  line-height: 16px;
  display: block;
  opacity: 0.7;
}


@media (max-width: 576px) {
  .hero-banner-two-columns .group.feature-card .tagline.text span {
    font-size: 14px;
    line-height: 16px;
  }
}


.hero-banner-two-columns .group.feature-card .tagline.arrow {
  align-self: flex-end;
  margin-left: 30px;
}


@media (max-width: 576px) {
  .hero-banner-two-columns .group.feature-card .tagline.arrow {
    margin-left: 0;
  }
}


.hero-banner-two-columns .group.feature-card .tagline.icon {
  margin-bottom: 0;
}


.hero-banner-two-columns.promotions-page-content h1,
.hero-banner-two-columns.promotions-page-content h2,
.hero-banner-two-columns.promotions-page-content h3,
.hero-banner-two-columns.promotions-page-content h4,
.hero-banner-two-columns.promotions-page-content h5,
.hero-banner-two-columns.promotions-page-content h6,
.hero-banner-two-columns.promotions-page-content .h7 span {
  text-align: left;
  font-family: "Aeonik-BlackItalic", sans-serif;
  margin-top: 2rem;
  margin-bottom: 2rem;
  color: #f6f6f6;
}


.hero-banner-two-columns.promotions-page-content h1 {
  font-size: 36px;
}


.hero-banner-two-columns.promotions-page-content h2 {
  font-size: 28px;
}


.hero-banner-two-columns.promotions-page-content h3 {
  font-size: 24px;
}


.hero-banner-two-columns.promotions-page-content h4 {
  font-size: 20px;
}


.hero-banner-two-columns.promotions-page-content h5 {
  font-size: 16px;
}


.hero-banner-two-columns.promotions-page-content h6 {
  font-size: 14px;
}


.hero-banner-two-columns.promotions-page-content .h7 {
  font-size: 12px;
}


.hero-banner-two-columns.promotions-page-content .bold-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #f6f6f6;
}


.hero-banner-two-columns.promotions-page-content .regular-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #f6f6f6;
}


.hero-banner-two-columns.promotions-page-content .btn {
  display: flex;
  width: fit-content;
  height: auto;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
}


.hero-banner-two-columns.promotions-page-content .btn.btn-filled {
  padding-top: 9px;
  padding-bottom: 9px;
  min-width: 220px;
}


.hero-banner-two-columns.promotions-page-content .btn.btn-filled span {
  font-family: "Aeonik-Black", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}


.hero-banner-two-columns.promotions-page-content .btn.btn-secondary {
  padding-top: 9px;
  padding-bottom: 9px;
}


.hero-banner-two-columns.promotions-page-content .btn.btn-secondary span {
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 16px;
}


.hero-banner-two-columns.promotions-page-content ol,
.hero-banner-two-columns.promotions-page-content ul {
  margin-left: -20px;
}


.hero-banner-two-columns.promotions-hero .taglines {
  flex: 100%;
  max-width: 100%;
}


.hero-banner-two-columns.promotions-hero .taglines .tagline img {
  height: 500px;
  max-width: 100%;
  width: 100%;
}


.hero-banner-two-columns.promotions-hero .taglines .tagline img.promotions-hero-bg {
  display: block;
}


@media (max-width: 992px) {
  .hero-banner-two-columns.promotions-hero .taglines .tagline img.promotions-hero-bg {
    display: none;
  }
}


.hero-banner-two-columns.promotions-hero .taglines .tagline img.promotions-hero-bg-small {
  display: none;
}


@media (max-width: 992px) {
  .hero-banner-two-columns.promotions-hero .taglines .tagline img.promotions-hero-bg-small {
    display: block;
  }
}


.hero-banner-two-columns.promotions-hero .taglines-group {
  height: 500px;
  margin-top: -500px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


.hero-banner-two-columns.features {
  margin-top: -180px;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.features {
    margin-top: -190px;
  }
}


.hero-banner-two-columns.features .row .col-md-6 {
  display: none;
}


@media (max-width: 1200px) {
  .hero-banner-two-columns.features .row {
    padding-right: 15px;
  }
}


.hero-banner-two-columns.features .taglines-group {
  display: flex;
  overflow: hidden;
}


.hero-banner-two-columns.features .taglines-group .group.feature-card {
  width: 100%;
}


@media (max-width: 1200px) {
  .hero-banner-two-columns.features .taglines-group .group.feature-card {
    width: 100%;
  }
}


@media (max-width: 768px) {
  .hero-banner-two-columns.features .taglines-group .group.feature-card {
    width: 31.33%;
  }
}


.hero-banner-two-columns.features .taglines-group .group.feature-card .text.blue i {
  color: #36e6e5;
}


.hero-banner-two-columns.features .taglines-group .group.feature-card .text.pink i {
  color: #ff4af7;
}


.hero-banner-two-columns.features .taglines-group .group.feature-card img {
  width: 70px;
}


.hero-banner-two-columns.features .taglines-group .group.feature-card:not(:last-child) {
  margin-right: 1%;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.features .taglines-group .group.feature-card:not(:last-child) {
    margin-right: 3%;
  }
}


.hero-banner-two-columns.cards-with-image {
  margin-top: 3rem;
}


@media (min-width: 1200px) {
  .hero-banner-two-columns.cards-with-image .container {
    max-width: 960px;
  }
}


.hero-banner-two-columns.cards-with-image .container .row .col-md-12.taglines-group {
  display: flex;
  gap: 2%;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.cards-with-image .container .row .col-md-12.taglines-group {
    flex-direction: column;
    gap: 0;
  }
}


.hero-banner-two-columns.cards-with-image .container .row .col-md-12.taglines-group .card {
  background-color: transparent;
  flex: 1 1;
  display: flex;
  justify-content: space-between;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.cards-with-image .container .row .col-md-12.taglines-group .card {
    margin-bottom: 2rem;
  }
}


.hero-banner-two-columns.cards-with-image .container .row .col-md-12.taglines-group .card img {
  width: 100%;
}


.hero-banner-two-columns.cards-with-image .container .row .col-md-12.taglines-group .card h1 {
  font-family: Aeonik-Bold, sans-serif;
  font-size: 20px;
  margin-top: 1rem;
}


.hero-banner-two-columns.cards-with-image .container .row .col-md-12.taglines-group .card span {
  text-align: center;
  display: block;
  line-height: 22px;
}


.hero-banner-two-columns.cards-with-image .container .row .col-md-12.taglines-group .card .btn {
  width: fit-content;
  margin: 0 auto;
  margin-top: 1.5rem;
}


.hero-banner-two-columns.hero-top-banner {
  padding-top: 10px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 1500px;
  background-position-y: -1em;
  padding-bottom: 200px;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.hero-top-banner {
    margin-bottom: 2rem;
    padding-bottom: 180px;
  }
}


.hero-banner-two-columns.hero-top-banner .row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}


.hero-banner-two-columns.hero-top-banner .col-md-6 {
  display: none;
}


.hero-banner-two-columns.hero-top-banner .col-md-6.taglines {
  display: block;
  max-width: 400px;
  flex: 0 0 100%;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}


.hero-banner-two-columns.hero-top-banner .col-md-6.taglines .tagline.ribbon {
  background: #36e6e5;
  background-color: #36e6e5;
  color: var(--main-background);
  font-size: 14px;
  font-family: "Aeonik-BlackItalic", sans-serif;
  left: -50px;
  padding: 8px 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 30px;
  transform: rotate(-45deg);
  white-space: nowrap;
  width: 190px;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.hero-top-banner .col-md-6.taglines .tagline.ribbon {
    left: -40px;
    top: 30px;
    width: 160px;
  }
}


.hero-banner-two-columns.hero-top-banner .landingpage-hero-border-small {
  display: block;
  height: 400px;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}


.hero-banner-two-columns.hero-top-banner .hero-title {
  line-height: 1.2;
  color: #1fe88a;
  font-family: "Aeonik-Black", sans-serif;
  font-size: 38px;
  text-transform: uppercase;
}


.hero-banner-two-columns.hero-top-banner .hero-title span {
  display: block;
  line-height: 44px;
}


.hero-banner-two-columns.hero-top-banner .hero-title b {
  color: #1fe88a;
  background: #1fe88a;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


.hero-banner-two-columns.hero-top-banner .hero-sub-title {
  text-align: center;
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
  margin-top: 12px;
  font-family: "Aeonik-Bold", sans-serif;
}


.hero-banner-two-columns.hero-top-banner .btn {
  min-width: 260px;
  -webkit-animation: signup-button-pulse 2s infinite;
  animation: signup-button-pulse 2s infinite;
  box-shadow: 0 0 0 0 #1fe88a;
  margin-top: 20px;
}


.hero-banner-two-columns.hero-top-banner .btn span {
  font-family: "Aeonik-Black", sans-serif;
  text-transform: uppercase;
}


.hero-banner-two-columns.hero-top-banner .taglines-group {
  height: 400px;
  margin-top: -400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.hero-banner-two-columns.hero-top-banner .taglines-group .group {
  padding-left: 15px;
  padding-right: 15px;
}


.hero-banner-two-columns.hero-top-banner .taglines-group .group.hero-content {
  text-align: center;
  max-width: 400px;
}


.hero-banner-two-columns.hero-top-banner .taglines-group .group.play-instantly {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 560px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}


.hero-banner-two-columns.hero-top-banner .taglines-group .group.play-instantly .tagline.title {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-family: "Aeonik-Regular", sans-serif;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.hero-top-banner .taglines-group .group.play-instantly .tagline.title {
    font-size: 14px;
  }
}


.hero-banner-two-columns.hero-top-banner .taglines-group .group.play-instantly .tagline.coin {
  margin-left: 10px;
  margin-right: 10px;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.hero-top-banner .taglines-group .group.play-instantly .tagline.coin {
    margin-left: 7px;
    margin-right: 7px;
  }
}


.hero-banner-two-columns.hero-top-banner .taglines-group .group.play-instantly .tagline.coin img {
  width: 30px;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.hero-top-banner .taglines-group .group.play-instantly .tagline.coin img {
    width: 30px;
  }
}


@-webkit-keyframes signup-button-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(30, 255, 151, 0.5);
    transform: scale(0.95);
  }

  70% {
    box-shadow: 0 0 0 10px transparent;
    transform: scale(1);
  }

  100% {
    box-shadow: 0 0 0 0 transparent;
    transform: scale(0.95);
  }
}


@keyframes signup-button-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(30, 255, 151, 0.5);
    transform: scale(0.95);
  }

  70% {
    box-shadow: 0 0 0 10px transparent;
    transform: scale(1);
  }

  100% {
    box-shadow: 0 0 0 0 transparent;
    transform: scale(0.95);
  }
}


.title-with-icon {
  display: flex;
}


.title-with-icon img {
  width: 20px;
}


.title-with-icon .title {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
}


.title-with-icon .icon {
  margin-right: 0;
}


.title-with-icon .icon span {
  display: flex;
}


.title-with-icon.promotions {
  margin-top: 0;
}


.title-with-icon.promotions .row {
  margin-left: 0;
  margin-right: 0;
  align-items: center;
  margin-bottom: 7px;
  margin-top: 24px;
}


.title-with-icon.promotions .row .tagline.title {
  font-size: 18px;
}


.hero-banner-two-columns.promotions .taglines-group .group {
  margin-top: 16px;
}


.hero-banner-two-columns.promotions .text.blue i {
  color: #36e6e5;
}


.hero-banner-two-columns.promotions .text.pink i {
  color: #ff4af7;
}


.user-modal.success-modal .modal-close-btn {
  top: 0;
  right: 0;
  background: transparent;
  padding: 16px;
}


.user-modal.success-modal .modal-container {
  display: flex;
  flex-direction: column;
}


.user-modal.success-modal .modal-container .modal-body {
  order: 1;
  margin-top: 2rem;
  height: 200px;
  padding: 0;
}


.user-modal.success-modal .modal-container .modal-body p {
  display: none;
}


.user-modal.success-modal .modal-container .modal-header {
  order: 2;
  padding-top: 15px;
}


.user-modal.success-modal .modal-container .modal-footer {
  display: flex;
  flex-direction: column;
  order: 3;
  height: 200px;
}


.user-modal.success-modal .modal-container .modal-footer .btn {
  display: none;
}


.user-modal.success-modal .modal-container .modal-footer .deposit {
  display: none;
}


.user-modal.success-modal .modal-container .modal-footer span {
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  background-color: #1fe88a;
  color: #07111b;
  font-family: "Inter", sans-serif !important;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  height: auto;
  padding: 8px 15px;
  text-transform: capitalize;
  border: 0.05em solid #1fe88a;
  border-radius: 4px;
  width: 100%;
  font-style: normal;
}


.user-modal.success-modal .modal-container .modal-footer span:hover {
  border: 0.05em solid #1fe88a;
  box-shadow: inset 0 0 7px #1fe88a, 0 0 7px #1fe88a;
}


.user-modal.success-modal .modal-container .modal-footer:after {
  order: 3;
}


.user-modal.success-modal .modal-container .modal-wrapper {
  padding-bottom: 2rem;
}


.modal.show:has(> .user-modal.mobile.login-modal),
.modal.show:has(> .user-modal.mobile.registration-modal),
.modal.show:has(> .user-modal.mobile.recover-modal),
.modal.show:has(> .user-modal.mobile.success-modal),
.modal.show:has(> .user-modal.mobile.verify-modal) {
  background: var(--main-background);
}


@media (max-width: 576px) {
  .modal.show:has(> .user-modal.mobile.success-modal) {
    background: rgba(7, 17, 27, 0.8) !important;
    padding-right: 0 !important;
  }
  .user-modal.mobile.success-modal {
    background-color: transparent !important;
    align-items: center !important;
  }
  .user-modal.mobile.success-modal .modal-content {
    height: auto;
  }
  .user-modal.success-modal .modal-container .modal-body {
    margin-top: 1.5rem;
  }
  .user-modal.success-modal .modal-container .modal-footer {
    margin: 1.5rem;
    margin-top: 0;
  }
  .user-modal.success-modal .modal-footer:after {
    width: calc(100% - 48px);
  }
}


.user-modal.login-modal .modal-footer:after,
.user-modal.registration-modal .modal-footer:after,
.user-modal.recover-modal .modal-footer:after {
  content: "";
  margin-top: 2rem;
  position: absolute;
  bottom: 40px;
}


.user-modal.success-modal .modal-wrapper.success {
  height: auto;
  background-color: #081521;
  border: 1px solid #213344;
  padding: 0;
}


.user-modal.success-modal .modal-body {
  text-align: center;
}


.user-modal.success-modal .modal-body h4 {
  display: none;
}


.user-modal.success-modal .modal-body:before {
  content: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/Main_a728350f56.svg");
  display: block;
}


.user-modal.success-modal .modal-body:after {
  content: "";
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  background: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/Group_121417923_9a0e4963f3.png");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 148px;
  width: 100%;
  position: absolute;
  left: 0;
}


.user-modal.success-modal .modal-footer {
  margin-top: 5rem;
  margin: 2rem;
  padding: 0;
}


.user-modal.success-modal .modal-footer:after {
  position: absolute;
  content: "";
  background: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/Group_121417924_e1accaea91.png");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 200px;
  width: calc(100% - 64px);
}


.user-modal.mobile.success-modal .modal-close-btn {
  top: unset;
  right: 0;
}


.user-modal.verify-modal .modal-container {
  padding-bottom: 2rem;
  text-align: center;
}


.user-modal.verify-modal .modal-container:after {
  content: url("https://d3ec3n7kizfkuy.cloudfront.net/Betpanda_io_logo_White_Green_a996310ebb.svg");
  margin-top: 2rem;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, -50%);
}


.user-modal.verify-modal .modal-container .modal-header {
  padding-top: 5rem;
  padding-bottom: 20px;
}


.user-modal.mobile.verify-modal:after {
  content: url("https://d3ec3n7kizfkuy.cloudfront.net/Betpanda_io_logo_White_Green_a996310ebb.svg");
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}


.user-modal.mobile.verify-modal .modal-container:after {
  display: none;
}


.user-modal.mobile.login-modal,
.user-modal.mobile.registration-modal,
.user-modal.mobile.recover-modal,
.user-modal.mobile.success-modal,
.user-modal.mobile.verify-modal {
  background: var(--main-background);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  background-color: #081521;
}


.user-modal.mobile.login-modal:after,
.user-modal.mobile.registration-modal:after,
.user-modal.mobile.recover-modal:after,
.user-modal.mobile.success-modal:after,
.user-modal.mobile.verify-modal:after {
  content: url("https://d3ec3n7kizfkuy.cloudfront.net/Betpanda_io_logo_White_Green_a996310ebb.svg");
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}


.user-modal.mobile.login-modal .modal-content .modal-wrapper.active,
.user-modal.mobile.registration-modal .modal-content .modal-wrapper.active,
.user-modal.mobile.recover-modal .modal-content .modal-wrapper.active,
.user-modal.mobile.success-modal .modal-content .modal-wrapper.active,
.user-modal.mobile.verify-modal .modal-content .modal-wrapper.active {
  box-shadow: none;
}


.user-modal.mobile.login-modal .modal-footer:after,
.user-modal.mobile.registration-modal .modal-footer:after,
.user-modal.mobile.recover-modal .modal-footer:after,
/* .user-modal.mobile.success-modal .modal-footer:after, */
.user-modal.mobile.verify-modal .modal-footer:after {
  display: none;
}


.user-modal.mobile.success-modal:after {
  content: url("");
}


.cashier-modal .paymentSelectorButton .dropdownItem .item {
  padding: 9px 15px;
}


.cashier-modal .cashier-inner-container .amount-input .input-wrapper .form-control {
  padding: 11px 15px;
}


.cashier-modal .cashier-inner-container .button-wrapper .button .btn.btn-cta {
  height: auto;
  padding: 10px 15px;
}


.success-modal .modal-body h4 {
  text-align: center;
  font-family: "Aeonik-Black", sans-serif;
  font-size: 28px;
}


.success-modal .modal-body .info {
  text-align: center;
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}


.success-modal .modal-footer .btn.btn-cta {
  background: #1fe88a;
  background-color: #1fe88a;
  color: #07182b;
  font-family: "Aeonik-Black", sans-serif;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  height: auto;
  padding: 8px 15px;
  text-transform: capitalize;
}


.success-modal .modal-footer .btn.btn-cta:hover {
  background: #1fe88a;
  background-color: #1fe88a;
}


.success-modal .modal-footer .deposit {
  font-size: 14px;
  color: #36e6e5;
  font-family: "Aeonik-BoldItalic", sans-serif;
  cursor: pointer;
  margin-left: 0;
  margin-right: 0;
}


.registration-modal .modal-container,
.login-modal .modal-container,
.recover-modal .modal-container,
.verify-modal .modal-container {
  min-height: 480px;
  display: flex;
  flex-direction: column;
  padding-left: 380px;
  padding-right: 0;
  position: relative;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
}


.registration-modal .modal-body,
.login-modal .modal-body,
.recover-modal .modal-body,
.verify-modal .modal-body {
  flex: none;
}


.registration-modal .form .btn:not(:disabled):not(.disabled),
.registration-modal .form .btn.btn-cta:disabled,
.registration-modal .form .btn.btn-cta.disabled,
.login-modal .form .btn:not(:disabled):not(.disabled),
.login-modal .form .btn.btn-cta:disabled,
.login-modal .form .btn.btn-cta.disabled,
.recover-modal .form .btn:not(:disabled):not(.disabled),
.recover-modal .form .btn.btn-cta:disabled,
.recover-modal .form .btn.btn-cta.disabled,
.verify-modal .form .btn:not(:disabled):not(.disabled),
.verify-modal .form .btn.btn-cta:disabled,
.verify-modal .form .btn.btn-cta.disabled {
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  background-color: #1fe88a;
  color: #07111b;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  height: auto;
  padding: 14px;
  font-style: normal;
  line-height: 20px;
  border-radius: 4px;
}


.registration-modal .form input.form-control,
.login-modal .form input.form-control,
.recover-modal .form input.form-control,
.verify-modal .form input.form-control {
  border: 1px solid #213344;
  background-color: inherit;
  font-family: "Inter", sans-serif;
  height: auto;
  padding: 14px 24px;
  color: #f5f7f8;
  font-size: 16px;
  border-radius: 4px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


.registration-modal .form input:-webkit-autofill:hover,
.registration-modal .form input:-webkit-autofill:focus,
.registration-modal .form textarea:-webkit-autofill:hover,
.registration-modal .form textarea:-webkit-autofill:focus,
.registration-modal .form select:-webkit-autofill:hover,
.registration-modal .form select:-webkit-autofill:focus,
.registration-modal .form input:-webkit-autofill,
.login-modal .form input:-webkit-autofill:hover,
.login-modal .form input:-webkit-autofill:focus,
.login-modal .form textarea:-webkit-autofill:hover,
.login-modal .form textarea:-webkit-autofill:focus,
.login-modal .form select:-webkit-autofill:hover,
.login-modal .form select:-webkit-autofill:focus,
.login-modal .form input:-webkit-autofill,
.recover-modal .form input:-webkit-autofill:hover,
.recover-modal .form input:-webkit-autofill:focus,
.recover-modal .form textarea:-webkit-autofill:hover,
.recover-modal .form textarea:-webkit-autofill:focus,
.recover-modal .form select:-webkit-autofill:hover,
.recover-modal .form select:-webkit-autofill:focus,
.recover-modal .form input:-webkit-autofill,
.verify-modal .form input:-webkit-autofill:hover,
.verify-modal .form input:-webkit-autofill:focus,
.verify-modal .form textarea:-webkit-autofill:hover,
.verify-modal .form textarea:-webkit-autofill:focus,
.verify-modal .form select:-webkit-autofill:hover,
.verify-modal .form select:-webkit-autofill:focus,
.verify-modal .form input:-webkit-autofill {
  -webkit-box-shadow: none;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none;
}


.registration-modal .form input.form-control:focus,
.login-modal .form input.form-control:focus,
.recover-modal .form input.form-control:focus,
.verify-modal .form input.form-control:focus {
  border: 1px solid #36e6e5;
}


.registration-modal .btn.btn-cta.full-width,
.login-modal .btn.btn-cta.full-width,
.recover-modal .btn.btn-cta.full-width,
.verify-modal .btn.btn-cta.full-width {
  position: relative;
}


.registration-modal .btn.btn-cta.full-width .sk-fading-circle,
.login-modal .btn.btn-cta.full-width .sk-fading-circle,
.recover-modal .btn.btn-cta.full-width .sk-fading-circle,
.verify-modal .btn.btn-cta.full-width .sk-fading-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.registration-modal label#email,
.login-modal label#email,
.recover-modal label#email,
.verify-modal label#email {
  display: none;
}


.registration-modal .modal-footer .generic-text-button-container .text,
.login-modal .modal-footer .generic-text-button-container .text,
.recover-modal .modal-footer .generic-text-button-container .text,
.verify-modal .modal-footer .generic-text-button-container .text {
  font-size: 14px;
  font-family: "Aeonik-RegularItalic", sans-serif;
}


.registration-modal .title-content .title,
.login-modal .title-content .title,
.recover-modal .title-content .title,
.verify-modal .title-content .title {
  font-weight: 700;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 40px;
  line-height: 40px;
  text-align: left;
}


.registration-modal .help-block.input-error,
.login-modal .help-block.input-error,
.recover-modal .help-block.input-error,
.verify-modal .help-block.input-error {
  color: #36e6e5;
  font-size: 14px;
  font-family: "Aeonik-RegularItalic", sans-serif;
  padding-left: 5;
  padding-right: 5px;
}


.verify-modal .register-form-container {
  padding-top: 10px;
}


.verify-modal .register-form-container form .alert.alert-danger {
  color: #36e6e5;
  text-align: center;
  font-family: "Aeonik-RegularItalic", sans-serif;
  font-size: 14px;
}


.verify-modal .register-form-container .generic-text-button-container span.text {
  text-decoration: underline;
}


.verify-modal .form .btn:not(:disabled):not(.disabled) {
  text-transform: capitalize;
}


.verify-modal .form-group.has-error input.form-control {
  color: #fff;
}


.verify-modal .form-group.has-error input.form-control:hover,
.verify-modal .form-group.has-error input.form-control:focus {
  border: 1px solid #36e6e5;
}


.verify-modal .modal-wrapper.verify .help-block {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-family: "Aeonik-RegularItalic", sans-serif;
  margin-left: 0;
}


.verify-modal .generic-text-button-container #resend-question {
  font-size: 14px;
  font-family: "Aeonik-RegularItalic", sans-serif;
  color: rgba(255, 255, 255, 0.7);
}


.verify-modal .generic-text-button-container .text {
  font-size: 14px;
  font-family: "Aeonik-RegularItalic", sans-serif;
  color: #36e6e5;
}


.registration-modal .form .btn:not(:disabled):not(.disabled),
.registration-modal .form .btn.btn-cta:disabled,
.registration-modal .form .btn.btn-cta.disabled {
  text-transform: uppercase;
  margin-top: 2rem;
}


.registration-modal .form .form-group.has-error .help-block.input-error {
  font-family: "Aeonik-RegularItalic", sans-serif;
  color: #36e6e5;
}


@media (max-width: 576px) {
  .registration-modal .form .form-group.has-error .help-block.input-error {
    font-size: 12px;
  }
}


.registration-modal .form .form-group .password-requirements-text {
  font-family: "Aeonik-RegularItalic", sans-serif;
  font-size: 14px;
  opacity: 0.7;
  font-weight: normal;
  margin: 0;
  padding: 8px 5px 0 5px;
  color: #fff;
  text-align: center;
}


@media (max-width: 576px) {
  .registration-modal .form .form-group .password-requirements-text {
    font-size: 12px;
  }
}


.registration-modal .form .form-group .switch__input:checked+.switch__label:before,
.registration-modal .form .form-group .switch__label:before {
  background: #394655;
  background-color: transparent;
  border-color: #556370;
}


.registration-modal .form .form-group label#termsAccepted {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin-left: 16px;
}


.registration-modal .form .form-group label#termsAccepted a {
  color: #f5f7f8;
}


.registration-modal .form .form-group label#email {
  display: none;
}


.registration-modal .form .form-group .input-password-wrapper label.forms-label {
  display: none;
}


.registration-modal .form .form-group .eye-password {
  top: 0.7rem;
}


.registration-modal .form .form-group .eye-password .material-icons {
  font-size: 20px;
}


.registration-modal .modal-footer .generic-text-button-container .text {
  color: #36e6e5;
  font-family: "Aeonik-BoldItalic", sans-serif;
}


.registration-modal .modal-footer .generic-text-button-container .text:before {
  content: "Already have a betpanda account? ";
  color: rgba(255, 255, 255, 0.7);
  font-family: "Aeonik-RegularItalic", sans-serif;
}


.registration-modal .modal-footer .generic-text-button-container .text:after {
  content: " here.";
  color: #36e6e5;
  font-family: "Aeonik-BoldItalic", sans-serif;
}


.recover-modal .form .btn.btn-cta {
  text-transform: capitalize;
  margin-top: 2rem;
}


.recover-modal .form-group.has-error input.form-control {
  color: #fff;
}


.recover-modal .form-group.has-error input.form-control:hover,
.recover-modal .form-group.has-error input.form-control:focus {
  border: 1px solid #36e6e5;
}


.recover-modal .modal-footer {
  display: flex;
  flex-direction: column;
}


.recover-modal .modal-footer .generic-text-button-container:first-child .text {
  font-family: "Aeonik-BoldItalic", sans-serif;
  color: #36e6e5;
}


.recover-modal .modal-footer .generic-text-button-container:first-child .text:before {
  content: "Already have a betpanda account? ";
  color: rgba(255, 255, 255, 0.7);
  font-family: "Aeonik-RegularItalic", sans-serif;
}


.recover-modal .modal-footer .generic-text-button-container:first-child .text:after {
  content: " here.";
  color: #36e6e5;
  font-family: "Aeonik-BoldItalic", sans-serif;
}


.recover-modal .modal-footer .generic-text-button-container:last-child .text {
  font-family: "Aeonik-BoldItalic", sans-serif;
  color: #36e6e5;
}


.recover-modal .modal-footer .generic-text-button-container:last-child .text:before {
  content: "Donā€™t have an account? ";
  color: rgba(255, 255, 255, 0.7);
  font-family: "Aeonik-RegularItalic", sans-serif;
  display: none;
}


.recover-modal .modal-footer .generic-text-button-container:last-child .text:after {
  content: " here.";
  color: #36e6e5;
  font-family: "Aeonik-BoldItalic", sans-serif;
}


.recover-modal .recover-alert.modal-body h2 {
  font-weight: 700;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 40px;
  margin-bottom: 1rem;
  line-height: 40px;
  text-align: left;
}


.recover-modal .recover-alert.modal-body h5 {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}


.login-modal input:-webkit-autofill:hover {
  box-shadow: none;
}


.login-modal .form .btn:not(:disabled):not(.disabled),
.login-modal .form .btn.btn-cta:disabled,
.login-modal .form .btn.btn-cta.disabled {
  text-transform: capitalize;
  background: #1fe88a;
  background-color: #1fe88a;
  color: #07182b;
  font-family: "Aeonik-Black", sans-serif;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  height: auto;
  padding: 8px 15px;
}


.login-modal .form .eye-password {
  top: 0.7rem;
}


.login-modal .form .eye-password .material-icons {
  font-size: 20px;
  color: #96abc1;
}


.login-modal .form .form-group.password {
  flex-wrap: wrap;
}


.login-modal .form .form-group.password:after {
  content: "8 characters, 1 upper case, 1 lower case, 1 number";
  text-align: center;
  width: 100%;
  opacity: 0.7;
  font-family: "Aeonik-RegularItalic", sans-serif;
  font-size: 14px;
  padding: 8px 5px 0;
  display: none;
}


@media (max-width: 576px) {
  .login-modal .form .form-group.password:after {
    font-size: 12px;
  }
}


.login-modal .form button {
  margin-top: 2rem;
}


.login-modal .modal-footer {
  display: flex;
  flex-direction: column;
}


.login-modal .modal-footer .generic-text-button-container:first-child .text {
  font-family: "Aeonik-BoldItalic", sans-serif;
  color: #36e6e5;
}


.login-modal .modal-footer .generic-text-button-container:first-child .text:before {
  content: "Donā€™t have an account? ";
  color: rgba(255, 255, 255, 0.7);
  font-family: "Aeonik-RegularItalic", sans-serif;
}


.login-modal .modal-footer .generic-text-button-container:first-child .text:after {
  content: " here.";
  color: #36e6e5;
  font-family: "Aeonik-BoldItalic", sans-serif;
}


.login-modal .modal-footer .generic-text-button-container:last-child .text {
  font-family: "Aeonik-BoldItalic", sans-serif;
  color: #36e6e5;
}


.login-modal .modal-footer .generic-text-button-container:last-child .text:before {
  content: "Forgot your password? ";
  color: rgba(255, 255, 255, 0.7);
  font-family: "Aeonik-RegularItalic", sans-serif;
}


.landingPage {
  margin-top: 0;
}


.landingPage.logged-in .hero-banner-two-columns.hero-top-banner {
  display: none;
}


.landingPage.logged-in .hero-banner-two-columns.features {
  margin-top: 0;
  display: none;
}


.landingPage.logged-in .gameListSection.category-top-games {
  display: none;
}


.landingPage.logged-in .gameListSection.category-new-games {
  display: none;
}


.filter-container .close-container svg {
  width: 12px;
}


.filter-container .search-studio input.form-control {
  height: auto;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}


.filter-container .action-container .btn.btn-primary {
  height: auto;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}


.filter-container .studio-container .no-results {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 14px;
}


.filter-container .filter-scroll-inner .section-title,
.filter-container .filter-scroll-inner .section-help {
  padding-right: 25px;
}


.filter-container .filter-title {
  text-transform: capitalize;
  font-size: 14px;
  color: #fff;
  display: none;
}


.filter-container {
  background: #0f1f32;
}


.filter-container .search-studio {
  padding: 16px;
  padding-bottom: 0;
}


.filter-container .search-studio input.form-control,
.filter-container .search-studio select.form-control {
  font-family: "Aeonik-Medium", sans-serif;
  font-size: 16px;
  background: #0f1f32;
  border-radius: 4px;
  border: 1px solid #213344;
  background-color: #0b1926;
}


.filter-container .action-container {
  padding-left: 16px;
  padding-right: 16px;
}


.filter-container .section-title,
.filter-container .studio-name {
  text-transform: capitalize;
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: normal;
}


.filter-container .studio-logo {
  width: 30px;
  height: 30px;
  background-color: #fff;
}


.filter-container .studio-item.active {
  background: #172638;
  background-color: #0b1926;
}


.gameListSection.game-providers .section-outer .inner-section .column-size-6 .card-wrapper {
  width: 9.1%;
}


.gameListSection.game-providers .container-inner .card-wrapper {
  background: rgba(11, 24, 38, 1);
  border-radius: 6px;
  cursor: default;
  border: 1px solid rgba(33, 50, 68, 1);
}


.gameListSection.game-providers .container-inner .card-wrapper:hover {
  transform: none;
}


.gameListSection.game-providers .container-inner .card-wrapper .card-game-list {
  padding: 10px;
  text-align: center;
}


.gameListSection.game-providers .container-inner .card-wrapper .card-game-list img {
  max-width: 90%;
}


.gameListSection.game-providers .container-inner .card-wrapper .card-game-list .bg {
  box-shadow: none;
}


.gameListSection.game-providers .container-inner {
  overflow: hidden;
}


@media (max-width: 1200px) {
  .gameListSection {
    padding-left: 0;
  }
}


.gameListSection .section-outer .title-wrapper .title-text .title .icon {
  width: 20px;
}


.gameListSection .section-outer .title-wrapper {
  color: #fff;
}


.gameListSection .section-outer .title-wrapper .title-text .title {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 20px;
}


.gameListSection {
  margin-top: 0;
  padding-top: 0;
}


.gameListSection .section-outer .title-wrapper .see-all {
  cursor: pointer;
  text-transform: none;
  display: flex;
  color: #fff;
  opacity: 0.5;
  font-family: "Aeonik-Regular", sans-serif;
}


@media (max-width: 576px) {
  .gameListSection .section-outer .title-wrapper .see-all {
    font-size: 12px;
  }
}


.gameListSection .section-outer .title-wrapper .see-all i {
  display: none;
}


.gameListSection .section-outer .inner-section .card-wrapper .card-game-list {
  height: inherit;
  box-shadow: none;
}


.gameListSection .section-outer .inner-section .container-inner {
  padding-top: 30px;
}


.gameListSection .section-outer .inner-section .card-wrapper .card-game-list .card-game-name {
  display: none;
}


.gameListSection.two-five-row .section-outer .inner-section .container-inner {
  flex-wrap: wrap;
}


@media (max-width: 768px) {
  .gameListSection.two-five-row .section-outer .inner-section .container-inner {
    flex-wrap: nowrap;
  }
}


.gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper {
  width: 19.2%;
}


@media (max-width: 768px) {
  .gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper {
    width: 180px;
  }
}


.gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper:nth-child(6),
.gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper:nth-child(7),
.gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper:nth-child(8),
.gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper:nth-child(9),
.gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper:nth-child(10) {
  margin-top: 0.7rem;
}


@media (max-width: 768px) {
  .gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper:nth-child(6),
  .gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper:nth-child(7),
  .gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper:nth-child(8),
  .gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper:nth-child(9),
  .gameListSection.two-five-row .section-outer .inner-section .container-inner .card-wrapper:nth-child(10) {
    margin-top: 0;
  }
}


.bottomSection.landingBottomSection {
  display: none;
}


.gameListSection .section-outer .inner-section .card-wrapper .card-game-name {
  display: none;
}


.casino-game:hover .content .thumbnail::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  top: 0;
}


.casino-game.mobile:hover .content .thumbnail::before {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}


.categories-container .casino-lobby-categories.navbar-nav .nav-item .nav-link {
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid #213344;
  background-color: transparent;
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.8);
  padding: 10px 16px;
}


.categories-container .casino-lobby-categories.navbar-nav .nav-item .nav-link.active {
  font-family: "Aeonik-Bold", sans-serif;
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--main-background);
  padding: 10px 16px;
  border-radius: 4px;
  display: none;
}


.categories-container .casino-lobby-categories.navbar-nav .nav-item .nav-link.active .title {
  line-height: 21px;
}


.mobile .search-results-container .game-result-row:hover .game-title .game-name {
  color: #fff !important;
}


.mobile .search-results-container .game-result-row:hover .game-title .game-studio {
  color: #fff !important;
  opacity: 0.4;
}


.casino-container .search-and-filter-wrapper {
  background-color: transparent;
}


.search-and-filter-container .container {
  padding-left: 0;
  padding-right: 0;
}


@media (max-width: 576px) {
  .search-and-filter-container .container {
    padding-right: 0;
  }
}


.search-and-filter-container .search-container .input-group {
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid #213344;
  flex-direction: row-reverse;
}


.search-and-filter-container .search-container .input-group input.form-control {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  padding: 14px 24px;
  padding-left: 0;
  line-height: 20px;
  font-weight: 500;
}


.search-and-filter-container .search-container button {
  opacity: 1;
  padding-top: 0;
  padding-left: 16px;
  padding-right: 12px;
  display: flex;
  align-items: center;
}


.search-and-filter-container .mobile-search .search-container {
  padding-left: 10px;
  padding-right: 10px;
}


.search-and-filter-container .mobile-search .search-container button {
  padding-top: 0;
}


.chat-button-wrapper.logged-in.show-cashier {
  display: none;
}


.chat-button-wrapper {
  display: none;
}


.chat-button-wrapper.logged-in {
  display: block;
}


.chat-button-wrapper.mobile.login,
.chat-button-wrapper.mobile.registration,
.chat-button-wrapper.mobile.recover,
.chat-button-wrapper.mobile.verify,
.chat-button-wrapper.mobile.success {
  display: none;
}


.main-menu-container.mobile .btn.small,
.main-menu-container.mobile .main-menu-container a.btn:not([href]):not([tabindex]).small {
  font-size: 13px !important;
}


.main-menu-container.mobile .loggedinContainer .currency-selector-container {
  margin-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
}


.root-container.mobile input[type="text"],
.root-container.mobile input[type="number"],
.root-container.mobile input[type="password"] textarea,
.root-container.mobile .search-and-filter-container .search-container .input-group input.form-control {
  font-size: 16px;
}


.root-container.mobile .search-and-filter-container .search-container .input-group input.form-control {
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}


.root-container.mobile .categories-container .row.mobile {
  margin-top: 0;
  margin-bottom: 0;
}


.root-container.mobile .casino-filter {
  display: flex;
  justify-content: space-between;
  padding-left: 18px;
  padding-right: 10px;
}


.root-container.mobile .navbar-nav .desktop-top-menu-nav .nav-link {
  font-size: 13px;
}


.root-container.mobile .gameListSection.game-providers .container-inner {
  overflow: auto;
  flex-wrap: wrap !important;
  gap: 1.5% !important;
  justify-content: center;
}


.root-container.mobile .gameListSection.game-providers .section-outer .inner-section .column-size-6 .card-wrapper {
  width: 50%;
}


.root-container.mobile .gameListSection.game-providers .section-outer .inner-section .column-size-6 .card-wrapper .card-game-list img {
  max-width: 80px;
}


.casino-filters-container .casino-filter {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  background-color: transparent;
  border-radius: 4px;
  padding: 12px 18px 12px 24px;
  margin-right: 0;
  color: #f5f7f8;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid #213344;
}


@media (max-width: 576px) {
  .casino-filters-container .casino-filter {
    width: 100%;
    padding: 8px 18px 8px 24px;
  }
  .casino-filters-container .casino-filter:last-child {
    margin-right: 0;
  }
}


.casino-filters-container .casino-filter.filter-games-label {
  background-color: transparent;
  padding-left: 0;
  text-transform: capitalize;
}


.root-container.mobile .hero-banner-two-columns.features.scroll-horizontal .taglines-group,
.root-container.mobile .hero-banner-two-columns.promotions.scroll-horizontal .taglines-group,
.root-container.mobile .scroll-horizontal .container .row,
.root-container.mobile .scroll-horizontal .taglines-group,
.root-container.mobile .scroll-horizontal {
  flex-wrap: nowrap;
  padding-right: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  justify-content: flex-start;
  scrollbar-width: none;
}


.root-container.mobile .hero-banner-two-columns.features.scroll-horizontal .taglines-group::-webkit-scrollbar,
.root-container.mobile .hero-banner-two-columns.promotions.scroll-horizontal .taglines-group::-webkit-scrollbar,
.root-container.mobile .scroll-horizontal .container .row::-webkit-scrollbar,
.root-container.mobile .scroll-horizontal .taglines-group::-webkit-scrollbar,
.root-container.mobile .scroll-horizontal::-webkit-scrollbar {
  width: 0 !important;
  border-color: transparent !important;
  background-color: transparent !important;
  display: none !important;
}


.root-container.mobile .hero-banner-two-columns.features.scroll-horizontal .taglines-group {
  margin-right: 15px;
}


.root-container.mobile .hero-banner-two-columns.features.scroll-horizontal .taglines-group .group.feature-card {
  min-width: 90%;
  width: auto;
}


.root-container.mobile .hero-banner-two-columns.promotions.scroll-horizontal .taglines-group {
  gap: 10px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 0;
}


.root-container.mobile .hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards {
  min-width: 80%;
  width: 80%;
}


.root-container.mobile .hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards .tagline.text {
  font-size: 14px;
}


.root-container.mobile .hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards .tagline.title span {
  font-size: 18px;
}


.root-container.mobile .gameListSection .section-outer .title-wrapper .title-text .title,
.root-container.mobile .title-with-icon.promotions .row .tagline.title {
  font-size: 18px;
}


@media (max-width: 576px) {
  .root-container.mobile .gameListSection .section-outer .title-wrapper .title-text .title,
  .root-container.mobile .title-with-icon.promotions .row .tagline.title {
    font-size: 16px;
  }
  .title-with-icon img {
    width: 16px;
  }
  .gameSlider .title-wrapper .title {
    font-size: 16px;
  }
  .mobile .casino-tab-view h2 {
    font-size: 16px;
    margin-top: 16px;
  }
}


.root-container.mobile.promopage.promotions-page .hero-banner-two-columns.promotions .taglines-group {
  flex-direction: column;
}


.root-container.mobile.promopage.promotions-page .hero-banner-two-columns.promotions .taglines-group .group.promotion-cards {
  min-width: 100%;
  width: 100%;
  margin-bottom: 4px;
}


.root-container.mobile.promopage.promotions-page .styled-text-list.title-with-icon.promotions {
  margin-top: 0;
}


.root-container.mobile .gameListSection.game-providers .container-inner .card-wrapper {
  width: 32.333% !important;
  margin-bottom: 0.5rem;
}


.filter-container .studio-item {
  padding-left: 15px;
  border-bottom: 1px solid #213344;
  padding: 10px 16px;
  position: relative;
}


.filter-container .studio-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 20px;
  margin-right: 8px;
}


.filter-container .studio-logo.studio-1x2gaming,
.filter-container .studio-logo.studio-elk,
.filter-container .studio-logo.studio-playson {
  width: 40px;
  height: 40px;
}


.filter-container .studio-logo.tag-megaways {
  width: 25px;
  height: 25px;
}


.filter-container .studio-item.active .studio-logo {
  background-color: #fff;
}


.styled-text-list.provider-banners {
  margin-top: 1rem;
}


.styled-text-list.provider-banners .container .row {
  gap: 1%;
  padding-left: 15px;
  padding-right: 15px;
}


@media (max-width: 768px) {
  .styled-text-list.provider-banners .container .row {
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 3%;
  }
}


.styled-text-list.provider-banners .container .row .tagline {
  width: 32.66%;
}


@media (max-width: 768px) {
  .styled-text-list.provider-banners .container .row .tagline {
    min-width: 80%;
    width: 80%;
  }
}


.styled-text-list.provider-banners .container .row .tagline img {
  max-width: 100%;
  border-radius: 10px;
}


.casino-container {
  margin-top: 10px;
}


.casino-container .live-banners {
  margin-top: 10px;
}


.casino-container .live-banners.banner-carousel-container .centered-banner .main-background {
  padding-bottom: 18.5%;
  border-radius: 0;
}


.casino-container .live-banners.banner-carousel-container .centered-banner .main-background.mobile {
  border-radius: 0;
  padding-bottom: 32.5%;
}


.casino-container .live-banners .action-content {
  display: none;
}


.casino-container .casino-banners {
  margin-top: 10px;
}


.casino-container .casino-banners.banner-carousel-container .centered-banner .main-background {
  padding-bottom: 18.5%;
  border-radius: 0;
}


.casino-container .casino-banners.banner-carousel-container .centered-banner .main-background.mobile {
  border-radius: 0;
  padding-bottom: 32.5%;
}


.casino-container .casino-banners .action-content {
  display: none;
}


.casino-container .banner-carousel-container {
  margin-top: 0;
  max-height: 349px;
}
body .casino-container .banner-carousel-container .centered-banner .main-background {
  padding-bottom: 15.2%;
  border: 1px solid #213344;
}
@media (max-width: 576px) {
    body .casino-container .banner-carousel-container .main-background.mobile {
        padding-bottom: 29% !important;
    }
}

@media (max-width: 1200px) {
  .casino-container .banner-carousel-container {
    max-height: 240px;
  }
}


@media (max-width: 992px) {
  .casino-container .banner-carousel-container {
    max-height: 180px;
  }
}


@media (max-width: 768px) {
  .casino-container .banner-carousel-container {
    max-height: 130px;
  }
}


@media (max-width: 576px) {
  .casino-container .banner-carousel-container {
    max-height: fit-content;
    margin-bottom: 0;
  }
}


.casino-container .banner-carousel-container .centered-banner .main-background {
  padding-bottom: 31.5%;
  background-size: 100% 100%;
  border-radius: 6px;
}


@media (max-width: 576px) {
  .casino-container .banner-carousel-container .centered-banner .main-background {
    padding-bottom: 0;
  }
}


@media (max-width: 576px) {
  .casino-container .banner-carousel-container .centered-banner.no-button,
  .casino-container .banner-carousel-container .centered-banner {
    padding-bottom: 0;
  }
}
body .banner-carousel-container .centered-banner.no-button {
  padding-bottom: 0;
}

@media (max-width: 576px) {
  .casino-container .banner-carousel-container .main-background.mobile {
    padding-bottom: 58% !important;
  }
}


.hero-banner-two-columns.promotions.scroll-horizontal .row .col-md-6 {
  display: none;
}


.hero-banner-two-columns.promotions.noscroll-horizontal .row .col-md-6 {
  display: none;
}


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.promotions.scroll-horizontal .taglines-group {
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 3%;
  }
}


.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group {
    flex-wrap: nowrap;
    overflow: hidden;
    gap: 3%;
  }
}


@media (max-width: 576px) {
  .hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group {
    flex-direction: column;
  }
}


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.title-with-icon {
  width: 100%;
}


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards {
  width: auto;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 0 1 calc(33.333% - 11px);
  margin-top: 20px;
}


.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards {
  width: auto;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 0 1 calc(33.333% - 11px);
  margin-top: 0;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards {
    min-width: 80%;
    width: 80%;
    margin-bottom: 0;
  }
}


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards .tagline.title {
  margin-top: 11px;
  margin-bottom: 12px;
}


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards .tagline.title span {
  font-size: 18px;
  font-family: "Aeonik-Bold", sans-serif;
  line-height: 24px;
  color: #f5f7f8;
}


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards .tagline.text {
  margin-bottom: 0;
  font-size: 14px;
  opacity: 1;
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 20px;
}


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards .tagline.btn.btn-secondary {
  margin-bottom: 0;
  height: auto;
  padding-top: 7px;
  padding-bottom: 7px;
  display: none;
  justify-content: center;
  align-items: center;
  width: fit-content;
}


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards .tagline.btn.btn-secondary span {
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
}


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards img {
  max-width: 100%;
  width: 100%;
  border-radius: 6px;
  border: 1px solid rgba(54, 230, 229, 0.15);
}


.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards img {
  max-width: 100%;
  width: 100%;
  border-radius: 6px;
  border: 1px solid rgba(54, 230, 229, 0.15);
}


.hero-banner-two-columns.we-support-crypto {
  margin-top: 5rem;
  display: none;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.we-support-crypto {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
  }
}


.hero-banner-two-columns.we-support-crypto .taglines-group {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
  padding: 20px;
  max-width: 1110px;
  text-align: center;
}


@media (max-width: 1200px) {
  .hero-banner-two-columns.we-support-crypto .taglines-group {
    max-width: 930px;
  }
}


@media (max-width: 992px) {
  .hero-banner-two-columns.we-support-crypto .taglines-group {
    max-width: 690px;
  }
}


@media (max-width: 768px) {
  .hero-banner-two-columns.we-support-crypto .taglines-group {
    max-width: 510px;
  }
}


.hero-banner-two-columns.we-support-crypto .group.cryptos {
  display: flex;
  justify-content: center;
  align-items: center;
}


@media (max-width: 992px) {
  .hero-banner-two-columns.we-support-crypto .group.cryptos {
    flex-wrap: wrap;
  }
}


.hero-banner-two-columns.we-support-crypto .group.cryptos img {
  width: 60px;
  border-radius: 10px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.06);
}


.hero-banner-two-columns.we-support-crypto .group.cryptos .tagline {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  margin-right: 10px;
}


@media (max-width: 992px) {
  .hero-banner-two-columns.we-support-crypto .group.cryptos .tagline {
    margin-bottom: 0.5rem;
  }
}


.hero-banner-two-columns.we-support-crypto .group.cryptos .tagline span {
  font-size: 14px;
  font-family: "Aeonik-Regular", sans-serif;
  margin-top: 5px;
  text-align: center;
  display: block;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.we-support-crypto .group.cryptos .tagline span {
    font-size: 12px;
  }
}


.hero-banner-two-columns.we-support-crypto .group.title {
  text-align: center;
  font-size: 18px;
  font-family: "Aeonik-Bold", sans-serif;
  margin-bottom: 20px;
}


.hero-banner-two-columns.we-support-crypto .group .tagline.btn {
  margin-bottom: -65px;
}


.hero-banner-two-columns.we-support-crypto .group .tagline.btn span {
  font-family: "Aeonik-Black", sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}


@media (max-width: 768px) {
  .gameListSection {
    margin-top: 40px;
    padding-left: 0px;
  }
}


.search-results-container .game-result-row.selected .game-title .game-name,
.search-results-container .game-result-row.selected .game-title .game-studio,
.search-results-container .game-result-row:hover .game-title .game-name,
.search-results-container .game-result-row .game-title .game-studio,
.search-results-container .game-result-row:hover,
.search-results-container .game-result-row .game-title .game-name,
.search-results-container .game-result-row:hover .game-title .game-studio {
  color: #fff;
}


.footer-container {
  margin-top: 3rem;
  padding: 0;
  padding-bottom: 3rem;
  background-color: var(--footer-bg);
  border-top: 1px solid #213244;
}


@media (max-width: 992px) {
  .footer-container {
    padding-bottom: 5rem;
  }
}


@media (max-width: 576px) {
  .footer-container {
    margin-top: 3rem;
  }
}


.footer-container .linkContainer {
  display: none;
}


.footer-container .footer-dynamic-content .footer-main::before {
  content: "";
  width: 100%;
  max-width: 1110px;
  height: 1px;
  background: #fff;
  opacity: 0.1;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}


@media (max-width: 1200px) {
  .footer-container .footer-dynamic-content .footer-main::before {
    max-width: 930px;
  }
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main::before {
    max-width: 690px;
  }
}


@media (max-width: 768px) {
  .footer-container .footer-dynamic-content .footer-main::before {
    max-width: 510px;
  }
}


@media (max-width: 576px) {
  .footer-container .footer-dynamic-content .footer-main::before {
    display: none;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group {
  display: flex;
  gap: 5%;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group {
    flex-wrap: wrap;
    gap: 0;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-column {
  width: 25%;
  display: flex;
  flex-direction: column;
  padding-top: 56px;
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-column .title {
  font-size: 16px;
  font-family: "Aeonik-Bold", sans-serif;
  line-height: 24px;
  margin-bottom: 24px;
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-column .link {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  text-decoration: none;
  font-weight: 500;
  line-height: 20px;
  color: rgba(150, 171, 193, 1);
  margin-bottom: 12px;
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-column .link span {
  color: rgba(150, 171, 193, 1);
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated {
  margin-right: 20px;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated {
    margin-right: 0;
    order: 3;
    width: 100%;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated .text {
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 12px;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated .text {
    text-align: center;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated .text span {
  display: block;
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated .text .solid-white {
  opacity: 1 !important;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated::before,
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0.1;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-games {
    order: 1;
    width: 50%;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-games .tagline {
  margin-bottom: 6px;
}


@media (max-width: 576px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-games.top-line {
    border-top: none;
    padding-top: 0;
  }
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-info {
    order: 2;
    width: 50%;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-info .tagline {
  margin-bottom: 6px;
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-info .tagline.hide {
  display: none;
}


@media (max-width: 576px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-info.top-line {
    border-top: none;
    padding-top: 0;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-self: flex-start;
  justify-content: flex-end;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins {
    order: 4;
    width: 100%;
    row-gap: 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline {
    padding-left: 8px;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline img {
  width: 100%;
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.title {
  padding-left: 0;
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 12px;
  width: 100%;
  text-align: right;
  display: block;
  margin-bottom: 1rem;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.title {
    margin-bottom: 0.5rem;
  }
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.title span {
    text-align: center;
    display: block;
  }
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.coin-group {
    justify-content: center;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.text {
  width: 100%;
  margin-top: 1rem;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.text {
    padding-left: 0;
    justify-content: center;
    margin-top: 0.5rem;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.text span {
  display: block;
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 14px;
  opacity: 0.7;
  text-align: right;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.text span {
    font-size: 12px;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.text span a {
  color: #fff;
  opacity: 1 !important;
  text-decoration: underline;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.text span a {
    display: block;
    text-align: center;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.age {
  padding-left: 0;
  margin-top: 0.5rem;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.age {
    justify-content: center;
    margin-bottom: 1.5rem;
    margin-top: 0;
  }
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.age img.age {
  width: 100%;
  max-width: 40px;
  opacity: 1;
  margin-top: 1rem;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.supported-coins .tagline.age img.age {
    max-width: 26px;
  }
}


.footer-container .footer-dynamic-content .footer-main .container {
  border-bottom: 0;
  padding-bottom: 2rem;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-main .container {
    padding-bottom: 0;
    border-bottom: none;
  }
}


.footer-container .footer-dynamic-content .footer-botttom {
  width: 100%;
  margin-top: 0;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-botttom {
    margin-top: 1rem;
  }
}


.footer-container .footer-dynamic-content .footer-botttom .row {
  display: block;
  text-align: center;
  margin: 20px 0;
}


.footer-container .footer-dynamic-content .footer-botttom .tagline.title {
  font-size: 12px;
  color: rgba(241, 241, 241, 0.4);
  margin-bottom: 1rem;
}


.footer-container .footer-dynamic-content .footer-botttom .tagline.partner-icon {
  margin-bottom: 1.5rem;
}


@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .footer-botttom .tagline.partner-icon {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}


.footer-container .footer-dynamic-content .footer-botttom .tagline.partner-icon a {
  max-width: 130px;
}


.footer-container .footer-dynamic-content .footer-botttom .tagline.partner-icon img {
  max-width: 130px;
  margin-bottom: 1.5rem;
}


.footer-container .footer-dynamic-content .footer-botttom .tagline.partner-icon a:not(:last-child) {
  margin-right: 2rem;
}


.footer-container .footer-dynamic-content .footer-botttom .tagline.social-media-icon {
  margin-bottom: 2rem;
}


.footer-container .footer-dynamic-content .footer-botttom .tagline.social-media-icon img:not(:last-child) {
  margin-right: 1rem;
}


.footer-container .footer-dynamic-content .footer-botttom .tagline.copyright span {
  font-size: 12px;
  letter-spacing: normal;
  opacity: 0.3;
}


@media (max-width: 576px) {
  .footer-container .footer-dynamic-content .footer-botttom .tagline.copyright span {
    font-size: 8px;
  }
}


.eye-password {
  color: #fff;
  opacity: 0.5;
}


.logged-in .footer-container {
  padding-top: 0px;
}


.logged-in .footer-container .footer-dynamic-content {
  padding: 0;
}


input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  border: 1px solid #82868c;
  -webkit-text-fill-color: #82868c;
  -webkit-box-shadow: 0 0 0px 1000px #82868c inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}


input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #82868c;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #07182b inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}


input.form-control,
select.form-control {
  background-color: #07182b;
  border: 1px solid #82868c;
  border-radius: 10px;
  box-shadow: none;
  color: #82868c;
}


input.form-control:active,
input.form-control:focus,
input.form-control:hover,
select.form-control:active,
select.form-control:focus,
select.form-control:hover {
  background-color: #07182b;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff !important;
}


.strength-meter {
  height: 1px;
  background: #fff;
  margin-top: -1px;
}


.strength-meter .strength-meter-fill[data-strength="0"] {
  background: #fdaa91;
}


.strength-meter .strength-meter-fill[data-strength="4"] {
  background: #1fe88a;
}


.password-feedback[data-strength="4"] {
  color: #1fe88a;
}


.react-tel-input .form-control {
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid #82868c;
  background-color: #07182b;
}


.react-tel-input .form-control:active,
.react-tel-input .form-control:focus,
.react-tel-input .form-control:hover {
  background-color: #07182b;
  box-shadow: none;
  border: 1px solid #fff;
}


.switch__label:before {
  top: 11px;
  left: 4px;
  width: 29px;
  height: 12px;
  border-radius: 14px;
  background-color: #11a962;
}


.switch__input:checked+.switch__label:before {
  background-color: #11a962;
}


.switch__label:after {
  top: 8px;
  left: 3px;
  width: 18px;
  height: 18px;
  background-color: var(--white);
  border-radius: 14px;
}


.switch__input:checked+.switch__label:after {
  left: 16px;
  background-color: #1fe88a;
}


.message-row .title,
.message-row .icon-container {
  opacity: 1;
}


.message-row {
  border-radius: 0;
  border-bottom: 1px solid #213344;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0;
}


.menu-close .icon-fill,
.icon-fill,
svg polygon.icon-fill {
  fill: #fff !important;
}


.modal .modal-content,
.modal-content,
.modal-dialog .modal-content,
.promoteModalDialog .modal-dialog .modal-content {
  background-color: #172638;
  color: #fff;
}


.promoteModalHead button.close {
  color: #fff;
}


.modal-content .modal-title,
.promoteModalTitle,
.promoteModalText {
  color: #fff;
}


.cashier-inner-container.method,
.cashier-inner-container.withdraw {
  background-color: #081521;
}


.deposit-container {
  background-color: #081521;
}


.dropdown-content,
.dropdown-content.clicked {
  background-color: #172638;
}


.cashier-inner-container .menu-button,
.methodItem {
  border-radius: #172638;
}


.table {
  color: var(--light-border);
}


.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--light-border);
}


.table td {
  border-top: 1px solid var(--light-border);
}


.table-row {
  border-bottom: 1px solid var(--light-border);
}


.account-content-container h3 {
  font-size: 14px;
}


.account-content-container td.balance {
  color: #fff;
}


@media (max-width: 768px) {
  .account-content-container .account-page-row.compact .preferredCashbackCurrency {
    margin-left: 0;
    margin-top: 1rem;
  }
}


.account-content-container .message-view .message-image img {
  width: auto !important;
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}


.form-value {
  color: #fff;
}


.nav-tabs .nav-item {
  border: none;
}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item.active .nav-link {
  color: #fff;
  background: no-repeat center url(0f4f279ccffe80483b70.svg);
  background-position-y: 0px;
}


.nav-tabs .nav-link,
.nav-tabs .nav-item.show .nav-link {
  color: var(--dark-text);
}


.account-card.user-level {
  font-size: 14px;
}


.account-card.user-level .title {
  display: none;
}


.account-card.user-level h1 {
  font-size: 16px;
  text-align: left;
  margin-bottom: 16px;
}


.account-card.user-level .level-next-icon .icon {
  width: 30px;
  margin-top: 10px;
}


.alert-danger {
  color: var(--danger);
  background-color: transparent;
  border: none;
}


.alert-info {
  color: var(--info);
  background-color: transparent;
  border: none;
}


.recover-password-page-container .pageWrapper {
  margin-top: 0;
}


.recover-password-page-container .alert.alert-info {
  background: linear-gradient(109.01deg, #30c6aa 0%, #02ca6e 100%);
  border-radius: 0 0 20px 20px;
  color: #000;
}


.recover-password-page-container .alert.alert-info h6 {
  font-size: 20px;
  text-align: center;
}


.promoteModalDialog.bonusClaimed .promoteModalTitle.modal-title.h4 {
  text-align: center !important;
}


.promoteModalDialog.bonusClaimed .promoteModalHead button.close {
  color: #fff;
  opacity: 1;
}


.promoteModalDialog.bonusClaimed .promoteModalBody {
  padding: 20px 0px 20px 0px;
  margin-left: -25px;
  margin-right: -25px;
}


.promoteModalDialog.bonusClaimed .promoteModalBody .imageWrap img {
  border-radius: 0;
  width: 100%;
  height: inherit;
  margin-bottom: 16px;
  content: url(67371f225007a60d7c92.webp);
}


.promoteModalDialog.bonusClaimed .promoteModalText p {
  margin: 0.5rem 40px;
}


/* .promoteModalDialog.bonusClaimed .promoteModalFooter { */


/* align-items: start; */


/* } */


.promoteModalDialog.bonusClaimed .promoteModalFooter .btn {
  margin-left: auto;
  margin-right: auto;
}


.promoteModalDialog.bonusClaimed .promoteModalFooter a:not(.btn) {
  color: #fff;
  margin-top: 30px;
}


.promoteModalDialog.bonusClaimed .promoteModalFooter a:not(.btn):before {
  content: url(51d9059fc9cb2e96d4dc.svg);
  margin-right: 7px;
}


.casino-games-container .games-list.title {
  padding-bottom: 0;
}


.casino-tab-view .games-list h5 {
  display: flex;
  position: relative;
  margin-top: 40px;
  margin-bottom: 15px;
}


.casino-tab-view .games-list h5:before {
  width: 20px;
  margin-right: 10px;
}


.casino-tab-view .games-list h5 .show-all {
  position: absolute;
  right: 0;
  margin-top: 0;
}


.casino-games-container .container.show-all .btn {
  height: unset;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: "Aeonik-Medium", sans-serif;
}


.casino-games-container .games-list h2 .show-all {
  margin-top: 0;
}


.casino-games-container .games-list .show-all {
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 14px;
  text-decoration: none;
}


@media (max-width: 576px) {
  .casino-games-container .games-list .show-all {
    font-size: 12px;
  }
}


.user-modal .modal-header {
  padding-left: 20px;
  padding-right: 20px;
  padding: 40px 40px 0;
}


.modal-header .close {
  color: #fff;
  opacity: 1;
}


.carousel-playButtonContainer .btn.btn-cta,
.carousel-playButtonContainer a.btn:not([href]):not([tabindex]).btn-cta {
  background-color: #32c989;
  color: #fff;
}


.carousel-playButtonContainer .btn.btn-cta:hover,
.carousel-playButtonContainer a.btn:not([href]):not([tabindex]).btn-cta:hover {
  background-color: #32c989;
}


.mobile .search-results-container .game-result-row.selected .game-title .game-name,
.mobile .search-results-container .game-result-row.selected .game-title .game-studio,
.mobile-search .search-results-container .search-results-inner-container .game-result-row .game-name,
.mobile-search .search-results-container .search-results-inner-container .game-result-row .game-studio {
  color: #fff;
}


.fade.modal.show {
  background-color: rgba(7, 17, 27, 0.7);
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}


@media (max-width: 768px) {
  .fade.modal.show {
    padding-left: 0 !important;
  }
}


.button-with-bg {
  background-color: #1fe88a !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
  height: auto;
}


.button-with-bg span {
  color: var(--main-background) !important;
  text-transform: uppercase !important;
  font-family: "Aeonik-Black", sans-serif;
  font-size: 16px;
}


.gradient-text {
  background: -webkit-linear-gradient(#eee, #708bb382, #1d62b3, #091421);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


label.button-with-bg {
  color: var(--main-background) !important;
  text-transform: uppercase !important;
  font-family: "Aeonik-Black", sans-serif !important;
  font-size: 16px;
  width: fit-content;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}


.more-less {
  transition: all 0s 9999999s !important;
  display: none;
}


input.moretext:checked~.more-less {
  transition: all 0s !important;
  display: flex;
  flex-direction: column;
  order: 4;
}


input.moretext:checked~label.readmore-button {
  display: none;
}


input.moretext:checked~.gradient-text {
  background: none;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.7);
}


input.moretext:checked~.gradient-text h1,
input.moretext:checked~.gradient-text h2,
input.moretext:checked~.gradient-text h3,
input.moretext:checked~.gradient-text h4,
input.moretext:checked~.gradient-text h5,
input.moretext:checked~.gradient-text h6 {
  background: none;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: #fff;
}


.styled-text-list.promo-button-wrapper,
.styled-text-list.lobby-content-button {
  margin-bottom: 2rem;
}


.styled-text-list.promo-button-wrapper .row,
.styled-text-list.lobby-content-button .row {
  padding-left: 15px;
  padding-right: 15px;
}


.styled-text-list.promo-button-wrapper.top-space,
.styled-text-list.lobby-content-button.top-space {
  margin-top: 1.5rem;
}


.styled-text-list.promo-top-image {
  margin-top: 2rem;
  margin-bottom: 1rem;
}


.styled-text-list.promo-top-image .row {
  padding-left: 15px;
  padding-right: 15px;
}


.styled-text-list.promo-top-image .row .tagline {
  text-align: center;
}


.styled-text-list.promo-top-image .row .tagline img {
  max-width: 100%;
}


.hero-banner-two-columns.promotion-page.top-space,
.hero-banner-two-columns.lobby-page.top-space {
  margin-top: 0;
}


.hero-banner-two-columns.promotion-page .taglines,
.hero-banner-two-columns.lobby-page .taglines {
  line-height: unset;
  text-transform: none;
}


.hero-banner-two-columns.promotion-page .col-md-6.taglines,
.hero-banner-two-columns.lobby-page .col-md-6.taglines {
  flex: 0 0 100%;
  max-width: 100%;
}


.hero-banner-two-columns.promotion-page .tagline.promo-top-title h1,
.hero-banner-two-columns.promotion-page .tagline.promo-top-title h2,
.hero-banner-two-columns.promotion-page .tagline.promo-top-title h3,
.hero-banner-two-columns.promotion-page .tagline.promo-top-title h4,
.hero-banner-two-columns.promotion-page .tagline.promo-top-title h5,
.hero-banner-two-columns.promotion-page .tagline.promo-top-title h6,
.hero-banner-two-columns.promotion-page .tagline.promo-top-title p,
.hero-banner-two-columns.promotion-page .tagline.promo-top-title span,
.hero-banner-two-columns.lobby-page .tagline.promo-top-title h1,
.hero-banner-two-columns.lobby-page .tagline.promo-top-title h2,
.hero-banner-two-columns.lobby-page .tagline.promo-top-title h3,
.hero-banner-two-columns.lobby-page .tagline.promo-top-title h4,
.hero-banner-two-columns.lobby-page .tagline.promo-top-title h5,
.hero-banner-two-columns.lobby-page .tagline.promo-top-title h6,
.hero-banner-two-columns.lobby-page .tagline.promo-top-title p,
.hero-banner-two-columns.lobby-page .tagline.promo-top-title span {
  font-size: 36px;
  font-family: "Aeonik-BlackItalic", sans-serif;
  margin-top: 1.2rem;
  text-align: left;
  margin-bottom: 1rem;
  line-height: 46px;
  text-transform: uppercase;
}


.hero-banner-two-columns.promotion-page .tagline.promo-text,
.hero-banner-two-columns.lobby-page .tagline.promo-text {
  text-align: left;
}


.hero-banner-two-columns.promotion-page .tagline.promo-text ol,
.hero-banner-two-columns.promotion-page .tagline.promo-text ul,
.hero-banner-two-columns.lobby-page .tagline.promo-text ol,
.hero-banner-two-columns.lobby-page .tagline.promo-text ul {
  padding-left: 16px;
}


.hero-banner-two-columns.promotion-page .tagline.promo-text ol li,
.hero-banner-two-columns.promotion-page .tagline.promo-text ul li,
.hero-banner-two-columns.lobby-page .tagline.promo-text ol li,
.hero-banner-two-columns.lobby-page .tagline.promo-text ul li {
  font-size: 16px;
}


.hero-banner-two-columns.promotion-page .tagline.promo-text span,
.hero-banner-two-columns.lobby-page .tagline.promo-text span {
  display: block;
}


.hero-banner-two-columns.promotion-page .tagline.promo-text span:not(:last-child),
.hero-banner-two-columns.lobby-page .tagline.promo-text span:not(:last-child) {
  margin-bottom: 1rem;
}


.hero-banner-two-columns.promotion-page .tagline.promo-text.text,
.hero-banner-two-columns.lobby-page .tagline.promo-text.text {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}


.hero-banner-two-columns.promotion-page .tagline.promo-text.text span,
.hero-banner-two-columns.lobby-page .tagline.promo-text.text span {
  font-size: 16px;
}


.hero-banner-two-columns.promotion-page .tagline.promo-text.text-light,
.hero-banner-two-columns.lobby-page .tagline.promo-text.text-light {
  font-family: "Montserrat", sans-serif;
  color: rgba(255, 255, 255, 0.7) !important;
}


.hero-banner-two-columns.promotion-page .tagline.promo-text.text-light span,
.hero-banner-two-columns.lobby-page .tagline.promo-text.text-light span {
  font-size: 16px;
}


.hero-banner-two-columns.promotion-page .tagline.promo-text.text-light span b,
.hero-banner-two-columns.lobby-page .tagline.promo-text.text-light span b {
  color: #fff !important;
}


.hero-banner-two-columns.promotion-page .tagline.promo-content-title,
.hero-banner-two-columns.lobby-page .tagline.promo-content-title {
  text-align: left;
}


.hero-banner-two-columns.promotion-page .tagline.promo-content-title h1,
.hero-banner-two-columns.promotion-page .tagline.promo-content-title h2,
.hero-banner-two-columns.promotion-page .tagline.promo-content-title h3,
.hero-banner-two-columns.promotion-page .tagline.promo-content-title h4,
.hero-banner-two-columns.promotion-page .tagline.promo-content-title h5,
.hero-banner-two-columns.promotion-page .tagline.promo-content-title h6,
.hero-banner-two-columns.promotion-page .tagline.promo-content-title p,
.hero-banner-two-columns.promotion-page .tagline.promo-content-title span,
.hero-banner-two-columns.lobby-page .tagline.promo-content-title h1,
.hero-banner-two-columns.lobby-page .tagline.promo-content-title h2,
.hero-banner-two-columns.lobby-page .tagline.promo-content-title h3,
.hero-banner-two-columns.lobby-page .tagline.promo-content-title h4,
.hero-banner-two-columns.lobby-page .tagline.promo-content-title h5,
.hero-banner-two-columns.lobby-page .tagline.promo-content-title h6,
.hero-banner-two-columns.lobby-page .tagline.promo-content-title p,
.hero-banner-two-columns.lobby-page .tagline.promo-content-title span {
  font-size: 28px;
  font-family: "Aeonik-BlackItalic", sans-serif;
  margin-top: 1.5rem;
  text-align: left;
  margin-bottom: 1rem;
  text-transform: uppercase;
  line-height: 34px;
}


.hero-banner-two-columns.promotion-page .tagline.promo-image-content,
.hero-banner-two-columns.lobby-page .tagline.promo-image-content {
  margin-top: 3rem;
  margin-bottom: 3rem;
}


.hero-banner-two-columns.promotion-page .tagline.promo-image-content img,
.hero-banner-two-columns.lobby-page .tagline.promo-image-content img {
  max-width: 100%;
}


.hero-banner-two-columns.promotion-page .tagline.image,
.hero-banner-two-columns.lobby-page .tagline.image {
  margin-top: 2rem;
  margin-bottom: 2rem;
}


.hero-banner-two-columns.promotion-page.promo-vip-content .col-md-6.taglines,
.hero-banner-two-columns.lobby-page.promo-vip-content .col-md-6.taglines {
  margin-bottom: 2rem;
}


.hero-banner-two-columns.promotion-page.promo-vip-content .taglines-group,
.hero-banner-two-columns.lobby-page.promo-vip-content .taglines-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6%;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.promotion-page.promo-vip-content .taglines-group,
  .hero-banner-two-columns.lobby-page.promo-vip-content .taglines-group {
    gap: 0;
  }
}


.hero-banner-two-columns.promotion-page.promo-vip-content .taglines-group .group,
.hero-banner-two-columns.lobby-page.promo-vip-content .taglines-group .group {
  width: 47%;
  margin-top: 2rem;
}


@media (max-width: 768px) {
  .hero-banner-two-columns.promotion-page.promo-vip-content .taglines-group .group,
  .hero-banner-two-columns.lobby-page.promo-vip-content .taglines-group .group {
    width: 100%;
  }
}


.hero-banner-two-columns.promotion-page.promo-vip-content .taglines-group .group .tagline.image,
.hero-banner-two-columns.lobby-page.promo-vip-content .taglines-group .group .tagline.image {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}


.hero-banner-two-columns.promotion-page.promo-vip-content .taglines-group .group.full-row-text,
.hero-banner-two-columns.lobby-page.promo-vip-content .taglines-group .group.full-row-text {
  width: 100%;
  margin-top: 6rem;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content,
.hero-banner-two-columns.promotion-page .group.lobby-text-content,
.hero-banner-two-columns.lobby-page .group.promotion-text-content,
.hero-banner-two-columns.lobby-page .group.lobby-text-content {
  text-align: left;
  font-family: "Inter", sans-serif;
  color: #96abc1;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content .tagline,
.hero-banner-two-columns.promotion-page .group.lobby-text-content .tagline,
.hero-banner-two-columns.lobby-page .group.promotion-text-content .tagline,
.hero-banner-two-columns.lobby-page .group.lobby-text-content .tagline {
  display: flex;
  flex-direction: column;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content img,
.hero-banner-two-columns.promotion-page .group.lobby-text-content img,
.hero-banner-two-columns.lobby-page .group.promotion-text-content img,
.hero-banner-two-columns.lobby-page .group.lobby-text-content img {
  max-width: 300px;
  display: block;
  margin-bottom: 0 !important;
  margin: 2rem auto;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.promotion-page .group.promotion-text-content img,
  .hero-banner-two-columns.promotion-page .group.lobby-text-content img,
  .hero-banner-two-columns.lobby-page .group.promotion-text-content img,
  .hero-banner-two-columns.lobby-page .group.lobby-text-content img {
    max-width: 50%;
  }
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content h1,
.hero-banner-two-columns.promotion-page .group.lobby-text-content h1,
.hero-banner-two-columns.lobby-page .group.promotion-text-content h1,
.hero-banner-two-columns.lobby-page .group.lobby-text-content h1 {
  font-size: 40px;
  font-family: "Aeonik-Bold", sans-serif;
  margin-top: 1.2rem;
  text-align: left;
  margin-bottom: 1rem;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 700;
  color: #f5f7f8;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content h2,
.hero-banner-two-columns.promotion-page .group.lobby-text-content h2,
.hero-banner-two-columns.lobby-page .group.promotion-text-content h2,
.hero-banner-two-columns.lobby-page .group.lobby-text-content h2 {
  font-size: 28px;
  font-family: "Aeonik-Bold", sans-serif;
  margin-top: 2.5rem;
  text-align: left;
  margin-bottom: 1rem;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: 700;
  color: #f5f7f8;
  border-top: 1px solid #213344;
  padding-top: 40px;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content h3,
.hero-banner-two-columns.promotion-page .group.lobby-text-content h3,
.hero-banner-two-columns.lobby-page .group.promotion-text-content h3,
.hero-banner-two-columns.lobby-page .group.lobby-text-content h3 {
  font-size: 24px;
  font-family: "Aeonik-Black", sans-serif;
  margin-top: 1.5rem;
  text-align: left;
  margin-bottom: 1rem;
  text-transform: uppercase;
  line-height: 26px;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content h4,
.hero-banner-two-columns.promotion-page .group.lobby-text-content h4,
.hero-banner-two-columns.lobby-page .group.promotion-text-content h4,
.hero-banner-two-columns.lobby-page .group.lobby-text-content h4 {
  font-size: 20px;
  font-family: "Aeonik-Black", sans-serif;
  margin-top: 1.5rem;
  text-align: left;
  margin-bottom: 1rem;
  text-transform: uppercase;
  line-height: 26px;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content h5,
.hero-banner-two-columns.promotion-page .group.lobby-text-content h5,
.hero-banner-two-columns.lobby-page .group.promotion-text-content h5,
.hero-banner-two-columns.lobby-page .group.lobby-text-content h5 {
  font-size: 18px;
  font-family: "Aeonik-Black", sans-serif;
  margin-top: 1.5rem;
  text-align: left;
  margin-bottom: 1rem;
  text-transform: uppercase;
  line-height: 20px;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content h6,
.hero-banner-two-columns.promotion-page .group.lobby-text-content h6,
.hero-banner-two-columns.lobby-page .group.promotion-text-content h6,
.hero-banner-two-columns.lobby-page .group.lobby-text-content h6 {
  font-size: 16px;
  font-family: "Aeonik-Black", sans-serif;
  margin-top: 1.5rem;
  text-align: left;
  margin-bottom: 1rem;
  text-transform: uppercase;
  line-height: 18px;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content span,
.hero-banner-two-columns.promotion-page .group.lobby-text-content span,
.hero-banner-two-columns.lobby-page .group.promotion-text-content span,
.hero-banner-two-columns.lobby-page .group.lobby-text-content span {
  display: block;
  color: #96abc1 !important;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content span b,
.hero-banner-two-columns.promotion-page .group.lobby-text-content span b,
.hero-banner-two-columns.lobby-page .group.promotion-text-content span b,
.hero-banner-two-columns.lobby-page .group.lobby-text-content span b {
  color: #fff !important;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content ol,
.hero-banner-two-columns.promotion-page .group.promotion-text-content ul,
.hero-banner-two-columns.promotion-page .group.lobby-text-content ol,
.hero-banner-two-columns.promotion-page .group.lobby-text-content ul,
.hero-banner-two-columns.lobby-page .group.promotion-text-content ol,
.hero-banner-two-columns.lobby-page .group.promotion-text-content ul,
.hero-banner-two-columns.lobby-page .group.lobby-text-content ol,
.hero-banner-two-columns.lobby-page .group.lobby-text-content ul {
  padding-left: 16px;
  margin-top: 0.5rem;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content ol li,
.hero-banner-two-columns.promotion-page .group.promotion-text-content ul li,
.hero-banner-two-columns.promotion-page .group.lobby-text-content ol li,
.hero-banner-two-columns.promotion-page .group.lobby-text-content ul li,
.hero-banner-two-columns.lobby-page .group.promotion-text-content ol li,
.hero-banner-two-columns.lobby-page .group.promotion-text-content ul li,
.hero-banner-two-columns.lobby-page .group.lobby-text-content ol li,
.hero-banner-two-columns.lobby-page .group.lobby-text-content ul li {
  font-size: 16px;
  color: #96abc1 !important;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  line-height: 24px;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content.two-column,
.hero-banner-two-columns.promotion-page .group.lobby-text-content.two-column,
.hero-banner-two-columns.lobby-page .group.promotion-text-content.two-column,
.hero-banner-two-columns.lobby-page .group.lobby-text-content.two-column {
  display: flex;
  gap: 6%;
  margin-top: 3rem;
  margin-bottom: 5rem;
}


@media (max-width: 992px) {
  .hero-banner-two-columns.promotion-page .group.promotion-text-content.two-column,
  .hero-banner-two-columns.promotion-page .group.lobby-text-content.two-column,
  .hero-banner-two-columns.lobby-page .group.promotion-text-content.two-column,
  .hero-banner-two-columns.lobby-page .group.lobby-text-content.two-column {
    flex-direction: column;
  }
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content.two-column .half-row,
.hero-banner-two-columns.promotion-page .group.lobby-text-content.two-column .half-row,
.hero-banner-two-columns.lobby-page .group.promotion-text-content.two-column .half-row,
.hero-banner-two-columns.lobby-page .group.lobby-text-content.two-column .half-row {
  display: flex;
}


@media (max-width: 992px) {
  .hero-banner-two-columns.promotion-page .group.promotion-text-content.two-column .half-row,
  .hero-banner-two-columns.promotion-page .group.lobby-text-content.two-column .half-row,
  .hero-banner-two-columns.lobby-page .group.promotion-text-content.two-column .half-row,
  .hero-banner-two-columns.lobby-page .group.lobby-text-content.two-column .half-row {
    display: none;
  }
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content.two-column .full-row,
.hero-banner-two-columns.promotion-page .group.lobby-text-content.two-column .full-row,
.hero-banner-two-columns.lobby-page .group.promotion-text-content.two-column .full-row,
.hero-banner-two-columns.lobby-page .group.lobby-text-content.two-column .full-row {
  display: none;
}


@media (max-width: 992px) {
  .hero-banner-two-columns.promotion-page .group.promotion-text-content.two-column .full-row,
  .hero-banner-two-columns.promotion-page .group.lobby-text-content.two-column .full-row,
  .hero-banner-two-columns.lobby-page .group.promotion-text-content.two-column .full-row,
  .hero-banner-two-columns.lobby-page .group.lobby-text-content.two-column .full-row {
    display: flex;
  }
}


.hero-banner-two-columns.promotion-page .text-read-more .gradient-text,
.hero-banner-two-columns.lobby-page .text-read-more .gradient-text {
  order: 1;
}


.hero-banner-two-columns.promotion-page .text-read-more input.moretext,
.hero-banner-two-columns.lobby-page .text-read-more input.moretext {
  order: 2;
}


.hero-banner-two-columns.promotion-page .text-read-more label.readmore-button,
.hero-banner-two-columns.lobby-page .text-read-more label.readmore-button {
  order: 3;
}


.hero-banner-two-columns.promotion-page .text-read-more label.readless-button,
.hero-banner-two-columns.lobby-page .text-read-more label.readless-button {
  order: 4;
}


.country-blocked-page-wrapper .country-blocked-container {
  text-align: left;
  z-index: 200;
  position: relative;
}


.country-blocked-page-wrapper .country-blocked-container .country-blocked-title {
  font-family: "Aeonik-BlackItalic", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
}


.country-blocked-page-wrapper .country-blocked-container .country-blocked-text p {
  font-family: "Aeonik-RegularItalic", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}


.account-card .actions .btn,
.account-card .actions .btn.btn-cta,
.account-card .actions .btn.small,
.account-card .actions a.btn:not([href]):not([tabindex]).small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4px;
  padding-bottom: 4px;
}


.account-card .col-md-2.image:has(> div.bonus-image) {
  padding: 0;
}


@media (min-width: 769px) {
  .account-card .bonus-image {
    height: auto;
  }
}


.form.login .btn span {
  font-family: "Aeonik-Black", sans-serif;
}


.form.register-form .btn span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
}


.menuButtonWrapper .deposit-button-container .btn.btn-cta {
  background-color: var(--cta) !important;
  color: #000 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 4px !important;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 20px;
}


.currency-selector-list .btn.small {
  font-size: 16px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-family: "Aeonik-Black", sans-serif !important;
}


.currency-selector-list .btn.small.btn-cta {
  background-color: var(--cta) !important;
  color: #000 !important;
  min-width: 100% !important;
}


.currency-selector-list .btn.small.btn-primary {
  display: none;
}


.main-menu-container.mobile .menuButtonWrapper .deposit-button-container .btn.btn-cta {
  font-family: "Aeonik-Black", sans-serif;
  font-size: 16px !important;
}


.main-menu-container.mobile .currency-selector-list .btn.small {
  font-family: "Aeonik-Black", sans-serif;
  font-size: 16px !important;
}


.account-content-container .tabbar-container .nav-item {
  border-bottom: 3px solid rgba(255, 255, 255, 0.1);
  border-bottom-color: transparent;
  padding-left: 0;
  padding-right: 0;
  margin-right: 40px;
}


.account-content-container .tabbar-container .nav-item.fill-out {
  border-bottom: none;
}


.account-content-container .tabbar-container .nav-item.active {
  border-bottom: 3px solid #fff;
  border-bottom-color: #1fe883;
}


.account-content-container .tabbar-container .nav-item.active .nav-link {
  background: none !important;
}


.modal-dialog.cashier-modal .nav-item {
  border-bottom: 4px solid transparent;
  width: 33.3%;
  text-align: center;
}


.modal-dialog.cashier-modal .nav-item.active {
  border-bottom: 4px solid #1fe883;
  color: #f5f7f8;
}


.modal-dialog.cashier-modal .nav-item.active .nav-link {
  background: none !important;
}


.modal-dialog.cashier-mobile-modal {
  height: 100vh;
  background-color: #07182b;
}


.modal-dialog.cashier-mobile-modal .modal-content {
  box-shadow: none;
}


.modal-dialog.cashier-mobile-modal .modal-header,
.modal-dialog.cashier-mobile-modal .tabbar-container,
.modal-dialog.cashier-mobile-modal .modal-body {
  background-color: #081521;
  padding: 0;
}


.modal-dialog.cashier-mobile-modal .deposit-container .menuButtonWrapper .title {
  font-family: "Aeonik-Bold", sans-serif;
  font-weight: normal !important;
}


.modal-dialog.cashier-mobile-modal .nav-tabs.cashier-popup .nav-item .nav-link {
  border-bottom: 3px solid rgba(255, 255, 255, 0.1);
  font-size: 13px;
}


.modal-dialog.cashier-mobile-modal .nav-tabs.cashier-popup .nav-item .nav-link.active {
  background: none;
  border-bottom: 3px solid #fff;
}


.paymentSelectorButton .dropbtn {
  border: none;
  background-color: #142537;
}


.paymentSelectorButton .dropbtn .item .text {
  font-family: "Aeonik-Medium", sans-serif;
  font-weight: normal !important;
}


.paymentSelectorButton .dropdown-content:last-child {
  border: none;
}


.paymentSelectorButton .dropdown-content.clicked .dropdownItem:hover {
  background-color: #172638;
}


.paymentSelectorButton .dropdown .title {
  margin-bottom: 0;
  color: #fff;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 14px;
}


.paymentSelectorButton .dropdown .btn.small {
  font-family: "Aeonik-Light", sans-serif;
  font-size: 14px;
  color: #fff !important;
}


.paymentSelectorButton .btn.btn-secondary-popup.hover,
.paymentSelectorButton .btn.btn-secondary-popup:hover:not([disabled]),
.paymentSelectorButton a.btn:not([href]):not([tabindex]).btn-secondary-popup.hover,
.paymentSelectorButton a.btn:not([href]):not([tabindex]).btn-secondary-popup:hover:not([disabled]),
.paymentSelectorButton button.btn.btn-secondary-popup.hover,
.paymentSelectorButton button.btn.btn-secondary-popup:hover:not([disabled]) {
  background-color: transparent;
  color: #fff;
}


.cashier-inner-container .btn.large,
.cashier-inner-container a.btn:not([href]):not([tabindex]).large,
.cashier-inner-container button.btn.large {
  height: unset !important;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 0.05em solid #36e6e5;
  color: #07111b;
  border-radius: 4px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}


.cashier-inner-container.withdraw .choose-address-container .text-field-container .form-control {
  padding-top: 13px;
  padding-bottom: 13px;
  border: 1px solid #213344;
  border-radius: 4px;
  background-color: transparent;
  padding: 10px 16px;
  justify-content: space-between;
  margin-top: 8px;
}


.cashier-inner-container .btn.large,
.cashier-inner-container a.btn:not([href]):not([tabindex]).large:hover {
  box-shadow: inset 0 0 7px #36e6e5, 0 0 7px #36e6e5;
}


.crypto-address .copy {
  color: #96abc1;
  margin-left: 10px;
  margin-right: 0;
  margin-top: 0;
}


.deposit-icon-link span,
.deposit-icon-link .material-icons {
  color: #fff;
}


.change-currency-button,
.change-currency-button:hover {
  color: #fff;
  font-size: 16px;
}


.modal-dialog.cashier-modal .modal-content {
  background-color: #081521;
  padding: 0;
  border: 1px solid #213344;
}


.cashier-inner-container.buy-crypto {
  background-color: #081521;
  border-radius: 1;
}


@media (max-width: 576px) {
  .cashier-inner-container.buy-crypto {
    height: 100vh;
  }
}


.mfaPageContainer.container .close {
  color: unset;
}


.mfaPageContainer.container .qr-container {
  margin-bottom: 1rem;
}


.mfaPageContainer .innerPage .innerContainer.mfa-container .mfa-providers .mfa-provider:hover {
  background-color: #172638;
}


.crypto-deposit-container .text {
  color: #fff;
  font-size: 18px;
  font-family: "Aeonik-Black", sans-serif;
  font-weight: normal !important;
}


.chat-button-wrapper .icon {
  color: #07182b !important;
  background: #07182b !important;
}


.success-modal .success img {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
}


.methodItem {
  border: none;
  background-color: #142537;
}


.deposit-wrapper .header .title {
  color: #fff;
  font-family: "Aeonik-Black", sans-serif;
  font-weight: normal !important;
}


.deposit-wrapper .menuButtonWrapper .title {
  color: #fff;
  font-family: "Aeonik-Bold", sans-serif;
  font-weight: normal !important;
}


.deposit-wrapper .deposit-container.method .title.select-method {
  color: #fff;
  font-family: "Aeonik-Black", sans-serif;
  font-weight: normal !important;
}


.deposit-wrapper .withdrawWrapper .title {
  color: #fff;
  font-family: "Aeonik-Black", sans-serif;
  font-weight: normal !important;
}


.deposit-wrapper .choose-address-container .withdraw-title .title {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-weight: normal !important;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}


.deposit-wrapper .choose-address-container .text-field-container .form-group {
  margin-bottom: 0;
}


.cashier-inner-container.withdraw .choose-address-container .help-text.error {
  margin-left: 0;
  font-size: 13px;
  margin-top: 0;
}


.cashier-inner-container .menu-button,
.cashier-inner-container.withdraw .menuButtonWrapper .menu-button {
  border: none;
}


.choose-amount-container .amount-title {
  color: #fff;
  font-weight: normal !important;
}


.choose-amount-container .btn.full-width,
.choose-amount-container a.btn:not([href]):not([tabindex]).full-width,
.choose-amount-container button.btn.full-width {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 40px;
}


.choose-amount-container .btn.full-width:hover,
.choose-amount-container a.btn:not([href]):not([tabindex]).full-width:hover,
.choose-amount-container button.btn.full-width:hover {
  background-color: #142537;
  color: #fff;
  border: 1px solid #142537 !important;
}


.choose-amount-container .row.amount-input input.form-control {
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #fff;
  padding-top: 13px;
  padding-bottom: 13px;
}


.choose-amount-container .row.button-wrapper a.btn:not([href]):not([tabindex]).full-width {
  border: 0.05em solid #36e6e5 !important;
  border-radius: 10px;
}


.choose-amount-container .row.button-wrapper a.btn:not([href]):not([tabindex]).full-width:hover {
  background-color: transparent;
}


.methodItem .payment-select-wrapper .payment-selection .payment-select-name {
  color: #fff;
}


.unread-notifications {
  color: #07182b;
}


.country-blocked-page-wrapper::after {
  background-image: url("https://d3ec3n7kizfkuy.cloudfront.net/blocked_geos_0d6a36d893.jpg");
  background-size: cover;
  display: inline-block;
  width: 100%;
  height: 100vh;
  content: "";
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  background-position: center top;
}


body.playing-casino-game.modal-open .modal-content {
  background-color: #07182b;
}


body.playing-casino-game.modal-open .modal-content .modal-footer {
  padding-left: 0;
  padding-right: 0;
}


body.playing-casino-game.modal-open .modal-content .modal-footer .container {
  margin: 0;
}


body.playing-casino-game.modal-open .modal-content .modal-footer .container .row {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}


body.playing-casino-game.modal-open .modal-content .modal-footer .container .row .btn.btn-secondary-popup {
  color: #1fe88a;
  border: 0.05em solid #1fe88a;
  box-shadow: inset 0 0 1px #1fe88a, 0 0 1px #1fe88a;
  text-transform: none;
}


body.playing-casino-game.modal-open .modal-content .modal-footer .container .row .btn.btn-secondary-popup:hover {
  box-shadow: inset 0 0 7px #1fe88a, 0 0 7px #1fe88a;
  background-color: transparent;
}


body.playing-casino-game.modal-open .modal-content .modal-footer .container .row div {
  width: 100%;
  text-align: center;
}


body.playing-casino-game.modal-open .modal-content .modal-footer .container .row div .btn {
  color: #fff;
  border: 1px solid #36e6e5;
  text-transform: uppercase;
  height: unset;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100%;
}


body.playing-casino-game.modal-open .modal-content .modal-footer .container .row div .btn:hover {
  box-shadow: inset 0 0 7px #36e6e5, 0 0 7px #36e6e5;
}


body.playing-casino-game.modal-open .modal-content .modal-footer .container .row div .btn.register-link {
  border: none;
  background-color: #1fe88a;
  color: #07182b;
  font-family: "Aeonik-Black", sans-serif;
  text-transform: uppercase;
  width: 100%;
  font-size: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}


body.playing-casino-game.modal-open .modal-content .modal-footer .container .row div .btn.register-link:hover {
  background-color: #1fe88a;
}


body.playing-casino-game.modal-open .modal-content .modal-header h3 {
  width: 100%;
  text-align: center;
  font-family: "Aeonik-Black", sans-serif;
  font-size: 28px;
  margin-top: 16px;
}


body.playing-casino-game.modal-open .modal-content .modal-body p {
  font-family: "Aeonik-Medium", sans-serif;
  opacity: 0.9;
}


.root-container.mobile.country-blocked-page {
  z-index: 300;
}


.error-loading-game .alert-warning {
  background-color: #182436 !important;
  color: #fff !important;
  border-color: #36e6e5 !important;
}


.info-span-margin span {
  display: block;
  margin-bottom: 1rem;
}


.info-span-margin .footer-container span {
  margin-bottom: auto;
}


.message-row .title {
  font-family: "Aeonik-Regular", sans-serif;
  color: #fff !important;
  opacity: 1 !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}


.message-row .date {
  opacity: 0.9 !important;
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 8px;
  text-align: left;
}


.account-content-container h3.section {
  font-family: "Aeonik-Black", sans-serif;
  text-transform: capitalize;
  font-weight: normal;
}


.account-content-container h4.section {
  font-family: "Aeonik-Black", sans-serif;
  text-transform: capitalize;
  font-weight: normal;
}


.account-content-container .balances-container .table thead th {
  color: #fff;
}


.account-content-container .balances-container .table td {
  color: #fff;
}


.tp-tableContainer .table-row-left .type {
  color: #fff;
}


.tp-tableContainer .table-row-left .dateAndId {
  color: #fff;
  opacity: 1;
}


.account-page-container .switch__label:before {
  background-color: #7a7878;
}


.account-page-container .account-card.user-level .info-container {
  text-align: center;
}


.account-page-container .account-card.user-level .info-container .title {
  margin-top: 40px;
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: none;
}


.account-page-content-col .account-card .info-container {
  width: 100%;
  margin: 0 auto;
  background: #0B1926;
  border: 1px solid #1B2E42;
  border-radius: 10px;
  padding: 36px 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}

.account-page-content-col .account-card .info-container * {
  box-sizing: border-box;
}

.account-page-content-col .account-card .info-container h1 {
  font-size: 22px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-family: "Aeonik-bold", sans-serif;
}

/* Blue "VIP" word inside the heading */
.account-page-content-col .account-card .info-container h1 strong {
  color: #3FB6FF;
  font-weight: 800;
}

.account-page-content-col .account-card .info-container > span:first-of-type {
  display: block;
  font-size: 14px;
  color: #9FB1C3;
  line-height: 1.7;
  font-weight: 400;
}

/* Bold keywords inside the description */
.account-page-content-col .account-card .info-container > span:first-of-type strong {
  color: #C9D6E4;
  font-weight: 700;
}

.account-page-content-col .account-card .info-container > span:last-of-type {
  display: block;
  margin-top: 4px;
}

.account-page-content-col .account-card .info-container a {
  display: inline-block;
  background: #1FE48D;
  color: #000;
  font-weight: 700;
  font-size: 15px;
  padding: 13px 32px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.15s;
}

.account-page-content-col .account-card .info-container a:hover {
  background: #14CF7C;
  color: #000;
  text-decoration: none;
}

.account-page-content-col .account-card .info-container a::after {
  content: " →";
}

.account-page-container .account-card.user-level .info-container h1,
.account-page-container .account-card.user-level .info-container h2,
.account-page-container .account-card.user-level .info-container h3,
.account-page-container .account-card.user-level .info-container h4,
.account-page-container .account-card.user-level .info-container h5,
.account-page-container .account-card.user-level .info-container h6,
.account-page-container .account-card.user-level .info-container p,
.account-page-container .account-card.user-level .info-container span {
  text-align: center !important;
  display: block;
}


.account-page-container .account-card.user-level .info-container h1 img,
.account-page-container .account-card.user-level .info-container h2 img,
.account-page-container .account-card.user-level .info-container h3 img,
.account-page-container .account-card.user-level .info-container h4 img,
.account-page-container .account-card.user-level .info-container h5 img,
.account-page-container .account-card.user-level .info-container h6 img,
.account-page-container .account-card.user-level .info-container p img,
.account-page-container .account-card.user-level .info-container span img {
  margin-top: 4rem;
  margin-bottom: 2rem;
}


.account-page-container .notFound-content .notFound-wrapper img {
  display: none;
}


.buy-crypto-iframe .jocQXe {
  max-width: unset;
}


.promopage .hero-banner-two-columns .taglines {
  text-transform: unset;
  font-size: unset;
  line-height: normal;
}


.promopage .add-top-space {
  margin-top: 1rem;
}


.promopage .add-bottom-space {
  margin-bottom: 1rem;
}


.promopage .remove-top-space {
  margin-top: 0;
  padding-top: 0;
}


.promopage .remove-bottom-space {
  margin-bottom: 0;
  padding-bottom: 0;
}


.hero-banner-two-columns.good-ambassador-program .container .row .col-md-6.taglines {
  flex: 0 0 100%;
  max-width: 100%;
}


.hero-banner-two-columns.good-ambassador-program .container .row .col-md-6.taglines .tagline.top-section {
  margin-top: 3rem;
}


.hero-banner-two-columns.good-ambassador-program .container .row .col-md-6.taglines .tagline.top-section h1 {
  font-family: Aeonik-BlackItalic, sans-serif;
  font-size: 36px;
  color: #1ee78a;
  text-transform: uppercase;
  line-height: 46px;
  margin-bottom: 1.2rem;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.good-ambassador-program .container .row .col-md-6.taglines .tagline.top-section h1 {
    font-size: 26px;
    font-family: Aeonik-Black, sans-serif;
    text-transform: capitalize;
    line-height: 30px;
    margin-bottom: 1rem;
  }
}


.hero-banner-two-columns.good-ambassador-program .container .row .col-md-6.taglines .tagline.top-section span {
  font-family: Aeonik-Medium, sans-serif;
  font-size: 16px;
  color: #f6f6f6;
  line-height: 1.5rem;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.good-ambassador-program .container .row .col-md-6.taglines .tagline.top-section span {
    font-family: Aeonik-Regular, sans-serif;
    font-size: 12px;
    line-height: 1rem;
  }
}


.hero-banner-two-columns.good-ambassador-program .container .row .col-md-6.taglines .tagline.top-section span img {
  margin-top: 2.2rem;
  margin-bottom: 2.2rem;
  width: 100%;
  border-radius: 20px;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.good-ambassador-program .container .row .col-md-6.taglines .tagline.top-section span img {
    border-radius: 0;
  }
}


.styled-text-list.why-join .row.title-row {
  display: none;
}


.styled-text-list.why-join .row {
  gap: 5%;
  padding-left: 15px;
  padding-right: 15px;
}


@media (max-width: 768px) {
  .styled-text-list.why-join .row {
    flex-direction: column;
  }
}


.styled-text-list.why-join .row .title {
  width: 100%;
}


.styled-text-list.why-join .row .title h1 {
  font-size: 36px;
  font-family: Aeonik-Black, sans-serif;
  color: #f6f6f6;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}


@media (max-width: 576px) {
  .styled-text-list.why-join .row .title h1 {
    font-size: 20px;
  }
}


.styled-text-list.why-join .row .text {
  width: 30%;
}


@media (max-width: 768px) {
  .styled-text-list.why-join .row .text {
    width: 100%;
    margin-bottom: 2rem;
  }
}


.styled-text-list.why-join .row .text ul {
  padding-left: 0;
  margin-bottom: 0.3rem;
}


@media (max-width: 768px) {
  .styled-text-list.why-join .row .text ul {
    padding-left: 25px;
  }
}


.styled-text-list.why-join .row .text ul li {
  font-size: 26px;
  font-family: Aeonik-Black, sans-serif;
  color: #1ee78a;
  text-align: left;
}


@media (max-width: 576px) {
  .styled-text-list.why-join .row .text ul li {
    font-size: 20px;
  }
}


.styled-text-list.why-join .row .text h1 {
  font-size: 26px;
  font-family: Aeonik-Black, sans-serif;
  color: #1ee78a;
  text-align: left;
}


@media (max-width: 576px) {
  .styled-text-list.why-join .row .text h1 {
    font-size: 20px;
  }
}


.styled-text-list.why-join .row .text span {
  color: #f6f6f6;
}


@media (max-width: 576px) {
  .styled-text-list.why-join .row .text span {
    font-size: 12px;
  }
}


.hero-banner-two-columns.how-it-works {
  margin-top: 3rem;
}


@media (min-width: 1200px) {
  .hero-banner-two-columns.how-it-works .container {
    max-width: 1340px;
  }
}


.hero-banner-two-columns.how-it-works .container .row .col-md-6.taglines {
  flex: 0 0 100%;
  max-width: 100%;
}


.hero-banner-two-columns.how-it-works .container .row .col-md-6.taglines .title h1 {
  font-size: 36px;
  font-family: Aeonik-Black, sans-serif;
  color: #f6f6f6;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}


@media (max-width: 992px) {
  .hero-banner-two-columns.how-it-works .container .row .col-md-6.taglines .title h1 {
    margin-bottom: 0;
  }
}


@media (max-width: 576px) {
  .hero-banner-two-columns.how-it-works .container .row .col-md-6.taglines .title h1 {
    font-size: 20px;
  }
}


.hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group {
  display: flex;
  gap: 3%;
}


@media (max-width: 992px) {
  .hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group {
    flex-direction: column;
  }
}


@media (max-width: 768px) {
  .hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group {
    flex-direction: column;
  }
}


.hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group .group {
  display: flex;
  justify-content: center;
  align-items: center;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group .group {
    margin-bottom: 1rem;
  }
}


.hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group .group .number {
  font-size: 100px;
  font-family: Aeonik-Black, sans-serif;
  margin-right: 10px;
  margin-bottom: 0;
  align-self: flex-end;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group .group .number {
    font-size: 80px;
  }
}


.hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group .group .number span {
  opacity: 0.1;
}


.hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group .group .text {
  margin-bottom: 0;
}


.hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group .group .text h1 {
  font-size: 26px;
  font-family: Aeonik-Black, sans-serif;
  color: #1ee78a;
  text-align: left;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group .group .text h1 {
    font-size: 20px;
  }
}


.hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group .group .text span {
  color: #f6f6f6;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.how-it-works .container .row .col-md-12.taglines-group .group .text span {
    font-size: 12px;
  }
}


.styled-text-list.spread-the-love {
  margin-top: 5rem;
  padding-left: 15px;
  padding-right: 15px;
}


.styled-text-list.spread-the-love .row.title-row {
  display: none;
}


.styled-text-list.spread-the-love .center-content {
  width: 100%;
  text-align: center;
}


.styled-text-list.spread-the-love .center-content h1 {
  font-family: Aeonik-BlackItalic, sans-serif;
  font-size: 36px;
  color: #f6f6f6;
  text-transform: uppercase;
  line-height: 46px;
  margin-bottom: 2rem;
}


@media (max-width: 576px) {
  .styled-text-list.spread-the-love .center-content h1 {
    font-size: 26px;
    font-family: Aeonik-Black, sans-serif;
    line-height: 30px;
  }
}


.styled-text-list.spread-the-love .center-content span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.styled-text-list.spread-the-love .center-content span img {
  width: 138px;
}


@media (max-width: 576px) {
  .styled-text-list.spread-the-love .center-content span img {
    width: 84px;
  }
}


.hide-tag {
  display: none !important;
}


.side-menu-custom.logged-in .side-menu-content .text {
  display: none;
}


/* Flair updates */


.gameListSection.logos-provider .section-outer .inner-section .column-size-5 .card-wrapper:hover {
  transform: translateY(0);
}


.gameListSection.logos-provider .section-outer .inner-section .column-size-5 .card-wrapper {
  border-radius: 6px;
  border: 1px solid #213244;
  background: #0b1926;
  height: 76px;
  padding: 22px 41px;
  cursor: default;
  pointer-events: none;
}


.panel-section.full-width .container-full-width.desktop .panel-card {
  padding-left: 0;
  padding-right: 0;
  border-radius: 6px;
  overflow: hidden;
  max-width: 1124px;
}


.cta-green-deposit {
  margin-top: 24px;
}


.cta-green-deposit .row {
  margin-left: 0;
  margin-right: 0;
  background: linear-gradient(85deg, #074365 -0.49%, #0c2658 100%);
  padding: 24px 32px 24px 24px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.cta-green-deposit .row .supporting-cta {
  display: flex;
  align-items: center;
}


@media (max-width: 1200px) {
  .cta-green-deposit .row .supporting-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}


.cta-green-deposit .row .supporting-cta span img {
  margin-left: 62px;
  max-width: 368px;
}


@media (max-width: 1200px) {
  .cta-green-deposit .row .supporting-cta span img {
    margin-left: 0;
    margin-top: 16px;
    flex-direction: column;
  }
}


.cta-green-deposit .row .supporting-cta h3 {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 28px;
  line-height: 40px;
  display: inline-flex;
  flex-wrap: wrap;
}


.cta-green-deposit .row .supporting-cta h3 strong {
  background: -webkit-linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
  margin-left: 10px;
  margin-right: 10px;
  font-family: "Aeonik-Black", sans-serif;
}


.cta-green-deposit .btn-green {
  padding: 14px 24px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #08121c;
  font-size: 14px;
  line-height: 20px;
}


.cta-green-deposit .btn-green img {
  margin-right: 8px;
}


.title-with-icon-top-games {
  position: relative;
}


.title-with-icon.promotions.title-with-icon-top-games {
  margin-top: 0;
}


.title-with-icon-top-games .row {
  position: absolute;
  bottom: -57px;
}


.top-games-navigation-hide .splide-pagination {
  display: none;
}


.timer-section {
  margin-top: 0;
}


.timer-section .timer-text-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 39px 40px;
  position: relative;
  z-index: 1;
  border: 1px solid #213344;
  border-radius: 6px;
  overflow: hidden;
  background: #0B1926;
}


@media (max-width: 991px) {
  .timer-section .timer-text-block {
    flex-direction: column;
  }
}


.timer-section .timer-text-block .tagline {
  margin-bottom: 0;
}


.timer-section .timer-text-block h6 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
}


.timer-section .timer-text-block .tagline.bg-timer {
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
}


.timer-section .timer-text-block .tagline.bg-timer.bg-timer-mobile {
  display: none;
}


@media (max-width: 480px) {
  .timer-section .timer-text-block .tagline.bg-timer.bg-timer-desktop {
    display: none;
  }
  .timer-section .timer-text-block .tagline.bg-timer.bg-timer-mobile span {
    width: 100%;
  }
  .timer-section .timer-text-block .tagline.bg-timer.bg-timer-mobile {
    display: flex;
  }
  .timer-section .timer-text-block .tagline.bg-timer img {
    border-radius: 6px;
  }
}


.timer-section .timer-text-block .tagline.bg-timer span {
  display: flex;
  height: 100%;
}


.timer-section .timer-text-block .tagline.bg-timer img {
  width: 100%;
  object-fit: cover;
}


.timer-section .timer-text-block h4 {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 28px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}


@media (max-width: 991px) {
  .timer-section .timer-text-block h4,
  .timer-section .timer-text-block h6 {
    text-align: center;
  }
}


@media (max-width: 768px) {
  .timer-section .timer-text-block h4 {
    font-size: 24px;
    line-height: 32px;
  }
}


.timer-section .timer-text-block .timer-box #timer {
  display: flex;
}


@media (max-width: 991px) {
  .timer-section .timer-text-block .timer-box {
    margin-top: 16px;
  }
}


.timer-section .timer-text-block .timer-box #timer span:not(.text) {
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 24px;
  border-right: 1px solid #1FE88A;
  font-size: 40px;
  font-family: "Aeonik-Black", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 99px;
}


.timer-section .timer-text-block .timer-box #timer span:last-child {
  border-right: 0;
  padding-right: 0;
}


.timer-section .timer-text-block .timer-box #timer span.text {
  color: #b8c8da;
  background: -webkit-linear-gradient(180deg, #b8c8da 0%, #b8c8da 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-top: 6px;
}


.marquee-section .row {
  margin-left: 0;
  margin-right: 0;
}


.marquee-section .row .tagline {
  overflow: hidden;
  position: relative;
}


.marquee-section .row .tagline::before {
  content: "";
  background: linear-gradient(-90deg, rgba(8, 21, 33, 0) 0%, #081521 100%);
  position: absolute;
  height: 50px;
  width: 80px;
  left: 0;
  bottom: 0;
  z-index: 1;
}


.marquee-section .row .tagline::after {
  content: "";
  position: absolute;
  height: 50px;
  width: 80px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(8, 21, 33, 0) 0%, #081521 100%);
}


.marquee {
  width: 100%;
  white-space: nowrap;
  padding-top: 16px;
}


.marquee .marquee-content {
  display: inline-block;
  animation: marquee 120s linear infinite;
}


.marquee .crypto-card {
  display: inline-flex;
  margin-right: 16px;
  font-family: "Inter", sans-serif;
  background-color: #0b1826;
  border: 1px solid #213244;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  padding: 14px 16px;
  min-width: 174px;
  align-items: center;
  justify-content: space-between;
}


.marquee .crypto-card span {
  font-weight: bold;
}


.marquee .icon-price-wrap {
  display: flex;
  align-items: center;
}


.marquee .icon-price-wrap img {
  margin-right: 8px !important;
}


.marquee .price {
  color: #fff;
}


.marquee .change-positive {
  color: #1fe88a;
}


.marquee .change-negative {
  color: #f33535;
}


@keyframes marquee {
  0% {
    transform: translateX(1%);
  }

  100% {
    transform: translateX(-9000px);
  }
}


/* @keyframes marquee {
  0% {
    transform: tran;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
} */


@media (max-width: 768px) {
  @keyframes marquee {
    0% {
      transform: translate3d(0, 0, 0);
    }

    100% {
      transform: translate3d(-9500px, 0, 0);
    }
  }
  @-webkit-keyframes marquee {
    0% {
      transform: translate3d(0, 0, 0);
    }

    100% {
      transform: translate3d(-9500px, 0, 0);
    }
  }
}


.panel-section.fixed-width.provider-slider .container-fixed-width {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
}


@media (max-width: 1200px) {
  .panel-section.fixed-width.provider-slider .container-fixed-width {
  }
}


.panel-section.fixed-width .container-fixed-width .panel-card.provider-slider-slide {
}


.panel-section.fixed-width .container-fixed-width .panel-card.provider-slider-slide .panel-inner {
  min-height: 80px;
  padding: 18px 34px;
  background: #0b1926;
  border: 1px solid #213244;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 174px;
  justify-content: center;
  max-height: 80px;
}


.panel-section.fixed-width .container-fixed-width .panel-card .panel-inner .icon-wrapper {
  display: flex;
  justify-content: center;
}


.explore-betpanda .taglines-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  margin-top: 20px;
}


.explore-betpanda .taglines-group .explore-card {
  width: 24.25%;
}


.explore-betpanda .taglines-group .explore-card img {
  width: 100%;
}


.panel-section.fixed-width.top-sports .container-fixed-width.desktop {
  padding-left: 0;
  padding-right: 0;
}


.top-sports.panel-section .panel-wrapper .panel-card .panel-inner {
  min-height: 224px;
  border-radius: 6px;
  border: 1px solid #213244;
}


.hero-banner-two-columns.read-more-cta {
  margin-top: 40px;
}


.read-more-cta .read-more-text-block {
  display: flex;
  flex-direction: column;
  padding: 40px;
  border: 1px solid #213344;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  background: #0B1926;
}


.read-more-cta .tagline {
  max-width: 690px;
}


.read-more-cta .bg-read-more {
  position: absolute;
  max-width: 100%;
  z-index: -1;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
}


.read-more-cta .bg-read-more.bg-read-more-mobile {
  display: none;
}


@media (max-width: 425px) {
  .read-more-cta .bg-read-more {
    display: none;
  }
  .read-more-cta .bg-read-more.bg-read-more-mobile {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
  }
  .read-more-cta .bg-read-more span img {
    object-position: right;
  }
}


.read-more-cta .bg-read-more span {
  display: flex;
  width: 100%;
  height: 100%;
}


.read-more-cta .bg-read-more span img {
  width: 100%;
  object-fit: cover;
}


.read-more-cta .landingpage-hero-border-small {
  width: 1110px;
}


.read-more-cta .read-more-text-block h3 {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 16px;
}


.read-more-cta .read-more-text-block h3:first-child {
  margin-bottom: 0;
}


@media (max-width: 576px) {
  .read-more-cta .read-more-text-block h3:first-child {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .read-more-cta .read-more-text-block h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
  }
  .read-more-cta .read-more-text-block {
    padding: 24px;
    width: unset;
  }
}


.read-more-cta .read-more-text-block h3 strong {
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.read-more-cta .read-more-text-block .text {
  margin-bottom: 0;
}


.read-more-cta .read-more-text-block .text-more {
  margin-top: 0;
}


.read-more-cta .read-more-text-block .text-more h3,
.read-more-cta .read-more-text-block .text-more h3:first-child {
  margin-bottom: 16px;
  margin-top: 20px;
}


.read-more-cta .read-more-text-block .text span,
.read-more-cta .read-more-text-block .text ul li {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  color: #96abc1;
  font-size: 14px;
  line-height: 20px;
}


.read-more-cta .read-more-text-block .btn.btn-border {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 24px;
  border: 1px solid #2a3d51;
  border-radius: 4px;
  max-width: 141px;
  height: 48px;
  align-items: center;
  margin-top: 24px;
}


.read-more-cta .read-more-text-block .btn.btn-border#shrink-more-btn {
  display: none;
}


.read-more-cta .read-more-text-block .btn.btn-border svg {
  margin-left: 8px;
}


/* .timer-section .timer-text-block .tagline {
  margin-bottom: 0;
}
.timer-section .timer-text-block h6 {
}
.timer-section .timer-text-block h3 {
  font-family: "Aeonik-Bold", sans-serif;
  line-height: 40px;
  margin-top: 4px;
  margin-bottom: 0;
} */


.hero-landing-banner .container-full-width {
  max-width: 1154px;
  margin: 0 auto;
  padding: 0 15px !important;
  overflow: hidden;
}


.hero-landing-banner {
  padding-bottom: 0;
  padding-top: 0;
}


.hero-landing-banner .panel-card {
  position: relative;
}


.hero-landing-banner .panel-card .tagline span {
  font-family: "Aeonik-Regular", sans-serif;
  justify-content: center;
  display: flex;
  align-items: center;
  font-size: 24px;
  line-height: 32px;
  gap: 7px;
}


.hero-landing-banner .panel-card .tagline h1 {
  text-align: left;
  font-size: 56px;
  line-height: 56px;
  font-family: "Aeonik-Black", sans-serif;
  margin-bottom: 0;
}


.panel-section.full-width.hero-landing-banner .panel-wrapper .panel-card .panel-inner {
  padding-bottom: 27px;
  background-size: cover;
  background-position: center;
  max-width: 1124px;
  padding-top: 220px;
}


.panel-section.full-width.hero-landing-banner .slide-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
}


.panel-section.full-width.hero-landing-banner .slide-img.slide-img-mobile {
  display: none;
}


.panel-section.full-width.hero-landing-banner .slide-img span {
  display: flex;
  height: 100%;
}


.panel-section.full-width.hero-landing-banner .slide-img img {
  width: 1124px;
  object-fit: cover;
}


.panel-section.full-width.hero-landing-banner .splide-pagination {
  margin-top: 0.5rem;
  padding-bottom: 0;
  margin-bottom: 0;
}


.panel-section.full-width .navigate-bottom.navigate-wrapper .splide-pagination {
  margin-top: -0.35em;
}


.hero-landing-banner .panel-card .tagline h1:first-of-type {
  margin-top: 8px;
  font-size: 40px;
  line-height: 40px;
  justify-content: center;
  display: flex;
}


.hero-landing-banner .panel-card .tagline span strong {
  font-family: "Aeonik-Bold", sans-serif;
  line-height: 22px;
}


.hero-landing-banner .panel-card .tagline h1 strong {
  background: -webkit-linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}


.hero-landing-banner .panel-card .hero-landing-banner--checklist.tagline {
  margin-top: 24px;
  display: flex;
}


.hero-landing-banner .panel-card .hero-landing-banner--checklist.tagline .checklist-item {
  margin-left: 20px;
}


.hero-landing-banner .panel-card .hero-landing-banner--checklist.tagline .checklist-item:first-child {
  margin-left: 0;
}


.hero-landing-banner .panel-card .hero-landing-banner--checklist.tagline span {
  margin-top: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
}


.hero-landing-banner .btn-green {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #08121c;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  border: 1px solid #8cffc9;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  min-width: 140px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: end;
}


.hero-landing-banner .btn-green svg {
  margin-left: 8px;
}


.hero-landing-banner .bottom-tape {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(25px);
  padding: 16px;
  padding-right: 0;
  align-items: center;
  justify-content: space-between;
}


.hero-landing-banner .bottom-tape .bottom-tape--block {
  padding: 0 24px;
  display: flex;
  align-items: center;
  font-family: "Aeonik-Bold", sans-serif;
}


.hero-landing-banner .bottom-tape .bottom-tape--block-line {
  width: auto;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  flex-grow: 1;
}


.hero-landing-banner .bottom-tape .bottom-tape--block .bottom-tape--block-number {
  font-size: 24px;
  line-height: 32px;
  margin-right: 15px;
  background: -webkit-linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.hero-landing-banner .bottom-tape .bottom-tape--block .bottom-tape--block-text {
  color: #f5f6f8;
  font-size: 16px;
  line-height: 24px;
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated .company-info-footer .text span {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #96abc1;
}


.footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated .company-info-footer .text .text-heading {
  margin-top: 16px;
}


.link-social-footer img {
  margin-right: 10px;
}


.footer-supported-section {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  border-top: 1px solid #213344;
}


@media (max-width: 991px) {
  .footer-supported-section {
    border-top: 0;
    flex-direction: column;
  }
}


.footer-supported-section .coins-images {
  display: flex;
  flex-grow: 1;
}


.footer-supported-section .coins-images span {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-left: 100px;
}


.footer-supported-section .coins-images span img {
  width: 48px;
  height: 48px;
}


.footer-supported-section .text {
  display: flex;
  flex-direction: column;
}


.footer-supported-section .text span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #96abc1;
}


.footer-supported-section .text span a {
  color: #f5f7f8;
  text-decoration: underline;
}


.footer-supported-section .text span.text-parent-head {
  font-family: "Aeonik-bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #f5f7f8;
  margin-bottom: 12px;
}


@media (max-width: 991px) {
  .footer-supported-section .coins-images span {
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .footer-supported-section .coins-images span img {
    margin-top: 24px;
    margin-right: 28px;
  }
}


.partner-row .partner-logo-wrapper {
  display: flex;
  gap: 1%;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 40px;
  width: 100%;
}


.partner-row .partner-logo-wrapper .partner-logo {
  border-radius: 6px;
  border: 1px solid #213244;
  background: #0b1826;
  height: 76px;
  padding: 22px 37px;
  cursor: default;
  width: 19.2%;
  display: flex;
}


.partner-row .partner-logo-wrapper .partner-logo img {
  width: 100%;
}


@media (max-width: 991px) {
  .partner-row .partner-logo-wrapper .partner-logo {
    padding: 22px;
  }
}


@media (max-width: 768px) {
  .partner-row .partner-logo-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .partner-row .partner-logo-wrapper .partner-logo {
    width: 49%;
    margin-top: 8px;
  }
  .partner-row .partner-logo-wrapper .partner-logo:nth-child(n + 5) {
    display: none;
  }
  .partner-row .partner-logo-wrapper .partner-logo img {
    height: 100%;
  }
  .footer-supported-section .coins-images span img {
    width: 40px;
    height: 40px;
  }
}


.copyright-wrapper .row {
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(33, 51, 68, 1);
}


.copyright-wrapper .copyright span {
  color: rgba(150, 171, 193, 1);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}


.copyright-wrapper .copyright-navigation {
  display: flex;
  align-items: center;
}


.copyright-wrapper .copyright-navigation .copyright-nav-item {
  margin-left: 24px;
  color: rgba(150, 171, 193, 1);
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}


.copyright-wrapper .copyright-navigation .copyright-nav-item .copyright-nav-link {
  color: #f5f7f8;
  text-decoration: underline;
}


@media (max-width: 991px) {
  .copyright-wrapper .row {
    flex-direction: column-reverse;
  }
  .copyright-wrapper .copyright {
    margin-top: 24px;
  }
}


@media (max-width: 768px) {
  .copyright-wrapper .row {
    align-items: flex-start;
    padding-top: 0;
  }
  .copyright-wrapper .copyright-navigation {
    align-items: flex-start;
    flex-direction: column;
  }
  .copyright-wrapper .copyright-navigation .copyright-nav-item {
    margin-top: 24px;
    margin-left: 0;
  }
}


.menu-layout .menu-layout-content {
}


@media (max-width: 768px) {
  .panel-section.full-width.hero-landing-banner .slide-img.slide-img-desktop {
    display: none;
  }
  .panel-section.full-width.hero-landing-banner .slide-img.slide-img-mobile {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
  }
  .panel-section.full-width.hero-landing-banner .container-full-width.desktop {
    max-width: 100%;
  }
  .panel-section.full-width.hero-landing-banner .container-full-width.mobile {
    max-width: 100%;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 586px;
    padding: 52px 24px 160px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card {
    text-align: center;
    border-radius: 6px;
  }
  .hero-landing-banner .panel-card .tagline span {
    font-size: 16px;
    line-height: 24px;
  }
  .hero-landing-banner .panel-card .tagline h1 {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
  }
  .hero-landing-banner .panel-card .tagline h1:first-of-type {
    font-size: 28px;
    line-height: 40px;
  }
  .hero-landing-banner .panel-card .hero-landing-banner--checklist.tagline {
    margin-top: 0;
    display: flex;
    justify-content: space-between;
  }
  .hero-landing-banner .panel-card .hero-landing-banner--checklist.tagline span {
    font-size: 12px;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
  .hero-landing-banner .panel-card .hero-landing-banner--checklist.tagline .checklist-item {
    margin-top: 16px;
    margin-left: 10px;
  }
  .hero-landing-banner .panel-card .hero-landing-banner--checklist.tagline .checklist-item img {
    margin-bottom: 4px;
  }
  .hero-landing-banner .btn-green {
    width: 100%;
    height: 40px;
    margin-top: 20px;
  }
  .hero-landing-banner .bottom-tape {
    display: none;
  }
  .gameListSection.logos-provider .section-outer .inner-section .column-size-5 .card-wrapper {
    width: calc(50% - 4px);
    padding: 15px 20px;
    height: 56px;
  }
  .gameListSection.logos-provider .section-outer .inner-section .column-size-5 .card-wrapper:nth-child(n + 5) {
    display: none;
  }
  .gameListSection.logos-provider .section-outer .inner-section .column-size-5 {
    flex-wrap: wrap;
    gap: 8px;
  }
  .gameListSection.logos-provider .section-outer .inner-section .card-wrapper .card-game-list {
    height: 26px;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .gameListSection.logos-provider .section-outer .inner-section .card-wrapper .card-game-list img {
    width: auto;
    height: 100%;
  }
  .cta-green-deposit {
    margin-top: 24px;
  }
  .cta-green-deposit .row {
    padding: 24px;
  }
  .cta-green-deposit .row .supporting-cta {
    margin-left: auto;
    margin-right: auto;
    align-items: center;
  }
  .cta-green-deposit .row .supporting-cta h3 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
    justify-content: center;
  }
  .cta-green-deposit .row .supporting-cta span img {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .cta-green-deposit .tagline-btn-green {
    width: 100%;
    margin-top: 20px;
  }
  .cta-green-deposit .btn-green {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .title-with-icon.promotions {
    margin-top: 0;
  }
  .promopage .title-with-icon.promotions {
    margin-top: 0;
  }
  .timer-section {
    margin-top: 40px;
  }
  .explore-betpanda .taglines-group {
    justify-content: space-between;
  }
  .explore-betpanda .taglines-group .explore-card {
    width: calc(50% - 4px);
  }
  .explore-betpanda .taglines-group .explore-card .tagline {
    margin-bottom: 8px;
  }
  .gameListSection.logos-provider {
    margin-top: 0;
  }
  .read-more-cta {
    margin-top: 40px;
  }
  .timer-section .timer-text-block .timer-box #timer span:not(.text) {
    font-size: 32px;
    line-height: 40px;
    padding: 0 13px;
    min-width: 70px;
  }
  .timer-section .timer-text-block .timer-box {
    margin-top: 24px;
  }
  .timer-section .timer-text-block .timer-box #timer span.text {
    font-size: 12px;
    line-height: 16px;
  }
  .panel-section.full-width.hero-landing-banner .slide-img span {
    width: 100%;
  }
}


.promopage .title-with-icon.promotions {
  margin-top: 0;
}


.root-container.mobile.promopage:not(.promotions-page) {
  margin-top: -24px;
}


@media (max-width: 576px) {
  .styled-text-list.promo-top-image {
    margin-top: 16px;
  }
  .root-container.mobile.promopage:not(.promotions-page) .hero-banner-two-columns.promotion-page .group.promotion-text-content h1 {
    font-size: 32px;
  }
  .title-with-icon-top-games .row {
    position: relative;
    bottom: 0;
    margin-top: 20px;
  }
  .panel-section.fixed-width .container-fixed-width .panel-card.provider-slider-slide {
    border-top: 0;
    border-left: 0;
    min-width: 152px;
    margin-right: 8px;
  }
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-info.top-line:last-child {
    border-top: 0;
    padding-top: 20px;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
}


/* INFO PAGE */


.infoPage-container h1,
.infoPage-container h2,
.infoPage-container h3,
.infoPage-container h4,
.infoPage-container h5,
.infoPage-container h6 {
  color: rgba(245, 247, 248, 1);
  font-family: "Aeonik-Bold", sans-serif;
  font-weight: 700;
}


.infoPage-container h1 {
  font-size: 40px;
}


.infoPage-container h2 {
  font-size: 28px;
}


.infoPage-container h3 {
  font-size: 24px;
}


@media (max-width: 576px) {
  .infoPage-container h1 {
    font-size: 32px;
  }
  .infoPage-container h2 {
    font-size: 24px;
  }
  .infoPage-container h3 {
    font-size: 20px;
  }
}


.infoPage-container span {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}


.infoPage-container ul li {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-top: 8px;
}


.infoAccordion .card {
  border: 1px solid #213344;
  border-radius: 6px;
  background: #0b1926;
  overflow: hidden;
  margin-bottom: 16px;
}


.infoAccordion .card .card-header {
  border-bottom: 0;
  padding: 20px 24px;
  background-color: #0b1926;
}


.infoAccordion .card .card-body {
  background-color: #0b1926;
}


.infoAccordion .card h4 .header-btn {
  font-family: "Aeonik-Bold", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: rgba(245, 247, 248, 1);
}


.infoAccordion .card-body .card-body-content {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #96abc1;
  border-top: 1px solid #213344;
}


.user-modal {
  max-width: 790px;
}


.registration-modal .modal-container:after,
.login-modal .modal-container:after,
.recover-modal .modal-container:after,
.verify-modal .modal-container:after {
  content: "";
  background-image: url("https://d39l5twljzzea1.cloudfront.net/betpanda3/Group_121417756_0875926e31.png");
  width: 380px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}


.user-modal .modal-close-btn {
  z-index: 2;
  background: #155d8f;
  display: flex;
  padding: 12px;
  top: 0;
}


.user-modal .modal-header .title-content {
  margin-left: 0;
}


.user-modal .modal-body {
  padding: 40px 40px 0;
}


.user-modal .modal-footer {
  padding: 0 40px 24px;
  margin-top: 24px;
}


.user-modal .modal-footer .generic-text-button-container {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  text-align: center;
}


.user-modal .modal-footer .generic-text-button-container:first-child {
  padding-top: 24px;
  border-top: 1px solid #213344;
  margin-top: 0;
}


.modal .modal-content {
  border-radius: 8px;
}


.modal-wrapper {
  background-color: #081521;
  border: 1px solid #213344;
  border-radius: 8px;
  overflow: hidden;
}


@media (max-width: 576px) {
  .modal-wrapper {
    border: 0;
  }
}


.recover-modal .modal-body.recover-alert {
  padding: 0 40px;
  margin: 0;
}


.recover-modal .modal-body.recover-alert .alert-info {
  padding: 0;
  margin: 0;
  text-align: left;
}


.registration-modal .form input.form-control::placeholder,
.login-modal .form input.form-control::placeholder,
.recover-modal .form input.form-control::placeholder,
.verify-modal .form input.form-control::placeholder {
  color: #96abc1;
  opacity: 1;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}


.registration-modal .form input.form-control::-ms-input-placeholder,
.login-modal .form input.form-control::-ms-input-placeholder,
.recover-modal .form input.form-control::-ms-input-placeholder,
.verify-modal .form input.form-control::-ms-input-placeholder {
  color: #96abc1;
  opacity: 1;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}


.login-modal .form .form-group.password:after,
.registration-modal .form .form-group .password-requirements-text {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: #96abc1;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}


.login-modal .modal-footer .generic-text-button-container:last-child .text,
.login-modal .modal-footer .generic-text-button-container:first-child .text,
.recover-modal .modal-footer .generic-text-button-container:first-child .text,
.recover-modal .modal-footer .generic-text-button-container:last-child .text,
.registration-modal .modal-footer .generic-text-button-container:first-child .text,
.registration-modal .modal-footer .generic-text-button-container:last-child .text {
  font-family: "Inter", sans-serif;
  color: #f5f7f8;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: capitalize;
}


.login-modal .modal-footer .generic-text-button-container:last-child .text:after,
.login-modal .modal-footer .generic-text-button-container:first-child .text:after,
.recover-modal .modal-footer .generic-text-button-container:last-child .text:after,
.recover-modal .modal-footer .generic-text-button-container:first-child .text:after,
.registration-modal.modal-footer .generic-text-button-container:last-child .text:after,
.registration-modal .modal-footer .generic-text-button-container:first-child .text:after {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  display: none;
}


.login-modal .modal-footer .generic-text-button-container:last-child .text:before,
.login-modal .modal-footer .generic-text-button-container:first-child .text:before,
.recover-modal .modal-footer .generic-text-button-container:last-child .text:before,
.recover-modal .modal-footer .generic-text-button-container:first-child .text:before,
.registration-modal .modal-footer .generic-text-button-container:last-child .text:before,
.registration-modal .modal-footer .generic-text-button-container:first-child .text:before {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  display: none;
}


/* .login-modal .form .btn:not(:disabled):not(.disabled), .login-modal .form .btn.btn-cta:disabled, .login-modal .form .btn.btn-cta.disabled { */


@media (max-width: 768px) {
  .registration-modal .modal-container,
  .login-modal .modal-container,
  .recover-modal .modal-container,
  .verify-modal .modal-container {
    padding-right: 0;
    padding-left: 0;
  }
  .user-modal {
    max-width: 500px;
  }
  .registration-modal .modal-container:after,
  .login-modal .modal-container:after,
  .recover-modal .modal-container:after,
  .verify-modal .modal-container:after {
    display: none;
  }
}


@media (max-width: 576px) {
  .user-modal .modal-header {
    padding: 40px 9px 0;
  }
  .user-modal .modal-footer {
    padding: 0 9px 24px;
    margin-top: auto;
  }
  .user-modal.mobile .modal-body {
    padding: 24px 9px 0;
  }
  .user-modal.mobile.login-modal:after,
  .user-modal.mobile.registration-modal:after,
  .user-modal.mobile.recover-modal:after,
  .user-modal.mobile.success-modal:after,
  .user-modal.mobile.verify-modal:after {
    display: none;
  }
  .modal-dialog-centered:before {
    display: none;
  }
  .user-modal .modal-close-btn {
    right: -15px;
    background-color: inherit;
  }
  .user-modal .modal-close-btn .icon-fill {
    fill: #96abc1 !important;
  }
  .user-modal.mobile.login-modal,
  .user-modal.mobile.registration-modal,
  .user-modal.mobile.recover-modal,
  .user-modal.mobile.success-modal,
  .user-modal.mobile.verify-modal {
    margin-bottom: 0;
  }
  .registration-modal .modal-container,
  .login-modal .modal-container,
  .recover-modal .modal-container,
  .verify-modal .modal-container {
    min-height: 100%;
    overflow: visible;
    height: 100%;
    justify-content: flex-start;
  }
  .modal-dialog-centered {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
  .modal .modal-content,
  .modal-content,
  .modal-dialog .modal-content,
  .promoteModalDialog .modal-dialog .modal-content {
    height: 100%;
  }
  .user-modal.mobile.login-modal .modal-content .modal-wrapper.active,
  .user-modal.mobile.registration-modal .modal-content .modal-wrapper.active,
  .user-modal.mobile.recover-modal .modal-content .modal-wrapper.active,
  .user-modal.mobile.success-modal .modal-content .modal-wrapper.active,
  .user-modal.mobile.verify-modal .modal-content .modal-wrapper.active {
    height: 100%;
  }
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    padding-left: 24px;
    padding-right: 24px;
  }
}


/* CASINO PAGE */


.casino-container .filter-column .casino-filter.filter-games-label {
  display: none;
}


/* .casino-container
  .filter-column
  .casino-filters-container
  .casino-filter:last-child {
  display: none;
} */


.casino-container .search-column {
  max-width: 76%;
  flex: 1;
  padding-right: 8px;
}


.casino-container .filter-column {
  max-width: 155px;
  flex: 0 0 155px;
  margin-top: 2.5rem;
  padding-left: 0;
}


.search-and-filter-wrapper .filter-container.studio-filter {
  left: auto;
  right: 14px;
  top: 61px;
  background-color: #0b1926;
  border: 1px solid #213344;
  border-radius: 4px;
}


.search-and-filter-wrapper .filter-container.studio-filter .filter-title-row {
  display: none;
}


@media (max-width: 576px) {
  .search-and-filter-wrapper .filter-container.studio-filter .filter-title-row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .search-and-filter-wrapper .filter-container.studio-filter .filter-title-row .filter-title {
    color: var(--Text-TXT---White, #f5f7f8);
    font-family: "Aeonik-Bold", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
  .casino-container .filter-column .casino-filters-container .casino-filter:nth-child(1) {
    display: flex;
  }
  .casino-container .search-and-filter-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .mobile .casino-filters-container {
    margin-bottom: 0;
    padding-bottom: 5px;
  }
  .casino-container .search-column {
    max-width: 0%;
    flex: 0 0 0%;
    display: none;
  }
  .casino-container .filter-column {
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 0;
    padding-right: 0;
  }
  .casino-container .search-and-filter-container .row {
    max-width: 50%;
    flex: 0 0 50%;
    margin: 0;
    padding-left: 0;
  }
  .casino-container .search-and-filter-container .mobile-search {
    max-width: 50%;
    flex: 0 0 50%;
  }
}


.search-and-filter-wrapper .filter-container.studio-filter .search-studio {
  padding: 16px;
  padding-bottom: 0;
}


.search-and-filter-wrapper .filter-container.studio-filter .search-studio .form-control {
  border-radius: 4px;
  border: 1px solid #213344;
  background-color: #0b1926;
}


.search-and-filter-wrapper .filter-container.studio-filter .search-studio .form-control::placeholder {
  color: #96abc1;
  opacity: 1;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}


.filter-container .section-title {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #213344;
}


.filter-container .studio-name {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #f5f7f8;
}


.filter-container .action-container .btn {
  border: 1px solid #213344 !important;
  background: #0b1926 !important;
  box-shadow: none !important;
}


.filter-container .studio-item.active:after {
  content: "";
  background: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/Layer_1_f3023564d4.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 16px;
  top: 12px;
}


/* .casino-container
  .filter-column
  .casino-filter {
} */


@media (max-width: 576px) {
  .search-and-filter-wrapper .filter-container.studio-filter .search-studio {
    padding: 1px 16px;
  }
  .filter-container .studio-item {
    padding: 14px 24px;
  }
  .filter-container .studio-item.active:after {
    top: 16px;
    right: 24px;
  }
}


.casino-filters-container .casino-filter i {
  margin-left: 0;
}


.casino-container .search-and-filter-container .row {
  flex-direction: row-reverse;
  justify-content: flex-end;
}


.search-and-filter-container .search-container button .material-icons {
  color: #96abc1;
}


.search-and-filter-container .search-container .input-group input.form-control::placeholder {
  color: #96abc1;
  opacity: 1;
  font-size: 14px;
}


.search-container {
  padding: 0;
  margin-top: 2.5rem;
}


@media (max-width: 576px) {
  .search-and-filter-wrapper .filter-container.feature-filter,
  .search-and-filter-wrapper .filter-container.studio-filter {
    top: 0;
    padding-top: 64px;
    height: 100%;
    right: 0;
    border: 0;
    width: 100%;
  }
}


.casino-lobby-categories.navbar-nav .nav-item:first-child {
  margin-left: 0;
}


.categories-container .casino-lobby-categories.navbar-nav .nav-item .nav-link.active:hover {
  background-color: var(--primary) !important;
  color: var(--main-background);
}


.categories-container .row .title {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}


.casino-lobby-categories.navbar-nav .nav-item {
  margin: 0.5rem 01rem 0.5rem 0;
}


@media (max-width: 576px) {
  .search-and-filter-container .mobile-search .search-container {
    margin-top: 0;
    padding-right: 0;
  }
}


@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1154px;
  }
}


@media (max-width: 1200px) {
  .panel-navigate.fixed-width {
    max-width: 960px;
    margin: auto;
  }
}


/* PROMOTIONS PAGE */


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards.promotion-cards-link .read-more-promotions a {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #f5f7f8;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 24px;
  border: 1px solid #2a3d51;
  border-radius: 4px;
  min-width: 141px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  margin-top: 24px;
  width: 100%;
  justify-content: center;
}


.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards.promotion-cards-link .read-more-promotions {
  margin-top: auto;
}


.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards.promotion-cards-link .read-more-promotions a {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  color: #f5f7f8;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 24px;
  border: 1px solid #2a3d51;
  border-radius: 4px;
  min-width: 141px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  margin-top: 24px;
  width: 100%;
  justify-content: center;
}


.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards .tagline.btn.btn-secondary {
  display: none;
}


.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards .tagline.title {
  margin-top: 11px;
  margin-bottom: 12px;
}


.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards .tagline.title span {
  font-size: 18px;
  line-height: 24px;
  color: #f5f7f8;
}


.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards .tagline.text {
  opacity: 1;
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0;
}


@media (max-width: 576px) {
  .hero-banner-two-columns.promotions.noscroll-horizontal {
    margin-top: 20px;
  }
  .hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content ol li::marker {
  color: #0d9ef0;
}


.hero-banner-two-columns.promotion-page .group.promotion-text-content ul li::marker {
  color: #1fe883;
}


.styled-text-list.promo-button-wrapper .row .btn.btn-cta {
  display: inline-flex;
  padding: 14px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  color: #07111b;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  border-radius: 4px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
}


.root-container.mobile.promopage {
  margin-top: 0;
}


.menu-layout .fixed-menu-btn {
  border-radius: 4px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 20px !important;
  color: #000;
}


.menu-layout .fixed-menu-btn.topmenu.desktop-login {
  border: 0 !important;
  min-width: auto !important;
  width: auto !important;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 500;
}


.sidemenu-container .menu-items .nav-link {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  padding-left: 24px !important;
}


.menu-layout .side-submenu-container .submenu-container .nav-link.submenu-link .nav-link-logo {
  gap: 9px;
}


.menu-layout-sidebar .sidemenu-container .menu-items.menu-items-fixed {
  padding: 0 !important;
  gap: 0 !important;
  border-top: 1px solid #213344;
}


.menu-layout-sidebar .sidemenu-container .menu-items.menu-items-fixed .submenu-container {
  border-bottom: 1px solid #213344;
}


.menu-layout .side-submenu-container .submenu-container .nav-link.submenu-link {
  border-radius: 0 !important;
  background-color: transparent;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}


.menu-layout-sidebar .cashback-component .timer-dots {
  border-left: 1px solid #213344;
}


.menu-layout-sidebar .cashback-component .timer-dots svg {
  display: none;
}


.cashback-component .cashback-timer-container {
  gap: 10px;
  width: auto;
}


.cashback-component .cashback-header-container h4 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  font-family: "Aeonik-Bold", sans-serif;
}


.cashback-component {
  justify-content: center;
}


.cashback-component .cashback-header-container {
  width: auto;
}


.cashback-component .cashback-timer-container .cashback-timer-item .cachback-timer-item-count {
  background-color: transparent;
}


.cashback-component .cashback-timer-container .cashback-timer-item .cachback-timer-item-count h3 {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  color: #1fe883;
}


.cashback-component .cashback-timer-container .cashback-timer-item .cachback-timer-item-text {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  opacity: 1;
}


.sidemenu-container .cashback-component {
  margin-top: 0;
}


.main-menu-container .loggedinContainer .btn.small.top-deposit {
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  padding: 10px 24px !important;
  font-weight: 700 !important;
  font-family: "Inter", sans-serif;
}


.currency-selector {
  padding: 10px 16px;
  border-radius: 4px;
  border: 1px solid #213344;
}


.currency-selector .balance {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}


.currency-selector .balance .balance-with-crypto-symbol {
  flex-direction: row-reverse;
}


.currency-selector .balance .balance-with-crypto-symbol .currency-icon {
  margin-left: 0;
  margin-right: 12px;
}


.currency-selector .arrow-icon {
  margin-left: 12px;
}


.currency-selector-dropdown .currency-dropdown-wrapper {
  margin-top: 0;
}


.currency-list-container:not(.button) {
  border-bottom: 1px solid #213344;
}


.loggedinContainer .menuContainer {
  background-color: #0b1926;
  border: 1px solid #213344;
  border-radius: 4px;
  width: 210px;
  right: 68px;
  top: 62px;
}


.loggedinContainer .menuContainer .menu {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}


.loggedinContainer .menuContainer .menu .menuButtonWrapper {
  margin-top: 0;
}


.loggedinContainer .menuContainer .menu .menu-title {
  display: none;
}


.loggedinContainer .menuContainer .menu .menu-close {
  display: none;
}


.menu-button,
a.menu-button,
a.menu-button:not([href]) {
  margin-bottom: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #213344;
  color: #96abc1;
  background-color: transparent;
}


.menu-button .title,
a.menu-button .title,
a.menu-button:not([href]) .title {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


.deposit-button-container {
  padding: 16px;
}


.currency-selector.has-exchange {
  padding: 10px 16px;
}


@media (max-width: 576px) {
  .main-menu-container.header.mobile.logged-in .headerLeft .linkCss {
    width: 27px;
    overflow: hidden;
  }
  .currency-selector {
    padding: 6px 16px;
  }
  .mobile .currency-selector {
    padding-right: 4px;
    padding-left: 14px;
  }
  .mobile .currency-selector-dropdown {
    margin-top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    top: 62px;
    border-radius: 0;
  }
  .main-menu-container.mobile .loggedinContainer .currency-selector-container {
    border-radius: 4px;
    border: 1px solid #213344;
    min-width: 90px;
    width: auto;
  }
  .main-menu-container.mobile {
    padding-left: 24px;
    padding-right: 24px;
  }
  .loggedinContainer .menuContainer {
    width: 100%;
    top: 0;
    height: 100%;
    right: 0;
    padding-top: 70px;
  }
  .loggedinContainer .menuContainer .menu .menu-close {
    display: flex;
  }
  .loggedinContainer .menuContainer .menu {
    border-top: 1px solid #213344;
  }
  .menu-button,
  a.menu-button,
  a.menu-button:not([href]) {
    padding: 12px 24px;
  }
  .menu-button .title,
  a.menu-button .title,
  a.menu-button:not([href]) .title {
    padding-left: 0;
  }
  .menu-layout.absolute .sidemenu-container-expanded .cashback-component {
    margin-top: 0;
    border-top: 0;
  }
}


@media (max-width: 370px) {
  body .main-menu-container.header.mobile.logged-in .headerLeft .linkCss {
    margin-right: 0;
  }
  body .mobile .currency-selector {
    padding-right: 2px;
    padding-left: 8px;
  }
  body .currency-selector .arrow-icon {
    margin-left: 8px;
  }
}


.tabbar-container {
  margin: 0;
  margin-top: 72px;
}


.nav-tabs {
  margin: 0;
}


.tabbar-container .cashier-popup {
  border-bottom: 1px solid #213344;
}


.nav-tabs .nav-link {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 20px;
  cursor: pointer;
}


.deposit-container .choose-amount {
  order: 2;
}


.deposit-container .choose-amount .crypto-deposit-container {
  display: flex;
  flex-direction: column;
  order: 2;
}


.deposit-container .choose-amount .crypto-deposit-container div:first-child {
  order: 1;
}


.deposit-container .choose-amount .crypto-deposit-container div:nth-child(2) {
  order: 4;
}


.deposit-container .choose-amount .crypto-deposit-container div:nth-child(3) {
  order: 2;
}


.deposit-container .choose-amount .crypto-deposit-container div:nth-child(4) {
  order: 3;
}


.deposit-container .choose-amount .crypto-deposit-container div:nth-child(4) .deposit-icon-link {
  justify-content: flex-start;
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


.deposit-container .choose-amount .crypto-deposit-container div:nth-child(4) .deposit-icon-link .material-icons {
  color: #96abc1;
  font-size: 16px;
}


.bitcoin-on-chain .deposit-container .choose-amount .btn.btn-cta.full-width.large {
  display: none;
}


.deposit-container .change-currency-button,
.cashier-inner-container .change-currency-button {
  order: 1;
  margin-bottom: 0.8rem;
  border-radius: 4px;
  border: 1px solid #213344;
  padding: 10px 16px;
  font-family: "Inter", sans-serif;
  text-decoration: none;
  font-weight: 500;
}


.deposit-container .choose-amount .crypto-deposit-container .text {
  text-align: left;
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}


.deposit-container .choose-amount .crypto-deposit-container .crypto-address.crypto-address-flash {
  border-radius: 4px;
  border: 1px solid #213344;
  background-color: transparent;
  padding: 10px 16px;
  justify-content: space-between;
  margin-top: 8px;
}


.deposit-container .choose-amount .crypto-deposit-container .crypto-address.crypto-address-flash .address {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}


.account-content-container .account-page-row {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #213344;
  margin-left: 0;
  margin-right: 0;
}


.account-content-container .account-page-row .col-md-6 {
  padding-left: 0;
  padding-right: 0;
}


.account-content-container label.itemTitle,
.account-content-container label {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


.account-content-container .form-value {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


.account-content-container h3.section,
.account-content-container h4.section {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding-top: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #213344;
  margin-top: 44px;
  margin-bottom: 0;
}


.account-content-container h3.section:first-of-type {
  margin-top: 0;
}


.account-content-container h3.section i,
.account-content-container h4.section i {
  color: #96abc1;
  margin-right: 10px;
  font-size: 18px;
}


.account-content-container .account-page-row .help {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  opacity: 1;
}


body.pn-account,
body.pn-account .tp-tableContainer {
  background-color: #081521;
}


body.pn-account .tp-tableContainer .table-row-left .type {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}


.bonus-history-row .name {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}


.bonus-history-row .amount,
.bonus-history-row .current-progress,
.bonus-history-row .status {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}


body.pn-account .tp-tableContainer .table-row-left .table-row-divider {
  margin-top: 8px;
}


body.pn-account .tp-tableContainer .table-row-left .table-row-divider .dateAndId {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}


.bonus-history-row .timestamp {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-top: 8px;
}


body.pn-account .tp-tableContainer .table-row-right .money {
  color: #1fe883;
  text-align: right;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


.account-content-container {
  background-color: #081521;
  padding-left: 0;
}


.account-page-menu-container {
  background-color: #0b1926;
}


.account-content-container .account-page-row .activate2fa {
  border-radius: 4px;
  border: 1px solid #1fe883;
  color: #07111b;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  height: 38px;
  background: none;
}


.account-content-container .account-page-row .form-container {
  justify-content: flex-end;
}


.account-content-container .account-page-row input.form-control,
.account-content-container .account-page-row select.form-control {
  height: 40px;
  padding: 0;
  padding-left: 16px;
  border-radius: 4px;
  border: 1px solid #213344;
  color: #f5f7f8;
  min-width: 156px;
  width: auto;
}


.account-content-container .account-page-row input.form-control:hover,
.account-content-container .account-page-row select.form-control:hover {
  border-radius: 4px;
}


.account-content-container .switch__label:before {
  background-color: #0b1926;
  border: 1px solid #213344;
  top: 6px;
  left: auto;
  right: 0;
  width: 56px;
  height: 32px;
  border-radius: 100px;
}


.account-content-container .account-page-container .switch__label {
  padding-bottom: 32px;
}


.account-content-container .account-page-container .switch__label:before {
  background-color: transparent;
}


.account-content-container .switch__label:after {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
}


.account-content-container .switch__input:checked+.switch__label:before {
  background-color: transparent;
}


.account-content-container .account-page-container .switch__input:checked+.switch__label:after {
  background-color: #1fe883;
  left: 15px;
}


.account-page-menu-container .nav-link .material-icons {
  color: #96abc1;
  font-size: 18px;
  line-height: normal;
  width: 16px;
  height: 16px;
  margin-right: 12px;
}


.account-page-menu-container .nav-link {
  border-left: 4px solid transparent;
}


.account-page-menu-container .nav-link.active {
  color: #1fe883;
  border-left: 4px solid #1fe883;
}


.account-page-menu-container .nav-link.active .material-icons {
  color: #1fe883;
}


.account-page-menu-container .nav-menu {
  border: 1px solid #213344;
  border-radius: 4px;
}


.account-page-menu-container .nav-menu .nav-item {
  border-bottom: 1px solid #213344;
}


.account-page-menu-container .nav-menu .nav-item:last-child {
  border-bottom: 0;
}


@media (min-width: 992px) {
  .account-page-content-col {
    max-width: 80%;
    width: 100%;
    flex: 0 0 80%;
  }
}


.account-content-container .content-padding {
  padding-left: 0;
}


.account-content-container .tabbar-container {
  margin-bottom: 0 !important;
}


.pn-balances .account-content-container h4.section,
.pn-vip-level .account-content-container h4.section {
  border-bottom: 0;
}


.pn-balances .account-content-container h4.section:first-child,
.pn-vip-level .account-content-container h4.section:first-child,
.pn-rewards .account-content-container h4.section:first-child,
.pn-messages .account-content-container h4.section:first-child {
  font-family: "Aeonik-bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  padding-bottom: 24px;
}


.pn-balances .account-content-container .balances-container {
  margin-top: 16px;
}


.pn-balances .account-content-container .balances-table thead th {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border-bottom: 1px solid #213344;
  padding-top: 18px;
  padding-bottom: 18px;
}


.pn-balances .account-content-container .balances-table thead th:last-child {
  padding-right: 0;
}


.pn-balances .account-content-container .balances-table thead th:first-child {
  width: 20px;
}


.pn-balances .account-content-container .balances-table tbody tr td:first-child {
  width: 20px;
}


.pn-balances .account-content-container .balances-table tbody tr td {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border-bottom: 1px solid #213344;
  padding-top: 18px;
  padding-bottom: 18px;
}


.pn-balances .account-content-container .balances-table tbody tr td .balance-page-currency-icon {
  width: 16px;
  height: 16px;
}


.pn-balances .account-content-container .balances-table tbody tr td:last-child {
  padding-right: 0;
}


.account-content-container .tabbar-container .nav-item .nav-link {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 20px;
}


.account-content-container .tabbar-container .nav-item .nav-link:hover {
  background-color: transparent !important;
}


.account-page-menu-col {
  align-self: flex-start;
}


.account-page-menu-col .withdraw-menu-button {
  display: none;
}


.content-padding .account-card.user-level .progress-container {
  display: flex;
  background-color: #0b1926;
  border-radius: 4px;
  border: 1px solid #213344;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
}


.content-padding .account-card.user-level .progress-container .level-title {
  display: flex;
  margin-bottom: 0;
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  flex-direction: row;
  align-items: center;
}


.content-padding .account-card.user-level .progress-container .level-title .level-icon {
  margin-right: 24px;
}


.content-padding .account-card.user-level .progress-container .vip-level-progress {
  width: 100%;
  margin-top: 24px;
}


.content-padding .account-card.user-level .level-next-icon .icon {
  margin-top: 2px;
}


.content-padding .account-card.user-level .level-next-name.name {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 16px;
}


.content-padding .account-card.user-level .progress {
  background-color: #213344;
  height: 8px;
  border-radius: 200px;
}


.progress-bar-striped {
  background-color: #1fe883;
  border-radius: 200px;
}


.account-page-container .account-card.user-level .info-container h2 {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 12px;
}


.account-page-container .account-card.user-level .info-container span {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


body.pn-bonus .account-card .row {
  margin-left: -20px;
  margin-right: -20px;
}


body.pn-bonus .account-card:nth-child(n + 3) {
  border-top: 1px solid #213344;
}


body.pn-rewards .account-card:nth-child(n + 3) {
  border-top: 1px solid #213344;
}


body.pn-bonus .account-card .row .col-md-6.content {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  color: #96abc1;
  text-align: left;
}


body.pn-bonus .account-card .row .col-md-6.content .receive-amount {
  margin-top: 16px;
}


body.pn-bonus .account-card .row .col-md-6.content .bonus-progress {
  margin: 16px 0;
}


body.pn-rewards .account-card .row .col-md-2.image {
  position: absolute;
  max-width: 150px;
}


body.pn-rewards .account-card .row .col-md-7.content {
  flex: 0 0 calc(100% - 150px);
  max-width: calc(100% - 150px);
  align-self: center;
  margin-left: 150px;
  display: flex;
  flex-direction: column;
  padding-left: 24px;
}


body.pn-bonus .account-card .row .col-md-4.actions {
  margin-left: 16.66666667%;
}


body.pn-rewards .account-card .row .col-md-3.actions {
  margin-left: 150px;
  padding-left: 24px;
}


body.pn-bonus .account-card .row .col-md-6.content h4 {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}


body.pn-bonus .account-card .row .col-md-6.content .text {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 16px;
}


body.pn-bonus .account-card .row .col-md-4.actions .btn.btn-cta.small {
  margin-left: 0;
  display: flex;
  min-width: 140px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  color: #07111b;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-top: 16px;
}


body.pn-bonus .account-card .row .col-md-6.content .bonus-details {
  flex-direction: row-reverse;
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}


body.pn-bonus .account-card .row .col-md-6.content .bonus-details .material-icons,
body.pn-bonus .account-card .row .col-md-6.content .bonus-details .custom-icons-cherry {
  font-size: 16px;
  color: #96abc1;
}


body.pn-bonus .account-card .row .col-md-6.content .bonus-details .popup-link {
  border-radius: 4px;
  border-left: 1px solid #213344;
  display: inline-flex;
  padding: 0 0 0 12px;
  margin-left: 12px;
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  align-items: center;
}


body.pn-bonus .account-card .row .col-md-6.content .bonus-details .popup-link .material-icons {
  margin-right: 8px;
}


@media (max-width: 576px) {
  body.pn-bonus .account-card .row .col-md-6.content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  body.pn-bonus .account-card .row .col-md-6.content h4 {
    text-align: left;
  }
  body.pn-bonus .account-card .row .col-md-6.content .text {
    text-align: left;
  }
  body.pn-bonus .account-card .row .col-md-4.actions {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  body.pn-bonus .account-card .row .col-md-4.actions .btn.btn-cta.small {
    width: 100%;
  }
  body.pn-bonus .account-card .bonus-image {
    max-height: 120px;
  }
}


body.pn-rewards .account-card .row .content h4 {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}


body.pn-rewards .account-card .row .content .expires,
body.pn-bonus .account-card .row .content .expires {
  order: 3;
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 4px;
}


body.pn-rewards .account-card .row .content .expires .material-icons {
  color: #96abc1;
  font-size: 14px;
  margin-right: 6px;
}


body.pn-rewards .account-card .row .content .text {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 10px;
  order: 2;
}


body.pn-rewards .account-card .row .col-md-3.actions .btn.btn-cta.small {
  margin-left: 0;
  display: flex;
  min-width: 140px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  color: #07111b;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin-top: 18px;
}


@media (max-width: 576px) {
  body.pn-account .tabbar-container {
    overflow: auto;
  }
}


@media (max-width: 768px) {
  body.pn-bonus .account-card .row .col-md-6.content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
  body.pn-bonus .account-card .row .col-md-6.content h4 {
    text-align: left;
  }
  body.pn-bonus .account-card .row .col-md-6.content .text {
    text-align: left;
  }
  body.pn-bonus .account-card .row .col-md-4.actions {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  body.pn-bonus .account-card .row .col-md-4.actions .btn.btn-cta.small {
    width: 100%;
  }
  body.pn-bonus .account-card .bonus-image {
    max-height: 120px;
  }
  body.pn-rewards .account-card .row .col-md-2.image {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  body.pn-rewards .account-card .row .col-md-7.content {
    flex: 0 0 100%;
    margin-left: 0;
    max-width: 100%;
    padding: 0;
    text-align: left;
    margin-top: 16px;
  }
  body.pn-rewards .account-card .row .col-md-3.actions {
    margin-left: 0;
    padding: 0;
  }
  body.pn-rewards .account-card .row .col-md-3.actions .btn.btn-cta.small {
    width: 100%;
  }
  body.pn-rewards .account-card .row {
    margin-left: -20px;
    margin-right: -20px;
  }
}


.message-row .row {
  display: flex;
  flex-wrap: nowrap;
}


.message-row .icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-radius: 6px;
  border: 1px solid #213344;
  background: #0b1926;
  height: 50px;
  flex-shrink: 0;
}


.message-row.unread .icon-container i {
  color: #1fe883;
}


.message-row .icon-container i {
  color: #96abc1;
}


.message-row .message-preview-content {
  margin-left: 24px;
}


.message-row.unread .title {
  font-family: "Aeonik-Bold", sans-serif;
  font-weight: 700;
}


.pn-messages .message-view .col-md-1.back-container {
  flex: 0 0 100%;
  max-width: 100%;
}


.pn-messages .message-view .message-image {
  margin-top: 24px;
}


.pn-messages .message-view h5 {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  margin-top: 24px;
}


.pn-messages .message-view .message-date {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 0;
}


.pn-messages .message-view .message-body {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-top: 42px;
}


.tp-tableContainer .table-row {
  border-bottom: 1px solid #213344;
  margin-left: 0;
  margin-right: 0;
}


.tp-tableContainer .tp-buttonWrapMore .btn.btn-primary.small {
  display: flex;
  padding: 10px 24px;
  border-radius: 4px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  color: #07111b;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  justify-content: center;
}


.notFound-wrapper .notFound-text {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}


.bonus-history-titles {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


.headerRight .loggedin .menu-button {
  border-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
}


.headerRight .loggedin .deposit-button-container {
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 20px;
}


.account-button i,
.mobile .mobile-top-deposit i,
.mobile .mobile-account-button i {
  color: #96abc1;
}


@media (max-width: 576px) {
  .account-page-container {
    margin-top: 20px;
  }
  .account-page-container .avatar-container {
    display: none;
  }
  .account-page-container .row {
    margin: 0;
  }
  .account-page-content-col,
  .account-page-menu-col {
    padding: 0;
  }
  .account-content-container .content-padding,
  .account-content-container .tabbar-container {
    padding: 0;
  }
  .account-content-container .account-page-row select.form-control {
    width: 100%;
  }
  .account-content-container h3.section:first-of-type {
    margin-top: 0;
  }
  .pn-balances .account-content-container .balances-table tbody tr td:first-child {
    padding-left: 0;
    padding-right: 0;
  }
  .pn-balances .account-content-container .balances-container {
    margin-top: 0;
  }
  .pn-balances .account-content-container h4.section:first-child,
  .pn-vip-level .account-content-container h4.section:first-child,
  .pn-rewards .account-content-container h4.section:first-child,
  .pn-messages .account-content-container h4.section:first-child {
    font-size: 32px;
    line-height: 40px;
  }
  .content-padding .account-card.user-level {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .content-padding .account-card.user-level .progress-container {
    justify-content: center;
    align-items: center;
  }
  .content-padding .account-card.user-level .progress-container .level-title {
    flex-direction: column;
  }
  .content-padding .account-card.user-level .progress-container .level-title .level-icon {
    margin-right: 0;
  }
  .tp-tableContainer .table-row .table-row-left {
    max-width: 50%;
  }
  .tp-tableContainer .table-row .table-row-left .type {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .tp-tableContainer .table-row .table-row-right {
    max-width: 50%;
  }
  body.pn-account .tp-tableContainer .table-row-right .money {
    word-break: break-word;
  }
  body.pn-account .tp-tableContainer .table-row-left .table-row-divider {
    display: flex;
    flex-direction: column;
  }
  body.pn-account .tp-tableContainer .table-row-left .table-row-divider .dateAndId {
    font-size: 11px;
  }
  .message-row {
    padding-left: 0;
  }
  .account-content-container .message-view .message-image img {
    width: 100% !important;
  }
  .pn-messages .message-view .message-body {
    margin-top: 24px;
  }
  .pn-messages .message-view h5 {
    font-size: 24px;
  }
  .pn-messages .message-view .col-md-1.back-container,
  .pn-messages .message-view .col-md-11 {
    padding-left: 0;
    padding-right: 0;
  }
  .mobile-account-button,
  .mobile-top-deposit {
    width: auto;
    margin-left: 16px;
    position: relative;
  }
  .mobile .unread-notifications.floating {
    right: auto;
    left: 60%;
    top: -10px;
  }
}


body.pn-account.pn-bonus .modal-content {
  background-color: #081521;
  border: 1px solid #213344;
  border-radius: 4px;
}


@media (max-width: 576px) {
  body.pn-account.pn-bonus .modal-dialog {
    padding: 0;
    margin: 0;
  }
}


.modal-body .bonus-name {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  max-width: 545px;
}


.modal-body .bonus-description {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 24px;
}


.modal-body .bonus-terms-title {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: inherit;
  display: flex;
  align-items: center;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #213344;
}


.modal-body .bonus-details .account-card {
  padding: 0;
}


.modal-body .bonus-details .account-card.product-contribution i {
  font-size: 32px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #213344;
  border-radius: 4px;
}


.modal-body .bonus-details .account-card.product-contribution .col-md-10 .title {
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}


.modal-body .bonus-details .account-card.product-contribution .col-md-10 .details-item {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 12px;
  margin-bottom: 16px;
}


.modal-body .bonus-details .account-card.product-contribution .col-md-10 div .details-item:nth-of-type(2) {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #213344;
}


.modal-body .bonus-details .account-card.product-contribution .col-md-10 .details-item span {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


.modal-body .bonus-details .account-card.product-contribution .col-md-10 .details-item span span {
  color: #96abc1;
}


.modal-body .bonus-details .account-card.product-contribution .col-md-10 a {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}


.modal-body .bonus-details .account-card.product-contribution .col-md-10 .details-item a {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}


.modal-body .bonus-terms-title .material-icons {
  margin-right: 11px;
  font-size: 16px;
  color: #96abc1;
}


@media (max-width: 991px) {
  .modal-body .bonus-name {
    font-size: 20px;
    line-height: 24px;
    padding-right: 32px;
  }
  .modal-body .details-item.type,
  .modal-body .details-item.description,
  .modal-body .details-item.max-wager,
  .modal-body .details-item.days,
  .modal-body .details-item.expires,
  .modal-body .details-item.bonus-amount,
  .modal-body .details-item.turnover {
    flex-direction: column;
  }
  .modal-body .details-item.type span,
  .modal-body .details-item.description span,
  .modal-body .details-item.max-wager span,
  .modal-body .details-item.days span,
  .modal-body .details-item.expires span,
  .modal-body .details-item.bonus-amount span,
  .modal-body .details-item.turnover span {
    margin-top: 8px;
  }
  .product-contribution .icon-container {
    display: flex;
    justify-content: center;
  }
}


@media (max-width: 768px) {
  .modal-body .bonus-details .account-card.product-contribution .col-md-10 .title {
    margin-top: 24px;
  }
}


@media (max-width: 576px) {
  .modal-body .button-container.deposit-get-bonus .btn {
    width: 100%;
  }
}


.modal-body .button-container.deposit-get-bonus {
  margin-top: 24px;
  display: none;
}


.modal-body .details-item.type,
.modal-body .details-item.description,
.modal-body .details-item.max-wager,
.modal-body .details-item.days,
.modal-body .details-item.expires,
.modal-body .details-item.bonus-amount,
.modal-body .details-item.turnover {
  display: flex;
  justify-content: space-between;
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 16px;
}


.modal-body .details-item.type span,
.modal-body .details-item.description span,
.modal-body .details-item.max-wager span,
.modal-body .details-item.days span,
.modal-body .details-item.expires span,
.modal-body .details-item.bonus-amount span,
.modal-body .details-item.turnover span {
  flex-basis: 65%;
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


body.pn-bonus .modal-body .account-card:nth-child(n + 3) {
  border: 0;
  box-shadow: none;
}


.promoteModalDialog.bonusClaimed .promoteModalBody .account-card .row {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.promoteModalDialog.bonusClaimed .promoteModalBody .account-card .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
}


.gameSlider {
  padding-top: 2.5rem;
}


@media (max-width: 1200px) {
  .gameSlider {
    padding-left: 0;
  }
}


.gameSlider .title-wrapper .title {
  font-family: "Aeonik-Bold", sans-serif;
  color: #ffffff;
  font-size: 18px;
}


body .gameSlider .section-outer .title-wrapper {
  margin-bottom: 12px;
}


.gameSlider .section-outer .title-wrapper .title-text .title .icon {
  width: 20px;
}


.gameSlider .section-outer .title-wrapper .see-all {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: capitalize;
}


.gameSlider .section-outer .inner-section .card-wrapper .card-game-name {
  display: none;
}


.gameSlider .section-outer .inner-section .card-wrapper {
  border-radius: 6px;
}


@media (min-width: 577px) {
  .panel-section.fixed-width .container-fixed-width {
    max-width: fit-content;
    padding-left: 24px;
    padding-right: 24px;
  }
}


@media (max-width: 576px) {
  .panel-section.fixed-width {
    padding-left: 16px;
    padding-right: 10px;
  }
  .panel-section.fixed-width .container-fixed-width .panel-card {
    min-width: 179px;
  }
  .gameSlider .section-outer .title-wrapper .title-text .title .icon {
    width: 16px;
  }
}


@media (min-width: 768px) {
  .panel-section.fixed-width .container-fixed-width {
    max-width: fit-content;
  }
}


@media (min-width: 992px) {
  .panel-section.fixed-width .container-fixed-width {
    max-width: fit-content;
  }
}


@media (min-width: 1200px) {
  .panel-section.fixed-width .container-fixed-width {
    max-width: 1124px;
  }
}


.panel-section.fixed-width .container-fixed-width .panel-card {
  border: 0;
  min-width: 174px;
  margin-right: 16px;
}


@media (max-width: 576px) {
  .panel-section.fixed-width.top-sports .container-fixed-width .panel-card {
    margin-right: 6px;
    min-width: 99px;
  }
  .top-sports.panel-section .panel-wrapper .panel-card .panel-inner {
    min-height: 128px;
  }
}


.navigate-wrapper .navigate-next,
.navigate-wrapper .navigate-prev {
  cursor: pointer;
}


.filter-description {
  padding-left: 0;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}


.panel-section.full-width .navigate-bottom.navigate-wrapper .splide-pagination li {
  margin-left: 5px;
  margin-right: 5px;
}


.panel-section .splide-pagination .splide-pagination-page {
  width: 6px;
  height: 6px;
}


.panel-section.full-width .navigate-bottom.navigate-wrapper .navigate-prev .icon,
.panel-section.full-width .navigate-bottom.navigate-wrapper .navigate-next .icon {
  width: 24px;
  height: 24px;
}


.panel-section.full-width .navigate-bottom.navigate-wrapper .navigate-prev {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0;
}


.panel-section.full-width .navigate-bottom.navigate-wrapper .navigate-next {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0;
}


.panel-section.full-width .navigate-bottom.navigate-wrapper {
  margin-top: 12px;
  display: none;
}


.menu-layout.fixed .menu-layout-sidebar.expanded {
  background-color: #0b1926;
}


.menu-layout .menu-layout-sidebar {
  border-right: 1px solid #213344;
}


.menu-layout.fixed .sidemenu-container-expanded.active {
  border-right: 1px solid #213344;
}


.menu-layout .bottom-menu,
.menu-layout .main-menu-container,
.menu-layout .sidemenu-container,
.menu-layout .sidemenu-container-expanded {
  background-color: #0b1926;
  border-bottom: 1px solid #213344;
}


.menu-layout .bottom-menu,
.menu-layout .main-menu-container.mobile.scrolled.scrolled,
.menu-layout .main-menu-container.scrolled,
.menu-layout .sidemenu-container,
.menu-layout .sidemenu-container.active {
  background-color: #0b1926 !important;
}


.menu-layout .language-menu-container .dropbtn {
  border: 0;
}


.menu-layout .language-menu-container .dropbtn .material-icons {
  color: #96abc1;
}


.sidemenu-container .sidemenu-header {
  height: 68px;
  background: #0b1926;
}


.menu-layout .side-submenu-container .submenu-container .nav-link.submenu-link .material-icons {
  background-color: #081521;
  border: 1px solid #213344;
  border-radius: 6px;
  color: #96abc1;
}


.menu-layout.absolute .menu-layout-content:not(.game-inview) {
  padding-top: 86px !important;
  background: #081521;
}


.menu-layout.fixed .menu-layout-content {
  padding-top: 92px;
  background: #081521;
}


.menu-layout .side-submenu-container .submenu-container .nav-link.submenu-link .nav-link-logo i,
.sidemenu-container .menu-items.menu-items-collapsed .fixed-nav-link i {
  color: #96abc1;
  width: 16px;
  height: 16px;
  font-size: 16px !important;
}


.popover#popover-trigger-hover-focus {
  color: #081521;
}


.promopage:not(.promotions-page) .promopage .page .container {
  max-width: 780px;
}


.account-page-row select.form-control {
  background-color: #081521;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  padding-right: 46px;
}


.currency-list-container .currency-name,
.currency-selector .currency-balance .original-balance,
.currency-selector .exchange {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}


.currency-selector .currency-balance .original-balance,
.currency-selector .exchange {
  color: #f5f7f8;
}


.currency-selector .exchange {
  color: #96abc1;
}


.gameListSection.logos-provider .section-outer .inner-section .card-wrapper .card-game-list img {
  box-shadow: unset;
  border-radius: 0;
}


@media (max-width: 576px) {
  .main-menu-container:not(.logged-in) .headerLeft {
    display: none;
  }
  .menu-layout.absolute .sidemenu-container-expanded {
    width: 100% !important;
  }
  .menu-layout .menu-layout-sidebar.expanded {
    width: 100% !important;
  }
  .sidemenu-container .sidemenu-header {
    flex-direction: row-reverse;
    padding: 0 16px;
    background-color: #081421;
    height: auto;
  }
  .sidemenu-container .sidemenu-header .brand-logo {
    justify-content: flex-start;
    display: none;
  }
  .btn.btn-secondary.small.login-button.fixed-menu-btn {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: rgba(7, 17, 27, 1);
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    border: 0 !important;
    background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .gameListSection.logos-provider .section-outer .inner-section .card-wrapper .card-game-list img {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .currency-list-container .currency-icon-container {
    width: 32px;
  }
  .currency-list-container.button {
    border-top: 1px solid #213344;
  }
}


.gameSlider .section-outer .inner-section.mobile .swiper-container {
  overflow: visible;
}


.gameSlider .section-outer .inner-section .card-wrapper .card-game-list .bg {
  border-radius: 6px;
}


.menu-layout .menu-layout-sidebar .language-wrapper-container {
  background-color: #0b1926 !important;
}


@media (max-width: 768px) {
  body {
    padding-bottom: env(safe-area-inset-bottom);
  }
  .menu-layout .menu-layout-content {
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
  }
  .menu-layout .menu-layout-navbar {
    left: 0;
  }
  .main-menu-container.mobile {
    padding-left: 24px;
    padding-right: 24px;
  }
}


.cta-green-deposit .row .supporting-cta h3 em {
  font-style: normal;
}


@media (max-width: 576px) {
  .panel-section.fixed-width .container-fixed-width .panel-card.provider-slider-slide .panel-inner {
    min-height: 56px;
    min-width: 152px;
    padding: 8px 30px;
  }
  .main-menu-container.header.mobile .logo {
    width: 100%;
    max-width: 122px;
  }
  .gameSlider .section-outer .title-wrapper h4 {
    font-size: 16px;
  }
  .cta-green-deposit .row .supporting-cta h3 strong {
    font-size: 32px;
    margin-right: 0;
    margin-left: 8px;
  }
  .cta-green-deposit .row .supporting-cta h3 em {
    display: block;
    width: 100%;
  }
  .gameSlider {
    padding-bottom: 0;
  }
  .timer-section .timer-text-block {
    padding: 32px 40px;
    width: unset;
  }
  .timer-section .timer-text-block h6 {
    font-size: 14px;
    line-height: 20px;
  }
  .gameSlider .section-outer .title-wrapper {
    margin-bottom: 12px;
  }
  .panel-section.fixed-width.provider-slider {
    padding-bottom: 0;
  }
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-column .title {
    margin-bottom: 16px;
    width: 100%;
  }
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-column .link-social-footer {
    width: 50%;
  }
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated::after {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated::before {
    display: none;
  }
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-column {
    padding-top: 40px;
  }
  .footer-container .footer-dynamic-content .footer-main .taglines-group .group.footer-operated .text {
    text-align: left;
  }
  .footer-supported-section {
    padding-top: 0;
  }
  .footer-supported-section .coins-images span img {
    margin-left: 14px;
    margin-right: 14px;
  }
  .footer-supported-section .coins-images {
    margin-left: -14px;
    margin-right: -14px;
  }
  .partner-row .partner-logo-wrapper .partner-logo {
    padding: 15px 20px;
    height: 56px;
  }
  .menu-layout .bottom-menu {
    flex-direction: row-reverse;
    height: 72px;
    border-top: 1px solid #213344;
    z-index: 998;
  }
  .bottom-menu .mobile-menu-item .icon {
    height: auto;
    line-height: normal;
  }
  .bottom-menu .mobile-menu-item .icon i {
    font-size: 16px !important;
    color: #96abc1;
  }
  .bottom-menu .mobile-menu-item {
    justify-content: flex-start;
    padding: 0;
    margin: 14px 0 10px;
  }
  .bottom-menu .mobile-menu-item .icon .material-icons {
    font-size: 18px;
    color: #96abc1;
    line-height: 14px;
  }
  .bottom-menu .mobile-menu-item .menu-text {
    color: #96abc1;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-top: 6px;
  }
  .menu-layout .side-submenu-container .submenu-container .nav-link.submenu-link .nav-link-logo i,
  .sidemenu-container .menu-items.menu-items-collapsed .fixed-nav-link i {
    font-size: 16px !important;
  }
  .cashback-component .cashback-timer-container {
    gap: 23px;
  }
  .menu-layout .sidemenu-container,
  .menu-layout .sidemenu-container.active {
    background-color: #081421 !important;
  }
  .menu-layout .menu-layout-sidebar .language-wrapper-container {
    background-color: #081421 !important;
  }
  .menu-layout .sidemenu-container,
  .menu-layout .sidemenu-container-expanded {
    background-color: #081421 !important;
  }
  .menu-layout .main-menu-container,
  .menu-layout .main-menu-container.mobile.scrolled.scrolled,
  .menu-layout .main-menu-container.scrolled {
    background-color: #0b1926;
  }
  .sidemenu-container .sidemenu-header .close-button.logo {
    position: absolute;
    width: 16px !important;
    height: 16px !important;
    top: 17px;
    right: 17px;
    padding: 0 !important;
  }
  .currency-list-container .currency-selector-list {
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
  }
  .account-content-container .tabbar-container .nav-item {
    margin-right: 0;
    width: 50%;
    text-align: center;
  }
  .account-page-container.container {
    min-height: auto;
  }
}


/* Hide default checkbox */


.switch__input {
  display: none;
}


.mobile-search.focused .search-container {
  background: #081421;
  padding: 24px 16px 20px 24px;
  margin-top: 0;
  border-bottom: 1px solid #213344;
}


.mobile-search.focused .search-container .input-group {
  background: #081421;
}


.mobile-search.focused .search-container .input-group .form-control {
  border: 1px solid #213344;
  border-radius: 4px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #f5f7f8;
  padding: 10px 16px;
}


.mobile-search.focused .search-container .input-group input.form-control,
.mobile-search.focused .search-container .input-group input:focus.form-control {
  border: 1px solid #213344;
  padding: 10px 16px;
}


.mobile-search.focused .search-container button {
  padding: 0;
  margin-left: 24px;
  opacity: 1;
}


.mobile-search.focused .search-container button .material-icons {
  color: #96acc1;
}


.mobile-search.focused .search-container .input-group .form-control::placeholder {
  color: #96abc1;
  opacity: 1;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}


.mobile-search.focused .search-results-container {
  background: #081421;
  padding: 0 24px;
}


.mobile-search.focused .search-results-container .search-results-inner-container {
  background: #081421;
}


.mobile-search.focused .search-results-container .game-result-row {
  padding: 16px 0;
  align-items: center;
}


.mobile-search.focused .search-results-container .game-result-row .game-image {
  width: 43.5px;
  height: 56px;
  background-position: center;
}


.mobile-search.focused .search-results-container .game-result-row.selected,
.mobile-search.focused .search-results-container .game-result-row:hover {
  background: #081421;
}


.mobile-search.focused .search-results-container .search-results-inner-container .game-result-row:hover .game-name,
.mobile-search.focused .search-results-container .search-results-inner-container .game-result-row.selected .game-name {
  color: #f5f7f8;
}


.mobile-search.focused .search-results-container .game-result-row .game-title {
  padding-left: 16px;
}


.mobile-search.focused .search-results-container .game-result-row .game-title .game-name {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}


.mobile-search.focused .search-results-container .game-result-row .game-title .game-studio {
  margin-top: 4px;
}


.mobile-search.focused .search-results-container .game-result-row .game-title .game-studio,
.mobile-search.focused .search-results-container .search-results-inner-container .game-result-row.selected .game-studio,
.mobile-search.focused .search-results-container .search-results-inner-container .game-result-row:hover .game-studio {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  opacity: 1;
  text-transform: unset;
}


.account-page-row .switch__input+.switch__label,
.user-input-group .switch__input+.switch__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  padding: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.account-page-row .switch__label::after,
.user-input-group .switch__label::after {
  background-color: transparent;
  box-shadow: none;
}


.account-page-row .switch__input+.switch__label::before,
.user-input-group .switch__input+.switch__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #556370;
  border-radius: 4px;
  transition: background-color 0.3s, border-color 0.3s;
}


.registration-modal .form .form-group .switch__input:checked+.switch__label::after {
  color: #1fe883;
}


.account-page-row .switch__input:checked+.switch__label::after,
.user-input-group .switch__input:checked+.switch__label::after {
  content: "✔︎";
  position: absolute;
  left: auto;
  top: auto;
  color: #fff !important;
  line-height: normal;
  transition: none;
  background-color: transparent;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.account-page-row .switch__input+.switch__label:hover::before,
.user-input-group .switch__input+.switch__label:hover::before {
  border-color: #213344;
}


.account-page-row .switch__input:checked+.switch__label:hover::before,
.user-input-group .switch__input:checked+.switch__label:hover::before {
  border-color: #213344;
}


.desktop-logo-container a {
  display: flex;
}


.currency-list-currencies.scroll::-webkit-scrollbar {
  width: 4px;
}


.currency-list-currencies.scroll::-webkit-scrollbar-track {
  border-radius: 10px;
}


.currency-list-currencies.scroll::-webkit-scrollbar-thumb {
  background: #556370;
  border-radius: 10px;
}


.currency-list-currencies.scroll::-webkit-scrollbar-thumb:hover {
  background: #556370;
}


.language-menu-container .dropdownItem {
  border-color: #213344 !important;
}


.language-menu-container .dropdownItem .item {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}


.account-content-container .content-padding .avatar-container {
  display: none;
}


.mark-all-as-read {
  margin-top: -0.8rem;
}


@media (max-width: 576px) {
  .mark-all-as-read {
    top: -0.3rem;
    font-size: 11px;
  }
  .message-row.unread .title,
  .message-row .title {
    font-size: 16px;
  }
}


.infoPageView .infoPage-container-outer {
  background-color: #081521;
  padding: 0;
}


.infoPageView {
  margin-top: 0;
}


@media (max-width: 576px) {
  .infoPageView {
    margin-top: 0;
    margin-bottom: 0;
  }
  .infoAccordion {
    margin: 0;
  }
}


.promopage .hero-banner-two-columns.promotion-page .col-md-6.taglines {
  max-width: auto;
}


.promopage .hero-banner-two-columns.promotion-page .col-md-6.taglines .tagline {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}


.promopage .hero-banner-two-columns.promotion-page .col-md-6.taglines .tagline span {
  display: flex;
  align-items: center;
  color: #f5f7f8;
}


.promopage .hero-banner-two-columns.promotion-page .col-md-6.taglines .tagline img {
  margin-right: 1rem;
}


.sidemenu-container .menu-items .nav-link.submenu-link.active,
.menu-layout .side-submenu-container .submenu-container .expandeble-sub-menu {
  background: linear-gradient(90deg, #0b1927 0%, #0f2030 100%);
}


/* .menu-layout
  .side-submenu-container
  .submenu-container
  .expandeble-sub-menu
  .nav-link.submenu-tab-link.active {
  background: linear-gradient(90deg, #0b1927 0%, #0f2030 100%);
  position: relative;
}
.menu-layout
  .side-submenu-container
  .submenu-container
  .expandeble-sub-menu
  .nav-link.submenu-tab-link.active:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #1fe883;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
} */


.landingPage.logged-in .hide-logged-in {
  display: none !important;
}


/* .user-modal.success-modal .modal-body:after {
  background-size: contain;
  height: 275px;
  background-position: center;
} */


/* .menu-layout.absolute .menu-layout-content.game-inview,
.pn-casino .menu-layout.absolute .menu-layout-content {
  padding-top: 61px !important;
}

.menu-layout.fixed .menu-layout-content.game-inview,
.pn-casino .menu-layout.fixed .menu-layout-content {
  padding-top: 61px !important;
} */


/* .menu-layout.absolute .mobile-game-iframe {
  height: 100dvh !important;
}
.menu-layout.absolute .mobile-game-wrapper .mobile-game-iframe {
  height: 96dvh !important;
}
*/


@media (max-width: 576px) {
  .pn-casino.pn-play.modal-open .modal .modal-content {
    height: auto;
  }
  .menu-layout .menu-layout-content.game-inview {
    margin-bottom: 0;
    height: 100%;
    min-height: 50dvh;
  }
  .menu-layout.absolute .mobile-game-iframe {
    height: 96dvh !important;
  }
  .promopage {
    margin-top: 0;
    padding-top: 0;
  }
}


/* .footer-container
  .footer-dynamic-content
  .footer-main
  .taglines-group
  .group.footer-info
  .tagline.hide-chat-button {
  display: none;
} */


.pn-sportsbook .menu-layout.fixed .menu-layout-content {
  padding-top: 64px;
  overflow-y: visible;
  width: calc(100% - 70px);
}


.pn-sportsbook .menu-layout.fixed .menu-layout-content.expanded {
  width: calc(100% - 290px);
}


.pn-sportsbook .menu-layout.absolute .menu-layout-content:not(.game-inview) {
  padding-top: 64px !important;
  overflow-y: visible;
  width: calc(100% - 70px);
}


.pn-sportsbook .menu-layout.absolute .menu-layout-content:not(.game-inview).expanded {
  width: calc(100% - 290px);
}


.login-modal .modal-footer .generic-text-button-container .before-generic-text,
.login-modal .modal-footer .generic-text-button-container .before-generic-text,
.recover-modal .modal-footer .generic-text-button-container .before-generic-text,
.recover-modal .modal-footer .generic-text-button-container .before-generic-text,
.registration-modal .modal-footer .generic-text-button-container .before-generic-text,
.registration-modal .modal-footer .generic-text-button-container .before-generic-text {
  font-family: "Inter", sans-serif;
  color: #96abc1;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}


.promopage .remove-top-space .container-inner.column-size-5 {
  padding-top: 0;
}


/* .menu-layout .main-menu-container .desktop-top-menu-nav {
  width: 0;
} */


.desktop-logo-container {
  text-align: center;
  position: absolute;
  left: 16px;
  width: auto;
}


/* .menu-layout .menu-layout-navbar, */


.menu-layout.fixed .menu-layout-navbar.expanded {
  left: 110px;
}


.menu-layout .side-submenu-container .submenu-container .expandeble-sub-menu .nav-link.submenu-tab-link i {
  color: #96abc1;
}


.menu-layout .side-submenu-container .submenu-container .expandeble-sub-menu .nav-link.submenu-tab-link i:before {
  font-size: 16px !important;
}


.user-modal.success-modal {
  max-width: 486px;
}


.user-modal.success-modal .modal-close-btn svg {
  width: 16px;
  height: 16px;
}


.user-modal.success-modal .modal-close-btn svg .icon-fill {
  fill: #96abc1 !important;
}


.account-page-container.container {
  margin-top: 0;
}


.mobile-search.focused {
  top: 0;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  min-height: -webkit-fill-available;
}


.transaction-table .transaction-table__header-container {
  border-bottom: 1px solid #213344 !important;
  background-color: #0b1926 !important;
}


.transaction-table .transaction-table__body-container .transaction-table__row {
  border-bottom: 1px solid #213344 !important;
}


.transaction-table .transaction-table__body-container .transaction-table__row .transaction-table__cell-component--transactionId .transaction-table__cell-content--input {
  background-color: #081521 !important;
  border: 1px solid #213344 !important;
}


.transaction-table .transaction-table__body-container .transaction-table__row .transaction-table__cell-component--status .transaction-table__cell-content--status-label.status-completed,
.transaction-table .transaction-table__body-container .transaction-table__row .transaction-table__cell-component--status .transaction-table__cell-content--status-label.status-failed,
.transaction-table .transaction-table__body-container .transaction-table__row .transaction-table__cell-component--status .transaction-table__cell-content--status-label.status-failed-permanent,
.transaction-table .transaction-table__body-container .transaction-table__row .transaction-table__cell-component--status .transaction-table__cell-content--status-label.status-cancelled,
.transaction-table .transaction-table__body-container .transaction-table__row .transaction-table__cell-component--status .transaction-table__cell-content--status-label.status-resolved,
.transaction-table .transaction-table__body-container .transaction-table__row .transaction-table__cell-component--status .transaction-table__cell-content--status-label.initiated,
.transaction-table .transaction-table__body-container .transaction-table__row .transaction-table__cell-component--status .transaction-table__cell-content--status-label.status-pending {
  background-color: #eeeeee2e !important;
}


.transaction-popover {
  font-size: 12px !important;
  background-color: #081521 !important;
}


.v2-amount-input__currency-label {
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid #213344;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}


.v2-amount-input__input {
  background-color: transparent;
  border: 1px solid #213344;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}


.v2-amount-input__presets {
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid #213344;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}


.v2-amount-input__preset-button {
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid #213344;
  color: var(--input-text-color);
}


.v2-amount-input__preset-button:hover {
  background-color: #142537;
}


.paymentSelectorButton .method-name {
  color: #f5f7f8;
}


.app-select__button {
  border: 1px solid #213344;
  border-radius: 4px;
  background-color: transparent;
}


.app-select__dropdown {
  border: 1px solid #213344;
}


.app-select__option:hover {
  background-color: #081521;
}


.methodItem .payment-select-wrapper:last-of-type {
  margin-bottom: 1rem;
}


.method-back-icon {
  border-radius: 4px;
}


.crypto-deposit-container .deposit-icon-link {
  background: transparent;
  border: 1px solid #213344;
  border-radius: 4px;
}


body.playing-casino-game.modal-open .modal-dialog:not(.user-modal) .modal-content {
  background-color: #081521;
  border: 1px solid #213344;
  padding: 40px;
}


body.playing-casino-game.modal-open .modal-dialog:not(.user-modal) .modal-content .close {
  position: absolute;
  top: 0;
  right: 4px;
  display: flex;
  margin: 0;
  padding: 0;
  color: #96abc1;
  text-shadow: none;
  font-size: 36px;
  font-weight: 400;
  width: 32px;
  height: 32px;
  justify-content: center;
}


body.playing-casino-game.modal-open .modal-dialog:not(.user-modal) .modal-content .modal-header h3 {
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-top: 0;
  margin-bottom: 16px;
}


body.playing-casino-game.modal-open .modal-dialog:not(.user-modal) .modal-content .modal-body p {
  color: #96abc1;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  opacity: 1;
}


body.playing-casino-game.modal-open .modal-dialog:not(.user-modal) .modal-content .modal-footer .container {
  padding-left: 0;
  padding-right: 0;
}


body.playing-casino-game.modal-open .modal-dialog:not(.user-modal) .modal-content .modal-footer .container .row div .btn-cta {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: none;
  background: #081521;
  border: 1px solid #213344;
  box-shadow: none;
  padding-top: 10px;
  padding-bottom: 10px;
}


body.playing-casino-game.modal-open .modal-dialog:not(.user-modal) .modal-content .modal-footer .container .row div .btn.register-link {
  text-transform: none;
  color: #07111b;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
}


body.playing-casino-game.modal-open .modal-dialog:not(.user-modal) .modal-content .modal-footer .container .row div .btn-cta.full-width {
  text-transform: none;
  color: #07111b;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
}


input#understand {
  display: none;
}


input#understand+label {
  position: relative;
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
  padding: 8px;
  padding-top: 0;
  padding-left: 16px;
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  display: flex;
  margin-bottom: 0;
}


input#understand+label::after {
  background-color: transparent;
}


input#understand:checked+label:before {
  background-color: transparent;
  border-color: #556370;
}


input#understand+label::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 16px;
  height: 16px;
  border: 1px solid #556370;
  border-radius: 4px;
  transition: background-color 0.3s, border-color 0.3s;
}


input#understand:checked+label::after {
  left: 4px;
  color: white;
  content: "✔︎";
  position: absolute;
  top: 3px;
  line-height: normal;
  transition: opacity 0.3s;
  background-color: transparent;
  width: 8px;
  height: 8px;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}


input#understand+label:hover::before {
  border-color: #213344;
}


input#understand:checked+label:hover::before {
  border-color: #213344;
}


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) {
  min-height: calc(100% - 3.5rem);
  margin: 1.75rem auto;
  align-items: center;
  justify-content: center;
  display: flex;
  max-width: 373px;
}


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .modal-content {
  padding: 32px 24px;
  background: #081521;
  border: 1px solid #213344;
}


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .menu-close {
  top: 17px;
}


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .menu-close svg {
  width: 14px;
  height: 14px;
}


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .menu-close svg polygon.icon-fill {
  fill: #96abc1 !important;
}


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .modal-body h4 {
  position: relative;
  padding-top: 64px;
  display: flex;
  justify-content: center;
  color: #f5f7f8;
  text-align: center;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .modal-body p {
  color: #96abc1;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .modal-body h4:before {
  content: "";
  background-image: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/Group_121417761_45d64e881a.svg");
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
}


/* body.pn-rewards.modal-open
  .modal-dialog:not(.user-modal)
  .modal-body
  .btn.btn-secondary-popup {
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  width: 100%;
  border-radius: 4px;
  color: #07111b;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  padding: 14px;
  height: 48px;
  border: none !important;
} */


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .modal-body .btn.btn-secondary-popup {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #1fe883 !important;
  color: #1fe883;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  padding: 14px;
  height: 48px;
}


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .modal-body .btn.btn-secondary-popup .btn.btn-secondary-popup:hover:not([disabled]),
body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .modal-body a.btn:not([href]):not([tabindex]).btn-secondary-popup:hover:not([disabled]) {
  background-color: transparent !important;
}


body.pn-rewards.modal-open .modal-dialog:not(.user-modal) .modal-body .btn.btn-cta {
  padding: 14px;
  font-size: 14px;
  height: 48px;
  width: 100%;
  margin-top: 8px;
}


@media (max-width: 576px) {
  .user-modal.mobile.recover-modal {
    padding-left: 0;
    padding-right: 0;
  }
  .user-modal.mobile.recover-modal .modal-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .user-modal.mobile.recover-modal .modal-close-btn {
    right: 0;
  }
}


.tp-tableContainer {
  padding-right: 20px;
  padding-left: 30px;
}


@media (max-width: 576px) {
  .tp-tableContainer {
    padding-right: 0;
    padding-left: 0;
  }
  .transaction-table .transaction-table__status-pagination {
    padding-left: 0;
    padding-right: 0;
  }
  .transaction-table--wallet-transaction-table .transaction-table__body-container {
    padding-left: 0;
    padding-right: 0;
  }
}


.app-buttons-container button .hoverBubble {
  position: absolute;
  top: 100%;
  left: 0;
}


.app-button.apple {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}


.app-button i {
  display: flex;
}


.app-button.apple svg {
  position: relative;
  right: auto;
  bottom: auto;
}


@media (max-width: 768px) {
  .menu-layout .menu-layout-sidebar {
    width: 0 !important;
  }
}


.sidemenu-container .sidemenu-header .close-button {
  padding-left: 21.5px !important;
}


.sidemenu-container .dropdown-btn.small.dropdown {
  width: 100%;
  padding: 0 24px;
}


.sidemenu-container .footer-content.footer-content-fixed .app-install-container {
  padding-left: 0 !important;
}


.menu-layout .menu-layout-sidebar .language-wrapper-container .dropdown-toggle {
  width: 100% !important;
}


.menu-layout .menu-layout-sidebar .language-wrapper-container .dropdown-menu {
  width: calc(100% - 48px) !important;
  background: #0b1926;
}


.promo-page-hero {
  margin-bottom: 40px;
}


.promo-page-hero img {
  width: 100%;
}


.promo-page-hero .promo-page-hero-mobile {
  display: none;
}


@media (max-width: 576px) {
  .promo-page-hero .promo-page-hero-desktop {
    display: none;
  }
  .promo-page-hero .promo-page-hero-mobile {
    display: flex;
  }
}


.modal-dialog .profile-modal .alert.alert-danger {
  display: none;
}


.login-modal .form.login .alert.alert-danger::first-letter {
  text-transform: capitalize;
}


@media (max-width: 991px) and (max-height: 250px) {
  .bottom-menu {
    display: none;
  }
}


.pn-account.pn-transactions.pn-wallet .transaction-content-wrapper .currency-info-banner,
.pn-account.pn-transactions.pn-casino .transaction-content-wrapper .currency-info-banner,
.pn-account.pn-transactions.pn-sports .transaction-content-wrapper .currency-info-banner,
.pn-account.pn-transactions.pn-other .transaction-content-wrapper .currency-info-banner {
  position: relative;
  top: auto;
  margin-bottom: 24px;
}


  
 {
  position: relative;
  top: auto;
  margin-bottom: 24px;
}


  


  


.casino-container .filter-description {
  flex-wrap: wrap;
}


.filter-container .section-title.with-action {
  padding-left: 16px;
  padding-right: 16px;
}


@media (max-width: 576px) {
  .filter-container .section-title.with-action {
    padding-left: 24px;
    padding-right: 24px;
  }
}


.filter-container .section-title.with-action,
.filter-container .section-title.with-action .clear-all {
  align-items: center;
  padding-top: 10px;
}


.filter-container .section-title.with-action .clear-all {
  padding-top: 0;
  padding-right: 0;
}


.menu-layout-content.game-inview {
  height: 100dvh;
}


@media (max-width: 1024px) {
  #popover-trigger-hover-focus {
    display: none;
  }
}


.cashier-inner-container .exchange-amount {
  margin-top: 4px;
}


.panel-section.fixed-width .panel-navigate .navigate-wrapper {
  padding: 9px 10px 10px;
}


.betbyBannerSectionComponent {
  margin-top: 4px;
}


.referrals-page__banner-caption-sub-title {
  background: -webkit-linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.referrals-page__info-list li:before {
  background: -webkit-linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.referrals-page {
  background-color: var(--main-background);
}


.v2-copy-input__copy-button {
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%) !important;
  font-family: "Inter", sans-serif !important;
  font-style: normal;
  border: 0.05em solid #1fe88a;
  box-shadow: inset 0 0 1px #1fe88a, 0 0 1px #1fe88a;
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 14px;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.v2-copy-input__copy-button:hover {
  border: 0.05em solid #1fe88a;
  box-shadow: inset 0 0 7px #1fe88a, 0 0 7px #1fe88a;
}


body>img {
  display: none;
}


.modal-body .bonus-details~.bonus-terms-title {
  display: none;
}


.modal-body .bonus-details~.details-item {
  display: none;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage .innerContainer.mfa-container .form-group .label {
  margin-bottom: 8px;
  text-align: left;
  color: #fff;
  font-weight: 500;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage .innerContainer.mfa-container .form-group .form-control {
  border-radius: 4px;
  border: 1px solid #213344;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage .innerContainer.mfa-container .verify-otp {
  max-width: 554px;
  margin-left: auto;
  margin-right: auto;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage .innerContainer.mfa-container .verify-otp .open-button-container {
  padding-bottom: 40px;
  margin-bottom: 40px;
  color: #fff;
  border-bottom: 1px solid #213344;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage .innerContainer.mfa-container .verify-otp .open-button-container .btn {
  color: #fff;
  border: 1px solid #213344;
  background: transparent !important;
  box-shadow: inset 0 0 1px #213344, 0 0 1px #213344;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage .innerContainer.mfa-container .verify-otp .open-button-container .btn.btn-primary:hover:not([disabled]) {
  box-shadow: inset 0 0 7px #213344, 0 0 7px #213344;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage .innerContainer.mfa-container .verify-otp h4.title {
  color: #fff;
  margin-bottom: 16px;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage .innerContainer.mfa-container .verify-otp p.info {
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 24px;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage .innerContainer.mfa-container .verify-otp p.info:last-child {
  text-align: left;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage .innerContainer.mfa-container .verify-otp .qr-container {
  margin-top: 40px;
  margin-bottom: 24px;
}


@media (max-width: 768px) {
  .pn-profile.pn-2fa .mfaPageContainer {
    margin-top: 0;
    margin-bottom: 70px;
  }
  .pn-profile.pn-2fa .mfaPageContainer .innerPage {
    margin-top: 0;
  }
}


.mobile .games-list.limited-games-list {
  scrollbar-width: none;
}


@media (min-width: 577px) {
  .modal-dialog {
    padding-top: 0;
  }
}


.pn-profile.pn-2fa .mfaPageContainer {
  margin-top: 0;
}


.pn-profile.pn-2fa .mfaPageContainer .innerPage {
  margin-top: 0;
}


.promoteModalDialog .modal-dialog .modal-content {
  min-height: auto;
}


.message-view .message-header .back-container {
  padding-top: 6px;
}


.mobile-game-wrapper {
  background-color: unset;
}


@media (max-width: 576px) {
  .banner-carousel-container .centered-banner .action-content {
    margin-top: 0%;
  }
  .casino-tab-view .games-list h5 {
    margin-top: 0;
  }
  .container.categories-container {
    padding: 0 0 10px 0;
  }
  .mobile .bonus-casino-filter {
    margin-left: 6px;
  }
}


@media (max-width: 1200px) {
  .casino-filters-container .casino-filter {
    width: calc(100% - 30px);
    font-size: 12px;
    margin-left: 0;
    margin-right: 8px;
  }
  .material-icons {
    font-size: 22px;
  }
}


@media (max-width: 1200px) {
  .casino-container .filter-column {
    margin-top: 0;
  }
  .search-container {
    padding: 0;
    margin-top: 0;
  }
}


@media (max-width: 993px) {
  .casino-container .search-column {
    max-width: 68%;
  }
}


@media (max-width: 768px) {
  .casino-container .search-column {
    max-width: 53%;
  }
}


@media (max-width: 576px) {
  ol.carousel-indicators {
    display: none;
  }
}


@media (max-width: 500px) {
  .root-container.mobile .search-and-filter-container .search-container .input-group input.form-control {
    opacity: 0;
  }
  .search-and-filter-container .search-container button .material-icons {
    z-index: -1;
    position: absolute;
    margin-bottom: 39px;
    margin-left: -19px;
  }
  .mobile-search.focused .search-container {
    margin-right: 22px;
  }
  .search-and-filter-container .search-container button {
    padding-right: 8px;
    padding-bottom: 0px;
  }
  .search-and-filter-container .mobile-search .search-container {
    margin: 0;
  }
  .mobile-search .search-container {
    width: unset;
  }
  .casino-container .search-and-filter-container .mobile-search {
    max-width: 10%;
  }
  .search-and-filter-container .search-container .input-group {
    width: 40px;
    height: 40px;
  }
  .casino-container .search-and-filter-container .row {
    padding-left: 0;
    max-width: 100%;
    flex: unset;
  }
  .casino-container .search-and-filter-container {
    justify-content: flex-end;
  }
  .casino-filters-container .casino-filter {
    margin-left: 5px;
    margin-right: 0;
  }
  .casino-container .filter-column {
    max-width: 100vw;
    flex: unset;
  }
  .search-and-filter-container .container {
    padding-right: 0;
    width: 100vw;
  }
  .casino-filters-container .casino-filter:first-of-type {
    margin-left: 30px;
  }
  .casino-container .search-and-filter-wrapper {
    padding: 10px 22px 10px 0;
  }
}


@media (max-width: 450px) {
  .casino-filters-container .casino-filter:first-of-type {
    margin-left: 33px;
  }
  .casino-container .search-and-filter-wrapper {
    padding: 10px 12px 10px 0;
  }
}


@media (max-width: 400px) {
  .casino-filters-container .casino-filter:first-of-type {
    margin-left: 40px;
  }
  .casino-filters-container .casino-filter {
    margin-left: 5px;
  }
}


@media (max-width: 330px) {
  .casino-filters-container .casino-filter:first-of-type {
    margin-left: 38px;
  }
  .casino-filters-container .casino-filter {
    margin-left: 2px;
  }
}


#recentlyPlayed h2 {
  margin-top: 0;
}


.categories-container .row {
  display: none;
}


.filter-container.feature-filter {
  left: auto;
  right: 14px;
  top: 61px;
  background-color: #0b1926;
  border: 1px solid #213344;
  border-radius: 4px;
}


.filter-container .close-container {
  display: none;
}


@media (max-width: 576px) {
  .filter-container .close-container {
    display: block;
    padding: 12px 20px 10px;
  }
  .filter-container .filter-title {
    display: block;
  }
  .filter-container .search-studio {
    padding: 1px 16px;
  }
  .mobile .filter-scroll-container {
    height: 75%;
  }
}


@media (max-width: 500px) {
  .mobile-search.focused .search-container .input-group input.form-control,
  .mobile-search.focused .search-container .input-group input:focus.form-control {
    width: 360px;
  }
}


@media (max-width: 465px) {
  .mobile-search.focused .search-container .input-group input.form-control,
  .mobile-search.focused .search-container .input-group input:focus.form-control {
    width: 335px;
  }
}


@media (max-width: 440px) {
  .mobile-search.focused .search-container .input-group input.form-control,
  .mobile-search.focused .search-container .input-group input:focus.form-control {
    width: 300px;
  }
}


@media (max-width: 405px) {
  .mobile-search.focused .search-container .input-group input.form-control,
  .mobile-search.focused .search-container .input-group input:focus.form-control {
    width: 275px;
  }
}


@media (max-width: 380px) {
  .mobile-search.focused .search-container .input-group input.form-control,
  .mobile-search.focused .search-container .input-group input:focus.form-control {
    width: 255px;
  }
}


@media (max-width: 360px) {
  .mobile-search.focused .search-container .input-group input.form-control,
  .mobile-search.focused .search-container .input-group input:focus.form-control {
    width: 1%;
  }
}


@media (min-width: 1200px) {
  .casino-filters-container .casino-filter {
    margin-right: 8px;
  }
}


:lang(ko).casino-container .search-column {
  max-width: 79%;
}


:lang(ko) .casino-filters-container {
  width: 245px;
}


:lang(ar) .casino-filters-container {
  width: 300px;
}


:lang(ar).casino-container .search-column {
  max-width: 74%;
}


:lang(ja) .casino-filters-container {
  width: 300px;
}


:lang(ja).casino-container .search-column {
  max-width: 76%;
}


:lang(zh).casino-container .search-column {
  max-width: 79%;
}


:lang(zh) .casino-filters-container {
  width: 245px;
}


@media (max-width: 1200px) {
  .casino-container .search-column {
    max-width: 73%;
    padding-right: 8px;
  }
  :lang(ko) .casino-container .search-column {
    max-width: 73%;
  }
  :lang(ko) .casino-filters-container .casino-filter {
    margin-right: 8px;
  }
  :lang(zh) .casino-container .search-column {
    max-width: 73%;
  }
  :lang(zh) .casino-filters-container .casino-filter {
    margin-right: 8px;
  }
  :lang(ar) .casino-container .search-column {
    max-width: 67%;
  }
  :lang(ar) .casino-filters-container .casino-filter {
    margin-right: 8px;
  }
  :lang(ja).casino-container .search-column {
    max-width: 68%;
  }
  :lang(ja) .casino-filters-container .casino-filter {
    margin-right: 8px;
  }
}


@media (max-width: 992px) {
  :lang(ko) .casino-container .search-column {
    max-width: 65%;
  }
  :lang(zh) .casino-container .search-column {
    max-width: 65%;
  }
  :lang(ja) .casino-container .search-column {
    max-width: 57%;
  }
  :lang(ar) .casino-container .search-column {
    max-width: 57%;
  }
  .casino-container .search-column {
    max-width: 65%;
  }
}


@media (max-width: 768px) {
  :lang(ko) .casino-container .search-column {
    max-width: 54%;
  }
  :lang(zh) .casino-container .search-column {
    max-width: 54%;
  }
  :lang(ja) .casino-container .search-column {
    max-width: 43%;
  }
  :lang(ar) .casino-container .search-column {
    max-width: 44%;
  }
}


@media (max-width: 576px) {
  :lang(ja) .casino-container .search-and-filter-container .row {
    padding-left: 0;
  }
  :lang(ja) .casino-container .search-column {
    max-width: 43%;
  }
  :lang(ja) .casino-filters-container .casino-filter:last-child {
    margin-left: 0;
  }
  :lang(ja) .casino-filters-container {
    width: unset;
  }
  :lang(ja) .casino-filters-container .casino-filter {
    font-size: 8px;
  }
  :lang(ar) .casino-filters-container {
    width: unset;
  }
  :lang(ar) .casino-filters-container .casino-filter {
    font-size: 8px;
  }
  :lang(ar) .casino-filters-container .casino-filter:last-child {
    margin-left: 0;
  }
}


@media (max-width: 500px) {
  :lang(zh) .casino-filters-container .casino-filter:last-child {
    margin-left: 0;
  }
  :lang(ko) .casino-filters-container .casino-filter:last-child {
    margin-left: 0;
  }
  :lang(ko) .casino-filters-container {
    width: unset;
  }
  :lang(zh) .casino-filters-container {
    width: unset;
  }
  :lang(ja) .casino-filters-container {
    width: unset;
  }
  :lang(ja) .casino-filters-container .casino-filter {
    font-size: 12px;
  }
  :lang(ar) .casino-filters-container .casino-filter {
    font-size: 12px;
  }
}


@media (max-width: 365px) {
  :lang(ja) .casino-container .filter-column .casino-filters-container .casino-filter:nth-child(1) {
    font-size: 8px;
  }
}


@media (max-width: 380px) {
  :lang(ar) .casino-container .filter-column .casino-filters-container .casino-filter:nth-child(1) {
    font-size: 8px;
  }
}


.gameSlider .fade {
  opacity: 1;
}


.gameSlider.recent-wins-slider .swiper-backface-hidden .swiper-slide {
  width: 113px !important;
  height: 163px !important;
  margin-right: 13px !important;
}


.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.gameSlider.recomended-slots .swiper-slide.swiper-slide {
  width: 174px !important;
  height: 224px;
  margin-right: 16px !important;
}


.gameSlider.top-live-games .swiper-slide {
  width: 174px !important;
  height: 224px !important;
  margin-right: 16px !important;
}


.gameSlider.originals .swiper-backface-hidden .swiper-slide {
  width: 176px !important;
  height: 238px !important;
  margin-right: 14px !important;
}


.panel-section .panel-wrapper .panel-card .panel-inner__background-image {
  width: 174px;
  height: 224px;
}


.gameSlider.partners .swiper-slide {
  width: 366px !important;
  height: 80px !important;
  margin-right: 13px !important;
}


.gameSlider.partners .section-outer .inner-section .card-wrapper .card-game-list {
  background: #0B1926;
  align-items: center;
  justify-content: center;
  display: flex;
  border: 1px solid #213344;
  border-radius: 6px;
  height: 80px;
}


.gameSlider.partners .section-outer .inner-section .card-wrapper .card-game-list .bg {
  width: auto;
  height: 42px;
  box-shadow: unset;
}


.gameSlider.recent-wins-slider {
  padding: 25px 0 0;
}


.gameSlider.recomended-slots {
  padding: 0;
  margin-top: 20px;
}


.gameSlider.top-live-games {
  padding: 25px 0px 0px;
}


.gameSlider.originals {
  padding: 25px 0 0;
}


.panel-section {
  padding-top: 15px;
  padding-bottom: 13px;
}


.hero-banner-two-columns.timer-section.hide-logged-in .row {
  margin-top: 3px;
  display: block;
}


.hero-banner-two-columns.promotions.noscroll-horizontal.hide-logged-in .row {
  margin-top: 20px;
}


.gameSlider.partners .title-wrapper {
  margin-bottom: 14px;
}


.hero-banner-two-columns.lobby-page.top-space.read-more-cta .row {
  margin-top: 0;
}


.panel-section.full-width.hero-landing-banner.hide-logged-in {
  padding: 0;
}


.gameSlider.partners {
  padding-top: 20px;
}


.gameSlider .section-outer .panel-navigate .navigate-wrapper .navigate-prev {
  background-color: unset;
  border: 1px solid #213344;
  width: 32px;
  height: 32px;
}


.gameSlider .section-outer .panel-navigate .navigate-wrapper .icon {
  width: 20px;
  height: 27px;
}


.gameSlider .section-outer .panel-navigate .navigate-wrapper .navigate-next {
  background-color: unset;
  border: 1px solid #213344;
  width: 32px;
  height: 32px;
}


.panel-section.fixed-width .panel-navigate .navigate-wrapper .navigate-prev {
  background-color: unset;
  width: 32px;
  height: 32px;
  border: 1px solid #213344;
}


.panel-section.fixed-width .panel-navigate .navigate-wrapper .navigate-next {
  background-color: unset;
  width: 32px;
  border-radius: 3px;
  height: 32px;
  border: 1px solid #213344;
}


.show-all-wrapper {
  padding: 5px 10px;
  border: 1px solid #213344;
  border-radius: 4px;
}


.landingPage .panel-section.full-width .container-full-width .panel-wrapper.desktop {
  transform: none !important;
}


@media (max-width: 1235px) {
  .checklist-item span::after {
    width: 750px;
  }
  .gameSlider.recent-wins-slider .swiper-backface-hidden .swiper-slide {
    margin-right: 12px !important;
  }
}


@media (max-width: 1225px) {
  .checklist-item span::after {
    width: 740px;
  }
  .gameSlider.recent-wins-slider .swiper-backface-hidden .swiper-slide {
    margin-right: 11px !important;
  }
}


@media (max-width: 1215px) {
  .checklist-item span::after {
    width: 724px;
  }
  .gameSlider.recent-wins-slider .swiper-backface-hidden .swiper-slide {
    margin-right: 10px !important;
  }
}


@media (max-width: 1210px) {
  .gameSlider.recent-wins-slider .swiper-backface-hidden .swiper-slide {
    margin-right: 9px !important;
  }
}


@media (max-width: 1204px) {
  .gameSlider.recent-wins-slider .swiper-backface-hidden .swiper-slide {
    margin-right: 8px !important;
  }
}


@media (max-width: 1240px) {
  .gameSlider.originals .swiper-backface-hidden .swiper-slide {
    margin-right: 12px !important;
  }
}


@media (max-width: 1231px) {
  .gameSlider.recomended-slots .swiper-slide.swiper-slide {
    margin-right: 12px !important;
  }
  .gameSlider.top-live-games .swiper-slide {
    margin-right: 12px !important;
  }
  .gameSlider.originals .swiper-backface-hidden .swiper-slide {
    margin-right: 10px !important;
  }
}


@media (max-width: 1219px) {
  .gameSlider.recomended-slots .swiper-slide.swiper-slide {
    margin-right: 10px !important;
  }
  .gameSlider.top-live-games .swiper-slide {
    margin-right: 10px !important;
  }
  .gameSlider.originals .swiper-backface-hidden .swiper-slide {
    margin-right: 8px !important;
  }
}


@media (max-width: 1213px) {
  .gameSlider.originals .swiper-backface-hidden .swiper-slide {
    margin-right: 7px !important;
  }
}


@media (max-width: 1207px) {
  .gameSlider.recomended-slots .swiper-slide.swiper-slide {
    margin-right: 8px !important;
  }
  .gameSlider.top-live-games .swiper-slide {
    margin-right: 8px !important;
  }
  .gameSlider.originals .swiper-backface-hidden .swiper-slide {
    margin-right: 8px !important;
  }
}


@media (max-width: 1200px) {
  .gameSlider .section-outer {
    width: 90vw;
  }
  .col-md-12 {
    max-width: 93vw;
  }
  .hero-banner-two-columns.timer-section.hide-logged-in .row {
    width: 100vw;
  }
  .timer-section .timer-text-block {
    width: 90vw;
  }
}


@media (max-width: 1238px) {
  .landingPage .container {
    margin-right: 170px;
  }
  .hero-logged-in-banner {
    width: 90vw;
  }
  .read-more-cta .read-more-text-block {
    width: 90vw;
  }
}


@media (max-width: 1115px) {
  .left {
    padding-bottom: 60px;
  }
}


@media (max-width: 1100px) {
  .hero-logged-in-banner {
    width: 89vw;
  }
  .timer-section .timer-text-block {
    width: 89vw;
  }
  .read-more-cta .read-more-text-block {
    width: 89vw;
  }
}


@media (max-width: 1027px) {
  .left {
    padding-bottom: 0;
  }
}


@media (max-width: 1000px) {
  .timer-section .timer-text-block {
    width: 88vw;
  }
  .read-more-cta .read-more-text-block {
    width: 88vw;
  }
}


@media (max-width: 992px) {
  .left {
    padding-bottom: 60px;
  }
}


@media (max-width: 992px) {
  .hero-logged-in-banner {
    width: 88vw;
  }
  .username {
    font-size: 48px;
  }
  .game-card {
    width: 222px;
  }
  .game-img {
    height: 234px;
    width: 220px;
  }
}


@media (max-width: 950px) {
  .left {
    padding-bottom: 17px;
  }
}


@media (max-width: 910px) {
  .hero-logged-in-banner {
    width: 87vw;
  }
  .username {
    font-size: 40px;
  }
  .game-card {
    width: 203px;
  }
  .game-img {
    height: 213px;
    width: 200px;
  }
  .left {
    padding-bottom: 60px;
  }
  .timer-section .timer-text-block {
    width: 87vw;
  }
  .read-more-cta .read-more-text-block {
    width: 87vw;
  }
}


@media (max-width: 867px) {
  .left {
    padding-bottom: 40px;
  }
}


@media (max-width: 850px) {
  .hero-logged-in-banner {
    width: calc(100vw - 32px);
  }
  .username {
    font-size: 40px;
  }
  .game-card {
    width: 183px;
  }
  .game-img {
    height: 191px;
    width: 180px;
  }
  .timer-section .timer-text-block {
    width: 86vw;
  }
  .read-more-cta .read-more-text-block {
    width: 86vw;
  }
}


@media (max-width: 830px) {
  .left {
    padding-bottom: 11px;
  }
}


@media (max-width: 800px) {
  .timer-section .timer-text-block {
    width: 85vw;
  }
  .read-more-cta .read-more-text-block {
    width: 85vw;
  }
}


@media (max-width: 768px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    object-fit: cover;
  }
  .text-top {
    margin-top: 305px;
  }
  .panel-section.full-width.hero-landing-banner.hide-logged-in .row {
    justify-content: center;
  }
  .right {
    width: 100vw;
  }
  .game-card {
    width: 46%;
    height: auto;
  }
  .game-img {
    height: 372px;
    width: 351px;
  }
  .timer-section .timer-text-block {
    width: 94vw;
  }
  .read-more-cta .read-more-text-block {
    width: 94vw;
  }
}


@media (max-width: 767px) {
  .game-card {
    width: 44%;
    height: auto;
  }
  .game-img {
    height: 358px;
    width: 338px;
  }
  .timer-section .timer-text-block {
    width: 89vw;
  }
  .read-more-cta .read-more-text-block {
    width: 89vw;
  }
}


@media (max-width: 750px) {
  .game-card {
    width: 45%;
  }
  .timer-section .timer-text-block {
    width: 92vw;
  }
  .read-more-cta .read-more-text-block {
    width: 92vw;
  }
}


@media (max-width: 740px) {
  .timer-section .timer-text-block {
    width: 93vw;
  }
  .read-more-cta .read-more-text-block {
    width: 93vw;
  }
}


@media (max-width: 730px) {
  .timer-section .timer-text-block {
    width: 94vw;
  }
  .read-more-cta .read-more-text-block {
    width: 94vw;
  }
}


@media (max-width: 690px) {
  .game-img {
    height: 326px;
    width: 308px;
  }
}


@media (max-width: 680px) {
  .timer-section .timer-text-block {
    width: 93vw;
  }
  .read-more-cta .read-more-text-block {
    width: 93vw;
  }
}


@media (max-width: 650px) {
  .game-img {
    height: 306px;
    width: 290px;
  }
}


@media (max-width: 620px) {
  .game-img {
    height: 292px;
    width: 277px;
  }
  .timer-section .timer-text-block {
    width: 92vw;
  }
  .read-more-cta .read-more-text-block {
    width: 92vw;
  }
}


@media (max-width: 595px) {
  .game-img {
    height: 280px;
    width: 266px;
  }
}


@media (max-width: 576px) {
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 552px;
  }
  .gameSlider.recent-wins-slider .swiper-backface-hidden .swiper-slide {
    margin-right: 5px !important;
    width: 66px !important;
    height: 96px !important;
  }
}


@media (max-width: 576px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 552px;
    width: 541px;
  }
  .hero-landing-banner .panel-card .tagline h1:first-of-type {
    margin-top: 0;
  }
  .hero-logged-in-banner .game-card {
    height: 298px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 263px;
    width: 263px;
  }
}


@media (max-width: 560px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 537px;
    width: 526px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 537px;
  }
  .text-top {
    margin-top: 285px;
  }
  .hero-logged-in-banner .game-card {
    height: 275px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 240px;
    width: 250px;
  }
}


@media (max-width: 540px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 518px;
    width: 507px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 518px;
  }
  .text-top {
    margin-top: 275px;
  }
  .hero-logged-in-banner .game-card {
    height: 263px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 229px;
    width: 238px;
  }
}


@media (max-width: 520px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 499px;
    width: 488px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 499px;
  }
  .text-top {
    margin-top: 260px;
  }
  .hero-logged-in-banner .game-card {
    height: 255px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 220px;
    width: 229px;
  }
}


@media (max-width: 500px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 480px;
    width: 469px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 480px;
  }
  .text-top {
    margin-top: 245px;
  }
  .hero-logged-in-banner .game-card {
    height: 243px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 209px;
    width: 218px;
  }
}


@media (max-width: 480px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 460px;
    width: 450px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 460px;
  }
  .text-top {
    margin-top: 225px;
  }
  .hero-logged-in-banner .game-card {
    height: 235px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 200px;
    width: 209;
  }
}


@media (max-width: 460px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 431px;
    width: 441px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 441px;
  }
  .text-top {
    margin-top: 205px;
  }
  .hero-logged-in-banner .game-card {
    height: 227px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 193px;
    width: 202px;
  }
}


@media (max-width: 440px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 422px;
    width: 412px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 422px;
  }
  .text-top {
    margin-top: 190px;
  }
  .hero-logged-in-banner .game-card {
    height: 215px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 181px;
    width: 189px;
  }
  .game-title {
    font-size: 16px;
  }
}


@media (max-width: 423px) {
  .hero-landing-banner .btn-green {
    margin-top: 0;
  }
  .text-top {
    margin-top: 160px;
  }
}


@media (max-width: 420px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 403px;
    width: 393px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 403px;
  }
  .text-top {
    margin-top: 150px;
  }
  .hero-logged-in-banner .game-card {
    height: 206px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 171px;
    width: 179;
  }
}


@media (max-width: 410px) {
  .gameSlider.partners .swiper-slide {
    width: 32% !important;
    margin-right: 8px !important;
  }
  .gameSlider.partners .v2-image-container {
    position: relative;
  }
  .gameSlider.partners .v2-image-container img {
    opacity: 0;
  }
  .gameSlider.partners .v2-image-container::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 2;
  }
  .gameSlider.partners .swiper-slide:nth-child(1) .v2-image-container::after {
    background-image: url("https://jelst.yunethosting.rs/assets/betpanda/vector1.svg");
  }
  .gameSlider.partners .swiper-slide:nth-child(2) .v2-image-container::after {
    background-image: url("https://jelst.yunethosting.rs/assets/betpanda/vector2.svg");
  }
  .gameSlider.partners .swiper-slide:nth-child(3) .v2-image-container::after {
    background-image: url("https://jelst.yunethosting.rs/assets/betpanda/vector3.svg");
  }
}


@media (max-width: 400px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 384px;
    width: 374px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 384px;
  }
  .text-top {
    margin-top: 140px;
  }
  .hero-logged-in-banner .game-card {
    height: 195px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 161px;
    width: 169px;
  }
}


@media (max-width: 380px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 364px;
    width: 355px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 330px;
  }
  .text-top {
    margin-top: 106px;
  }
  .hero-logged-in-banner .game-card {
    height: 186px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 151px;
    width: 159px;
  }
}


@media (max-width: 360px) {
  .panel-section.full-width.hero-landing-banner .slide-img img {
    height: 344px;
    width: 336px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 344px;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner .text-wrapper {
    margin-top: 0px;
  }
  .text-top {
    margin-top: 20px;
  }
  .hero-logged-in-banner .game-card {
    height: 176px;
    width: auto;
  }
  .hero-logged-in-banner .game-img {
    height: 142px;
    width: 149px;
  }
}


@media (min-width: 577px) {
  .gameSlider.promotion-cards .swiper-slide.swiper-slide {
    width: 366px !important;
    margin-right: 13px !important;
    height: 210px !important;
  }
}


@media (max-width: 576px) {
  .landingPage .container {
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 0;
  }
  .gameSlider.recomended-slots .swiper-slide.swiper-slide {
    width: 99px !important;
    height: 127px;
  }
  .panel-section .panel-wrapper .panel-card .panel-inner__background-image {
    width: 99px;
    height: 127px;
  }
  .panel-section.full-width.hero-landing-banner .container-full-width.mobile {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .gameSlider.top-live-games .swiper-slide {
    width: 99px !important;
    height: 127px !important;
    margin-right: 6px !important;
  }
  .gameSlider.originals .swiper-backface-hidden .swiper-slide {
    width: 99px !important;
    height: 127px !important;
    margin-right: 6px !important;
  }
  .col-md-12 {
    max-width: 97vw;
    padding-left: 20px;
    padding-right: 12px;
  }
  .gameSlider.promotion-cards .section-outer {
    padding-right: 0;
  }
  .gameSlider.promotion-cards .swiper-slide.swiper-slide {
    width: 290px !important;
    margin-right: 6px !important;
  }
  .gameSlider.promotion-cards {
    padding-top: 0;
  }
  .gameSlider.recomended-slots .title-text {
    margin-top: 8px;
  }
  .gameSlider.top-live-games .title-text {
    margin-top: 8px;
  }
  .gameSlider.originals .title-text {
    margin-top: 8px;
  }
}


@media (max-width: 400px) {
  .panel-section.fixed-width {
    padding-right: 20px;
    padding-left: 20px;
  }
  .title-with-icon.promotions {
    margin-left: 8px;
  }
  .col-md-12 {
    max-width: 100vw;
  }
}


.gameSlider.promotion-cards .title-wrapper {
  display: none;
}


.gameSlider.promotion-cards {
  padding-top: 10px;
  padding-bottom: 0;
}


.gameSlider.partners .show-all-wrapper {
  display: none;
}


.landingPage .hero-banner-two-columns.hiding-spot {
  display: none;
}


.landingPage.logged-in .hero-banner-two-columns.hiding-spot {
  display: flex;
}


.navigate-wrapper button .icon {
  margin: 0 auto;
}


.panel-section.full-width .container-full-width .panel-wrapper.mobile {
  will-change: unset;
  overflow-y: hidden;
  overflow-x: hidden;
  transform: none !important;
}


button.btn.btn-secondary.small.login-button.fixed-menu-btn {
  background: none;
  color: #fff;
}


.hero-banner-two-columns.timer-section {
  margin-top: 0;
}


.hero-banner-two-columns.timer-section .row {
  margin-top: 0;
}


.sidemenu-container-expanded.active {
  .menu-items-container {
      .nav-link.submenu-link {
          gap: 9px !important;
          background-color: transparent;
          i {
              width: 16px !important;
              font-size: 16px !important;
          }
          &:hover {
              border-radius: 0 !important;
          }
      }
  }
}


.custom-icon-medal:before {
  content: "";
  color: #96acc1;
}


.custom-icon-bell:before {
  content: "";
  color: #96acc1;
}


/*ADDITIONAL*/


.nova-widget-leaderboard .text-base {
  color: red !important;
}


.rnc__notification-item.rnc__notification-item--info {
  background: #0a1521 !important;
  border: 1px solid #243343 !important;
  border-radius: 8px !important;
}


body.geo-gb .conditional-display-gb {
  display: none !important;
}


body.geo-gb .swiper-slide:has(a.card-wrapper[href*="gates-of-olympus"]),
body.geo-gb .swiper-slide:has(a.card-wrapper[href*="sugar-rush"]) {
  display: none !important;
}


body.geo-gb div.row.games-list.pragmatic-play-live {
  display: none !important;
}


body.geo-gb .filter-scroll-container .studio-item:has(> .studio-pragmaticplaylive),
body.geo-gb .filter-scroll-container .studio-item:has(> .studio-pragmaticplay) {
  display: none !important;
}


@media (max-width: 576px) {
  #widget-slot-chat__mobile-navbar blink-chat-launcher {
    position: relative;
    top: -6px;
    left: -6px;
  }
}


nova-leaderboard {
  --color-semantic-status-success-normal: #1fe883;
  --color-components-raffle-primary: #1fe883;
  --text-base: 0.94rem;
}


nova-recent-wins {
  --nova-container-padding-top: 0px;
}


@media (max-width: 768px) {
  nova-leaderboard {
    --text-base: 0.8rem;
  }
  nova-recent-wins {
    --nova-container-padding-mobile: 16px;
  }
}


body.geo-gb .gameSlider .fade {
  opacity: 1;
}


/* patches */


@media (max-width: 768px) {
  .games-list {
    margin-bottom: 0px;
    margin-top: 10px;
  }
  #recentlyPlayed.games-list {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .mobile .casino-tab-view h2 {
    margin-bottom: 6px;
  }
}


@media (max-width: 768px) {
  .hero-logged-in-banner .right {
    width: 100%;
  }
}


@media (max-width: 768px) {
  .hero-logged-in-banner .game-card {
    flex: 1;
    min-width: 0;
  }
  .hero-logged-in-banner .game-img {
    width: 100%;
  }
}


@media (max-width: 560px) {
  .hero-logged-in-banner {
    margin-top: -28px;
  }
  .hero-logged-in-banner .username {
    margin: 0;
    font-size: 36px;
    line-height: 1;
  }
  .hero-logged-in-banner .left {
    padding-bottom: 0;
  }
  .hero-banner-two-columns .tagline {
    margin-bottom: 0;
  }
  .landingPage {
    margin-top: -8px;
  }
}


body .hero-logged-in-banner .btn-green {
  padding-bottom: 1px;
}


@media (max-width: 560px) {
  body .hero-logged-in-banner .btn-green {
    height: 36px;
    padding-bottom: 3px;
  }
  body.ios .footer-main {
    padding-top: 16px;
  }
  body .mobile .casino-tab-view h2 {
    margin-top: 10px;
    margin-bottom: 6px;
  }
}


@media (max-width: 380px) {
  .hero-landing-banner .panel-card .tagline h1:first-of-type {
    line-height: 34px;
  }
}


@media (min-width: 850px) {
  .landingPage.logged-in .row:first-of-type {
    margin-top: 0 !important;
    gap: 0px;
  }
  .panel-section .panel-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .panel-section.fixed-width .panel-navigate .navigate-wrapper .icon-arrowLeft {
    position: relative;
    right: 1px;
  }
  .container-fixed-width.desktop:has(> #strapi_808),
  .container-fixed-width.desktop:has(> #strapi_809) {
    margin-top: -8px;
  }
  .timer-section {
    margin-bottom: 25px;
  }
  body .panel-section.fixed-width .panel-navigate .navigate-wrapper {
    padding-bottom: 0;
  }
}


.card-wrapper {
  display: block;
  transition: transform 0.25s ease;
  transform-origin: center center;
}



.panel-card {
  display: block;
  transition: transform 0.25s ease;
  transform-origin: center center;
  position: relative;
}


@media (hover: hover) and (pointer: fine) {
  .panel-card:hover {
    transform: scale(1.04);
    z-index: 2;
  }
  .hero-landing-banner .panel-card:hover {
    transform: none;
    z-index: auto;
  }
}


@media (max-width: 560px) {
  .panel-section.fixed-width {
    padding-left: 20px;
    padding-right: 20px;
  }
  .landingPage .title-with-icon.promotions .container {
    padding-left: 18px;
    padding-right: 18px;
  }
  .title-with-icon.promotions .row {
    margin-bottom: 0;
  }
}




body.pn-vip-club-v2 .styled-text-list .row.title-row h4 {
  font-family: "Aeonik-BlackItalic", sans-serif;
  font-style: italic;
  font-weight: 800;
  font-size: 36px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  margin: 60px 0 8px;
  text-align: left;
}


@media (max-width: 768px) {
  body.pn-vip-club-v2 .styled-text-list .row.title-row h4 {
    font-size: 26px;
    margin-top: 40px;
  }
}


/* ---------- Section intro tagline (lead paragraph below each h4) ---------- */


body.pn-vip-club-v2 .styled-text-list .vip-tiers-intro,
body.pn-vip-club-v2 .styled-text-list .vip-xp-intro,
body.pn-vip-club-v2 .styled-text-list .vip-faq-list-styled {
  width: 100%;
}


body.pn-vip-club-v2 .vip-tiers-intro span,
body.pn-vip-club-v2 .vip-xp-intro span {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #a8b3c0;
  display: block;
  margin: 0 0 24px;
}


/* ---------- Top Benefits (3-up cards) ---------- */


body.pn-vip-club-v2 .vip-top-benefits {
  margin-top: 32px;
  margin-bottom: 32px;
}


body.pn-vip-club-v2 .vip-top-benefits .boxItemWrap {
  display: grid;
  gap: 24px;
  flex-wrap: unset;
  justify-content: unset;
  grid-template-columns: 1fr 1fr 1fr;
}


body.pn-vip-club-v2 .vip-top-benefits .box {
  flex: unset;
  min-width: 0;
  max-width: none;
  background: #0B1926 !important;
  border: 1px solid #213344 !important;
  border-radius: 6px !important;
  padding: 19px 16px !important;
  text-align: center !important;
  transition: border-color 0.2s ease, transform 0.2s ease;
  width: auto;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  height: auto !important;
}


body.pn-vip-club-v2 .vip-top-benefits .box:hover {
  border-color: #1fe88a;
}


body.pn-vip-club-v2 .vip-top-benefits .contentBox h1,
body.pn-vip-club-v2 .vip-top-benefits .contentBox h2,
body.pn-vip-club-v2 .vip-top-benefits .contentBox h3,
body.pn-vip-club-v2 .vip-top-benefits .contentBox h4,
body.pn-vip-club-v2 .vip-top-benefits .contentBox h5,
body.pn-vip-club-v2 .vip-top-benefits .contentBox h6 {
  font-family: "Aeonik-Black", sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #fff;
  margin: 0 0 12px;
}


body.pn-vip-club-v2 .vip-top-benefits .contentBox p,
body.pn-vip-club-v2 .vip-top-benefits .contentBox span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #a8b3c0;
}


@media (max-width: 768px) {
  body.pn-vip-club-v2 .vip-top-benefits .boxItemWrap {
    gap: 16px;
    grid-template-columns: 1fr;
  }
  body.pn-vip-club-v2 .vip-top-benefits .box {
    padding: 24px 20px;
    min-width: 100%;
  }
}


/* ---------- Tier-color dots (used in "How XP Works" tier list) ---------- */


body.pn-vip-club-v2 .tier-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
  flex-shrink: 0;
}


body.pn-vip-club-v2 .tier-dot.tier-bronze {
  background: #cd7f32;
}


body.pn-vip-club-v2 .tier-dot.tier-silver {
  background: #c0c0c0;
}


body.pn-vip-club-v2 .tier-dot.tier-gold {
  background: #ffd700;
}


body.pn-vip-club-v2 .tier-dot.tier-platinum {
  background: #e5e4e2;
}


body.pn-vip-club-v2 .tier-dot.tier-diamond {
  background: #b9f2ff;
}


/* ---------- Tier Matrix table ---------- */


body.pn-vip-club-v2 .vip-tier-matrix-styled {
  width: 100%;
  margin-top: 16px;
}


body.pn-vip-club-v2 .vip-tier-matrix-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 12px;
  border: 1px solid #213344;
  background: #0f1f32;
}


body.pn-vip-club-v2 .vip-tier-matrix {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #fff;
}


body.pn-vip-club-v2 .vip-tier-matrix thead {
  background: #112538;
}


body.pn-vip-club-v2 .vip-tier-matrix thead th {
  padding: 18px 14px;
  text-align: center;
  vertical-align: top;
  font-family: "Aeonik-Black", sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #fff;
  border-bottom: 2px solid #1fe88a;
  white-space: nowrap;
}


body.pn-vip-club-v2 .vip-tier-matrix thead th:first-child {
  text-align: left;
  text-transform: none;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #a8b3c0;
  letter-spacing: 0;
  width: 22%;
}


body.pn-vip-club-v2 .vip-tier-matrix thead th .tier-req {
  display: block;
  margin-top: 4px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  color: #a8b3c0;
}


body.pn-vip-club-v2 .vip-tier-matrix tbody tr {
  border-bottom: 1px solid #213344;
}


body.pn-vip-club-v2 .vip-tier-matrix tbody tr:last-child {
  border-bottom: none;
}


body.pn-vip-club-v2 .vip-tier-matrix tbody tr:nth-child(even) {
  background: rgba(15, 31, 50, 0.4);
}


body.pn-vip-club-v2 .vip-tier-matrix tbody td {
  padding: 14px 14px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.4;
  color: #d8dde6;
}


body.pn-vip-club-v2 .vip-tier-matrix tbody td:first-child {
  text-align: left;
  font-weight: 600;
  color: #fff;
}


body.pn-vip-club-v2 .vip-tier-matrix-note {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #a8b3c0;
  text-align: right;
  margin-top: 12px;
}


/* ---------- How XP Works (2-box grid: Tier Requirements + XP Rates) ---------- */


body.pn-vip-club-v2 .vip-xp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}


@media (max-width: 768px) {
  body.pn-vip-club-v2 .vip-xp-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}


body.pn-vip-club-v2 .vip-xp-box {
  background: #0f1f32;
  border: 1px solid #213344;
  border-radius: 12px;
  padding: 24px;
}


body.pn-vip-club-v2 .vip-xp-box h3 {
  font-family: "Aeonik-Black", sans-serif;
  font-weight: 800;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #1fe88a;
  margin: 0 0 8px;
}


body.pn-vip-club-v2 .vip-xp-box .subtitle {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: #a8b3c0;
  margin: 0 0 18px;
}


body.pn-vip-club-v2 .vip-xp-box table {
  width: 100%;
  border-collapse: collapse;
}


body.pn-vip-club-v2 .vip-xp-box td {
  padding: 12px 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid #213344;
  vertical-align: middle;
}


body.pn-vip-club-v2 .vip-xp-box tr:last-child td {
  border-bottom: none;
}


body.pn-vip-club-v2 .vip-xp-box td:last-child {
  text-align: right;
  color: #1fe88a;
  font-weight: 600;
  white-space: nowrap;
}


body.pn-vip-club-v2 .vip-xp-note {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  color: #a8b3c0;
  margin: 16px 0 0;
}


body.pn-vip-club-v2 .vip-xp-note em {
  font-style: italic;
  color: #8a96a8;
}


/* ---------- FAQ accordion (native <details>/<summary>) ---------- */


body.pn-vip-club-v2 .vip-faq-list {
  margin-top: 24px;
}


body.pn-vip-club-v2 .vip-faq-list details {
  background: #0f1f32;
  border: 1px solid #213344;
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  transition: border-color 0.2s ease;
}


body.pn-vip-club-v2 .vip-faq-list details[open] {
  border-color: #1fe88a;
}


body.pn-vip-club-v2 .vip-faq-list summary {
  padding: 16px 52px 16px 20px;
  cursor: pointer;
  list-style: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  user-select: none;
}


body.pn-vip-club-v2 .vip-faq-list summary::-webkit-details-marker {
  display: none;
}


body.pn-vip-club-v2 .vip-faq-list summary::after {
  content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  font-weight: 300;
  line-height: 1;
  color: #1fe88a;
}


body.pn-vip-club-v2 .vip-faq-list details[open] summary::after {
  content: "−";
}


body.pn-vip-club-v2 .vip-faq-list details > p,
body.pn-vip-club-v2 .vip-faq-list details > div {
  padding: 0 20px 18px;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #a8b3c0;
}


body.pn-vip-club-v2 .vip-faq-list details em {
  color: #6b7990;
  font-style: italic;
}


/* ---------- FAQ footer (call-out card below the accordion) ---------- */


body.pn-vip-club-v2 .vip-faq-footer {
  display: block;
  margin-top: 32px;
  padding: 20px 24px;
  background: #0f1f32;
  border: 1px solid #213344;
  border-radius: 8px;
  text-align: center;
}


body.pn-vip-club-v2 .vip-faq-footer span {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #a8b3c0;
}


/* ---------- Hero polish: hide unused empty col-md-6 + the orphan
   col-md-12 taglines-group, until a hero image lands in the right column ---------- */


body.pn-vip-club-v2 .vip-hero .col-md-12.taglines-group {
  display: none;
}


/* When the right col-md-6 is empty (no image yet), let it collapse so the
   left content doesn't sit cramped at half-width. Once an image is dropped
   in, this rule has no effect because :empty stops matching. */


body.pn-vip-club-v2 .vip-hero .col-md-6:empty {
  display: revert;
}


body.pn-vip-club-v2 .vip-hero .col-md-6:empty + .col-md-6.taglines,
body.pn-vip-club-v2 .vip-hero .col-md-6.taglines {
}


/* Top breathing room for hero when there's no logged-in banner above */


body.pn-vip-club-v2 .vip-hero.top-of-page .container {
  padding-top: 40px;
  padding-bottom: 40px;
}


/* ---------- Tier Match block: tighten so it reads as one CTA card ---------- */


body.pn-vip-club-v2 .vip-tier-match {
  margin-top: 60px;
  margin-bottom: 60px;
}


body.pn-vip-club-v2 .vip-tier-match .col-md-12.taglines-group,
body.pn-vip-club-v2 .vip-tier-match .col-md-6:empty {
  display: none;
}


body.pn-vip-club-v2 .vip-tier-match .container {
  text-align: center;
}


body.pn-vip-club-v2 .vip-tier-match .row {
  justify-content: center;
}


body.pn-vip-club-v2 .vip-match-cta {
  margin-top: 16px;
}





body.pn-vip-club-v2 .vip-hero .container {
  background-image: url("https://d3ec3n7kizfkuy.cloudfront.net/vip_hero_banner_b210125fef.png"),
    radial-gradient(
      ellipse 70% 110% at 72% 50%,
      rgba(0, 145, 210, 0.22) 0%,
      rgba(0, 130, 200, 0.08) 35%,
      rgba(0, 130, 200, 0) 65%
    ) !important;
  background-size: 100% auto, 100% 356px !important;
  background-position: 50% 50%, 50% 50% !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #081521 !important;
  border: 1px solid #213344;
  border-radius: 6px;
  min-height: 360px;
  padding-top: 48px;
  padding-bottom: 48px;
  overflow: hidden;
  max-width: 1140px !important;
}


/* Mobile (≤768px): hide the hero image so the silver card doesn't crop
   awkwardly. Text takes full width. */


@media (max-width: 768px) {
  body.pn-vip-club-v2 .vip-hero .container {
    background-image: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    min-height: auto;
    padding-top: 24px;
    padding-bottom: 24px;
    max-width: 100% !important;
  }
  body.pn-vip-club-v2 .vip-hero .col-md-6:empty {
    display: none;
  }
}




body.pn-vip-club-v2 .vip-hero .col-md-6.taglines {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: left;
}


/* Mobile: revert column to full width so text breathes when image is hidden */


@media (max-width: 768px) {
  body.pn-vip-club-v2 .vip-hero .col-md-6.taglines {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
  }
}





body.pn-vip-club-v2 .vip-hero-subhead {
  font-family: "Aeonik", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 10px !important;
  line-height: 24px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #F5F7F8 !important;
  margin: 0;
  margin-top: 40px !important;
}


body.pn-vip-club-v2 .vip-hero-subhead strong {
  font-weight: 700 !important;
  color: inherit;
  font-family: "Aeonik", sans-serif !important;
  font-size: 10px !important;
  line-height: 24px !important;
  vertical-align: baseline !important;
}


body.pn-vip-club-v2 .vip-hero-headline {
  font-family: "Aeonik-Black", sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-size: 100px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
  white-space: nowrap;
  background: linear-gradient(180deg, #00d1ff 0%, #0d9ef0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  margin: 16px 0 0 0;
  padding: 4px 0 !important;
}


body.pn-vip-club-v2 .vip-hero-body {
  font-family: "Aeonik", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 22px !important;
  color: #F5F7F8;
  max-width: 408px;
  margin: 56px 0 24px 0;
}


body.pn-vip-club-v2 .vip-hero .vip-cta-primary,
body.pn-vip-club-v2 .vip-hero .vip-cta-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Aeonik-Bold", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 10px 24px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  text-decoration: none;
  transition: background 0.2s ease;
}


body.pn-vip-club-v2 .vip-hero .vip-cta-primary {
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%) !important;
  color: #07111b !important;
  margin-right: 12px;
}


body.pn-vip-club-v2 .vip-hero .vip-cta-primary:hover {
  background: linear-gradient(180deg, #4deda2 0%, #1fe88a 100%) !important;
}


body.pn-vip-club-v2 .vip-hero .vip-cta-secondary {
  background: linear-gradient(#081521, #081521) padding-box,
    linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%) border-box !important;
  color: #fff !important;
  border: 1px solid transparent !important;
}


body.pn-vip-club-v2 .vip-hero .vip-cta-secondary:hover {
  background: linear-gradient(rgba(255,255,255,0.08), rgba(255,255,255,0.08)) padding-box,
    linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.2) 100%) border-box !important;
}


@media (max-width: 1024px) {
  body.pn-vip-club-v2 .vip-hero-headline {
    font-size: 80px !important;
    line-height: 1 !important;
  }
}


@media (max-width: 768px) {
  body.pn-vip-club-v2 .vip-hero-headline {
    font-size: 56px !important;
    line-height: 1.05 !important;
    white-space: normal;
  }
  body.pn-vip-club-v2 .vip-hero-body {
    max-width: 100%;
    margin: 24px 0 20px 0;
  }
  body.pn-vip-club-v2 .vip-hero .vip-cta-primary,
  body.pn-vip-club-v2 .vip-hero .vip-cta-secondary {
    width: 100%;
    margin: 0 0 12px 0;
  }
}



/* 2. Remove the container box border on v2 only */


body.pn-vip-club-v2 .vip-hero .container,
body.pn-vip-club-v2 .hero-banner-two-columns.promotion-page .container {
  border: 0 !important;
}


/* 3. Subhead <strong>: stay in same Aeonik family, use weight not family swap.
   Override patch 5b which forced Aeonik-Bold family (different metrics). */


/* 4. CTA span children: Strapi wraps richText in <span> that inherits
   off-white from .tagline span. Force the right colors. */


body.pn-vip-club-v2 .vip-hero .vip-cta-primary,
body.pn-vip-club-v2 .vip-hero .vip-cta-primary span {
  color: #07111b !important;
}


body.pn-vip-club-v2 .vip-hero .vip-cta-secondary,
body.pn-vip-club-v2 .vip-hero .vip-cta-secondary span {
  color: #ffffff !important;
}


/* Subhead span — pure white, not the off-white #F5F7F8 it currently inherits */


body.pn-vip-club-v2 .vip-hero-subhead,
body.pn-vip-club-v2 .vip-hero-subhead span,
body.pn-vip-club-v2 .vip-hero-subhead strong {
  color: #ffffff !important;
}




body.pn-vip-club-v2 .vip-hero + .section-boxes,
body.pn-vip-club-v2 .vip-top-benefits {
  border-top: 0 !important;
}




body.pn-vip-club-v2 .vip-hero-subhead span,
body.pn-vip-club-v2 .vip-hero-subhead strong {
  color: #F5F7F8 !important;
}





body.pn-vip-club-v2 .vip-top-benefits .boxItemWrap.sqaure {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
}


body.pn-vip-club-v2 .vip-top-benefits .box .title,
body.pn-vip-club-v2 .vip-top-benefits .box h5 {
  font-family: "Aeonik-Bold", "Aeonik", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #F5F7F8 !important;
  margin: 0 !important;
  text-align: center !important;
}


body.pn-vip-club-v2 .vip-top-benefits .box p {
  font-family: "Aeonik", sans-serif !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  line-height: 15px !important;
  letter-spacing: 0 !important;
  color: rgba(245, 247, 248, 0.5) !important;
  margin: 0 !important;
  text-align: center !important;
  max-width: 100%;
}


body.pn-vip-club-v2 .vip-top-benefits .box::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 0 4px 0;
  flex-shrink: 0;
}


/* Box 1 — Dedicated Account Manager → shield-check */


body.pn-vip-club-v2 .vip-top-benefits .box.box-1::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%231FE88A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"/><path d=\"m9 12 2 2 4-4\"/></svg>");
}


/* Box 2 — Raise the Limits → star (confirmed match in Figma node 2:4836) */


body.pn-vip-club-v2 .vip-top-benefits .box.box-2::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%231FE88A\" stroke=\"%231FE88A\" stroke-width=\"1\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\"/></svg>");
}


/* Box 3 — Daily, Weekly & Monthly Bonuses → flag */


body.pn-vip-club-v2 .vip-top-benefits .box.box-3::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%231FE88A\" stroke=\"%231FE88A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"/><line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"/></svg>");
}


/* VIP Club v2 — patch 5n: Top Benefits width + spacing fixes.
   - Force wrapper to 100% / max 1140px and 1fr×3 columns. Patch 5m's
     selector lost specificity to an existing 234px×3 rule.
   - Tighten the vertical gap between hero and section from ~56px to 37px
     (matching Figma's 482 − 445 spacing).
   Append after patch 5m. */


/* Higher specificity selector to beat the existing fixed-column rule */


body.pn-vip-club-v2 .page .section-boxes.vip-top-benefits .boxItemWrap.sqaure {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 1140px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
}


/* Compress the vertical gap to hero. Section had margin 32 0 + padding 24,
   producing ~56px. Replace with margin 0 + padding-top 37px. */


body.pn-vip-club-v2 .section-boxes.vip-top-benefits {
  margin-top: 0 !important;
  padding-top: 37px !important;
}


/* J patch */


.menu-layout .menu-layout-sidebar .language-wrapper-container .dropdown-item {
  border-bottom: 0.5px solid rgba(168, 168, 168, 0.4);
  color: #fff;
}


.menu-layout .menu-layout-sidebar .language-wrapper-container .dropdown-item:hover {
  background-color: #172638;
}


/* sfs patch */

body .banner-carousel-container .centered-banner.no-button {
padding-bottom: 0;
}
body .search-container,
body .casino-container .filter-column {
margin-top: 1.5rem
}
body .categories-container {
display: none;
}
body .casino-container {
margin-top: 0;
}
body .casino-tab-view h2 {
margin-top: 1rem;
}
body .casino-games-container>div {
  padding-bottom: 1rem;
}
@media (max-width: 576px) {
  body .search-container, body .casino-container .filter-column {
  margin-top: 0;
  }
  body .casino-container .search-and-filter-wrapper {
  padding-bottom:0;
  }
  body .casino-games-container>div {
    padding-bottom: 0;
  }
}
#root .sidemenu-container .menu-items .nav-link.vip-club i:before {
background: linear-gradient(180deg, #00D1FF 0%, #0D9EF0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
body .menu-divider {
display: none;
}


body .menu-layout .menu-layout-sidebar .language-wrapper-container .dropdown-toggle {
  border: 1px solid #707070 !important;
}
body .menu-layout .menu-layout-sidebar .language-wrapper-container .dropdown-menu {
  transform: translate3d(24px, 0px, 0px) !important;
  position: relative !important;
}
body .btn.btn-secondary:hover:not([disabled]), body a.btn:not([href]):not([tabindex]).btn-secondary:hover:not([disabled]) {
  box-shadow: none;
  border-color: #1fe883 !important;
}
@media (min-width: 768px) {
  body:not(.bp-logged-in) .sidemenu-container .language-wrapper-container {
    display:none !important;
  }
}
@media (max-width: 567px) {
  body:has(.menu-layout-navbar.expanded) {
    overflow-y: hidden;
  }
}


@media (max-width: 768px) {
  #widget-slot-chat__mobile-navbar {
    display: none;
  }
  body.bp-logged-in .vip-sign-up-btn.show-logged-in {
    margin-top: 25%;
  }
}

/* hero banner */


.html-hero-banner .title-row {
  display: none;
}
.html-hero-banner .tagline {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.html-hero-banner .html-slide {
  width: 100%;
  padding-bottom: 15.2%;
  border: 1px solid #213344;
  border-radius: 6px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.html-hero-banner .promo-banner {
  position: absolute;
  left:0;
  top: 0;
  right: 0;
  bottom:0;
  padding: 24px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  outline: none !important;
  cursor: default;
    justify-content: space-between;
}

.html-hero-banner .promo-banner__title {
  margin: 0;
  font-size: 4vw;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #2BB6F6;
  text-transform: uppercase;
    line-height: 1;
    letter-spacing: -0.02em;
    background: linear-gradient(180deg, #00D1FF 0%, #0D9EF0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: "Aeonik-Black", sans-serif;
}
.html-hero-banner .promo-banner:hover,
.html-hero-banner .promo-banner:focus,
.html-hero-banner .promo-banner:active {
  text-decoration: none !important;
  outline: none;
}
.html-hero-banner .promo-banner__cta {
  background-color: var(--cta) !important;
  color: #000 !important;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  width: auto !important;
  min-width: auto;
  padding: 12px 32px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 4px;
  text-transform: capitalize;
  font-family: "Aeonik", sans-serif;
  transition: all 0.1s linear;
}

.html-hero-banner .promo-banner__cta:hover {
transform: scale(1.04);
filter: brightness(1.04);
}
.shimmer {
  display: inline-block;
  position: relative;

}
.shimmer::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(-60deg, transparent 30%, rgba(255,255,255,0.5) 50%, transparent 70%);
  background-size: 300% 100%;
  background-repeat: no-repeat;
  background-position: right;
  animation: shimmer 2.5s infinite;
  pointer-events: none;
}
@keyframes shimmer {
  100% { background-position: left; }
}
@media (max-width: 1200px) {
  .html-hero-banner .promo-banner__cta {
  padding: 10px 30px;
  }
  .html-hero-banner .promo-banner__title {
  font-size: 44px;
  }
  .html-hero-banner .promo-banner {
    padding:16px;
    gap: 16px
  }
}
@media (max-width: 992px) {
  .html-hero-banner .promo-banner__cta {
  padding: 8px 26px;
  font-size: 12px;
  }
  .html-hero-banner .promo-banner__title {
  font-size: 32px;
  }
  .html-hero-banner .promo-banner {
  padding:12px;
  gap: 12px
  }
}
@media (max-width: 768px) {
  .html-hero-banner .promo-banner__cta {
  padding: 6px 22px;
  font-size: 10px;
  }
  .html-hero-banner .promo-banner__title {
  font-size: 26px;
  }
  .html-hero-banner .promo-banner {
  padding:10px;
  gap: 10px
  }
}
.br-hide-lg {
  display: none;
}


@media (min-width: 577px) {
  .hide-lg {
    display: none;
  }
}
@media (max-width: 576px) {
  .hide-sm {
    display: none;
  }
  .html-hero-banner .html-slide {
    padding-bottom: 29%;
  }
  .br-hide-lg {
  display: block;
  }
  .html-hero-banner .promo-banner__cta {
  padding: 10px 32px;
  font-size: 12px;
  }
  .html-hero-banner .promo-banner__title {
  font-size: 32px;
  }
  .html-hero-banner .promo-banner {
  padding:10px;
  gap: 14px
  }
}
@media (max-width: 460px) {
.html-hero-banner .promo-banner__title {
  font-size: 22px;
  }
  .html-hero-banner .promo-banner__cta {
  padding: 6px 22px;
  font-size: 10px;
  }
  .html-hero-banner .promo-banner {
  padding:8px;
  gap: 8px
  }
}


/* Nova Widget part() START */
nova-recent-wins::part(header-title) {
  font-size: 18px;
  text-transform: capitalize;
}
nova-recent-wins::part(payout-amount) {
  color: #30b2fc;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}
nova-recent-wins::part(header-title)::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 16px;
  border-radius: 50%;
  background-color: #96adc1;
  position: relative;
  top: -2px;
  left: 6px;
  animation: live-pulse 1.4s ease-out infinite;
}

@keyframes live-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(150, 173, 193, 0.7);
  }
  100% {
    box-shadow: 0 0 0 6px rgba(150, 173, 193, 0);
  }
}



@media (max-width: 576px) {
  nova-recent-wins::part(header-title) {
    font-size: 16px;
  }
}
/* Nova Widget part() END */


.app-install-container  {
  display: none !important;
}
.landingPage.logged-in .row:first-of-type {
gap: 10px;
}

.hero-landing-banner .panel-card .tagline .tagline-heading {
font-size: 50px;
line-height: 50px;
}
@media (max-width: 400px) {
   body .hero-landing-banner .panel-card .tagline .tagline-heading {
        font-size: 26px;
        line-height: 26px;
     margin-bottom:12px
   }
  .sponsor-item1::after, .sponsor-item2::after {
    min-width: 20px;
    max-width: 60px;
  }
}
@media (max-width: 340px) {
   body .hero-landing-banner .panel-card .tagline .tagline-heading {
        font-size: 22px;
        line-height: 23px;
   }
}

.landing-page-hero .panel-card.link-to {
cursor: default !important;
}



body .sidemenu-container .menu-items.menu-items-collapsed {
padding: 15px 10px 5px !important;
margin-bottom: 0 !important;

}
body .sidemenu-container .menu-items.menu-items-collapsed .fixed-nav-link {
width: 100% !important;
padding: 10px !important;
justify-content:center;
}


.menu-layout.expanded .desktop-logo-container {
display:none;
}
#widget-slot-side-menu {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 20px;
padding-right:19px;
padding-bottom: 4px;
}
nova-side-menu::part(feature-button-border) {
  background: none !important;
}
#widget-slot-side-menu:hover {
  background-color: #eee1 !important;
}
nova-side-menu::part(feature-button) {
  padding-left:4px;
  background: none;
  padding-right: 0;
  margin-top: 4px
}
nova-side-menu::part(feature-title) {
  display:none;
}
nova-side-menu::part(feature-subtitle raffle-subtitle):before {
  display: inline;
  content: '$10K ';
  color: #1cd17c;
  font-weight: bold;
}
nova-side-menu::part(race-button) nova-side-menu::part(feature-subtitle):before {
  display: inline;
  content: '';
  color: #1cd17c;
  font-weight: bold;
}
nova-side-menu::part(feature-icon) {
  color: #96adc1;
  width: 18px;
  height: 18px;
  
}
nova-side-menu::part(countdown) {
    font-size: 10px;
    font-weight: 800;
    color: #f5f7f8;
    padding: 3px 6px;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #f5f7f8;
    border-radius: 7px;
}

nova-side-menu::part(feature-subtitle) {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  padding-left: 4px;
  font-size: 12px;
}


#widget-slot-side-menu-collapsed nova-side-menu::part(feature-button) {
border: none;
background: #eeeeee08;

border-radius: 5px;
margin: 0;
padding: 0;
}
#widget-slot-side-menu-collapsed nova-side-menu::part(feature-button):hover {
background: #eee1 !important;
}
nova-side-menu::part(feature-title draw-available-title) {
display: block !important;
}

@font-face {
  font-family: "nano-icons";
  src: url('https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/nano_icons_5fb8c4eefc_c5cacfe915.woff2') format("woff2"),
       url('https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/nano_icons_4d930d868a_1e844e7e4c.woff') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

  
i[class^="tag-"], [class*=" tag-"] {
  font-family: 'nano-icons' !important;
  font-size: 22px !important;
  font-style:normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.studio-logo.tag-SA,
.studio-logo.tag-bonus_20,
.studio-logo.tag-cashback_excluded,
.studio-logo.tag-evo_qtech,
.studio-logo.tag-Dragon,
.studio-logo.tag-hilo,
.studio-logo.tag-Sic,
.studio-logo.tag-fantan,
.studio-logo.tag-evolution1
 {
  all: unset;
  display: inline-block;
  color: #fff;
  background-color: transparent !important;
}

.tag-SA::before { content: '\e83e'; }
.tag-bonus_20::before { content: '\e83f'; }
.tag-cashback_excluded::before { content: '\e804'; }
.tag-evo_qtech::before { content: '\e800'; }
.tag-Dragon::before { content: '\e805'; }
.tag-hilo::before { content: '\e84e'; }
.tag-Sic::before { content: '\e837'; }
.tag-fantan::before { content: '\e82f'; }
.tag-evolution1::before { content: '\e83a'; }
body .wc-750k-race .wc-days {
  margin-right: 3px;
}
@media (min-width: 1024px) {
  body.pn-originals #gameHeadWrapper {
    margin-top: 25px !important;
  }
}
/*
body .menu-layout.fixed .menu-layout-content .game-view-container {
  padding-top: 0px !important;
}
*/

@media (min-width: 1024px) {
  html.playing-casino-game,
  body.playing-casino-game {
    height: 100%;
  }
  html.playing-casino-game:has(body:not(.pn-originals)),
  body.playing-casino-game:not(.pn-originals) {
    overflow: hidden;
  }
  body.playing-casino-game .menu-layout {
    height: 100%;
    min-height: 100%;   /* was min-height: 100vh -> 100vh + 69px header = overflow */
  }

  body.playing-casino-game .menu-layout-content {
    height: calc(100% - 69px);  /* subtract the header it's offset by */
    min-height: 0;
  }

}
.studio-logo.studio-choice {
  all: unset;
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
}
.studio-logo.studio-choice::before {
  content: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/choicegaming_8929261295.svg");
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body .studio-logo.studio-wildsheeporiginals {
  all: unset;
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  background: none !important;
  }

body .studio-logo.studio-wildsheeporiginals::before {
  content: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/wildsheeporiginals_8dbca8c708.svg");
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body .studio-logo.studio-toucanroyale {
  width: 24px;
  height: 24px;
  mask-image: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/toucanroyale_icon_41242cee5f.svg");
}
body .studio-logo.studio-maxxilabs {
  width: 26px;
  height: 26px;
  mask-image: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/Maxxi_labs_icon_77beea7425.svg");
}



body .studio-logo.studio-jacks {
  width: 26px;
  height: 26px;
  mask-image: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/jacks_icon_62c91ccc94.svg");
}
body .studio-logo.studio-clutchgaming {
  width: 26px;
  height: 26px;
  mask-image: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/clutch_icon_c5f9eddff9.svg");
}
body .studio-logo.studio-backseatgaming {
  width: 12px;
  height: 22px;
  mask-image: url("https://d3ec3n7kizfkuy.cloudfront.net/betpanda2/backseat_icon_2ab94dc5e0.svg");
}




.mobile .games-list.limited-games-list .casino-game {
  content-visibility: visible;
  contain-intrinsic-size: auto none;
}
.read-more-cta h1 {
text-align:left;
}
.read-more-cta h1 {
text-align:left;
font-size: 30px;
font-weight: 500;
letter-spacing: 0.2px
}
@media (max-width: 600px) {
.read-more-cta h1 {
font-size: 26px;
}
}

.fade.show.popover.bs-popover-top {
color: #000;
}

body #widget-slot-side-menu:hover {
background-color: inherit !important;
}
#widget-slot-side-menu {
  padding: 0 !important;
}
nova-side-menu::part(feature-button) {
  padding-left: 23px !important;
  padding-right: 19px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  border-radius: 0!important;
  margin: 0!important;
}
nova-side-menu::part(feature-button):hover {
  background-color: #eee1 !important;
}
body .gameSlider.arcade {
padding-top: 20px;
}