@import url("./d17bcd470f9d.css");

@font-face {
  font-family: "Aeonik-Bold";
  src: url("./2d2f8576cf61.otf");
}

@font-face {
  font-family: "Aeonik-Black";
  src: url("./a9d9703825fe.otf");
}

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

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

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

@font-face {
  font-family: "Aeonik-Regular";
  src: url("./c1d8dea6db70.otf");
}

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

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

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

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

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

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

@font-face {
  font-family: "nano-icons";
  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: 0;
  padding-bottom: 0;
  height: auto;
  line-height: 32px;
}

.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: 198px;
}

.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: "Aeonik-Black", sans-serif !important;
}

.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-Regular", sans-serif;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
  height: auto;
  font-family: "Aeonik-Medium", sans-serif;
}

.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;
}

.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: #1fe88a;
  border: 0.05em solid #1fe88a;
  box-shadow: inset 0 0 1px #1fe88a, 0 0 1px #1fe88a;
  text-transform: none;
}

.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: var(--cta-border);
  border: 0.05em solid #1fe88a;
  border-color: var(--disabled-text-color);
}

.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: #0f1f32;
}

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

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

.crypto-address.crypto-address-flash {
  margin-top: 1rem;
}

#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: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  display: flex;
  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: -webkit-fit-content;
  width: -moz-fit-content;
  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: 100%;
  flex: 0 0 100%;
  padding: 0;
  max-width: 400px;
  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: 20px;
}

.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: 5px;
  right: 5px;
}

.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;
}

.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;
  /* margin-top: 2rem; */
  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: #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;
  border: 0.05em solid #1fe88a;
  border-radius: 10px;
  width: 100%;
}

.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: url("https://d3ec3n7kizfkuy.cloudfront.net/Betpanda_io_logo_White_Green_a996310ebb.svg");
  margin-top: 2rem;
  position: absolute;
  bottom: 40px;
}

.user-modal.success-modal .modal-wrapper.success {
  height: 700px;
}

.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("./8dbabd47c653.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/coins_success_3f8e5e1a6d.svg"); */
  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;
}

.user-modal.success-modal .modal-footer:after {
  position: unset;
}

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

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

.user-modal.success-modal .modal-footer:after {
  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);
  position: absolute;
  /* left: 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;
}

.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%);
}

.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: 600px;
  display: flex;
  flex-direction: column;
}

.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: #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;
}

.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: none;
  background-color: rgba(255, 255, 255, 0.05);
  font-family: "Aeonik-Regular", sans-serif;
  height: auto;
  padding: 12px 15px;
  color: #fff;
  font-size: 16px;
}

.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: normal;
  font-family: "Aeonik-Black", sans-serif;
  font-size: 28px;
}

.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: #394655;
}

.registration-modal .form .form-group label#termsAccepted {
  color: rgba(255, 255, 255, 0.7);
}

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

.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;
}

.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: normal;
  font-family: "Aeonik-Black", sans-serif;
  font-size: 28px;
  margin-bottom: 1rem;
}

.recover-modal .recover-alert.modal-body h5 {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Aeonik-RegularItalic", sans-serif;
  font-size: 14px;
}

.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;
}

@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: 20px;
  padding-right: 20px;
}

.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: 40px;
  height: 40px;
}

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

.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: none;
  background-color: transparent;
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 14px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.8);
}

.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);
}

.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;
}

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

.search-and-filter-container .search-container .input-group {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.05);
}

.search-and-filter-container .search-container .input-group input.form-control {
  font-family: "Aeonik-Medium", sans-serif;
  font-size: 14px;
  padding: 10px 24px;
}

.search-and-filter-container .search-container button {
  opacity: 1;
  padding-top: 10px;
}

.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: 8px;
}

.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: 18px;
}

.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;
}

.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: "Aeonik-Medium", sans-serif;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 9px 18px 9px 24px;
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 576px) {
  .casino-filters-container .casino-filter {
    width: 50%;
  }

  .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;
  flex-wrap: nowrap;
  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: 4%;
  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: 0;
  }
}

.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: 2.5rem;
}

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

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

.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;
}

.filter-container .studio-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.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: var(--primary);
}

.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: 270px;
}

@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: unset;
  }
}

.casino-container .banner-carousel-container .centered-banner .main-background {
  padding-bottom: 23%;
  background-size: 100% 100%;
}

@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;
  }
}

@media (max-width: 576px) {
  .casino-container .banner-carousel-container .main-background.mobile {
    padding-bottom: 50% !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: 1%;
}

@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: 1%;
}

@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: 32.66%;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards {
  width: 32.66%;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@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: 1rem;
  margin-bottom: 20px;
}

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

.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards .tagline.text {
  margin-bottom: 1.5rem;
  font-size: 14px;
  opacity: 0.7;
}

.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: flex;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  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: 0;
    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;
}

@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: block;
}

@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;
}

.footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-column .title {
  font-size: 18px;
  font-family: "Aeonik-Medium", sans-serif;
}

.footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-column .link {
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-column .link span {
  color: #6f7984;
}

.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: 1px solid rgba(255, 255, 255, 0.1);
  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 var(--light-border);
}

.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: #172638;
}

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

.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: 50% !important;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.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;
}

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

.promoteModalDialog.bonusClaimed .promoteModalBody .imageWrap img {
  content: url(67371f225007a60d7c92.webp);
}

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

.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(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@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: -webkit-fit-content;
  width: -moz-fit-content;
  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: "Montserrat", sans-serif;
}

.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;
}

@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: 36px;
  font-family: "Aeonik-Black", sans-serif;
  margin-top: 1.2rem;
  text-align: left;
  margin-bottom: 1rem;
  line-height: 46px;
  text-transform: uppercase;
}

.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-BlackI", sans-serif;
  margin-top: 2.5rem;
  text-align: left;
  margin-bottom: 1rem;
  text-transform: uppercase;
  line-height: 34px;
}

.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: rgba(255, 255, 255, 0.7) !important;
}

.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 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 {
  margin: 2rem auto;
}

.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;
}

.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;
}

.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: -webkit-fit-content;
  width: -moz-fit-content;
  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: "Aeonik-Black", sans-serif;
}

.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: "Aeonik-Black", sans-serif !important;
}

.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);
}

.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;
}

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

.modal-dialog.cashier-modal .nav-item {
  border-bottom: 3px solid rgba(255, 255, 255, 0.1);
}

.modal-dialog.cashier-modal .nav-item.active {
  border-bottom: 3px solid #fff;
}

.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: #07182b;
}

.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);
}

.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: #fff;
}

.cashier-inner-container.withdraw .choose-address-container .text-field-container .form-control {
  padding-top: 13px;
  padding-bottom: 13px;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.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: #07182b;
  margin-left: 10px;
}

.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: #07182b;
}

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

.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;
}

.deposit-container {
  background-color: #07182b;
}

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

.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: #fff;
  font-family: "Aeonik-Black", sans-serif;
  font-weight: normal !important;
}

.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;
}

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

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-Black", sans-serif;
  color: #fff !important;
  opacity: 1 !important;
}

.message-row .date {
  opacity: 0.9 !important;
}

.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: 7rem;
}

.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 {
  /* color: #1fe88a; */
  background: linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
  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) {
  /* color: #1fe88a; */
  background: linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
  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: linear-gradient(180deg, #b8c8da 0%, #b8c8da 100%);
  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;
  /* backface-visibility: hidden; */
  /* will-change: transform; */
  /* background-color: green; */
}

.marquee .crypto-card {
  display: inline-block;
  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;
  display: inline-flex;
  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: 12px;
}

@media (max-width: 1200px) {
  .panel-section.fixed-width.provider-slider .container-fixed-width {
    /* padding-right: 15px;
    padding-left: 15px; */
  }
}

.panel-section.fixed-width .container-fixed-width .panel-card.provider-slider-slide {
  /* background: #0b1826;
  border: 1px solid #213244; */
  /* margin-right: 18px; */

  /* min-width: 174px; */

  /* padding: 22px 34px; */
}

.panel-section.fixed-width .container-fixed-width .panel-card.provider-slider-slide .panel-inner {
  /* min-height: 0;
  padding: 0; */
  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: 269px;
}

.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;
  }
}

.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;
  /* display: inline-flex; */
  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 {
  /* color: #1fe88a; */
  background: linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
  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%);
  border-radius: 4px;
  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 {
  /* color: #1fe88a; */
  font-size: 24px;
  line-height: 32px;
  margin-right: 15px;
  background: linear-gradient(-90deg, #00d1ff 0%, #0d9ef0 100%);
  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 {
  background-color: var(--footer-bg);
  border-top: 1px solid #213244;
}

.footer-container .footer-dynamic-content .footer-main::before {
  display: none;
}

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

.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;
}

.footer-container .footer-dynamic-content .footer-main .taglines-group .group.foot-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-weight: 500;
  font-size: 12px;
  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);
}

.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;
  }
}

.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 {
    flex-direction: column;
  }

  .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 {
    padding-top: 85px;
  } */

  .panel-section.full-width.hero-landing-banner .container-full-width.desktop {
    /* max-width: 342px; */
    max-width: 100%;
  }

  .panel-section.full-width.hero-landing-banner .container-full-width.mobile {
    /* max-width: 342px; */
    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.hero-landing-banner .slide-img img {
    object-position: top;
  } */
  .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;
    /* 150% */
  }

  .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;
  }

  .hero-landing-banner .panel-card .hero-landing-banner--checklist.tagline .checklist-item img {
    margin-bottom: 4px;
  }

  .hero-landing-banner .panel-card .hero-landing-banner--checklist.tagline .checklist-item {
    margin-left: 10px;
  }

  .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: 49%; */
    width: calc(50% - 4px);
  }

  .explore-betpanda .taglines-group .explore-card .tagline {
    margin-bottom: 8px;
  }

  .gameListSection.logos-provider {
    margin-top: 0;
  }

  .gameListSection {
    margin-top: 40px;
  }

  .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;
  }

  .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,
.login-modal .modal-container,
.recover-modal .modal-container,
.verify-modal .modal-container {
  padding-left: 380px;
  padding-right: 0;
  position: relative;
  justify-content: center;
  min-height: 480px;
  border-radius: 8px;
  overflow: hidden;
}

.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 {
  padding: 40px 40px 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;
  }
}

.user-modal.login-modal .modal-footer:after,
.user-modal.registration-modal .modal-footer:after,
.user-modal.recover-modal .modal-footer:after {
  content: "";
}

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

.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;
}

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

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

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

.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;
}

.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;
}

/* .login-modal .form .btn:not(:disabled):not(.disabled), .login-modal .form .btn.btn-cta:disabled, .login-modal .form .btn.btn-cta.disabled { */
.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 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  color: #07111b;
  padding: 14px;
  border-radius: 4px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
}

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

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

.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-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  background-color: #081521;
}

@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%;
  }

  .registration-modal .modal-container,
  .login-modal .modal-container,
  .recover-modal .modal-container,
  .verify-modal .modal-container {
    overflow: visible;
  }

  .modal-dialog-centered {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .registration-modal .modal-container,
  .login-modal .modal-container,
  .recover-modal .modal-container,
  .verify-modal .modal-container {
    min-height: 100%;
    height: 100%;
    justify-content: flex-start;
  }

  .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%;
  }

  .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 .banner-carousel-container {
  max-height: 349px;
}

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

.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: 75%;
  flex: 1;
}

.casino-container .filter-column {
  max-width: 155px;
  flex: 0 0 155px;
  margin-top: 2.5rem;
  padding-left: 0;
}

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

.search-and-filter-container .container {
  padding-right: 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
    .filter-column
    .casino-filters-container
    .casino-filter:nth-child(2) {
    display: none;
  } */

  .casino-container .search-and-filter-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .casino-filters-container .casino-filter {
    width: 100%;
  }

  .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: 8px;
  }

  .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-item {
  border-bottom: 1px solid #213344;
  padding: 10px 16px;
  position: relative;
}

.filter-container .studio-image {
  width: 22px;
  height: 20px;
  margin-right: 8px;
}

.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 {
  padding-left: 16px;
  padding-right: 16px;
}

.filter-container .action-container .btn {
  border: 1px solid #213344 !important;
  background: #0b1926 !important;
  box-shadow: none !important;
  /* color: #1fe883 !important; */
}

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

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

.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 {
} */

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

@media (max-width: 576px) {
  .casino-filters-container .casino-filter {
    padding: 8px 18px 8px 24px;
  }

  .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 .input-group {
  border-radius: 4px;
  border: 1px solid #213344;
  background-color: transparent;
  flex-direction: row-reverse;
}

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

.search-and-filter-container .search-container button .material-icons {
  color: #96abc1;
}

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

.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;
}

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

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

@media (max-width: 576px) {
  .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 {
  padding: 10px 16px;
  border: 1px solid #213344;
  border-radius: 4px;
}

.categories-container .casino-lobby-categories.navbar-nav .nav-item .nav-link.active {
  padding: 10px 16px;
  border-radius: 4px;
  display: none;
}

.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) {
  .casino-container .banner-carousel-container .main-background.mobile {
    padding-bottom: 58% !important;
  }

  .casino-container .banner-carousel-container {
    max-height: fit-content;
    margin-bottom: 0;
  }

  .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 {
  gap: 0 16px;
}

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

.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards {
  width: auto;
  flex: 0 1 calc(33.333% - 11px);
}

.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards {
  width: auto;
  flex: 0 1 calc(33.333% - 11px);
}

.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.scroll-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.btn.btn-secondary {
  display: none;
}

.hero-banner-two-columns.promotions.scroll-horizontal .taglines-group .group.promotion-cards {
  justify-content: flex-start;
}

.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards {
  justify-content: flex-start;
}

.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.noscroll-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;
  line-height: 24px;
  color: #f5f7f8;
}

.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.scroll-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;
}

.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;
}

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

.hero-banner-two-columns.promotions.noscroll-horizontal .taglines-group .group.promotion-cards {
  margin-top: 0;
  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 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-family: "Aeonik-Bold", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  color: #f5f7f8;
  border-top: 1px solid #213344;
  padding-top: 40px;
}

.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 {
  color: #96abc1;
  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,
.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 {
  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 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-family: "Aeonik-Bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  color: #f5f7f8;
}

.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 {
  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 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%);
  border-radius: 4px;
}

.root-container.mobile.promopage {
  margin-top: 0;
}

.root-container.mobile .hero-banner-two-columns.promotions.scroll-horizontal .taglines-group {
  gap: 10px;
}

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

.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;
}

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

.sidemenu-container .menu-items .nav-link {
  color: #f5f7f8;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

.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;
}

.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 {
  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 {
  background-color: #0b1926;
  border: 1px solid #213344;
  border-radius: 4px;
}

.currency-selector-dropdown .currency-dropdown-wrapper {
  margin-top: 0;
}

.currency-list-container:not(.button) {
  border-bottom: 1px solid #213344;
}

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

.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;
}

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

.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;
  }
}

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

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

.tabbar-container {
  margin: 0;
  margin-top: 72px;
}

.nav-tabs {
  margin: 0;
}

.tabbar-container .cashier-popup {
  border-bottom: 1px solid #213344;
}

.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;
}

.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 {
  background-color: #081521;
}

.deposit-container .choose-amount {
  order: 2;
}

.deposit-container .choose-amount .crypto-deposit-container {
  display: flex;
  flex-direction: column;
}

.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;
}

.deposit-container .choose-amount .crypto-deposit-container {
  order: 2;
}

.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;
}

.cashier-inner-container.withdraw .choose-address-container .text-field-container .form-control {
  border-radius: 4px;
  border: 1px solid #213344;
  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,
.cashier-inner-container button.btn.large {
  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;
}

.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;
}

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

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

.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 .nav-tabs.cashier-popup .nav-item .nav-link {
  font-size: 13px;
}

.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;
  /* padding-top: 0; */
}

.account-content-container .tabbar-container {
  margin-bottom: 40px;
}

.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 {
  border-bottom-color: transparent;
  padding-left: 0;
  padding-right: 0;
  margin-right: 40px;
}

.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-content-container .tabbar-container .nav-item.active {
  border-bottom-color: #1fe883;
}

.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 .title {
  margin-top: 40px;
  color: #f5f7f8;
  font-family: "Aeonik-Bold", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.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 83.33333333%;
  max-width: 83.33333333%; */
  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: 16px;
  order: 2;
  margin-top: 10px;
}

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 {
  border-bottom: 1px solid #213344;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 0;
}

.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 .title {
  color: #f5f7f8;
  font-family: "Aeonik-Regular", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

.message-row.unread .title {
  font-family: "Aeonik-Bold", sans-serif;
  font-weight: 700;
}

.message-row .date {
  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;
}

.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;
}

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

.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;
  }

  .content-padding .account-card.user-level {
    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;
  }
}

.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 {
  border-radius: 4px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%) !important;
  color: #07111b;
  font-family: "Inter", sans-serif !important;
  font-style: normal;
  font-weight: 700;
}

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;
}

.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;
}

.title-with-icon.promotions .row .tagline.title {
  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;
    /* width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto; */
  }
}

@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;
}

.top-sports.panel-section .panel-wrapper .panel-card .panel-inner {
  min-height: 224px;
  border-radius: 6px;
  border: 1px solid #213244;
}

@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;
}

.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: 73px;
  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;
}

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

.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;
  }

  .sidemenu-container .sidemenu-header .brand-logo {
    justify-content: flex-start;
  }

  .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: 1px solid #8cffc9;
    background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
    border-radius: 4px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
  }

  .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 {
    min-width: 152px;
    margin-right: 8px;
  }

  .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;
  }

  .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;
  }

  .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;
    /* background-color: red !important; */
  }

  .menu-layout .bottom-menu {
    border-top: 1px solid #213344;
    z-index: 998;
  }

  .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;
  }

  .sidemenu-container .sidemenu-header {
    background-color: #081421;
  }

  .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 .brand-logo {
    display: none;
  }

  .sidemenu-container .sidemenu-header .close-button.logo {
    position: absolute;
    width: 16px !important;
    height: 16px !important;
    top: 17px;
    right: 17px;
    padding: 0 !important;
  }

  .sidemenu-container .sidemenu-header {
    height: auto;
  }

  .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;
}

.registration-modal .form .form-group label#termsAccepted {
  margin-left: 16px;
}

.account-page-row .switch__label::after,
.user-input-group .switch__label::after {
  background-color: transparent;
  box-shadow: none;
}

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

.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;
  border-radius: 4px;
}

.registration-modal .form .form-group .switch__input:checked+.switch__label::after {
  /* left: 5px; */
  color: #1fe883;
}

.account-page-row .switch__input:checked+.switch__label::after,
.user-input-group .switch__input:checked+.switch__label::after {
  content: "\2714\fe0e";
  /* Unicode checkmark */
  position: absolute;
  left: auto;
  top: auto;
  color: #fff !important;
  line-height: normal;
  transition: none;
  background-color: transparent;
  /* width: 8px;
  height: 8px; */
  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: none;
}

.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 .dropdown-content.clicked {
  background: #0b1926;
}

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

.user-modal.success-modal .modal-container .modal-footer span {
  border-radius: 4px;
  background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%);
  color: #07111b;
  font-family: "Inter", sans-serif !important;
  font-style: normal;
  font-weight: 700;
}

/* .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) {

  /* 
  .menu-layout.absolute .menu-layout-content.game-inview {
    padding-top: 0 !important;
    height: 100%;
    min-height: 100%;
  }
  .pn-casino.pn-play .menu-layout.absolute {
    height: 100dvh;
    position: relative;
    z-index: 999;
  }

  .pn-casino .menu-layout.absolute .banner-carousel-container {
    padding-top: 25px;
  }
    */
  .pn-casino.pn-play.modal-open .modal .modal-content {
    height: auto;
  }

  /* .mobile-navigation {
    background-color: black;
  } */
  /* .menu-layout.absolute .mobile-game-wrapper .mobile-game-iframe {
    height: 85dvh !important;
  } */

  /* .modal-backdrop {
    height: 80dvh;
  }

  .modal {
    height: 80%;
  } */
  /* .mobile-game-wrapper {
    height: 100vh;
  } */

  /* .footer-container {
    padding-bottom: 0 !important;
  } */

  .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);
}

.recover-modal .modal-footer .generic-text-button-container:last-child .text:before {
  display: none;
}

.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 {
  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 {
  display: none;
}

.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 a {
  display: flex;
}

.desktop-logo-container {
  text-align: center;
  position: absolute;
  left: 16px;
  width: auto;
}

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

/* .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-wrapper.success {
  height: auto;
  background-color: #081521;
  border: 1px solid #213344;
  padding: 0;
}

.user-modal.success-modal .modal-container .modal-body {
  padding: 0;
}

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

.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: calc(var(--vh, 1vh) * 100);
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  min-height: -webkit-fill-available;
}

.account-content-container .tabbar-container {
  margin-bottom: 0 !important;
}

.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: 16px;
  line-height: 20px;
  padding: 8px;
  padding-top: 0;
  padding-left: 16px;
  color: #96abc1;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  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;
  border-radius: 4px;
}

input#understand:checked+label::after {
  left: 5px;
  color: #1fe883;
}

input#understand:checked+label::after {
  content: "\2714\fe0e";
  /* Unicode checkmark */
  position: absolute;
  left: 4px;
  top: 3px;
  color: white;
  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 {
  /* background: linear-gradient(180deg, #1fe88a 0%, #1ac173 100%); */
  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;
  /* border: none !important; */
}

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;
  }
}

.account-content-container .tabbar-container {
  margin-bottom: 0 !important;
}

.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;
}

.app-buttons-container button .hoverBubble {
  position: absolute;
  top: 100%;
  left: 0;
}

.login-modal .form .form-group.password:after {
  display: none;
}

.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 .menu-items .nav-link {
  padding-left: 24px !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;
}

.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;
}

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

.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;
}

  {
  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;
}

.modal-body .button-container.deposit-get-bonus {
  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;
  /* padding-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;
  }

  .material-icons {
    font-size: 22px;
  }
}

@media (max-width: 1200px) {
  .casino-filters-container .casino-filter {
    width: calc(100% - 30px);
    font-size: 12px;
    margin-left: 0;
  }

  .material-icons {
    font-size: 22px;
  }

  .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: 57%;
  }
}

@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 {
    /* display: none; */
    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;
  }

  .casino-container .search-and-filter-container {
    justify-content: flex-end;
  }

  .casino-filters-container .casino-filter {
    margin-left: 16px;
  }

  .casino-container .search-and-filter-container .row {
    max-width: 100%;
    flex: unset;
  }

  .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-filters-container .casino-filter {
    margin-left: 5px;
  }

  .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;
  }

  .filter-container .filter-title {
    display: block;
  }

  .filter-container .close-container {
    padding: 12px 20px 10px;
  }

  .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: 16px;
  }
}


@media (min-width: 1200px) {
  .casino-filters-container .casino-filter {
    margin-right: 8px;
  }
}

.casino-container .search-column {
  max-width: 76%;
  padding-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;
  }

  .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%;
  }

  .casino-container .search-column {
    max-width: 53%;
  }
}

@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%;
  }

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

  :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) {
  .casino-filters-container .casino-filter {
    margin-right: 0;
  }

  :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: 184px;
    height: 37px;
    box-shadow: unset;
}
.panel-section.full-width .navigate-bottom.navigate-wrapper {
    display: none;
}
.gameSlider.recent-wins-slider {
    padding: 25px 0 0;
}
.gameSlider.recomended-slots {
    padding: 0;
}
.gameSlider.top-live-games {
    padding: 25px 0px 0px;
}
.gameSlider.originals {
    padding: 25px 0 0;
}
.panel-section {
    padding-top: 15px;
}
.panel-section {
    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) {
    /*margin-right: 185px;*/
    /*}*/
.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) {
/*.panel-section.fixed-width .container-fixed-width {*/
.landingPage .container {
    margin-right: 170px;
    }
/*.panel-section.fixed-width .container-fixed-width .panel-card {*/
/*    border: 0;*/
/*    min-width: 174px;*/
/*    margin-right: 8px;*/
    /*}*/
/*.panel-section.fixed-width .container-fixed-width {*/
/*        max-width: 100%;*/
/*    }*/
/*a.panel-card.first_top_sport.link-to.desktop {*/
/*    margin-left: 48px;*/
/*    }*/
    .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 {
    /*width: 100%;*/
    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: 530px;
    }
    .gameSlider.recent-wins-slider .swiper-backface-hidden .swiper-slide {
        margin-right: 5px !important;
        width: 66px !important;
        height: 96px !important;
    }
    .timer-section .timer-text-block {
        width: unset;
    }
    .read-more-cta .read-more-text-block {
        width: unset;
    }
}
@media (max-width: 576px) {
    .panel-section.full-width.hero-landing-banner .slide-img img {
        height: 552px;
        width: 541px;
    }
    .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
        height: 552px;
        /*width: 374px;*/
    }
    .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;
        /*width: 374px;*/
    }
    .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;
        /*width: 374px;*/
    }
        .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;
        /*width: 374px;*/
    }
    .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;
        /*width: 374px;*/
    }
    .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;
        /*width: 374px;*/
    }
    .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;
        /*width: 374px;*/
    }
    .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;
        /*width: 374px;*/
    }
    .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;
        /*width: 374px;*/
    }
    .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; /* hide original */
    }
.gameSlider.partners .v2-image-container::after {
  content: "";
  position: absolute;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 80%;   /* control size */
  height: 80%;  /* control size */

  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;
        /*width: 374px;*/
    }
    .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: 364px;
        /*width: 355px;*/
    }
    .text-top {
        margin-top: 125px;
    }
    .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;
        /*width: 336px;*/
    }
    .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner .text-wrapper {
        margin-top: 85px;
    }
    .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;
    }
    .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;
    }
    .gameSlider.originals .swiper-backface-hidden .swiper-slide {
        width: 99px !important;
        height: 127px !important;
    }
    .col-md-12 {
        max-width: 97vw;
        padding-left: 20px;
        padding-right: 12px;
    }
    .landingPage .container {
        padding-left: 12px;
        padding-right: 12px;
        margin-right: 0;
    }
    /*.show-all-wrapper {*/
    /*    display: none;*/
    /*}*/
    .gameSlider.promotion-cards .section-outer {
        padding-right: 0;
    }
    .gameSlider.promotion-cards .swiper-slide.swiper-slide {
        width: 290px !important;
        margin-right: 6px !important;
    }
    .gameSlider.top-live-games .swiper-slide {
        margin-right: 6px !important;
    }
    .gameSlider.originals .swiper-backface-hidden .swiper-slide {
        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: 6px;
    }
    .panel-section.fixed-width {
        padding-left: 20px;
        padding-right: 20px;
    }
/*.title-with-icon.promotions.title-with-icon-top-games {*/
/*    padding-left: 8px;*/
/*}*/
    .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;
}
.panel-section.fixed-width.provider-slider .container-fixed-width {
  margin-top: 0;
}
.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 .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 .gameSlider .fade {
  opacity: 1;
}
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;
}
body.geo-gb .conditional-display-gb {
  display: none !important;
}


/* 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;
  }
  .panel-section.full-width .container-full-width .panel-wrapper .panel-card .panel-inner {
    height: 330px;
  }
  .text-top {
    margin-top: 106px;
  }
}
@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;
}

@media (hover: hover) and (pointer: fine) {
  .card-wrapper:hover {
    transform: scale(1.04);
    z-index: 2; 
    position: relative;
  }
}
.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;
  }
}


@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;
  }
}







/* ==========================================================================
   VIP Club v2 — page-specific styling
   --------------------------------------------------------------------------
   All rules scoped under `body.pn-vip-club-v2` (auto-generated from nameId
   `vip-club-v2`) so nothing leaks to the live VIP page (`pn-vip-club`) or
   any other promo page.

   Hero + Tier Match blocks already inherit existing `promotion-page` styles
   (Aeonik typography, btn-cta, btn-secondary). This block adds:
     - Section title typography (Aeonik-BlackItalic 36px) for h4 in
       styled-text-list `.title-row`
     - Top benefits 3-up card grid
     - Tier matrix table styling with sticky-feel first column on mobile
     - How XP Works 2-box grid + tier-dot color chips
     - FAQ accordion using native <details>/<summary>
     - FAQ footer card
     - Minor hero polish (hide unused empty col-md-6 placeholder)
   ========================================================================== */

/* ---------- Section titles (h4 inside styled-text-list .title-row) ---------- */
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: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

body.pn-vip-club-v2 .vip-top-benefits .box {
  flex: 1 1 0;
  min-width: 260px;
  max-width: 360px;
  background: #0f1f32;
  border: 1px solid #213344;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

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;
  }
  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: none;
}

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 {
  /* No-op fallback — flex children still respect bootstrap col widths */
}

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

/* ---------- End VIP Club v2 ---------- */



/* ==========================================================================
   VIP Club v2 — patch 1
   --------------------------------------------------------------------------
   Append AFTER the main vip-club-v2 block at the bottom of bpstaging.css.

   Fix: Top Benefits 3-up grid was wrapping to 2+1 because flex max-width
        of 360px exceeded the container's per-card budget. Switch to CSS
        Grid with explicit 1fr 1fr 1fr columns — same pattern already used
        by vip-xp-grid for consistency.
   ========================================================================== */

body.pn-vip-club-v2 .vip-top-benefits .boxItemWrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  flex-wrap: unset;            /* override the previous flex declaration */
  justify-content: unset;
}

body.pn-vip-club-v2 .vip-top-benefits .box {
  flex: unset;                 /* override previous flex sizing */
  min-width: 0;                /* let grid track govern width */
  max-width: none;             /* remove the 360px cap */
  width: auto;
}

@media (max-width: 768px) {
  body.pn-vip-club-v2 .vip-top-benefits .boxItemWrap {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}


/* ==========================================================================
   VIP Club v2 — patch 2
   --------------------------------------------------------------------------
   Append AFTER patch 1 at the bottom of bpstaging.css.

   Adds the Figma hero visual (silver Betpanda VIP card on dark navy) as
   the hero's background image. Source: 1131×353 native (2x retina, so the
   uploaded asset is 2262×706); uploaded to Strapi Media Library:
     https://d3ec3n7kizfkuy.cloudfront.net/vip_hero_banner_b210125fef.png

   Layout strategy:
     - Image is a background on .vip-hero .container so it inherits the
       bootstrap container's max-width and stays aligned with the rest
       of the page rhythm.
     - background-position: right center → silver card aligns to the
       right edge while the dark portion sits behind the text on the left.
     - We REVERT the previous :empty hider on the right col-md-6 so the
       grid keeps its 50/50 split — text stays in the left half, image
       fills the right.
     - Mobile: image is hidden (silver card would crop awkwardly on
       narrow widths), and the right col-md-6 stays hidden so text takes
       full width.
   ========================================================================== */

/* Restore the empty right col-md-6 so the bootstrap grid keeps its 50/50
   split. Without this, text would expand into the right half and overlap
   with the silver card. */
body.pn-vip-club-v2 .vip-hero .col-md-6:empty {
  display: revert;
}

/* Apply the hero visual as a background on the bootstrap container */
body.pn-vip-club-v2 .vip-hero .container {
  background-image: url('https://d3ec3n7kizfkuy.cloudfront.net/vip_hero_banner_b210125fef.png');
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  background-color: #081521;          /* fallback if image fails to load */
  border: 1px solid #213344;          /* matches Figma rectangle stroke */
  border-radius: 6px;                 /* matches Figma rectangle radius */
  min-height: 360px;                  /* ensures full image is visible */
  padding-top: 48px;
  padding-bottom: 48px;
  overflow: hidden;                   /* clip the image at the rounded corners */
}

/* 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;
  }
  body.pn-vip-club-v2 .vip-hero .col-md-6:empty {
    display: none;                    /* re-hide on mobile so text takes full width */
  }
}

/* ==========================================================================
   VIP Club v2 — patch 3
   --------------------------------------------------------------------------
   Append AFTER patch 2 at the bottom of bpstaging.css.

   Fixes hero layout overrides inherited from `.hero-banner-two-columns
   .promotion-page` rules that don't fit our two-column-with-image design:

   1. Container was capped at max-width 780px — too narrow for the 1131px
      Figma hero. Widen to 1140px so image proportions match the design.

   2. .col-md-6.taglines was forced to 100% width with text-align center,
      causing buttons to sit in the middle of the hero (overlapping the
      silver card) and body text to wrap across the whole width. Force
      back to a real 50% column, left-aligned.

   Mobile rules from earlier patches still apply (image hidden, text full-
   width via existing :empty hider in the @media block of patch 2).
   ========================================================================== */

/* Widen the bootstrap container to match the Figma hero width (1131px) */
body.pn-vip-club-v2 .vip-hero .container {
  max-width: 1140px;
}

/* Force the text column back to a real 50% — text/buttons stay on the
   left half so the silver card visual on the right has clear space */
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 .container {
    max-width: 100%;
  }
  body.pn-vip-club-v2 .vip-hero .col-md-6.taglines {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
  }
}


/* ==========================================================================
   VIP Club v2 — patch 4
   --------------------------------------------------------------------------
   Append AFTER patch 3 at the bottom of bpstaging.css.

   Patch 3 set max-width: 1140px on the hero container, but it didn't take
   effect. There's a more specific rule earlier in bpstaging.css:

     .promopage:not(.promotions-page) .promopage .page .container {
       max-width: 780px;
     }

   That selector has specificity 0,5,0 (5 classes). Patch 3's selector
   `body.pn-vip-club-v2 .vip-hero .container` is only 0,3,1 — it loses
   even though it appears later in the cascade.

   Fix: use !important. Scope is already body.pn-vip-club-v2, so this
   doesn't affect any other page on the site.
   ========================================================================== */

body.pn-vip-club-v2 .vip-hero .container {
  max-width: 1140px !important;
}

@media (max-width: 768px) {
  body.pn-vip-club-v2 .vip-hero .container {
    max-width: 100% !important;
  }
}
/* VIP Club v2 — patch 5: Hero typography (1:1 with Figma)
   Append AFTER patch 4 at bottom of bpstaging.css. */

body.pn-vip-club-v2 .vip-hero-subhead {
  font-family: "Aeonik", sans-serif; font-weight: 400; font-style: normal;
  font-size: 10px; line-height: 24px; letter-spacing: 1px;
  text-transform: uppercase; color: #fff; margin: 0;
}
body.pn-vip-club-v2 .vip-hero-subhead strong { font-weight: 700; color: inherit; }

body.pn-vip-club-v2 .vip-hero-headline {
  font-family: "Aeonik-Black", sans-serif; font-weight: 900; font-style: normal;
  font-size: 100px; line-height: 56px; letter-spacing: 0;
  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: 0;
}

body.pn-vip-club-v2 .vip-hero-body {
  font-family: "Aeonik", sans-serif; font-weight: 400; font-style: normal;
  font-size: 16px; line-height: 22px; 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; font-weight: 700; font-style: normal;
  font-size: 14px; line-height: 20px; text-transform: none; letter-spacing: 0;
  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: transparent !important; color: #fff !important;
}
body.pn-vip-club-v2 .vip-hero .vip-cta-secondary:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

@media (max-width: 1024px) {
  body.pn-vip-club-v2 .vip-hero-headline { font-size: 80px; line-height: 1; }
}
@media (max-width: 768px) {
  body.pn-vip-club-v2 .vip-hero-headline { font-size: 56px; line-height: 1.05; 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; }
}

/* VIP Club v2 — patch 5b: Hero typography wins specificity battle.
   Patch 5 lost font-family/size/weight/line-height to a higher-specificity
   parent rule (.tagline / .col-md-6.taglines chain). This patch re-declares
   the font properties with !important. Append at bottom of bpstaging.css
   AFTER patch 5. */

body.pn-vip-club-v2 .vip-hero-subhead {
  font-family: "Aeonik", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 24px !important;
}
body.pn-vip-club-v2 .vip-hero-subhead strong {
  font-family: "Aeonik-Bold", sans-serif !important;
  font-weight: 700 !important;
}

body.pn-vip-club-v2 .vip-hero-headline {
  font-family: "Aeonik-Black", sans-serif !important;
  font-size: 100px !important;
  font-weight: 900 !important;
  font-style: normal !important;
  line-height: 56px !important;
  letter-spacing: 0 !important;
}

body.pn-vip-club-v2 .vip-hero-body {
  font-family: "Aeonik", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 22px !important;
}

body.pn-vip-club-v2 .vip-hero .vip-cta-primary,
body.pn-vip-club-v2 .vip-hero .vip-cta-secondary {
  font-family: "Aeonik-Bold", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 20px !important;
  text-transform: none !important;
  letter-spacing: 0 !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;
  }
}
/* VIP Club v2 — patch 5c: Hero polish.
   Append after patch 5b. Fixes:
   1) Headline glyph clipping (line-height too tight)
   2) Container border removed (was creating "double border" with section divider below)
   3) Subhead <strong> baseline mismatch (use Aeonik + weight, not separate family)
   4) CTA <span> children inherit wrong color from .tagline span ancestor
   5) Login button gets a fading gradient border (best-guess until Figma confirm)
   6) Hero gradient overlay on left so brand cyan reads over the bg image */

/* 1. Headline: give the glyph room to render fully */
body.pn-vip-club-v2 .vip-hero-headline {
  line-height: 1 !important; /* was 56px, glyph at 100px clipped */
  padding: 4px 0 !important; /* small buffer for descender/ascender */
}
@media (max-width: 1024px) {
  body.pn-vip-club-v2 .vip-hero-headline { line-height: 1 !important; }
}
@media (max-width: 768px) {
  body.pn-vip-club-v2 .vip-hero-headline { line-height: 1.05 !important; }
}

/* 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). */
body.pn-vip-club-v2 .vip-hero-subhead strong {
  font-family: "Aeonik", sans-serif !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  line-height: 24px !important;
  vertical-align: baseline !important;
}

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

/* 5. Login button — fading gradient border (top-stronger, bottom-fades).
   Replaces patch 5's solid rgba(255,255,255,0.6) border on the secondary CTA. */
body.pn-vip-club-v2 .vip-hero .vip-cta-secondary {
  border: 1px solid transparent !important;
  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;
}
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;
}

/* 6. Hero gradient overlay on top of bg image so left side stays readable.
   Apply to .container which already holds the bg image. Layer the gradient
   ABOVE the existing image using multi-background. */
body.pn-vip-club-v2 .vip-hero .container {
  background-image:
    linear-gradient(90deg, #081521 0%, rgba(8,21,33,0.85) 30%, rgba(8,21,33,0) 65%),
    url("https://d3ec3n7kizfkuy.cloudfront.net/vip_hero_banner_b210125fef.png") !important;
  background-position: 0 0, 100% 50% !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat, no-repeat !important;
}

/* VIP Club v2 — patch 5d: Match Figma hero (border + gradient corrections).
   Append after patch 5c. Override patch 5c #2 (border) and patch 5c #6 (bg). */

/* a) Restore solid 1px border. Figma uses 1px #213344 all sides.
   border-radius: 6px is already in place from existing CSS. */
body.pn-vip-club-v2 .vip-hero .container,
body.pn-vip-club-v2 .hero-banner-two-columns.promotion-page .container {
  border: 1px solid #213344 !important;
}

/* b) Replace patch 5c's dark left-fade with the blue glow Figma has on
   the right, behind the silver card. Image now sized 100% auto so the
   full card is visible centered, and the glow sits underneath. */
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, 165, 230, 0.45) 0%,
      rgba(0, 145, 210, 0.18) 35%,
      rgba(0, 130, 200, 0) 65%
    ) !important;
  background-position: 50% 50%, 0 0 !important;
  background-size: 100% auto, cover !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #081521 !important;
}
/* VIP Club v2 — patch 5e: Drop the gradient overlay (image already has glow
   baked in — patch 5d was double-glowing) and stretch the image to fill the
   full container so its edges don't read as a second border.
   Append after patch 5d. Overrides patch 5d's bg-image rule.
   Border from patch 5d (1px solid #213344) is kept. */

body.pn-vip-club-v2 .vip-hero .container {
  background-image:
    url("https://d3ec3n7kizfkuy.cloudfront.net/vip_hero_banner_b210125fef.png") !important;
  background-position: 50% 50% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: #081521 !important;
}

/* VIP Club v2 — patch 5f: Restore the 5d hero look that worked, with a
   subtler gradient, and kill the actual culprit behind the "extra border"
   below the hero — it's the next section's border-top, not anything on the
   hero itself.
   Append after patch 5e. Overrides 5e's bg-image rule. */

/* a) Remove the 2px white border-top on the section right below the hero. */
body.pn-vip-club-v2 .vip-hero + .section-boxes,
body.pn-vip-club-v2 .vip-top-benefits {
  border-top: 0 !important;
}

/* b) Bring back patch 5d's image positioning (which Andy preferred) and add
   the gradient back at ~50% the intensity of 5d (which was "too high"). */
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-position: 50% 50%, 0 0 !important;
  background-size: 100% auto, cover !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #081521 !important;
}
/* VIP Club v2 — patch 5g: Drop the outer .container border. The image's
   own edge provides enough visual delineation; the actual 1px stroke was
   stacking with that to read as double borders.
   Append after patch 5f. Overrides patch 5d's border rule. */

body.pn-vip-club-v2 .vip-hero .container,
body.pn-vip-club-v2 .hero-banner-two-columns.promotion-page .container {
  border: 0 !important;
}

/* VIP Club v2 — patch 5g: Drop the outer .container border. The image's
   own edge provides enough visual delineation; the actual 1px stroke was
   stacking with that to read as double borders.
   Append after patch 5f. Overrides patch 5d's border rule. */

body.pn-vip-club-v2 .vip-hero .container,
body.pn-vip-club-v2 .hero-banner-two-columns.promotion-page .container {
  border: 0 !important;
}

/* VIP Club v2 — patch 5i: Constrain gradient to match image's rendered area
   so it stops bleeding into the strips above/below the image. Container has
   no border (patch 5g) — the visible hero edge is the image's edge, and the
   gradient now stays inside it.
   Append at the bottom of bpstaging.css. */

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-position: 50% 50%, 50% 50% !important;
  background-size: 100% auto, 100% 80% !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #081521 !important;
}

/* VIP Club v2 — patch 5j: subhead pushed down ~40px and recoloured to
   match the Figma hero text token (#F5F7F8). Body color and font-size
   are already correct (#F5F7F8, 16px / 22px lh) — no body changes here.
   Append after patch 5i. */

body.pn-vip-club-v2 .vip-hero-subhead {
  margin-top: 40px !important;
  color: #F5F7F8 !important;
}
body.pn-vip-club-v2 .vip-hero-subhead span,
body.pn-vip-club-v2 .vip-hero-subhead strong {
  color: #F5F7F8 !important;
}
/* VIP Club v2 — patch 5k: Restore the actual 1px outer border at the
   container's edge, and extend the gradient to fill the full container so
   the only "border" Andy sees is the real one at the outermost edge.
   The gradient was at 80% in 5i and got out of alignment with the image
   when 5j added subhead margin, exposing an inner gradient transition.
   Append after patch 5j. */

body.pn-vip-club-v2 .vip-hero .container,
body.pn-vip-club-v2 .hero-banner-two-columns.promotion-page .container {
  border: 1px solid #213344 !important;
}

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-position: 50% 50%, 50% 50% !important;
  background-size: 100% auto, cover !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #081521 !important;
}

/* VIP Club v2 — patch 5l: Back to single-boundary 5i look. Drops the
   outer border restored in 5k (that's what made it "double") and pins
   the gradient to the image's display height so they end at the same
   line, giving one clean inner edge.
   At 1140px container width, image displays at 1140 × 353/1131 = 356px.
   Append after patch 5k. */

body.pn-vip-club-v2 .vip-hero .container,
body.pn-vip-club-v2 .hero-banner-two-columns.promotion-page .container {
  border: 0 !important;
}

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-position: 50% 50%, 50% 50% !important;
  background-size: 100% auto, 100% 356px !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #081521 !important;
}
/* VIP Club v2 — patch 5m: Top Benefits section (3 boxes) styled to Figma.
   - Wrapper expanded to full container width, 3 equal columns, 24px gap
   - Box: 362×121 region, #0B1926 bg, 1px #213344 border, 6px radius
   - Title: Aeonik 700 14px / 24px lh, 1px tracking, uppercase, #F5F7F8
   - Desc:  Aeonik 400 10px / 15px lh, color #F5F7F8 @ 50% opacity
   - Icons: 16px green #1FE88A inline SVGs via ::before — shield-check,
            star, flag for boxes 1, 2, 3 respectively
   Append after patch 5l. */

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 {
  background: #0B1926 !important;
  border: 1px solid #213344 !important;
  border-radius: 6px !important;
  padding: 19px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  gap: 8px !important;
  height: 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;
}