@import url(https://fonts.googleapis.com/css2?family=ABeeZee&family=Asap:ital@1&family=Inter:opsz,wght@14..32,100..900&family=Montserrat:wght@100..900&family=Poppins:wght@400;600;700&display=swap);
.montserrat-extra-bold-800,
.pn-choose-screen-name .choose-container h3,
.pn-rewards.modal-open .modal-body h4,
.games-list h5,
.casino-tab-view h2,
.casino-games-container .show-all,
.promoteModalDialog .modal-dialog .modal-content .promoteModalTitle,
.footer-container
  .footer-dynamic-content
  .container
  .taglines-group
  .tagline.title,
.casino-game-login .title,
.playing-casino-game .demo-play-title,
.gameSlider .title-wrapper .panel-navigate .see-all a,
.gameSlider .title-wrapper .title-text .title,
.box-with-icon.promotion-detail-content .box-content h1,
.box-with-icon .container .row .box-content h1,
.box-with-icon .container .row .box-content h2,
.box-with-icon .container .row .box-content h3,
.box-with-icon .container .row .box-content h4,
.box-with-icon .container .row .box-content h5,
.box-with-icon .container .row .box-content h6,
.promoteModalTitle,
.mfaPageContainer .innerPage .innerContainer.mfa-container h5,
.mfaPageContainer .innerPage .innerContainer.mfa-container h4,
.pn-account.pn-profile .account-content-container .content-padding h3.section,
.pn-account.pn-profile .account-content-container .content-padding h4.section,
.pn-account.pn-bonus.modal-open .modal-body h3,
.pn-account.pn-bonus .content-padding h3,
.pn-account.pn-bonus .content-padding h4,
.pn-account.pn-messages
  .content-padding
  .message-view
  .message-body
  .messsage-text-container
  h2,
.pn-account .account-card.user-level .info-container h1,
.pn-account .balances-container.user-level .info-container h1,
.pn-account .content-padding table thead th,
.pn-account .content-padding h3,
.pn-account .content-padding h4,
.modal-dialog.cashier-modal
  .cashier-inner-container
  .paymentSelectorButton
  .method-name,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .paymentSelectorButton
  .method-name,
.modal-dialog.cashier-modal .cashier-inner-container .title,
.modal-dialog.cashier-modal .cashier-inner-container h3,
.modal-dialog.cashier-mobile-modal .cashier-inner-container .title,
.modal-dialog.cashier-mobile-modal .cashier-inner-container h3,
.modal-dialog.user-modal.verify-modal
  .modal-content
  .modal-wrapper
  .modal-header
  .title-content,
.modal-dialog .modal-content .transaction-modal__header-title,
.modal-dialog .modal-content .modal-header h5 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.montserrat-semi-bold-600,
.pn-promo
  .promotion-detail-wrapper
  .hero-banner-two-columns.promotion-detail-content
  .box-content
  h1,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .text
  span {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.montserrat-bold-700,
.styled-text-list.content-with-image .row .tagline.text h1,
.styled-text-list.crypto-online-casino .container .row .tagline h1,
.hero-banner-two-columns.bonus-banner-bs.poker-page .left-content h2,
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .tagline
  span,
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .tagline
  h2,
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .tagline
  h1,
.title-with-sub-format .container .row .col-md-6.taglines h1,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h1,
.title-with-sub-format .container .row .col-md-6.taglines h2,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h2,
.title-with-sub-format .container .row .col-md-6.taglines h3,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h3,
.title-with-sub-format .container .row .col-md-6.taglines h4,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h4,
.title-with-sub-format .container .row .col-md-6.taglines h5,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h5,
.title-with-sub-format .container .row .col-md-6.taglines h6,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h6,
.title-format .container .row .col-md-6.taglines h1,
.custom-accordion .container .row .col-md-6.taglines h1,
.title-format .container .row .col-md-6.taglines h2,
.custom-accordion .container .row .col-md-6.taglines h2,
.title-format .container .row .col-md-6.taglines h3,
.custom-accordion .container .row .col-md-6.taglines h3,
.title-format .container .row .col-md-6.taglines h4,
.custom-accordion .container .row .col-md-6.taglines h4,
.title-format .container .row .col-md-6.taglines h5,
.custom-accordion .container .row .col-md-6.taglines h5,
.title-format .container .row .col-md-6.taglines h6,
.custom-accordion .container .row .col-md-6.taglines h6,
.title-format .container .row .col-md-6.taglines span,
.custom-accordion .container .row .col-md-6.taglines span {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.montserrat-normal-400,
.footer-container
  .footer-dynamic-content
  .container
  .taglines-group
  .tagline.no-link
  span,
.footer-container
  .footer-dynamic-content
  .container
  .taglines-group
  .tagline.link
  span,
.hero-banner-two-columns.bonus-banner-bs.poker-page .left-content span,
.title-with-sub-format .container .row .col-md-6.taglines span,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines span {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.mobile-search
  .search-container
  .input-group
  input.form-control::-moz-placeholder,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control::-moz-placeholder,
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column
  .input-group
  input::-moz-placeholder,
input::-moz-placeholder {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.mobile-search
  .search-container
  .input-group
  input.form-control:-ms-input-placeholder,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control:-ms-input-placeholder,
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column
  .input-group
  input:-ms-input-placeholder,
input:-ms-input-placeholder {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.inter-semi-bold-600,
.custom-accordion.styled-text-list .container .faq-content h1,
.custom-accordion.styled-text-list .container .faq-content h2,
.custom-accordion.styled-text-list .container .faq-content h3,
.custom-accordion.styled-text-list .container .faq-content h4,
.custom-accordion.styled-text-list .container .faq-content h5,
.custom-accordion.styled-text-list .container .faq-content h6,
.custom-accordion.styled-text-list .container .row.title-row h4,
.custom-accordion .faq-content .read-more-target,
.hero-banner-two-columns.vip-sysytem .vip-system-content .text span,
.styled-text-list.promotions-tab .row .nav-link span,
.pn-rewards.modal-open .modal-body p,
.promoteModalDialog .modal-dialog .modal-content .promoteModalText p,
.mobile-search .search-container .input-group input.form-control::placeholder,
.casino-container .filter-description strong,
.casino-container .filter-description,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .studio-item
  .studio-name,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .no-results,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-help,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-title
  .clear-all
  .action-text,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-title,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control::placeholder,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-title-row
  .filter-title,
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column
  .input-group
  input::placeholder,
.casino-container .casino-filter,
.pn-info .infoPage-container-outer .card-body .card-body-content,
.pn-info .infoPage-container-outer .card-header .title,
.pn-info .infoPage-container-outer span,
.pn-info .infoPage-container-outer li,
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .operated-by
  h1,
.styled-text-list.crypto-online-casino .container .row .tagline span,
.casino-game-login p,
.playing-casino-game .modal-body p,
.pn-promo
  .promotion-detail-wrapper
  .styled-text-list.back-to-promotions
  .container
  .row
  .tagline
  span,
.box-with-icon.multiple-three-rows .container .box-content span,
.box-with-icon.box-with-button .box-content li,
.box-with-icon .container .row .box-content span,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text span,
.group-specific-methods .text,
.group-specific-methods .crypto-address-label,
.notFound-text,
.btn-maybe,
.promoteModalText,
.mfaPageContainer .innerPage .innerContainer.mfa-container .form-group label,
.mfaPageContainer .innerPage .innerContainer.mfa-container p.text,
.mfaPageContainer .innerPage .innerContainer.mfa-container p.mfa-description,
.mfaPageContainer .innerPage .innerContainer.mfa-container p.info,
.mfaPageContainer .innerPage .innerContainer.mfa-container h6,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6
  label,
.pn-account.pn-bonus.modal-open .modal-body .bonus-terms-title,
.pn-account.pn-messages .content-padding .mark-all-as-read,
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .transaction-table__no-data--span,
.pn-account.pn-transactions .currency-info-banner .currency-hint,
.pn-account.pn-transactions .currency-info-banner .currency-info-main,
.pn-account .account-card.user-level .info-container ul li,
.pn-account .balances-container.user-level .info-container ul li,
.pn-account .account-card.user-level .info-container h2,
.pn-account .balances-container.user-level .info-container h2,
.pn-account .content-padding table tbody td,
.account-page-container > .row .account-page-menu-col .withdraw-menu-button,
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container
  .nav-menu
  .nav-item
  .nav-link,
.generic-text-button-container p,
.modal-dialog.cashier-modal .cashier-inner-container .exchange-amount,
.modal-dialog.cashier-mobile-modal .cashier-inner-container .exchange-amount,
.modal-dialog.cashier-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__preset-button,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__preset-button,
.modal-dialog.cashier-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__currency-label,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__currency-label,
.modal-dialog.cashier-modal
  .cashier-inner-container
  .crypto-details-container
  label,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .crypto-details-container
  label,
.modal-dialog.cashier-modal
  .cashier-inner-container
  .choose-amount-container
  span.row,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .choose-amount-container
  span.row,
.modal-dialog.cashier-modal .cashier-inner-container .buy-crypto-description,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .buy-crypto-description,
.modal-dialog.user-modal.verify-modal
  .modal-content
  .modal-wrapper
  .modal-header
  .new-device,
.modal-dialog.user-modal .modal-wrapper .modal-body p,
.modal-dialog.user-modal .modal-wrapper .modal-body h5,
.modal-dialog
  .modal-content
  .transaction-modal__header-title
  .transaction-modal__header-description,
.password-rules .password-rule,
input::placeholder,
.notFound-wrapper p,
.menu-layout .bottom-menu .mobile-menu-item .menu-text,
.form-group label,
.main-menu-container
  .loggedinContainer
  .menuContainer
  .menu
  .menuButtonWrapper
  .menu-button
  .title,
.main-menu-container .currency-selector .balance,
.btn-secondary span,
.btn.btn-secondary-popup span,
.btn-primary span,
.btn-cta span,
.help-text-format,
.help-text,
.help,
.alert-info-format,
.alert-info,
.alert-warning-format,
.alert-warning,
.alert-danger-format,
.alert-danger,
.error-text-form,
.error-after-submit,
.group-specific-methods .crypto-address-tag-info,
.error-text,
.form-group .text.visible,
.form-group .error,
.form-group .help-block.input-error,
.form-group .help-block,
.text-danger,
.input-common-format,
.form-control,
.form-control:active,
.form-control:focus,
input.form-control,
input.form-control:active,
input.form-control:focus,
.tab-menu-format .nav-tabs .nav-item .nav-link,
.pn-account .tabbar-container .nav-tabs .nav-item .nav-link,
.modal-dialog.cashier-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item
  .nav-link,
.modal-dialog.cashier-mobile-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item
  .nav-link,
.tab-nav-bar-format .nav-item .nav-link,
.casino-container
  .categories-container
  .casino-lobby-categories
  .nav-item
  .nav-link,
.text-white-button-format,
.modal-dialog.user-modal .modal-wrapper.success .modal-footer .deposit,
.text-pink-button-format,
.group-specific-methods .crypto-deposit-container .deposit-icon-link,
.generic-text-button-container .text,
.button-secondary-medium-stroke,
.casino-game-login .btn-primary,
.button-secondary-medium-solid,
.button-alternativ-medium-stroke,
button.btn.btn-secondary,
.btn.btn-secondary,
.btn-secondary,
button.btn.btn-secondary-popup,
.btn.btn-secondary-popup,
.button-alternativ-medium-solid,
.button-primary-medium-stroke,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable
  i.material-icons,
.button-primary-medium-solid,
.casino-container .banner-carousel-container .btn-banner,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .btn,
.landingPage.logged-in .hero-banner-two-columns.hero-banner .btn,
button.btn-primary,
.btn.btn-primary,
.btn-primary,
button.btn-cta,
.btn.btn-cta,
.btn-cta,
.button-secondary-small-stroke,
.button-secondary-small-solid,
.button-primary-small-stroke,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .btn.btn-primary,
.button-primary-small-solid {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.inter-bold-700,
.custom-accordion .faq-content .tagline h1,
.custom-accordion .faq-content .tagline h2,
.custom-accordion .faq-content .tagline h3,
.custom-accordion .faq-content .tagline h4,
.custom-accordion .faq-content .tagline h5,
.custom-accordion .faq-content .tagline h6,
.pn-info .infoPage-container-outer .infoPage-container h4,
.pn-info .infoPage-container-outer .infoPage-container h5,
.pn-info .infoPage-container-outer .infoPage-container h6,
.pn-info .infoPage-container-outer .infoAccordion h4,
.pn-info .infoPage-container-outer .infoAccordion h5,
.pn-info .infoPage-container-outer .infoAccordion h6,
.pn-info .infoPage-container-outer .infoPage-container h1,
.pn-info .infoPage-container-outer .infoPage-container h2,
.pn-info .infoPage-container-outer .infoPage-container h3,
.pn-info .infoPage-container-outer .infoAccordion h1,
.pn-info .infoPage-container-outer .infoAccordion h2,
.pn-info .infoPage-container-outer .infoAccordion h3,
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .age
  span,
.box-with-icon.multiple-three-rows .container .box-content h1,
.box-with-icon.multiple-three-rows .container .box-content h2,
.box-with-icon.multiple-three-rows .container .box-content h3,
.box-with-icon.multiple-three-rows .container .box-content h4,
.box-with-icon.multiple-three-rows .container .box-content h5,
.box-with-icon.multiple-three-rows .container .box-content h6,
.modal-dialog.user-modal .modal-wrapper .modal-body h4,
.modal-dialog.user-modal .modal-wrapper .modal-body h2,
.modal-dialog.user-modal .modal-wrapper .modal-header .title,
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-timer-container
  .cashback-timer-item
  .cachback-timer-item-text,
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-timer-container
  .cashback-timer-item
  h3,
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-header-container
  h4,
.sidemenu-container .footer-items .nav-link,
.sidemenu-container .footer-items.footer-items-fixed::before,
.sidemenu-container .menu-items-container .menu-items .nav-link,
.sidemenu-container .menu-items-container .menu-items::before {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.inter-normal-500 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.inter-normal-400,
.pn-choose-screen-name
  .choose-container
  .choose-form-container
  .form-group
  select,
.pn-choose-screen-name .choose-container .choose-form-container .help-block,
.styled-text-list.content-with-image .row .tagline.text span,
.casino-container .filter-description span h1,
.casino-container .filter-description span,
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .copyright,
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .operated-by
  span,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h1,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h2,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h3,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h4,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h5,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h6,
.group-specific-methods .crypto-deposit-container .crypto-address-flash,
.pn-account.pn-bonus.pn-history .content-padding .bonus-history-row,
.pn-account.pn-bonus.pn-history .content-padding .bonus-history-titles,
.pn-account.pn-bonus.modal-open .modal-body .bonus-description,
.pn-account.pn-bonus.modal-open .modal-body .bonus-details,
.pn-account.pn-bonus.modal-open .modal-body .details-item,
.pn-account.pn-bonus .content-padding .bonus-details .popup-link,
.pn-account.pn-bonus .content-padding .text,
.pn-account.pn-messages
  .content-padding
  .message-view
  .message-body
  .messsage-text-container
  p,
.pn-account.pn-messages
  .content-padding
  .message-view
  .message-header
  .message-date,
.pn-account.pn-messages
  .content-padding
  .account-card
  .message-preview-content
  .date,
.pn-account.pn-messages
  .content-padding
  .account-card
  .message-preview-content
  .title,
.modal-dialog.cashier-modal .cashier-inner-container .disclaimer,
.modal-dialog.cashier-mobile-modal .cashier-inner-container .disclaimer,
.sidemenu-container
  .language-wrapper-container
  .dropdown-menu.show
  .dropdown-item,
.sidemenu-container .language-wrapper-container .dropdown-btn .dropdown-toggle,
.main-menu-container .loggedinContainer .menuContainer .menu .menu-title,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .checkbox-wrapper
  .checkbox-label,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container
  .currency-selector-list
  .currency-balance
  .original-balance,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container
  .currency-selector-list
  .currency-balance
  .exchange,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container
  .currency-selector-list
  .currency-name,
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem
  .item
  span,
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400 !important;
  font-style: normal;
}
.abeezee-regular-400 {
  font-family: "ABeeZee", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.asap-regular-400,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6
  .help {
  font-family: "Asap", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.poppins-semi-bold-600,
.styled-text-list.title .tagline span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.poppins-bold-700,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .text
  h2,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .text
  h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}
:root {
  --main-background: #020f1a;
  --cta: #c518d5;
  --cta-text: #ffffff;
  --cta-hover: #c518d5;
  --cta-active: #c518d5;
  --cta-disabled: #636363;
  --cta-border: none;
  --primary: #c518d5;
  --primary-text: #ffffff;
  --primary-hover: #ffffff;
  --primary-active: #ffffff;
  --primary-disabled: #636363;
  --primary-border: none;
  --secondary: #d5d5d5;
  --secondary-text: #d5d5d5;
  --secondary-hover: #d5d5d5;
  --secondary-disabled: #636363;
  --secondary-border: unset;
  --secondary-popup: rgba(255, 255, 255, 0);
  --secondary-text-popup: #d5d5d5;
  --secondary-hover-popup: #d5d5d5;
  --secondary-border-popup: 1px solid #d5d5d5;
  --secondary-hover-text-popup: #d5d5d5;
  --secondary-text-popup-disabled: #636363;
  --disabled-text-color: #ffffff;
  --account-page-menu-container: #21213a;
  --success: #34ef22;
  --info: #6b0dca;
  --warning: #cece05;
  --danger: #d14222;
  --cta-link-text: #c518d5;
  --popup-background: #0f0f2a;
  --popup-wrapper-background: #0f0f2a;
  --popup-text: #ffffff;
  --popup-dark-text: #ffffff;
  --light-background: #161630;
  --dark-text: #ffffff;
  --drop-down: #161630;
  --light-text: #ffffff;
  --popup-search: #ffffff;
  --popup-search-selected: #060d13;
  --popup-link-color: #c518d5;
  --text: #ffffff;
  --progress-background: #8a8a8a;
  --progressbar-background: #c518d5;
  --link-color: #c518d5;
  --link-hover-color: #c518d5;
  --light-border: rgba(209, 164, 255, 0.1);
  --top-menu-start: #090920;
  --top-menu: #090920;
  --top-menu-mobile-start: #090920;
  --top-menu-mobile: #090920;
  --top-menu-text: #ffffff;
  --top-menu-text-active: #ffffff;
  --top-menu-border: #c518d5;
  --input-field: #161630;
  --input-text-color: #ffffff;
  --input-border-radius: 8px;
  --input-focus-text-color: #ffffff;
  --input-focus-border: 1px solid #ffffff;
  --input-border: none;
  --input-focus: #ffffff;
  --button-border-radius: 8px;
  --input-error-border: 1px solid #d14222;
  --input-error-feeback: #d14222;
  --search-input: #161630;
  --search-input-text: #ffffff;
  --navigation-mobile-logged-in-icon: #ffffff;
  --navigation-font: Inter, sans-serif;
  --header-font: Inter, sans-serif;
  --button-font: Inter, sans-serif;
  --text-font: Inter, sans-serif;
  --navigation-icon: #ffffff;
  --nav-link-text: #ffffff;
  --nav-link: #161630;
  --nav-link-active: 3D455A;
  --nav-link-text-active: #ffffff;
  --nav-link-text-hover: #ffffff;
  --nav-link-hover: 3D455A;
  --game-controls: #fff;
  --game-controls-active: #c518d5;
  --footer: #090920;
  --footer-text: #fff;
  --button-letter-spacing: 0;
  --header-letter-spacing: 0;
  --text-letter-spacing: 0;
  --navigation-letter-spacing: 0;
  --input-letter-spacing: normal;
  --footerInfo-background: #090920;
  --footerInfo-text: #ffffff;
  --page-background: #ffffff;
  --head-bigscreen-height: 64px;
  --head-smallscreen-height: 64px;
  --ribbon-background: #ff9b08;
  --ribbon-background-shadow: #d47e00;
  --ribbon-text: #fff;
}
.button-alignment,
.button-secondary-medium-stroke,
.casino-game-login .btn-primary,
.button-secondary-medium-solid,
.button-alternativ-medium-stroke,
button.btn.btn-secondary,
.btn.btn-secondary,
.btn-secondary,
button.btn.btn-secondary-popup,
.btn.btn-secondary-popup,
.button-alternativ-medium-solid,
.button-primary-medium-stroke,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable
  i.material-icons,
.button-primary-medium-solid,
.casino-container .banner-carousel-container .btn-banner,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .btn,
.landingPage.logged-in .hero-banner-two-columns.hero-banner .btn,
button.btn-primary,
.btn.btn-primary,
.btn-primary,
button.btn-cta,
.btn.btn-cta,
.btn-cta,
.button-secondary-small-stroke,
.button-secondary-small-solid,
.button-primary-small-stroke,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .btn.btn-primary,
.button-primary-small-solid {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: unset;
  height: unset;
  box-shadow: none !important;
}
.button-small-format,
.button-secondary-small-stroke,
.button-secondary-small-solid,
.button-primary-small-stroke,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .btn.btn-primary,
.button-primary-small-solid {
  border-radius: 8px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 30px !important;
  letter-spacing: 0 !important;
  min-width: 120px !important;
  text-transform: capitalize !important;
}
.button-primary-small-solid {
  background-color: var(--cta) !important;
  color: #fff !important;
  border: none !important;
  font-size: 14px !important;
}
.button-primary-small-solid:hover {
  background-color: #a315aa !important;
  box-shadow: none !important;
  border: none !important;
}
.button-primary-small-solid:active {
  background-color: #a315aa !important;
  background: #a315aa !important;
  box-shadow: none !important;
  border: none !important;
}
.button-primary-small-solid.disabled {
  background-color: #c518d5 !important;
  background: #c518d5 !important;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}
.button-primary-small-solid.disabled span {
  color: #fff !important;
}
.button-primary-small-solid svg {
  height: 16px;
}
.button-primary-small-stroke,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .btn.btn-primary {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #ffa2fb !important;
  font-size: 14px !important;
}
.button-primary-small-stroke:hover,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .btn.btn-primary:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid var(--cta) !important;
}
.button-primary-small-stroke:active,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .btn.btn-primary:active {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid var(--cta) !important;
}
.button-primary-small-stroke svg,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .btn.btn-primary
  svg {
  height: 16px;
}
.button-secondary-small-solid {
  background-color: #3d455a !important;
  color: #fff !important;
  border: none !important;
  font-size: 14px !important;
}
.button-secondary-small-solid:hover {
  background-color: #333a4c !important;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}
.button-secondary-small-solid:active {
  background-color: #3d455a !important;
  background: #3d455a !important;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}
.button-secondary-small-solid.disabled {
  background-color: #3d3d3d !important;
  background: #3d3d3d !important;
  color: #636363 !important;
  box-shadow: none !important;
  border: none !important;
}
.button-secondary-small-solid.disabled span {
  color: #636363 !important;
}
.button-secondary-small-solid svg {
  height: 16px;
}
.button-secondary-small-stroke {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #3d455a !important;
  font-size: 14px !important;
}
.button-secondary-small-stroke:hover {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #3d455a !important;
  box-shadow: none !important;
}
.button-secondary-small-stroke:active {
  background-color: transparent !important;
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #3d455a !important;
  box-shadow: none !important;
}
.button-secondary-small-stroke.disabled {
  background-color: transparent !important;
  background: transparent !important;
  color: #636363 !important;
  box-shadow: none !important;
  border: none !important;
}
.button-secondary-small-stroke.disabled span {
  color: #636363 !important;
}
.button-secondary-small-stroke svg {
  height: 16px;
}
.button-medium-format,
.button-secondary-medium-stroke,
.casino-game-login .btn-primary,
.button-secondary-medium-solid,
.button-alternativ-medium-stroke,
button.btn.btn-secondary,
.btn.btn-secondary,
.btn-secondary,
button.btn.btn-secondary-popup,
.btn.btn-secondary-popup,
.button-alternativ-medium-solid,
.button-primary-medium-stroke,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable
  i.material-icons,
.button-primary-medium-solid,
.casino-container .banner-carousel-container .btn-banner,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .btn,
.landingPage.logged-in .hero-banner-two-columns.hero-banner .btn,
button.btn-primary,
.btn.btn-primary,
.btn-primary,
button.btn-cta,
.btn.btn-cta,
.btn-cta {
  border-radius: 100px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 41px !important;
  letter-spacing: 0 !important;
  min-width: 120px !important;
  text-transform: capitalize !important;
}
.button-primary-medium-solid,
.casino-container .banner-carousel-container .btn-banner,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .btn,
.landingPage.logged-in .hero-banner-two-columns.hero-banner .btn,
button.btn-primary,
.btn.btn-primary,
.btn-primary,
button.btn-cta,
.btn.btn-cta,
.btn-cta {
  background-color: var(--cta) !important;
  color: #fff !important;
  border: none !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}
.button-primary-medium-solid:hover,
.casino-container .banner-carousel-container .btn-banner:hover,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .btn:hover,
.landingPage.logged-in .hero-banner-two-columns.hero-banner .btn:hover,
.btn-primary:hover,
.btn-cta:hover {
  background-color: #a315aa !important;
  box-shadow: none !important;
  border: none !important;
}
.button-primary-medium-solid:active,
.casino-container .banner-carousel-container .btn-banner:active,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .btn:active,
.landingPage.logged-in .hero-banner-two-columns.hero-banner .btn:active,
.btn-primary:active,
.btn-cta:active {
  background-color: #fa85a1 !important;
  background: #a315aa !important;
  box-shadow: none !important;
  border: none !important;
}
.button-primary-medium-solid.disabled,
.casino-container .banner-carousel-container .disabled.btn-banner,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .disabled.btn,
.landingPage.logged-in .hero-banner-two-columns.hero-banner .disabled.btn,
.disabled.btn-primary,
.disabled.btn-cta {
  background-color: #c518d5 !important;
  background: #c518d5 !important;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}
.button-primary-medium-solid.disabled span,
.casino-container .banner-carousel-container .disabled.btn-banner span,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .disabled.btn
  span,
.landingPage.logged-in .hero-banner-two-columns.hero-banner .disabled.btn span,
.disabled.btn-primary span,
.disabled.btn-cta span {
  color: #fff !important;
}
.button-primary-medium-solid svg,
.casino-container .banner-carousel-container .btn-banner svg,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .btn
  svg,
.landingPage.logged-in .hero-banner-two-columns.hero-banner .btn svg,
.btn.btn-primary svg,
.btn-primary svg,
.btn.btn-cta svg,
.btn-cta svg {
  height: 16px;
}
.button-primary-medium-stroke,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable
  i.material-icons {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #ffa2fb !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}
.button-primary-medium-stroke:hover,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable
  i.material-icons:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid var(--cta) !important;
}
.button-primary-medium-stroke:active,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable
  i.material-icons:active {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid var(--cta) !important;
}
.button-primary-medium-stroke svg,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable
  i.material-icons
  svg {
  height: 16px;
}
.button-alternativ-medium-solid {
  background-color: #fff !important;
  color: #101010 !important;
  border: none !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}
.button-alternativ-medium-solid:hover {
  background-color: rgba(220, 220, 220, 0.87) !important;
  box-shadow: none !important;
  border: none !important;
  color: #101010 !important;
}
.button-alternativ-medium-solid:active {
  background-color: rgba(220, 220, 220, 0.87) !important;
  box-shadow: none !important;
  border: none !important;
  color: #101010 !important;
}
.button-alternativ-medium-solid svg {
  height: 16px;
}
.button-alternativ-medium-stroke,
button.btn.btn-secondary,
.btn.btn-secondary,
.btn-secondary,
button.btn.btn-secondary-popup,
.btn.btn-secondary-popup {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}
.button-alternativ-medium-stroke:hover,
button.btn.btn-secondary:hover,
.btn-secondary:hover,
.btn.btn-secondary-popup:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(220, 220, 220, 0.87) !important;
  color: #fff !important;
}
.button-alternativ-medium-stroke:active,
button.btn.btn-secondary:active,
.btn-secondary:active,
.btn.btn-secondary-popup:active {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(220, 220, 220, 0.87) !important;
  color: #fff !important;
}
.button-alternativ-medium-stroke svg,
.btn.btn-secondary svg,
.btn-secondary svg,
.btn.btn-secondary-popup svg {
  height: 16px;
}
.button-secondary-medium-solid {
  background-color: #3d455a !important;
  color: #fff !important;
  border: none !important;
  font-size: 14px !important;
}
.button-secondary-medium-solid:hover {
  background-color: #333a4c !important;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}
.button-secondary-medium-solid:active {
  background-color: #3d455a !important;
  background: #3d455a !important;
  color: #fff !important;
  box-shadow: none !important;
  border: none !important;
}
.button-secondary-medium-solid.disabled {
  background-color: #3d3d3d !important;
  background: #3d3d3d !important;
  color: #636363 !important;
  box-shadow: none !important;
  border: none !important;
}
.button-secondary-medium-solid.disabled span {
  color: #636363 !important;
}
.button-secondary-medium-solid svg {
  height: 16px;
}
.button-secondary-medium-stroke,
.casino-game-login .btn-primary {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #3d455a !important;
  font-size: 14px !important;
}
.button-secondary-medium-stroke:hover,
.casino-game-login .btn-primary:hover {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #3d455a !important;
  box-shadow: none !important;
}
.button-secondary-medium-stroke:active,
.casino-game-login .btn-primary:active {
  background-color: transparent !important;
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #3d455a !important;
  box-shadow: none !important;
}
.button-secondary-medium-stroke.disabled,
.casino-game-login .disabled.btn-primary {
  background-color: transparent !important;
  background: transparent !important;
  color: #636363 !important;
  box-shadow: none !important;
  border: none !important;
}
.button-secondary-medium-stroke.disabled span,
.casino-game-login .disabled.btn-primary span {
  color: #636363 !important;
}
.button-secondary-medium-stroke svg,
.casino-game-login .btn-primary svg {
  height: 16px;
}
.text-pink-button-format,
.group-specific-methods .crypto-deposit-container .deposit-icon-link,
.generic-text-button-container .text {
  color: #ffacfb;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.text-pink-button-format:focus-visible,
.group-specific-methods
  .crypto-deposit-container
  .deposit-icon-link:focus-visible,
.generic-text-button-container .text:focus-visible {
  outline: none !important;
}
.text-white-button-format,
.modal-dialog.user-modal .modal-wrapper.success .modal-footer .deposit {
  color: #fff;
  cursor: pointer;
}
.gradient-text-purple,
.gradient-purple-h1 h1,
.gradient-purple-h2 h2,
.gradient-purple-h3 h3,
.gradient-purple-h4 h4,
.gradient-purple-h5 h5,
.gradient-purple-h6 h6,
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .tagline
  h1 {
  background: linear-gradient(183deg, #ffacfb 17.09%, #851494 97.34%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.gradient-text-orange,
.gradient-orange-h1 h1,
.gradient-orange-h2 h2,
.gradient-orange-h3 h3,
.gradient-orange-h4 h4,
.gradient-orange-h5 h5,
.gradient-orange-h6 h6,
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .text
  h2 {
  background: linear-gradient(183deg, #fff07b 17.09%, #c60 97.34%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.tab-nav-bar-format .nav-item,
.casino-container .categories-container .casino-lobby-categories .nav-item {
  border-color: none;
  border-bottom: none;
  height: 55px;
  border-radius: 10px;
  background-color: #161630;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-nav-bar-format .nav-item:hover,
.casino-container
  .categories-container
  .casino-lobby-categories
  .nav-item:hover {
  background-color: #333a4c;
}
.tab-nav-bar-format .nav-item.active,
.casino-container
  .categories-container
  .casino-lobby-categories
  .nav-item.active {
  background-color: #3d455a;
}
.tab-nav-bar-format .nav-item .nav-link,
.casino-container
  .categories-container
  .casino-lobby-categories
  .nav-item
  .nav-link {
  height: 55px;
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 10px;
  color: #fff;
}
.tab-nav-bar-format .nav-item .nav-link:hover,
.casino-container
  .categories-container
  .casino-lobby-categories
  .nav-item
  .nav-link:hover {
  background-color: transparent !important;
}
.tab-nav-bar-format .nav-item .nav-link.active,
.casino-container
  .categories-container
  .casino-lobby-categories
  .nav-item
  .nav-link.active {
  background-color: #3d455a;
}
.tab-nav-bar-format .nav-item .nav-link.active:hover,
.casino-container
  .categories-container
  .casino-lobby-categories
  .nav-item
  .nav-link.active:hover {
  background-color: #3d455a !important;
}
.tab-menu-format,
.pn-account .tabbar-container,
.modal-dialog.cashier-modal .modal-body .tabbar-container,
.modal-dialog.cashier-mobile-modal .modal-body .tabbar-container {
  margin: 0;
  padding-top: 0;
  min-height: 47px;
  padding-left: 0;
  padding-right: 0;
  overflow-y: hidden;
}
.tab-menu-format .nav-tabs,
.pn-account .tabbar-container .nav-tabs,
.modal-dialog.cashier-modal .modal-body .tabbar-container .nav-tabs,
.modal-dialog.cashier-mobile-modal .modal-body .tabbar-container .nav-tabs {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
  background-color: #161630;
  margin-left: 0;
  margin-right: 0;
  align-items: center;
  border-radius: 6px;
  padding: 5px;
}
.tab-menu-format .nav-tabs .nav-item,
.pn-account .tabbar-container .nav-tabs .nav-item,
.modal-dialog.cashier-modal .modal-body .tabbar-container .nav-tabs .nav-item,
.modal-dialog.cashier-mobile-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item {
  border-color: none;
  border-bottom: none;
  height: 37px;
  border-radius: 6px;
  background-color: #090920;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-menu-format .nav-tabs .nav-item.active,
.pn-account .tabbar-container .nav-tabs .nav-item.active,
.modal-dialog.cashier-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item.active,
.modal-dialog.cashier-mobile-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item.active {
  background-color: #3d455a;
}
.tab-menu-format .nav-tabs .nav-item .nav-link,
.pn-account .tabbar-container .nav-tabs .nav-item .nav-link,
.modal-dialog.cashier-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item
  .nav-link,
.modal-dialog.cashier-mobile-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item
  .nav-link {
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
  color: #fff;
}
.tab-menu-format .nav-tabs .nav-item .nav-link:hover,
.pn-account .tabbar-container .nav-tabs .nav-item .nav-link:hover,
.modal-dialog.cashier-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item
  .nav-link:hover,
.modal-dialog.cashier-mobile-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item
  .nav-link:hover {
  background-color: transparent !important;
}
.tab-menu-format .nav-tabs .nav-item.fill-out,
.pn-account .tabbar-container .nav-tabs .nav-item.fill-out,
.modal-dialog.cashier-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item.fill-out,
.modal-dialog.cashier-mobile-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item.fill-out {
  display: none;
}
.tab-menu-format .nav-tabs .nav-item:hover,
.pn-account .tabbar-container .nav-tabs .nav-item:hover,
.modal-dialog.cashier-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item:hover,
.modal-dialog.cashier-mobile-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item:hover {
  background-color: #333a4c;
}
.tab-menu-format::-webkit-scrollbar,
.pn-account .tabbar-container::-webkit-scrollbar,
.modal-dialog.cashier-modal .modal-body .tabbar-container::-webkit-scrollbar,
.modal-dialog.cashier-mobile-modal
  .modal-body
  .tabbar-container::-webkit-scrollbar {
  height: 1px;
  background-color: #ffacfb;
}
.title-format .container .row .col-md-6.taglines,
.custom-accordion .container .row .col-md-6.taglines {
  flex: 0 0 100%;
  max-width: 100%;
}
.title-format .container .row .col-md-6.taglines .tagline,
.custom-accordion .container .row .col-md-6.taglines .tagline {
  text-align: left;
}
.title-format .container .row .col-md-6.taglines h1,
.custom-accordion .container .row .col-md-6.taglines h1,
.title-format .container .row .col-md-6.taglines h2,
.custom-accordion .container .row .col-md-6.taglines h2,
.title-format .container .row .col-md-6.taglines h3,
.custom-accordion .container .row .col-md-6.taglines h3,
.title-format .container .row .col-md-6.taglines h4,
.custom-accordion .container .row .col-md-6.taglines h4,
.title-format .container .row .col-md-6.taglines h5,
.custom-accordion .container .row .col-md-6.taglines h5,
.title-format .container .row .col-md-6.taglines h6,
.custom-accordion .container .row .col-md-6.taglines h6,
.title-format .container .row .col-md-6.taglines span,
.custom-accordion .container .row .col-md-6.taglines span {
  text-align: left;
  font-size: 30px;
  margin-bottom: 10px;
  text-transform: capitalize !important;
  color: #fff;
}
.title-with-sub-format .container .row .col-md-6.taglines,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines {
  flex: 0 0 100%;
  max-width: 100%;
}
.title-with-sub-format .container .row .col-md-6.taglines .tagline,
.hero-banner-two-columns.vip-sysytem
  .container
  .row
  .col-md-6.taglines
  .tagline {
  text-align: left;
}
.title-with-sub-format .container .row .col-md-6.taglines h1,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h1,
.title-with-sub-format .container .row .col-md-6.taglines h2,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h2,
.title-with-sub-format .container .row .col-md-6.taglines h3,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h3,
.title-with-sub-format .container .row .col-md-6.taglines h4,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h4,
.title-with-sub-format .container .row .col-md-6.taglines h5,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h5,
.title-with-sub-format .container .row .col-md-6.taglines h6,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines h6 {
  text-align: left;
  font-size: 30px;
  margin-bottom: 10px;
  text-transform: capitalize !important;
  color: #fff;
}
.title-with-sub-format .container .row .col-md-6.taglines span,
.hero-banner-two-columns.vip-sysytem .container .row .col-md-6.taglines span {
  text-align: left;
  font-size: 20px;
  line-height: 24px;
  display: block;
  text-transform: capitalize !important;
  color: #fff;
}
.btn-icon span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control::-moz-placeholder {
  font-size: 14px !important;
  line-height: 20px !important;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control:-ms-input-placeholder {
  font-size: 14px !important;
  line-height: 20px !important;
}
.font-14-line-height,
.styled-text-list.promotions-tab .row .nav-link span,
.pn-rewards.modal-open .modal-body p,
.promoteModalDialog .modal-dialog .modal-content .promoteModalText p,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .studio-item
  .studio-name,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-title
  .clear-all
  .action-text,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-title,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control::placeholder,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-title-row
  .filter-title,
.casino-container .casino-filter,
.pn-info .infoPage-container-outer .card-body .card-body-content,
.pn-info .infoPage-container-outer .card-header .title,
.pn-info .infoPage-container-outer span,
.pn-info .infoPage-container-outer li,
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .operated-by
  h1,
.styled-text-list.crypto-online-casino .container .row .tagline span,
.casino-game-login p,
.playing-casino-game .modal-body p,
.pn-promo
  .promotion-detail-wrapper
  .styled-text-list.back-to-promotions
  .container
  .row
  .tagline
  span,
.box-with-icon.multiple-three-rows .container .box-content span,
.box-with-icon.box-with-button .box-content li,
.box-with-icon .container .row .box-content span,
.group-specific-methods .text,
.group-specific-methods .crypto-address-label,
.notFound-text,
.btn-maybe,
.promoteModalText,
.mfaPageContainer .innerPage .innerContainer.mfa-container p.text,
.mfaPageContainer .innerPage .innerContainer.mfa-container p.mfa-description,
.mfaPageContainer .innerPage .innerContainer.mfa-container p.info,
.mfaPageContainer .innerPage .innerContainer.mfa-container h6,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6
  .help,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6
  label,
.pn-account.pn-bonus.pn-history .content-padding .bonus-history-titles,
.pn-account.pn-bonus.modal-open .modal-body .bonus-terms-title,
.pn-account.pn-bonus.modal-open .modal-body .bonus-description,
.pn-account.pn-bonus.modal-open .modal-body .bonus-details,
.pn-account.pn-bonus.modal-open .modal-body .details-item,
.pn-account.pn-bonus .content-padding .text,
.pn-account.pn-messages
  .content-padding
  .message-view
  .message-body
  .messsage-text-container
  p,
.pn-account.pn-messages .content-padding .mark-all-as-read,
.pn-account.pn-messages
  .content-padding
  .account-card
  .message-preview-content
  .title,
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .transaction-table__no-data--span,
.pn-account .account-card.user-level .info-container ul li,
.pn-account .balances-container.user-level .info-container ul li,
.pn-account .account-card.user-level .info-container h2,
.pn-account .balances-container.user-level .info-container h2,
.pn-account .content-padding table tbody td,
.account-page-container > .row .account-page-menu-col .withdraw-menu-button,
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container
  .nav-menu
  .nav-item
  .nav-link,
.generic-text-button-container p,
.modal-dialog.cashier-modal .cashier-inner-container .exchange-amount,
.modal-dialog.cashier-mobile-modal .cashier-inner-container .exchange-amount,
.modal-dialog.cashier-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__preset-button,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__preset-button,
.modal-dialog.cashier-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__currency-label,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__currency-label,
.modal-dialog.cashier-modal
  .cashier-inner-container
  .crypto-details-container
  label,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .crypto-details-container
  label,
.modal-dialog.cashier-modal
  .cashier-inner-container
  .choose-amount-container
  span.row,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .choose-amount-container
  span.row,
.modal-dialog.cashier-modal .cashier-inner-container .buy-crypto-description,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .buy-crypto-description,
.modal-dialog.user-modal.verify-modal
  .modal-content
  .modal-wrapper
  .modal-header
  .new-device,
.modal-dialog.user-modal .modal-wrapper .modal-body p,
.modal-dialog.user-modal .modal-wrapper .modal-body h5,
.modal-dialog.user-modal .modal-wrapper .modal-header .title,
.modal-dialog
  .modal-content
  .transaction-modal__header-title
  .transaction-modal__header-description,
.notFound-wrapper p,
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-timer-container
  .cashback-timer-item
  h3,
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-header-container
  h4,
.sidemenu-container
  .language-wrapper-container
  .dropdown-menu.show
  .dropdown-item,
.sidemenu-container .footer-items .nav-link,
.sidemenu-container .footer-items.footer-items-fixed::before,
.sidemenu-container .menu-items-container .menu-items .nav-link,
.sidemenu-container .menu-items-container .menu-items::before,
.main-menu-container .loggedinContainer .menuContainer .menu .menu-title,
.main-menu-container .currency-selector .balance,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .btn.btn-primary,
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem
  .item
  span,
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem,
.alert-info-format,
.alert-info,
.alert-danger-format,
.alert-danger,
.error-text-form,
.error-after-submit,
.group-specific-methods .crypto-address-tag-info,
.error-text,
.form-group .text.visible,
.form-group .error,
.form-group .help-block.input-error,
.form-group .help-block,
.text-danger,
.text-pink-button-format,
.group-specific-methods .crypto-deposit-container .deposit-icon-link,
.generic-text-button-container .text,
.text-white-button-format,
.modal-dialog.user-modal .modal-wrapper.success .modal-footer .deposit,
.tab-nav-bar-format .nav-item .nav-link,
.casino-container
  .categories-container
  .casino-lobby-categories
  .nav-item
  .nav-link,
.tab-menu-format .nav-tabs .nav-item .nav-link,
.pn-account .tabbar-container .nav-tabs .nav-item .nav-link,
.modal-dialog.cashier-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item
  .nav-link,
.modal-dialog.cashier-mobile-modal
  .modal-body
  .tabbar-container
  .nav-tabs
  .nav-item
  .nav-link {
  font-size: 14px !important;
  line-height: 20px !important;
}
.font-12-line-height,
.casino-container .filter-description strong,
.casino-container .filter-description span h1,
.casino-container .filter-description span,
.casino-container .filter-description,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .no-results,
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-help,
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .copyright,
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .operated-by
  span,
.group-specific-methods .crypto-deposit-container .crypto-address-flash,
.mfaPageContainer .innerPage .innerContainer.mfa-container .form-group label,
.pn-account.pn-bonus.pn-history .content-padding .bonus-history-row,
.pn-account.pn-bonus .content-padding .bonus-details .popup-link,
.pn-account.pn-messages
  .content-padding
  .message-view
  .message-header
  .message-date,
.pn-account.pn-messages
  .content-padding
  .account-card
  .message-preview-content
  .date,
.pn-account.pn-transactions .currency-info-banner .currency-hint,
.modal-dialog.cashier-modal .cashier-inner-container .disclaimer,
.modal-dialog.cashier-mobile-modal .cashier-inner-container .disclaimer,
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-timer-container
  .cashback-timer-item
  .cachback-timer-item-text {
  font-size: 12px !important;
  line-height: 16px !important;
}
.input-common-format,
.form-control,
.form-control:active,
.form-control:focus,
input.form-control,
input.form-control:active,
input.form-control:focus {
  height: 48px;
  border-radius: 8px;
  border: none;
  background-color: #161630 !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
  padding-top: unset !important;
  padding-bottom: unset !important;
  font-size: 16px !important;
}
.error-text-form,
.error-after-submit,
.group-specific-methods .crypto-address-tag-info,
.error-text,
.form-group .text.visible,
.form-group .error,
.form-group .help-block.input-error,
.form-group .help-block,
.text-danger {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-top: 4px !important;
  padding-top: 0 !important;
  display: block;
  text-align: left !important;
  color: #d14222 !important;
}
.alert-danger-format,
.alert-danger {
  padding: 8px 16px !important;
  border: none !important;
  border-radius: 8px !important;
  background-color: #d49f93 !important;
  color: #8b2d17 !important;
}
.alert-warning-format,
.alert-warning {
  padding: 8px 16px !important;
  border: none !important;
  border-radius: 8px !important;
  background-color: #d6d685 !important;
  color: #47470b !important;
  font-size: 14px !important;
  justify-content: center !important;
}
.alert-info-format,
.alert-info {
  padding: 8px 16px !important;
  border: none !important;
  border-radius: 8px !important;
  background-color: #a67dcf !important;
  color: #420c79 !important;
}
.help-text-format,
.help-text,
.modal-dialog.cashier-modal .cashier-inner-container .exchange-amount,
.modal-dialog.cashier-mobile-modal .cashier-inner-container .exchange-amount,
.help {
  color: #6b0dca !important;
  margin: 4px 0 0 0 !important;
  text-align: left;
  font-size: 12px !important;
  line-height: 16px !important;
  display: inline-block;
  padding-left: 0;
  font-weight: 600 !important;
}
.button-loader-format,
.load-more-container .btn .sk-fading-circle,
.form.recover .btn .sk-fading-circle,
.form.login .btn .sk-fading-circle,
.form.register-form .btn .sk-fading-circle,
.register-form-container .btn .sk-fading-circle,
.modal-wrapper.verify .btn .sk-fading-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1200px) {
  .container-format,
  .custom-accordion.styled-text-list .container,
  .footer-container
    .footer-dynamic-content
    .styled-text-list.footer-bottom-content
    .container,
  .footer-container .footer-dynamic-content .container,
  .panel-section,
  .styled-text-list.title .container,
  .hero-banner-two-columns.bonus-banner-bs .container,
  .gameSlider .container,
  .gameSlider .title-wrapper .panel-navigate .navigate-wrapper,
  .pn-promo
    .promotion-detail-wrapper
    .styled-text-list.back-to-promotions.max-width
    .container,
  .box-with-icon.box-with-button .taglines-group,
  .box-with-icon.box-with-button .container,
  .styled-text-list .container,
  .account-page-container > .row,
  .account-page-container.container,
  .main-menu-container {
    padding-left: 0;
    padding-right: 0;
    max-width: 1124px;
  }
}
@media (max-width: 1230px) {
  .container-format,
  .custom-accordion.styled-text-list .container,
  .footer-container
    .footer-dynamic-content
    .styled-text-list.footer-bottom-content
    .container,
  .footer-container .footer-dynamic-content .container,
  .panel-section,
  .styled-text-list.title .container,
  .hero-banner-two-columns.bonus-banner-bs .container,
  .gameSlider .container,
  .gameSlider .title-wrapper .panel-navigate .navigate-wrapper,
  .pn-promo
    .promotion-detail-wrapper
    .styled-text-list.back-to-promotions.max-width
    .container,
  .box-with-icon.box-with-button .taglines-group,
  .box-with-icon.box-with-button .container,
  .styled-text-list .container,
  .account-page-container > .row,
  .account-page-container.container,
  .main-menu-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 1199px) {
  .container-format,
  .custom-accordion.styled-text-list .container,
  .footer-container
    .footer-dynamic-content
    .styled-text-list.footer-bottom-content
    .container,
  .footer-container .footer-dynamic-content .container,
  .panel-section,
  .styled-text-list.title .container,
  .hero-banner-two-columns.bonus-banner-bs .container,
  .gameSlider .container,
  .gameSlider .title-wrapper .panel-navigate .navigate-wrapper,
  .pn-promo
    .promotion-detail-wrapper
    .styled-text-list.back-to-promotions.max-width
    .container,
  .box-with-icon.box-with-button .taglines-group,
  .box-with-icon.box-with-button .container,
  .styled-text-list .container,
  .account-page-container > .row,
  .account-page-container.container,
  .main-menu-container {
    max-width: 960px !important;
  }
}
@media (max-width: 991px) {
  .container-format,
  .custom-accordion.styled-text-list .container,
  .footer-container
    .footer-dynamic-content
    .styled-text-list.footer-bottom-content
    .container,
  .footer-container .footer-dynamic-content .container,
  .panel-section,
  .styled-text-list.title .container,
  .hero-banner-two-columns.bonus-banner-bs .container,
  .gameSlider .container,
  .gameSlider .title-wrapper .panel-navigate .navigate-wrapper,
  .pn-promo
    .promotion-detail-wrapper
    .styled-text-list.back-to-promotions.max-width
    .container,
  .box-with-icon.box-with-button .taglines-group,
  .box-with-icon.box-with-button .container,
  .styled-text-list .container,
  .account-page-container > .row,
  .account-page-container.container,
  .main-menu-container {
    max-width: 720px !important;
  }
}
@media (max-width: 768px) {
  .container-format,
  .custom-accordion.styled-text-list .container,
  .footer-container
    .footer-dynamic-content
    .styled-text-list.footer-bottom-content
    .container,
  .footer-container .footer-dynamic-content .container,
  .panel-section,
  .styled-text-list.title .container,
  .hero-banner-two-columns.bonus-banner-bs .container,
  .gameSlider .container,
  .gameSlider .title-wrapper .panel-navigate .navigate-wrapper,
  .pn-promo
    .promotion-detail-wrapper
    .styled-text-list.back-to-promotions.max-width
    .container,
  .box-with-icon.box-with-button .taglines-group,
  .box-with-icon.box-with-button .container,
  .styled-text-list .container,
  .account-page-container > .row,
  .account-page-container.container,
  .main-menu-container {
    max-width: 540px !important;
  }
}
span,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.alert {
  line-height: normal;
}
.modal-wrapper.verify .btn {
  position: relative;
}
.register-form-container .btn {
  position: relative;
}
.form.register-form .btn {
  position: relative;
}
.form.login .btn {
  position: relative;
}
.form.recover .btn {
  position: relative;
}
.load-more-container .btn {
  position: relative;
}
.desktop-logo-container .logo {
  width: unset;
  height: 40px;
}
.main-menu-container {
  padding: 0;
  height: 64px;
  margin: 0 auto;
}
.main-menu-container .navbar-nav {
  max-width: unset !important;
  margin: 0 auto;
  height: 64px;
}
.main-menu-container .navbar-nav .desktop-top-menu-nav {
  display: none !important;
}
.main-menu-container .navbar-nav .desktop-logo-container {
  text-align: left;
  display: flex;
  align-items: center;
}
.main-menu-container .navbar-nav .desktop-user-panel {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropbtn {
  height: 40px !important;
  border: none;
  background-color: #161630;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropbtn
  .flagIcon
  .material-icons {
  font-size: 20px;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropbtn
  .arrow-icon
  .material-icons {
  display: none;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropbtn
  .arrow-icon::after {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/arrows_and_fields_02e5f6a697.svg");
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content {
  width: 212px !important;
  background-color: #161630;
  padding: 8px !important;
  left: -20px !important;
  border-radius: 8px;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  min-height: 42px;
  padding: 0 16px !important;
  white-space: pre-wrap;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: none !important;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem:hover {
  border-radius: 8px !important;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem:not(:first-child) {
  margin-top: 4px;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem:not(:last-child) {
  margin-bottom: 4px;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem:hover {
  background-color: #090920 !important;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem
  .item {
  padding: 0;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem
  .item:hover {
  background-color: transparent;
  padding: 0;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem
  .item
  span {
  padding-left: 0 !important;
  text-align: left;
  white-space: pre-wrap;
}
.main-menu-container
  .navbar-nav
  .desktop-user-panel
  .lngAndButtonWrap
  .language-menu-container
  .dropdown-content
  .dropdownItem
  .item
  span
  img {
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 25px;
}
.main-menu-container .currency-selector {
  padding: 4px 8px 4px 8px;
  background-color: #161630;
  border-radius: 8px;
  height: 41px;
}
.main-menu-container .currency-selector .currency-selector-dropdown.show {
  margin-top: 8px;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper {
  margin-top: 0;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies {
  background-color: #161630;
  padding: 8px !important;
  margin-top: 4px !important;
  box-shadow: none;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container
  .currency-selector-list {
  justify-content: space-between;
  padding: 12px 16px;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container
  .currency-selector-list
  .currency-icon-container {
  width: 24px;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container
  .currency-selector-list
  .currency-icon-container
  .currency-icon {
  margin-left: 0;
  margin-right: 4px;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container
  .currency-selector-list
  .currency-name {
  font-size: 12px;
  color: #fff;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container
  .currency-selector-list
  .currency-balance
  .original-balance,
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container
  .currency-selector-list
  .currency-balance
  .exchange {
  font-size: 12px;
  color: #fff;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container.active {
  background: #090920;
  border-radius: 8px;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container:hover {
  background: #090920;
  border-radius: 8px;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container:not(:first-child) {
  margin-top: 4px;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies
  .currency-list-container:not(:last-child) {
  margin-bottom: 4px;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-currencies::-webkit-scrollbar {
  width: 1px;
  background-color: #ffacfb;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button {
  background-color: #161630;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list {
  border-top: 1px solid #3d455a;
  margin-top: 0;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .checkbox-wrapper
  .checkbox-label {
  font-size: 12px;
  color: #fff;
}
.main-menu-container
  .currency-selector
  .currency-selector-dropdown.show
  .currency-dropdown-wrapper
  .currency-list-container.button
  .currency-selector-list
  .checkbox-wrapper
  .checkbox-label:hover {
  color: #fff;
}
.main-menu-container .currency-selector .arrow-icon::after {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/arrows_down_7e7aadb102.svg");
  width: 20px;
  margin-left: 4px;
  display: block;
}
.main-menu-container .currency-selector .arrow-icon .material-icons {
  display: none;
}
.main-menu-container
  .currency-selector:has(.currency-selector-dropdown.show)
  .arrow-icon::after {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/arrows_up_b798cbf93a.svg");
  width: 20px;
  margin-left: 4px;
  display: block;
}
.main-menu-container
  .currency-selector:has(.currency-selector-dropdown.show)
  .arrow-icon
  .material-icons {
  display: none;
}
.main-menu-container .loggedinContainer .mobile-top-deposit {
  margin-left: 8px;
  margin-right: 8px;
  height: 41px;
  width: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background-color: var(--cta);
  cursor: pointer;
}
.main-menu-container .loggedinContainer .mobile-top-deposit .material-icons {
  display: none;
}
.main-menu-container .loggedinContainer .mobile-top-deposit::after {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/wallet_icon_2_bb609877d5.svg");
  width: 18px;
  height: 18px;
  margin-top: 4px;
  display: block;
}
.main-menu-container .loggedinContainer .top-deposit::before {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/wallet_icon_2_bb609877d5.svg");
  width: 16px;
  display: block;
  margin-right: 8px;
}
.main-menu-container .loggedinContainer .mobile-account-button,
.main-menu-container .loggedinContainer .account-button {
  cursor: pointer;
  width: 41px;
  height: 41px;
}
.main-menu-container .loggedinContainer .mobile-account-button .material-icons,
.main-menu-container .loggedinContainer .account-button .material-icons {
  display: none;
}
.main-menu-container .loggedinContainer .mobile-account-button::after,
.main-menu-container .loggedinContainer .account-button::after {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/Profile_1_5e4126e057.svg");
  width: 41px;
  height: 41px;
  display: block;
}
.main-menu-container .loggedinContainer .menuContainer {
  background-color: #161630;
  border-radius: 8px;
  width: 268px;
  position: absolute;
}
.main-menu-container .loggedinContainer .menuContainer .menu {
  padding: 0;
}
.main-menu-container
  .loggedinContainer
  .menuContainer
  .menu
  .menuButtonWrapper {
  padding: 8px;
  margin-top: 0;
}
.main-menu-container
  .loggedinContainer
  .menuContainer
  .menu
  .menuButtonWrapper
  .menu-button {
  background-color: #161630;
  padding: 12px;
  min-height: 48px;
  margin-bottom: 0;
}
.main-menu-container
  .loggedinContainer
  .menuContainer
  .menu
  .menuButtonWrapper
  .menu-button:hover
  .title {
  color: #fff;
}
.main-menu-container
  .loggedinContainer
  .menuContainer
  .menu
  .menuButtonWrapper
  .menu-button:hover
  .material-icons {
  color: #fff;
}
.main-menu-container
  .loggedinContainer
  .menuContainer
  .menu
  .menuButtonWrapper
  .menu-button
  .title {
  padding-left: 10px;
}
.main-menu-container
  .loggedinContainer
  .menuContainer
  .menu
  .menuButtonWrapper
  .menu-button
  .icon
  .material-icons {
  font-size: 22px;
}
.main-menu-container
  .loggedinContainer
  .menuContainer
  .menu
  .menuButtonWrapper
  .menu-button:hover {
  background-color: rgba(197, 24, 213, 0.1);
  border-radius: 8px;
}
.main-menu-container .loggedinContainer .menuContainer .menu .menu-title {
  padding-left: 20px;
  color: #fff;
}
.mobile input,
.mobile input.form-control,
.mobile .form-control,
.mobile .v2-amount-input__input {
  font-size: 16px !important;
}
@media (max-width: 576px) {
  input,
  input.form-control,
  .form-control,
  .v2-amount-input__input,
  .group-specific-methods
    .crypto-amount-input
    .choose-amount-container
    .v2-amount-input
    .v2-amount-input__input {
    font-size: 16px !important;
  }
}
.form-group label {
  color: #fff;
  font-size: 12px;
  margin-bottom: 5px;
}
.alert {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}
.alert-warning {
  margin-bottom: 16px;
}
.alert-danger {
  margin-bottom: 16px;
}
.alert-info {
  margin-bottom: 16px;
}
.modal-dialog .content-wrapper {
  background-color: #0f0f2a;
}
.cashier-inner-container.buy-crypto,
.cashier-inner-container.method,
.cashier-inner-container.withdraw,
.deposit-container {
  background-color: #0f0f2a;
}
@media (max-width: 576px) {
  .menu-layout
    .main-menu-container.header.mobile
    .header-container
    .headerLeft {
    display: none;
  }
}
@media (max-width: 576px) {
  .menu-layout
    .main-menu-container.header.mobile.logged-in
    .header-container
    .headerLeft {
    display: flex;
  }
}
.headerMiddle .logo {
  max-height: 40px;
  height: 40px;
}
.main-menu-container.mobile {
  padding: 0;
}
.main-menu-container.mobile .header-container {
  height: 64px;
}
.main-menu-container.mobile .header-container .headerMiddle .logo {
  width: unset;
}
.main-menu-container.mobile .header-container .headerLeft .logo.light-logo {
  display: none;
}
.main-menu-container.mobile .header-container .headerLeft .logo.dark-logo {
  display: block;
}
.menu-layout .fixed-menu-btn.topmenu {
  height: 40px !important;
}
.menu-layout .main-menu-container.scrolled {
  background-color: #090920 !important;
}
.menu-layout .main-menu-container.mobile.scrolled.scrolled {
  background-color: #090920 !important;
}
.menu-layout .bottom-menu {
  height: 66px;
}
.menu-layout .bottom-menu a:first-child {
  order: 2;
}
.menu-layout .bottom-menu a:nth-child(2) {
  order: 3;
}
.menu-layout .bottom-menu a:nth-child(3) {
  order: 4;
}
.menu-layout .bottom-menu a:nth-child(4) {
  order: 5;
}
.menu-layout .bottom-menu a:nth-child(5) {
  order: 6;
}
.menu-layout .bottom-menu .mobile-menu-item [class*=" custom-icon-"],
.menu-layout .bottom-menu .mobile-menu-item i[class^="custom-icon-"] {
  font-size: 18px !important;
  color: #fff;
}
.menu-layout .bottom-menu .mobile-menu-item .menu-text {
  font-size: 10px;
  margin-top: 4px;
  color: #fff;
}
.menu-layout .bottom-menu button.mobile-menu-item .icon {
  font-size: 16px;
}
.menu-layout .bottom-menu button.mobile-menu-item .icon .material-icons {
  display: none;
}
.menu-layout .bottom-menu button.mobile-menu-item .icon::after {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/burger_menu_16_5950c72c65.svg");
  width: 16px;
  height: 16px;
  font-size: 18px;
  display: block;
}
.menu-layout .bottom-menu,
.menu-layout .main-menu-container,
.menu-layout .sidemenu-container,
.menu-layout .sidemenu-container-expanded,
.menu-layout-sidebar,
.menu-layout .sidemenu-container,
.menu-layout .sidemenu-container.active {
  background: #090920 !important;
}
.sidemenu-container .sidemenu-header {
  background: #090920 !important;
  height: 64px !important;
}
.sidemenu-container .sidemenu-header .close-button {
  height: 64px !important;
  background: linear-gradient(
    277deg,
    rgba(204, 0, 255, 0.5) 0.93%,
    rgba(191, 0, 255, 0.04) 98.47%
  );
  border-bottom: 1px solid rgba(209, 164, 255, 0.1);
}
.sidemenu-container .sidemenu-header .close-button .material-icons {
  display: none;
}
.sidemenu-container .sidemenu-header .close-button .hamburger-bars::after {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/burger_menu_20_7557283c0f.svg");
  width: 20px;
  height: 20px;
  display: block;
}
.sidemenu-container .menu-items-container .menu-items {
  padding: 20px 15px !important;
}
.sidemenu-container .menu-items-container .menu-items::before {
  content: "Games";
  padding: 10px 12px;
  color: #ffacfb;
}
.sidemenu-container .menu-items-container .menu-items .nav-link {
  background-color: transparent !important;
  gap: 8px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  height: 32px;
  gap: 10px !important;
}
.sidemenu-container
  .menu-items-container
  .menu-items
  .nav-link
  [class*=" custom-icon-"],
.sidemenu-container
  .menu-items-container
  .menu-items
  .nav-link
  i[class^="custom-icon-"] {
  font-size: 16px !important;
}
.sidemenu-container
  .menu-items-container
  .menu-items
  .expandeble-sub-menu.expanded-sub-menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sidemenu-container
  .menu-items-container
  .menu-items
  .expandeble-sub-menu.expanded-sub-menu
  .submenu-tab-link {
  border-radius: 0 !important;
}
.sidemenu-container
  .menu-items-container
  .menu-items
  .expandeble-sub-menu.expanded-sub-menu
  .submenu-tab-link:hover {
  background-color: #161630 !important;
}
.sidemenu-container .footer-items {
  padding: 20px 15px 10px 15px !important;
}
.sidemenu-container .footer-items.footer-items-fixed::before {
  content: "General";
  padding: 10px 12px;
  color: #ffacfb;
}
.sidemenu-container .footer-items .nav-link {
  background-color: transparent !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  height: 32px;
  gap: 10px !important;
}
.sidemenu-container .footer-items .nav-link [class*=" custom-icon-"],
.sidemenu-container .footer-items .nav-link i[class^="custom-icon-"] {
  font-size: 16px !important;
}
.sidemenu-container
  .footer-items
  .nav-link.support-link
  .custom-icon-headphones:before {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/support_icon_1_66749696af.svg");
  width: 16px;
  display: block;
}
.sidemenu-container .footer-items .nav-link.active {
  background-color: #c518d5 !important;
}
.sidemenu-container .footer-items .nav-link.active:hover {
  background-color: #c518d5 !important;
}
.sidemenu-container .footer-items .nav-link.active.support-link {
  background-color: transparent !important;
}
.sidemenu-container .footer-items .nav-link:hover {
  background-color: rgba(197, 24, 213, 0.1) !important;
}
.sidemenu-container .footer-items .nav-link:hover.support-link {
  background-color: rgba(197, 24, 213, 0.1) !important;
}
.sidemenu-container .footer-items .nav-link.support-link {
  order: 9999;
}
.sidemenu-container .footer-items.footer-items-collapsed {
  display: flex;
  align-items: center !important;
  justify-content: center;
}
.sidemenu-container
  .footer-items.footer-items-collapsed
  .nav-link.support-link
  .custom-icon-headphones:before {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/support_icon_1_66749696af.svg");
  width: 16px;
  display: block;
}
.sidemenu-container .footer-items.footer-items-collapsed .nav-link:hover {
  background-color: rgba(197, 24, 213, 0.1) !important;
  width: 36px !important;
  justify-content: center;
}
.sidemenu-container
  .footer-items.footer-items-collapsed
  .nav-link:hover.support-link {
  background-color: rgba(197, 24, 213, 0.1) !important;
}
.sidemenu-container
  .footer-items.footer-items-collapsed
  .nav-link.active-collapsed {
  background-color: #c518d5 !important;
  width: 36px !important;
  justify-content: center;
}
.sidemenu-container .menu-items .nav-link {
  background-color: transparent !important;
}
.sidemenu-container .menu-items .nav-link [class*=" custom-icon-"],
.sidemenu-container .menu-items .nav-link i[class^="custom-icon-"] {
  font-size: 16px !important;
}
.sidemenu-container .menu-items .nav-link.submenu-link.active {
  background-color: #c518d5 !important;
}
.sidemenu-container .menu-items .nav-link.submenu-link.active:hover {
  background-color: #c518d5 !important;
}
.sidemenu-container .menu-items .nav-link.submenu-link:hover {
  background-color: rgba(197, 24, 213, 0.1) !important;
  border-radius: 7px !important;
}
.sidemenu-container .menu-items.menu-items-collapsed {
  gap: 10px !important;
}
.sidemenu-container .menu-items.menu-items-collapsed .fixed-nav-link {
  background-color: transparent !important;
  height: 32px;
  width: 36px !important;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.sidemenu-container
  .menu-items.menu-items-collapsed
  .fixed-nav-link.active-collapsed {
  background-color: #c518d5 !important;
}
.sidemenu-container
  .menu-items.menu-items-collapsed
  .fixed-nav-link.active-collapsed:hover {
  background-color: #c518d5 !important;
}
.sidemenu-container .menu-items.menu-items-collapsed .fixed-nav-link:hover {
  background-color: rgba(197, 24, 213, 0.1) !important;
  border-radius: 5px;
}
.sidemenu-container .language-wrapper-container {
  display: none !important;
  padding-left: 15px;
  padding-right: 15px;
}
.sidemenu-container .language-wrapper-container .dropdown-btn {
  width: 100%;
}
.sidemenu-container .language-wrapper-container .dropdown-btn .dropdown-toggle {
  width: 100% !important;
  border: transparent !important;
  background-color: #161630 !important;
  justify-content: space-around;
}
.sidemenu-container
  .language-wrapper-container
  .dropdown-btn
  .dropdown-toggle
  .material-icons {
  font-size: 18px;
}
.sidemenu-container
  .language-wrapper-container
  .dropdown-btn
  .dropdown-toggle:after {
  margin-left: 6em;
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/arrows_and_fields_02e5f6a697.svg");
  border: none;
}
.sidemenu-container .language-wrapper-container .dropdown-menu.show {
  inset: auto !important;
  transform: none !important;
  width: 212px !important;
  background-color: #161630;
  padding: 8px !important;
  margin-top: 4px !important;
}
.sidemenu-container
  .language-wrapper-container
  .dropdown-menu.show
  .dropdown-item {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  min-height: 42px;
  padding: 0 16px !important;
  white-space: pre-wrap;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.sidemenu-container
  .language-wrapper-container
  .dropdown-menu.show
  .dropdown-item:hover {
  border-radius: 8px !important;
}
.sidemenu-container
  .language-wrapper-container
  .dropdown-menu.show
  .dropdown-item:not(:first-child) {
  margin-top: 4px;
}
.sidemenu-container
  .language-wrapper-container
  .dropdown-menu.show
  .dropdown-item:not(:last-child) {
  margin-bottom: 4px;
}
.sidemenu-container
  .language-wrapper-container
  .dropdown-menu.show
  .dropdown-item:hover {
  background-color: #090920 !important;
}
.sidemenu-container.sidemenu-container-expanded .cashback-component {
  background-color: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  margin-left: 15px;
  margin-right: 15px;
}
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-header-container {
  text-align: center;
}
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-header-container
  h4 {
  color: #fff;
}
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-timer-container {
  justify-content: center;
}
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-timer-container
  .cashback-timer-item {
  background-color: none;
}
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-timer-container
  .cashback-timer-item
  h3 {
  color: #fff;
}
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-timer-container
  .cashback-timer-item
  .cachback-timer-item-text {
  color: #fff;
  opacity: 1;
}
.sidemenu-container.sidemenu-container-expanded
  .cashback-component
  .cashback-timer-container
  .timer-dots {
  stroke: #fff !important;
}
.sidemenu-container.sidemenu-container-expanded
  .sidemenu-header.expanded
  .close-button
  .hamburger-bars::after {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/closex_984d161788.svg");
}
.menu-layout .menu-layout-sidebar .language-wrapper-container {
  background-color: #090920 !important;
}
.menu-layout.fixed .sidemenu-container-expanded,
.menu-layout.fixed .menu-layout-sidebar.expanded {
  width: 242px !important;
}
.menu-layout.fixed .menu-layout-content.expanded {
  margin-left: 242px;
}
.menu-layout.fixed .menu-layout-navbar.expanded {
  left: 242px;
}
.menu-layout .menu-layout-sidebar {
  width: 64px;
}
.menu-layout .menu-layout-content {
  margin-left: 64px;
  padding-top: 64px !important;
}
.menu-layout .menu-layout-content.game-inview .game-close-mobile {
  top: 70px;
}
@media (max-width: 576px) {
  body.pn-play {
    overflow-y: hidden;
  }
}
.menu-layout .menu-layout-navbar {
  left: 64px;
  background-color: #090920;
}
.mobile .unread-notifications.floating {
  right: 25px;
}
.notFound-wrapper {
  height: auto;
  min-height: 300px;
}
.notFound-wrapper img.notFound {
  min-height: 300px;
}
.notFound-wrapper p {
  color: #fff;
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
}
input::-moz-placeholder {
  font-size: 14px;
  color: #8a8a8a;
}
input:-ms-input-placeholder {
  font-size: 14px;
  color: #8a8a8a;
}
input::placeholder {
  font-size: 14px;
  color: #8a8a8a;
}
.password-rules .password-rule {
  font-size: 12px;
}
.modal-dialog .modal-content {
  border-radius: 8px;
  padding: 24px;
  background-color: #0f0f2a;
  border: 1px solid rgba(209, 164, 255, 0.1);
}
.modal-dialog .modal-content .modal-header {
  color: #fff;
}
.modal-dialog .modal-content .modal-header h5 {
  color: #fff;
  font-size: 18px;
}
.modal-dialog .modal-content .modal-body form.profile-modal .form-group {
  margin-bottom: 0;
}
.modal-dialog .modal-content .modal-body form.profile-modal .help {
  color: #a67dcf !important;
}
.modal-dialog .modal-content .modal-body form.profile-modal button {
  width: 100%;
  margin-top: 16px;
}
.modal-dialog .modal-content .modal-footer {
  color: #fff;
}
.modal-dialog .modal-content .transaction-modal__header-title {
  font-size: 18px;
}
.modal-dialog .modal-content .transaction-modal__transactions {
  padding: 0;
}
.modal-dialog.user-modal .modal-content {
  border-radius: 20px;
  padding: 0;
}
.modal-dialog.user-modal .modal-wrapper {
  border-radius: 20px;
}
.modal-dialog.user-modal .modal-dynamic-content-section {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.modal-dialog.user-modal .modal-wrapper .modal-container {
  background-color: #171d35;
  padding: 26px 41px 62px 41px;
  border-radius: 20px;
}
@media (max-width: 576px) {
  .modal-dialog.user-modal .modal-wrapper .modal-container {
    padding: 26px 24px 62px 24px;
  }
}
.modal-dialog.user-modal .modal-wrapper .modal-header {
  padding: 72px 0 16px;
}
.modal-dialog.user-modal .modal-wrapper .modal-header .header {
  width: 100%;
}
.modal-dialog.user-modal .modal-wrapper .modal-header .header .title {
  text-align: left;
}
.modal-dialog.user-modal .modal-wrapper .modal-body {
  padding: 0;
}
.modal-dialog.user-modal .modal-wrapper .modal-body h4,
.modal-dialog.user-modal .modal-wrapper .modal-body h2 {
  font-size: 16px;
  text-align: center;
}
.modal-dialog.user-modal .modal-wrapper .modal-body p,
.modal-dialog.user-modal .modal-wrapper .modal-body h5 {
  color: #8a8a8a;
  text-align: center;
}
.modal-dialog.user-modal .modal-wrapper.login {
  min-height: 640px;
}
.modal-dialog.user-modal .modal-wrapper.login .modal-container {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
@media (max-width: 991px) {
  .modal-dialog.user-modal .modal-wrapper.login .modal-container {
    border-radius: 20px;
  }
}
.modal-dialog.user-modal .modal-wrapper.registration {
  min-height: 640px;
}
.modal-dialog.user-modal .modal-wrapper.registration .modal-container {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
@media (max-width: 991px) {
  .modal-dialog.user-modal .modal-wrapper.registration .modal-container {
    border-radius: 20px;
  }
}
.modal-dialog.user-modal .modal-wrapper.registration .switch-group .switch {
  margin-top: -5px;
}
.modal-dialog.user-modal
  .modal-wrapper.registration
  .switch-group
  #termsAccepted {
  margin-left: 5px;
}
.modal-dialog.user-modal .modal-wrapper.recover {
  min-height: 640px;
}
.modal-dialog.user-modal .modal-wrapper.recover .modal-container {
  border-radius: 20px;
}
.modal-dialog.user-modal .modal-wrapper.recover .recover-alert {
  margin-top: 43px;
}
.modal-dialog.user-modal .modal-wrapper.verify .register-form-container {
  padding-top: 0;
}
.modal-dialog.user-modal.verify-modal .modal-content .modal-wrapper {
  background-color: #0f0f2a;
  box-shadow: none;
}
.modal-dialog.user-modal.verify-modal
  .modal-content
  .modal-wrapper
  .modal-header {
  flex-direction: column;
  margin-top: 16px;
}
.modal-dialog.user-modal.verify-modal
  .modal-content
  .modal-wrapper
  .modal-header
  .title-content {
  color: #fff;
  font-size: 18px;
}
.modal-dialog.user-modal.verify-modal
  .modal-content
  .modal-wrapper
  .modal-header
  .new-device {
  margin-top: 16px;
  color: #8a8a8a;
  text-align: left;
}
.modal-dialog.cashier-modal .modal-header .menu-close,
.modal-dialog.cashier-mobile-modal .modal-header .menu-close {
  top: 32px !important;
}
.modal-dialog.cashier-modal .cashier-inner-container,
.modal-dialog.cashier-mobile-modal .cashier-inner-container {
  margin-top: 16px;
  padding: 0;
}
.modal-dialog.cashier-modal .cashier-inner-container .buy-crypto-description,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .buy-crypto-description {
  margin-bottom: 16px;
}
.modal-dialog.cashier-modal .cashier-inner-container .disclaimer,
.modal-dialog.cashier-mobile-modal .cashier-inner-container .disclaimer {
  margin-top: 16px;
  text-align: left;
  color: #fff;
}
.modal-dialog.cashier-modal .cashier-inner-container .title,
.modal-dialog.cashier-modal .cashier-inner-container h3,
.modal-dialog.cashier-mobile-modal .cashier-inner-container .title,
.modal-dialog.cashier-mobile-modal .cashier-inner-container h3 {
  font-size: 18px;
  text-align: left;
  display: block;
  padding: 0;
  margin-bottom: 9px;
}
.modal-dialog.cashier-modal
  .cashier-inner-container
  .choose-amount-container
  span.row,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .choose-amount-container
  span.row {
  display: inline-block;
}
.modal-dialog.cashier-modal .cashier-inner-container .paymentSelectorButton,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .paymentSelectorButton {
  margin-bottom: 16px;
}
.modal-dialog.cashier-modal
  .cashier-inner-container
  .paymentSelectorButton
  .method-name,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .paymentSelectorButton
  .method-name {
  font-size: 18px;
  white-space: pre-wrap;
  text-align: left;
  color: #fff;
}
.modal-dialog.cashier-modal
  .cashier-inner-container
  .paymentSelectorButton
  .method-name
  .method-back-icon,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .paymentSelectorButton
  .method-name
  .method-back-icon {
  border-radius: 10px;
  background-color: #3b464c;
}
.modal-dialog.cashier-modal
  .cashier-inner-container
  .withdrawWrapper
  .chooseMethod
  .col-12,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .withdrawWrapper
  .chooseMethod
  .col-12 {
  padding-left: 0;
  padding-right: 0;
}
.modal-dialog.cashier-modal .cashier-inner-container .crypto-details-container,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .crypto-details-container {
  margin-top: 16px;
}
.modal-dialog.cashier-modal
  .cashier-inner-container
  .crypto-details-container
  label,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .crypto-details-container
  label {
  color: #fff;
  margin-bottom: 5px;
}
.modal-dialog.cashier-modal
  .cashier-inner-container
  .crypto-details-container
  input,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .crypto-details-container
  input {
  min-height: 48px !important;
  height: unset !important;
}
.modal-dialog.cashier-modal .cashier-inner-container .v2-amount-input,
.modal-dialog.cashier-mobile-modal .cashier-inner-container .v2-amount-input {
  height: 48px !important;
  background-color: #161630;
  border-radius: 8px;
  margin-bottom: 0;
}
.modal-dialog.cashier-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__currency-label,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__currency-label {
  padding-left: 16px;
}
.modal-dialog.cashier-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__preset-button,
.modal-dialog.cashier-mobile-modal
  .cashier-inner-container
  .v2-amount-input
  .v2-amount-input__preset-button {
  padding-top: 0;
  padding-bottom: 0;
  height: 40px;
  background-color: #090920;
  color: #fff;
}
.modal-dialog.cashier-modal .cashier-inner-container .exchange-amount,
.modal-dialog.cashier-mobile-modal .cashier-inner-container .exchange-amount {
  color: #a67dcf !important;
}
.modal-dialog.cashier-modal .modal-header .menu-close {
  right: 24px !important;
}
.modal-dialog.cashier-mobile-modal .modal-content {
  height: 100vh;
}
.modal-dialog.cashier-mobile-modal .modal-content .modal-header .menu-close {
  top: 10px !important;
  right: 17px !important;
  background-color: transparent !important;
}
.success-modal .success {
  padding: 0;
}
.success-modal .success img {
  width: 50%;
  margin: 0 auto;
}
.modal-close-btn,
.modal-dialog.cashier-modal .modal-header .menu-close,
.modal-dialog.cashier-mobile-modal .modal-header .menu-close {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #3b464c;
  border-radius: 10px;
  padding: 7px !important;
  top: 26px;
  right: 41px;
}
@media (max-width: 576px) {
  .modal-close-btn,
  .modal-dialog.cashier-modal .modal-header .menu-close,
  .modal-dialog.cashier-mobile-modal .modal-header .menu-close {
    right: 24px;
  }
}
.modal-close-btn svg,
.modal-dialog.cashier-modal .modal-header .menu-close svg,
.modal-dialog.cashier-mobile-modal .modal-header .menu-close svg {
  width: 10px;
  height: 10px;
}
.login .eye-password {
  top: 10px;
}
.login .eye-password .material-icons {
  font-size: 16px;
  opacity: 0.6;
  color: #3d455a;
}
.eye-password {
  top: 2.5rem;
  right: 16px;
}
.eye-password .material-icons {
  font-size: 16px;
  opacity: 0.6;
  color: #3d455a;
}
.generic-text-button-container p {
  color: #8a8a8a;
}
.switch .switch__label:before {
  background-color: #090920;
  border: 1px solid #383838;
}
.switch .switch__input:checked + .switch__label:before {
  background-color: #a100ff;
}
.account-page-container > .row {
  flex-direction: column;
  gap: 30px;
}
.account-page-container > .row .account-page-menu-col {
  display: flex;
  align-items: center;
  max-width: 100%;
  width: 100%;
  flex: 0 0 100%;
  padding: 0;
}
@media (max-width: 1020px) {
  .account-page-container > .row .account-page-menu-col {
    flex-wrap: wrap;
    row-gap: 8px;
  }
}
@media (max-width: 576px) {
  .account-page-container > .row .account-page-menu-col {
    display: none;
  }
}
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .account-page-container
    > .row
    .account-page-menu-col
    .account-page-menu-container {
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    overflow-x: scroll;
    justify-content: flex-start;
    scroll-behavior: smooth;
  }
}
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container::-webkit-scrollbar {
  width: 0 !important;
  display: none !important;
}
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container
  .nav-menu {
  display: flex;
  padding: 4px;
  min-height: 46px;
  background-color: #161630;
  border: 1px solid rgba(209, 164, 255, 0.1);
  border-radius: 6px;
  gap: 12px;
}
@media (max-width: 1000px) {
  .account-page-container
    > .row
    .account-page-menu-col
    .account-page-menu-container
    .nav-menu {
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .account-page-container
    > .row
    .account-page-menu-col
    .account-page-menu-container
    .nav-menu {
    flex-wrap: nowrap;
  }
}
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container
  .nav-menu
  .nav-item {
  display: flex;
  align-items: center;
}
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container
  .nav-menu
  .nav-item
  .nav-link {
  padding: 0 12px;
  white-space: nowrap;
  height: 38px !important;
  border-radius: 6px;
}
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container
  .nav-menu
  .nav-item
  .nav-link
  i {
  display: none;
}
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container
  .nav-menu
  .nav-item
  .nav-link.active {
  padding-left: 12px;
  padding-right: 12px;
  background-color: #3d455a;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
}
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container
  .nav-menu
  .nav-item
  .nav-link.active:hover {
  background-color: #3d455a !important;
}
.account-page-container
  > .row
  .account-page-menu-col
  .account-page-menu-container
  .nav-menu
  .nav-item
  .nav-link:hover {
  border-radius: 6px;
  background-color: #333a4c !important;
}
.account-page-container > .row .account-page-menu-col .withdraw-menu-button {
  display: none;
  margin-top: 0;
  padding: 0 12px;
  white-space: nowrap;
  border: 1px solid rgba(209, 164, 255, 0.1) !important;
  height: 46px !important;
  background-color: #161630 !important;
  margin-left: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1020px) {
  .account-page-container > .row .account-page-menu-col .withdraw-menu-button {
    margin-left: 0;
  }
}
.account-page-container
  > .row
  .account-page-menu-col
  .withdraw-menu-button
  svg {
  display: none;
}
.account-page-container > .row .account-page-content-col {
  max-width: 100%;
  width: 100%;
  flex: 0 0 100%;
  padding: 0;
}
.pn-account .account-content-container {
  background-color: #0f0f2a;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid rgba(209, 164, 255, 0.1);
}
.pn-account .content-padding {
  padding: 0;
}
.pn-account .content-padding h3,
.pn-account .content-padding h4 {
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
}
.pn-account .content-padding div {
  color: #fff;
}
.pn-account .content-padding .title {
  text-transform: capitalize;
}
.pn-account .content-padding table {
  margin-bottom: 0;
}
.pn-account .content-padding table thead th {
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  border-bottom: none;
  vertical-align: middle;
  padding: 0 0 16px 0;
  border-bottom: 1px solid rgba(209, 164, 255, 0.1);
}
.pn-account .content-padding table tbody tr {
  height: 52px;
}
.pn-account .content-padding table tbody td {
  color: #fff;
  vertical-align: middle;
  border-top: none;
}
.pn-account .content-padding table tbody i {
  width: 20px;
  height: 20px;
}
.pn-account .content-padding .balances-container thead th {
  white-space: nowrap;
}
.pn-account .content-padding .balances-container thead th.balance {
  width: 100%;
  padding-left: 30px;
}
.pn-account .content-padding .balances-container tbody td {
  padding: 0;
  white-space: nowrap;
}
.pn-account
  .content-padding
  .balances-container
  tbody
  td
  .currency-icon-container {
  justify-content: flex-start;
}
.pn-account
  .content-padding
  .balances-container
  tbody
  td
  .currency-icon-container
  i {
  margin-right: 10px;
}
@media (max-width: 768px) {
  .pn-account .content-padding .balances-container::-webkit-scrollbar {
    width: 0 !important;
    display: none !important;
  }
}
.pn-account .account-card,
.pn-account .balances-container {
  padding: 0;
  box-shadow: none;
  border-radius: 8px;
  margin-top: 30px;
  background-color: #0f0f2a;
}
.pn-account .account-card.user-level .info-container h1,
.pn-account .balances-container.user-level .info-container h1 {
  text-align: left;
  font-size: 18px;
  color: var(--cta);
}
.pn-account .account-card.user-level .info-container h2,
.pn-account .balances-container.user-level .info-container h2 {
  text-align: left;
}
.pn-account .account-card.user-level .info-container ul li,
.pn-account .balances-container.user-level .info-container ul li {
  color: #bdbdbd;
}
.pn-account.pn-transactions .currency-info-banner {
  align-items: flex-start;
}
@media (max-width: 576px) {
  .pn-account.pn-transactions .currency-info-banner {
    align-items: center;
  }
}
.pn-account.pn-transactions .currency-info-banner .currency-info-main {
  font-size: 14px;
  text-align: left;
}
@media (max-width: 576px) {
  .pn-account.pn-transactions .currency-info-banner .currency-info-main {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    white-space: nowrap;
  }
}
.pn-account.pn-transactions
  .currency-info-banner
  .currency-info-main
  .currency-icon {
  margin-left: 4px;
  margin-right: 4px;
}
.pn-account.pn-transactions .currency-info-banner .currency-hint {
  font-size: 12px;
  text-align: left;
}
@media (max-width: 576px) {
  .pn-account.pn-transactions .currency-info-banner .currency-hint {
    text-align: center;
  }
}
.pn-account.pn-transactions .tp-tableContainer {
  margin-top: 30px;
  background-color: transparent;
  border-radius: 0;
}
.pn-account.pn-transactions .tp-tableContainer .transaction-table {
  background-color: #0f0f2a;
  border: 1px solid rgba(209, 164, 255, 0.1);
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__paginate {
  border: none;
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__header-container {
  border-bottom: none;
  color: #fff;
}
@media (max-width: 768px) {
  .pn-account.pn-transactions
    .tp-tableContainer
    .transaction-table
    .transaction-table__header-container {
    display: none;
  }
}
@media (max-width: 576px) {
  .pn-account.pn-transactions
    .tp-tableContainer
    .transaction-table
    .transaction-table__body-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .transaction-table__no-data--span {
  white-space: nowrap;
  color: #fff;
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .currency-icon-container {
  margin-left: 4px;
  margin-right: 4px;
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .currency-icon-container
  i {
  width: 20px;
  height: 20px;
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .transaction-table__row {
  border-bottom: none;
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .transaction-table__row
  .transaction-table__cell-content--value {
  color: #fff;
  white-space: nowrap;
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .transaction-table__row
  .transaction-table__cell-content
  svg
  path {
  fill: #fff;
}
@media (max-width: 768px) {
  .pn-account.pn-transactions
    .tp-tableContainer
    .transaction-table
    .transaction-table__body-container
    .transaction-table__row
    .transaction-table__cell-component--status {
    padding-left: 0;
  }
}
@media (max-width: 576px) {
  .pn-account.pn-transactions
    .tp-tableContainer
    .transaction-table
    .transaction-table__body-container
    .transaction-table__row
    .transaction-table__cell-component--status {
    justify-content: flex-start;
  }
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .transaction-table__row
  .transaction-table__cell-component--status
  .transaction-table__cell-content--status-label {
  background-color: transparent;
}
@media (max-width: 768px) {
  .pn-account.pn-transactions
    .tp-tableContainer
    .transaction-table
    .transaction-table__body-container
    .transaction-table__row
    .transaction-table__cell-component--status
    .transaction-table__cell-content--status-label {
    text-align: left;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .pn-account.pn-transactions
    .tp-tableContainer
    .transaction-table
    .transaction-table__body-container
    .transaction-table__row
    .transaction-table__cell-component--transactionId {
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .pn-account.pn-transactions
    .tp-tableContainer
    .transaction-table
    .transaction-table__body-container
    .transaction-table__row
    .transaction-table__cell--transactionId {
    margin-top: 16px;
  }
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .transaction-table__row
  .transaction-table__cell--transactionId
  .transaction-table__cell-content--link {
  right: 40px;
}
@media (max-width: 768px) {
  .pn-account.pn-transactions
    .tp-tableContainer
    .transaction-table
    .transaction-table__body-container
    .transaction-table__row
    .transaction-table__cell--transactionId
    .transaction-table__cell-content--link {
    right: 20px;
  }
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .transaction-table__row
  .transaction-table__cell--transactionId
  .transaction-table__cell-content--link
  svg
  path {
  fill: #fff;
}
.pn-account.pn-transactions
  .tp-tableContainer
  .transaction-table
  .transaction-table__body-container
  .transaction-table__row
  .transaction-table__cell--transactionId
  .transaction-table__cell-content--input {
  font-size: 12px !important;
  background-color: transparent;
  color: #fff;
}
@media (max-width: 768px) {
  .pn-account.pn-transactions
    .tp-tableContainer
    .transaction-table
    .transaction-table__body-container
    .transaction-table__row
    .transaction-table__cell--transactionId
    .transaction-table__cell-content--input {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .pn-account.pn-transactions
    .tp-tableContainer
    .transaction-table
    .transaction-table__body-container
    .transaction-table__row {
    display: flex;
    flex-direction: column;
  }
}
.pn-account.pn-messages .content-padding .account-card {
  border-bottom: 1px solid rgba(209, 164, 255, 0.1);
  border-radius: 0;
  padding-bottom: 16px;
}
.pn-account.pn-messages .content-padding .account-card .icon-container i {
  color: #fff;
}
.pn-account.pn-messages .content-padding .mark-all-as-read {
  color: #ffacfb;
}
.pn-account.pn-messages .content-padding .message-view .message-body {
  gap: 16px;
}
.pn-account.pn-messages
  .content-padding
  .message-view
  .message-body
  .messsage-image-container
  img {
  border-radius: 8px;
}
.pn-account.pn-messages
  .content-padding
  .message-view
  .message-body
  .messsage-text-container {
  margin-top: 0;
  justify-content: flex-start;
}
.pn-account.pn-messages
  .content-padding
  .message-view
  .message-body
  .messsage-text-container
  h2 {
  color: #fff;
  font-size: 18px;
}
.pn-account.pn-messages
  .content-padding
  .message-view
  .message-body
  .messsage-text-container
  p {
  color: #fff;
}
.pn-account.pn-bonus .content-padding {
  border: 1px solid rgba(209, 164, 255, 0.1);
  padding: 20px;
  margin-bottom: 16px;
}
@media (max-width: 576px) {
  .pn-account.pn-bonus .content-padding {
    padding: 15px;
  }
}
.pn-account.pn-bonus .content-padding h4 {
  font-size: 14px;
  text-align: left;
}
.pn-account.pn-bonus .content-padding h3 {
  text-align: left;
  font-size: 18px;
}
.pn-account.pn-bonus .content-padding h3.section {
  border-bottom: 1px solid rgba(209, 164, 255, 0.1);
}
.pn-account.pn-bonus .content-padding .text {
  color: #bdbdbd;
  text-align: left;
  margin-bottom: 8px;
}
.pn-account.pn-bonus .content-padding .bonus-details {
  display: flex;
}
.pn-account.pn-bonus .content-padding .bonus-details .popup-link {
  display: flex;
  text-decoration: none;
  text-align: left;
}
.pn-account.pn-bonus .content-padding .bonus-details .popup-link i {
  font-size: 16px;
}
.pn-account.pn-bonus .content-padding .account-card {
  margin-top: 32px;
  border: none;
}
.pn-account.pn-bonus .content-padding .account-card .row {
  justify-content: space-between;
}
.pn-account.pn-bonus .content-padding .account-card .row .col-md-6.content {
  flex: 0 0 100%;
  max-width: 100%;
}
.pn-account.pn-bonus .content-padding .account-card .row .col-md-4.actions {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 8px;
  gap: 16px;
}
.pn-account.pn-bonus.modal-open .modal-body {
  margin-top: 16px;
}
.pn-account.pn-bonus.modal-open .modal-body h3 {
  font-size: 18px;
}
.pn-account.pn-bonus.modal-open .modal-body .bonus-description,
.pn-account.pn-bonus.modal-open .modal-body .bonus-details,
.pn-account.pn-bonus.modal-open .modal-body .details-item {
  color: #bdbdbd;
}
.pn-account.pn-bonus.modal-open .modal-body .bonus-description span,
.pn-account.pn-bonus.modal-open .modal-body .bonus-details span,
.pn-account.pn-bonus.modal-open .modal-body .details-item span {
  color: #bdbdbd;
}
.pn-account.pn-bonus.modal-open .modal-body .bonus-terms-title {
  display: flex;
  color: #fff;
  text-transform: capitalize !important;
}
.pn-account.pn-bonus.modal-open .modal-body .bonus-terms-title i {
  margin-right: 4px;
}
@media (max-width: 768px) {
  .pn-account.pn-bonus.modal-open .modal-body .account-card {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .pn-account.pn-bonus.modal-open .modal-body .account-card .icon-container {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .pn-account.pn-bonus.modal-open .modal-body .account-card .col-md-10 {
    padding-left: 0;
    padding-right: 0;
  }
}
.pn-account.pn-bonus.modal-open
  .modal-body
  .account-card.product-contribution:nth-child(
    1 of .account-card.product-contribution
  ) {
  margin-top: 0;
}
.pn-account.pn-bonus.pn-history .content-padding {
  padding-top: 0;
}
.pn-account.pn-bonus.pn-history .content-padding .bonus-history-titles {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(209, 164, 255, 0.1);
  margin-bottom: 6px;
}
.pn-account.pn-balances .content-padding .section {
  padding: 0;
}
.pn-account.pn-profile .account-content-container {
  background-color: #0f0f2a !important;
  border: 1px solid rgba(209, 164, 255, 0.1);
}
.pn-account.pn-profile .account-content-container .content-padding {
  border-radius: 8px;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .avatar-container
  i.material-icons {
  color: #fff;
  font-size: 46px;
}
.pn-account.pn-profile .account-content-container .content-padding h3.section,
.pn-account.pn-profile .account-content-container .content-padding h4.section {
  color: #fff;
  font-size: 18px;
  border-bottom: 1px solid rgba(209, 164, 255, 0.1);
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  h3.section
  i.material-icons,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  h4.section
  i.material-icons {
  display: none;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6
  label {
  color: #cc9dff;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6
  .help {
  color: #bdbdbd !important;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value {
  color: #fff;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-value.clickable
  i.material-icons {
  font-size: 14px;
  margin-top: 16px;
  margin-left: 0;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .activate2fa {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-container
  select.form-control {
  color: #fff;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right
  .form-container
  select.form-control
  option.optionSelect:first-child {
  border-radius: 8px;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right:has(span.clickable) {
  display: flex;
  justify-content: flex-end;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  .account-page-row
  .col-md-6.right:has(a.activate2fa) {
  display: flex;
  justify-content: flex-end;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  > .account-page-row:nth-child(1 of .account-page-row),
.pn-account.pn-profile
  .account-content-container
  .content-padding
  > .account-page-row:nth-child(2 of .account-page-row) {
  flex-direction: column;
}
.pn-account.pn-profile
  .account-content-container
  .content-padding
  > .account-page-row:nth-child(1 of .account-page-row)
  .col-md-6.right,
.pn-account.pn-profile
  .account-content-container
  .content-padding
  > .account-page-row:nth-child(2 of .account-page-row)
  .col-md-6.right {
  display: flex;
  margin-top: 16px;
}
@media (max-width: 576px) {
  .pn-account.pn-profile
    .account-content-container
    .content-padding
    > .account-page-row:nth-child(3 of .account-page-row),
  .pn-account.pn-profile
    .account-content-container
    .content-padding
    > .account-page-row:nth-child(4 of .account-page-row) {
    flex-direction: column;
  }
  .pn-account.pn-profile
    .account-content-container
    .content-padding
    > .account-page-row:nth-child(3 of .account-page-row)
    .col-md-6.right,
  .pn-account.pn-profile
    .account-content-container
    .content-padding
    > .account-page-row:nth-child(4 of .account-page-row)
    .col-md-6.right {
    justify-content: flex-start;
    margin-top: 16px;
  }
  .pn-account.pn-profile
    .account-content-container
    .content-padding
    > .account-page-row:nth-child(3 of .account-page-row)
    .col-md-6.right
    .form-value.clickable,
  .pn-account.pn-profile
    .account-content-container
    .content-padding
    > .account-page-row:nth-child(4 of .account-page-row)
    .col-md-6.right
    .form-value.clickable {
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .pn-account.pn-profile
    .account-content-container
    .form-container.preferredCashbackCurrency {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .pn-account.pn-profile
    .account-content-container
    .form-container.preferredCashbackCurrency
    select {
    margin-top: 1rem;
  }
}
.pn-account.pn-transactions .currency-info-banner {
  position: unset;
}
.menu-close .icon-fill {
  fill: #fff;
}
.menu-close svg,
.close-container svg {
  width: 16px !important;
  height: 16px !important;
}
.menu-close svg .icon-fill,
.close-container svg .icon-fill {
  fill: #fff;
}
.qr-container {
  margin-bottom: 16px;
}
.mfaPageContainer .innerPage {
  padding: 24px;
  margin-top: 0;
  border: 1px solid rgba(209, 164, 255, 0.1);
}
.mfaPageContainer .innerPage .innerContainer.mfa-container {
  padding: 0;
}
.mfaPageContainer .innerPage .innerContainer.mfa-container .select-provider {
  margin-top: 16px;
}
.mfaPageContainer .innerPage .innerContainer.mfa-container .verify-otp,
.mfaPageContainer .innerPage .innerContainer.mfa-container .verify-email {
  margin-top: 16px;
}
.mfaPageContainer .innerPage .innerContainer.mfa-container h5,
.mfaPageContainer .innerPage .innerContainer.mfa-container h4 {
  color: #fff !important;
  font-size: 18px;
}
.mfaPageContainer .innerPage .innerContainer.mfa-container h6 {
  color: #fff !important;
  font-weight: 600 !important;
}
.mfaPageContainer .innerPage .innerContainer.mfa-container p.text,
.mfaPageContainer .innerPage .innerContainer.mfa-container p.mfa-description,
.mfaPageContainer .innerPage .innerContainer.mfa-container p.info {
  color: #fff !important;
}
.mfaPageContainer .innerPage .innerContainer.mfa-container .form-group label {
  color: #fff !important;
}
.mfaPageContainer
  .innerPage
  .innerContainer.mfa-container
  .mfa-providers
  .mfa-provider {
  padding-left: 16px;
  padding-right: 16px;
  border-top: none;
  background-color: #090920;
  border-radius: 8px;
  margin-top: 16px;
}
@media (max-width: 576px) {
  .mfaPageContainer
    .innerPage
    .innerContainer.mfa-container
    .mfa-providers
    .mfa-provider {
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .mfaPageContainer
    .innerPage
    .innerContainer.mfa-container
    .mfa-providers
    .mfa-provider
    .icon {
    justify-content: flex-start;
    margin-bottom: 16px;
  }
}
.mfaPageContainer
  .innerPage
  .innerContainer.mfa-container
  .mfa-providers
  .mfa-provider
  .content {
  margin-left: 0;
}
.mfaPageContainer
  .innerPage
  .innerContainer.mfa-container
  .mfa-providers
  .mfa-provider:hover {
  background-color: #161630;
  border-radius: 8px;
}
@media (max-width: 576px) {
  .mfaPageContainer
    .innerPage
    .innerContainer.mfa-container
    .mfa-providers
    .mfa-provider:hover {
    background-color: #090920;
  }
}
.close {
  text-shadow: none;
  opacity: 1;
  font-size: 16px;
}
.close i {
  font-size: 24px;
  color: #fff;
  margin-right: 0;
}
.hide-tag {
  display: none !important;
}
.error-text {
  color: #d14222 !important;
}
#closeCircleIcon.icon line {
  stroke: #fff;
}
.promoteModalHead button.close {
  color: #fff;
}
.promoteModalText {
  color: #fff;
}
.promoteModalTitle {
  color: #fff;
  font-size: 18px;
}
.modal-dialog.cashier-mobile-modal .modal-content {
  padding: 24px;
}
.promoteModalHead {
  padding: 0 !important;
}
.promoteModalHead .promoteModalTitle {
  margin-right: 0;
}
.modal-backdrop.show {
  background-color: #000;
  opacity: 0.8;
}
.group-specific-methods .method-selector .app-select {
  min-height: 48px;
}
.group-specific-methods .method-selector .app-select .method-icon {
  width: 20px;
  height: 20px;
}
.group-specific-methods .method-selector .app-select .app-select__button {
  padding-left: 16px;
  padding-right: 16px;
}
.group-specific-methods
  .method-selector
  .app-select
  .app-select__dropdown
  .app-select__option {
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
}
.group-specific-methods
  .method-selector
  .app-select
  .app-select__dropdown
  .app-select__option:hover {
  background-color: #090920;
}
.group-specific-methods
  .method-selector
  .app-select
  .app-select__dropdown
  .app-select__option[data-value="BTC"] {
  justify-content: space-between;
}
.group-specific-methods
  .method-selector
  .app-select
  .app-select__dropdown
  .app-select__option[data-value="USDT"] {
  justify-content: space-between;
}
.group-specific-methods
  .method-selector
  .app-select
  .app-select__dropdown
  .app-select__option[data-value="USDC"] {
  justify-content: space-between;
}
.group-specific-methods .crypto-amount-input {
  margin-top: 16px;
}
.group-specific-methods .crypto-deposit-container {
  margin-top: 16px;
}
.group-specific-methods .crypto-deposit-container .crypto-qr-container img {
  border-radius: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.group-specific-methods .crypto-deposit-container .crypto-address-label {
  margin-top: 16px;
  margin-bottom: 8px;
}
.group-specific-methods .crypto-deposit-container .crypto-address-flash {
  min-height: 48px;
  border-radius: 8px;
  background-color: #161630;
  padding: 8px 16px;
  border: 1px solid rgba(209, 164, 255, 0.1);
}
.group-specific-methods .crypto-deposit-container .crypto-address-flash:active {
  background-color: #161630 !important;
}
.group-specific-methods .crypto-deposit-container .crypto-address-flash:focus {
  background-color: #161630 !important;
}
.group-specific-methods
  .crypto-deposit-container
  .crypto-address-flash:focus-visible {
  outline: none;
}
.group-specific-methods
  .crypto-deposit-container
  .crypto-address-flash
  .address {
  text-align: left;
}
.group-specific-methods .crypto-deposit-container .crypto-copy-notification {
  margin-top: 8px;
}
.group-specific-methods .crypto-deposit-container .deposit-icon-link {
  margin-top: 16px;
}
.group-specific-methods .crypto-deposit-container .deposit-icon-link span {
  display: inline-block;
}
.group-specific-methods .text,
.group-specific-methods .crypto-address-label {
  margin: 0;
  text-align: center;
  color: #fff;
}
.payment-last-used {
  border-radius: 8px !important;
}
.help-text-wrapper {
  background-color: #a67dcf !important;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid rgba(209, 164, 255, 0.1);
}
.landingBottomSection {
  display: none;
}
.landingPageContainer {
  display: none;
}
.styled-text-list .row.title-row {
  display: none;
}
.styled-text-list .row {
  margin-left: 0;
  margin-right: 0;
}
.landingPage {
  padding-top: 64px;
}
@media (max-width: 576px) {
  .landingPage {
    margin-top: 0;
    padding-top: 0;
  }
}
.landingPage.logged-in .hero-banner-two-columns.hero-banner .text {
  text-align: center !important;
}
@media (max-width: 576px) {
  .landingPage.logged-in .hero-banner-two-columns.hero-banner .text {
    text-align: center !important;
  }
}
.landingPage.logged-in .hero-banner-two-columns.hero-banner .text span {
  text-align: center;
  display: block;
}
@media (max-width: 576px) {
  .landingPage.logged-in .hero-banner-two-columns.hero-banner .text span {
    text-align: center;
  }
}
.landingPage.logged-in .hero-banner-two-columns.hero-banner .text h1 {
  text-align: center;
}
.landingPage.logged-in .hero-banner-two-columns.hero-banner .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.hero-banner-two-columns.hero-banner {
  max-width: 1124px;
  height: 280px;
  margin: 0 auto;
  margin-top: 16px;
}
.hero-banner-two-columns.hero-banner .container {
  padding: 0;
}
@media (max-width: 1230px) {
  .hero-banner-two-columns.hero-banner .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .hero-banner-two-columns.hero-banner .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.hero-banner-two-columns.hero-banner .container .row {
  flex-direction: column;
}
.hero-banner-two-columns.hero-banner .container .row .col-md-6.taglines {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
}
.hero-banner-two-columns.hero-banner .container .row .col-md-6.taglines img {
  width: 100%;
  border-radius: 8px;
  height: 280px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 768px) {
  .hero-banner-two-columns.hero-banner .container .row .col-md-6.taglines img {
    -o-object-position: 30%;
    object-position: 30%;
  }
}
.hero-banner-two-columns.hero-banner .container .row .col-md-12.taglines-group {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0 auto;
  min-height: 280px;
  margin-top: -280px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .hero-banner-two-columns.hero-banner
    .container
    .row
    .col-md-12.taglines-group {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
  }
}
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .text {
  text-align: left;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.hero-banner
    .container
    .row
    .col-md-12.taglines-group
    .text {
    text-align: center;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.01);
    -webkit-backdrop-filter: blur(27.2999992371px);
    backdrop-filter: blur(27.2999992371px);
    padding: 15px;
  }
}
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .text.loggedin {
  display: none;
}
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .text
  span {
  color: #fff;
  font-size: 24px;
  display: block;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.hero-banner
    .container
    .row
    .col-md-12.taglines-group
    .text
    span {
    font-size: 20px;
  }
}
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .text
  h1 {
  font-size: 30px;
  display: inline-block;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.hero-banner
    .container
    .row
    .col-md-12.taglines-group
    .text
    h1 {
    font-size: 20px;
  }
}
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .text
  h2 {
  display: inline-block;
  font-size: 30px;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.hero-banner
    .container
    .row
    .col-md-12.taglines-group
    .text
    h2 {
    font-size: 20px;
  }
}
.hero-banner-two-columns.hero-banner
  .container
  .row
  .col-md-12.taglines-group
  .btn {
  margin-bottom: 0;
  margin-top: 10px;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.hero-banner
    .container
    .row
    .col-md-12.taglines-group
    .group {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 768px) {
  .hero-banner-two-columns.hero-banner.home .row .col-md-6.taglines img {
    -o-object-position: 50%;
    object-position: 50%;
  }
}
.hero-banner-two-columns.hero-banner.home .row .col-md-12.taglines-group {
  flex: 0 0 100%;
  max-width: 100%;
}
.hero-banner-two-columns.hero-banner.home
  .row
  .col-md-12.taglines-group
  .group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-banner-two-columns.hero-banner.home
  .row
  .col-md-12.taglines-group
  .group
  .tagline {
  margin-bottom: 0;
}
.hero-banner-two-columns.hero-banner.home
  .row
  .col-md-12.taglines-group
  .group
  .tagline.text {
  text-align: center;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.hero-banner.home
    .row
    .col-md-12.taglines-group
    .group
    .tagline.text
    span {
    font-size: 18px;
  }
}
.hero-banner-two-columns.hero-banner.home
  .row
  .col-md-12.taglines-group
  .group
  .tagline.text
  span:first-child {
  font-size: 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .hero-banner-two-columns.hero-banner.home
    .row
    .col-md-12.taglines-group
    .group
    .tagline.text
    span:first-child {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .hero-banner-two-columns.hero-banner.vip .hero-background img {
    -o-object-position: center;
    object-position: center;
  }
}
.hero-banner-two-columns.hero-banner.vip .taglines-group {
  padding-left: 10% !important;
  margin-left: unset !important;
}
@media (max-width: 992px) {
  .hero-banner-two-columns.hero-banner.vip .taglines-group {
    max-width: 70%;
    padding-left: 16px !important;
  }
}
.hero-banner-two-columns.hero-banner.vip .taglines-group .group {
  padding-left: 16px;
  padding-right: 16px;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.hero-banner.vip .taglines-group .group {
    align-items: flex-start !important;
  }
}
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text {
  text-align: left !important;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.hero-banner.vip .taglines-group .group .text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border: none !important;
  }
}
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h1,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h2,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h3,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h4,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h5,
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h6 {
  text-align: left;
  line-height: 30px;
  font-size: 30px;
  margin-bottom: 32px !important;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h1,
  .hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h2,
  .hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h3,
  .hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h4,
  .hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h5,
  .hero-banner-two-columns.hero-banner.vip .taglines-group .group .text h6 {
    margin-bottom: 16px !important;
  }
}
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .text span {
  font-size: 13px !important;
  line-height: 18px;
  color: #fff;
}
.hero-banner-two-columns.hero-banner.vip .taglines-group .group .btn-cta {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 26px !important;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.hero-banner.vip .taglines-group .group .btn-cta {
    margin-top: 0 !important;
  }
}
.box-with-icon .container .row {
  justify-content: space-between;
  gap: 1%;
}
@media (max-width: 991px) {
  .box-with-icon .container .row {
    row-gap: 8px;
  }
}
.box-with-icon .container .row .box-content {
  flex: 1 1;
  background-color: #060d13;
  border-radius: 10px;
  padding: 20px 16px;
}
@media (max-width: 991px) {
  .box-with-icon .container .row .box-content {
    width: 49.5%;
    flex: unset;
  }
}
@media (max-width: 768px) {
  .box-with-icon .container .row .box-content {
    gap: 2%;
    width: 49%;
  }
}
@media (max-width: 576px) {
  .box-with-icon .container .row .box-content {
    width: 100%;
  }
}
.box-with-icon .container .row .box-content h1,
.box-with-icon .container .row .box-content h2,
.box-with-icon .container .row .box-content h3,
.box-with-icon .container .row .box-content h4,
.box-with-icon .container .row .box-content h5,
.box-with-icon .container .row .box-content h6 {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  white-space: nowrap;
  font-size: 18px;
}
.box-with-icon .container .row .box-content h1 img,
.box-with-icon .container .row .box-content h2 img,
.box-with-icon .container .row .box-content h3 img,
.box-with-icon .container .row .box-content h4 img,
.box-with-icon .container .row .box-content h5 img,
.box-with-icon .container .row .box-content h6 img {
  height: 32px;
  width: 32px;
  margin-top: -3px;
  margin-right: 11px;
}
.box-with-icon .container .row .box-content span {
  color: #fff;
}
.box-with-icon .container .row .box-content.purple-bg {
  background: radial-gradient(
    82.85% 126.21% at 0% 23%,
    #530c8a 24.12%,
    #261631 100%
  );
}
.box-with-icon .container .row .box-content.blue-bg {
  background: radial-gradient(
    60.66% 125.84% at 0% 23.6%,
    #2c2081 24.12%,
    #16203c 100%
  );
}
.box-with-icon .container .row .box-content.green-bg {
  background: radial-gradient(
    77.06% 123.57% at 0% 27.4%,
    #186b14 24.12%,
    #15381c 100%
  );
}
.box-with-icon .container .row .box-content.red-bg {
  background: radial-gradient(
    76.32% 131.5% at 0% 14.6%,
    #92075a 24.12%,
    #360723 100%
  );
}
.box-with-icon .container .row .box-content.image-corner-bottom-right {
  padding-right: 0;
  padding-bottom: 0;
}
.box-with-icon .container .row .box-content.image-corner-bottom-right h1,
.box-with-icon .container .row .box-content.image-corner-bottom-right h2,
.box-with-icon .container .row .box-content.image-corner-bottom-right h3,
.box-with-icon .container .row .box-content.image-corner-bottom-right h4,
.box-with-icon .container .row .box-content.image-corner-bottom-right h5,
.box-with-icon .container .row .box-content.image-corner-bottom-right h6 {
  color: #fff;
  text-decoration: none;
}
.box-with-icon .container .row .box-content.image-corner-bottom-right span {
  display: flex;
  justify-content: flex-end;
}
.box-with-icon .container .row .box-content.image-corner-bottom-right span img {
  max-width: 200px;
  border-bottom-right-radius: 10px;
}
.box-with-icon .container .row .box-content.image-corner-bottom-right:hover {
  text-decoration: none !important;
}
.box-with-icon .container .row .box-content.image-corner-bottom-right:hover h1,
.box-with-icon .container .row .box-content.image-corner-bottom-right:hover h2,
.box-with-icon .container .row .box-content.image-corner-bottom-right:hover h3,
.box-with-icon .container .row .box-content.image-corner-bottom-right:hover h4,
.box-with-icon .container .row .box-content.image-corner-bottom-right:hover h5,
.box-with-icon .container .row .box-content.image-corner-bottom-right:hover h6 {
  text-decoration: none !important;
}
.box-with-icon.box-with-button .container .row {
  margin-left: 0;
  margin-right: 0;
}
.box-with-icon.box-with-button .taglines-group {
  display: flex;
  justify-content: space-between;
  gap: 1%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 768px) {
  .box-with-icon.box-with-button .taglines-group {
    row-gap: 8px;
    display: flex;
    flex-direction: column;
  }
}
.box-with-icon.box-with-button .taglines-group .group {
  border-radius: 8px;
  padding: 16px;
  background-color: #060d13;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
}
@media (max-width: 991px) {
  .box-with-icon.box-with-button .taglines-group .group {
    width: 100%;
  }
}
.box-with-icon.box-with-button .taglines-group .group .btn {
  margin-bottom: 0;
}
.box-with-icon.box-with-button .box-content {
  padding: 0 0 20px 0 !important;
  margin-bottom: 35px;
  background-color: transparent !important;
}
@media (max-width: 992px) {
  .box-with-icon.box-with-button .box-content {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .box-with-icon.box-with-button .box-content {
    width: 100% !important;
  }
}
.box-with-icon.box-with-button .box-content img {
  width: 25px !important;
  height: unset !important;
  margin-right: 12px !important;
}
.box-with-icon.box-with-button .box-content h1,
.box-with-icon.box-with-button .box-content h2,
.box-with-icon.box-with-button .box-content h3,
.box-with-icon.box-with-button .box-content h4,
.box-with-icon.box-with-button .box-content h5,
.box-with-icon.box-with-button .box-content h6 {
  margin-bottom: 20px !important;
}
.box-with-icon.box-with-button .box-content span {
  margin-bottom: 8px;
  display: block;
}
.box-with-icon.box-with-button .box-content span:last-child {
  margin-bottom: 0;
}
.box-with-icon.box-with-button .box-content li {
  color: #fff;
}
.box-with-icon.promotions-with-button .taglines-group {
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .box-with-icon.promotions-with-button .taglines-group {
    row-gap: 8px;
  }
}
@media (max-width: 768px) {
  .box-with-icon.promotions-with-button .taglines-group {
    max-width: unset !important;
    flex-direction: row;
    row-gap: 8px;
  }
}
.box-with-icon.promotions-with-button .taglines-group .group {
  width: 32.66%;
  flex: unset !important;
}
@media (max-width: 992px) {
  .box-with-icon.promotions-with-button .taglines-group .group {
    width: 49.5%;
  }
}
@media (max-width: 768px) {
  .box-with-icon.promotions-with-button .taglines-group .group {
    width: 49%;
  }
}
@media (max-width: 576px) {
  .box-with-icon.promotions-with-button .taglines-group .group {
    width: 100%;
  }
}
.box-with-icon.promotions-with-button .box-content {
  margin-bottom: 0;
}
.box-with-icon.promotions-with-button .box-content h1 {
  margin-bottom: 4px !important;
  white-space: wrap !important;
  text-align: left;
}
.box-with-icon.promotions-with-button .box-content img {
  max-width: 100%;
  width: unset !important;
  margin-right: 0 !important;
  margin-bottom: 16px;
  border-radius: 8px;
}
.box-with-icon.promotions-with-button .box-content span {
  margin-bottom: 0 !important;
}
.box-with-icon.promotions .box-content {
  flex: unset !important;
  width: 32.66%;
  margin-bottom: 12px;
}
@media (max-width: 992px) {
  .box-with-icon.promotions .box-content {
    margin-bottom: 0;
  }
}
.box-with-icon.promotions .box-content span {
  margin-bottom: 0 !important;
}
.box-with-icon.promotions .box-content img {
  max-width: 100%;
  margin-bottom: 16px;
  border-radius: 8px;
}
.box-with-icon.promotions .box-content:hover span,
.box-with-icon.promotions .box-content:hover h1,
.box-with-icon.promotions .box-content:hover h2,
.box-with-icon.promotions .box-content:hover h3,
.box-with-icon.promotions .box-content:hover h4,
.box-with-icon.promotions .box-content:hover h5,
.box-with-icon.promotions .box-content:hover h6 {
  text-decoration: none;
}
.box-with-icon.promotion-detail-content .row {
  row-gap: 0;
}
.box-with-icon.promotion-detail-content .box-content {
  margin-bottom: 0;
}
.box-with-icon.promotion-detail-content .box-content img {
  width: 100% !important;
  margin-right: 0 !important;
  border-radius: 8px;
}
.box-with-icon.promotion-detail-content .box-content h1 {
  margin-top: 16px;
  white-space: wrap !important;
  text-align: left;
  font-size: 18px;
}
.box-with-icon.promotion-detail-content .box-content h2,
.box-with-icon.promotion-detail-content .box-content h3,
.box-with-icon.promotion-detail-content .box-content h4,
.box-with-icon.promotion-detail-content .box-content h5,
.box-with-icon.promotion-detail-content .box-content h6 {
  margin-bottom: 4px !important;
  margin-top: 16px;
  white-space: wrap !important;
}
.box-with-icon.promotion-detail-content .btn {
  min-width: 200px !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1200px) {
  .box-with-icon.multiple-three-rows .container {
    max-width: 886px;
  }
}
.box-with-icon.multiple-three-rows .container .row {
  gap: 3%;
  row-gap: 26px;
}
@media (max-width: 576px) {
  .box-with-icon.multiple-three-rows .container .row {
    row-gap: 10px;
  }
}
.box-with-icon.multiple-three-rows .container .box-content {
  width: 31.33%;
  flex: none !important;
  background-color: #161630;
  padding: 20px;
}
@media (max-width: 992px) {
  .box-with-icon.multiple-three-rows .container .box-content {
    width: 48.5% !important;
  }
}
@media (max-width: 576px) {
  .box-with-icon.multiple-three-rows .container .box-content {
    padding: 15px 10px;
  }
}
.box-with-icon.multiple-three-rows .container .box-content h1,
.box-with-icon.multiple-three-rows .container .box-content h2,
.box-with-icon.multiple-three-rows .container .box-content h3,
.box-with-icon.multiple-three-rows .container .box-content h4,
.box-with-icon.multiple-three-rows .container .box-content h5,
.box-with-icon.multiple-three-rows .container .box-content h6 {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 20px;
  text-align: left;
  white-space: break-spaces;
}
@media (max-width: 576px) {
  .box-with-icon.multiple-three-rows .container .box-content h1,
  .box-with-icon.multiple-three-rows .container .box-content h2,
  .box-with-icon.multiple-three-rows .container .box-content h3,
  .box-with-icon.multiple-three-rows .container .box-content h4,
  .box-with-icon.multiple-three-rows .container .box-content h5,
  .box-with-icon.multiple-three-rows .container .box-content h6 {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}
.box-with-icon.multiple-three-rows .container .box-content span {
  text-align: left;
  display: block;
  margin-bottom: 10px;
}
.box-with-icon.multiple-three-rows .container .box-content span:has(img) {
  width: 100%;
  text-align: center;
}
.box-with-icon.multiple-three-rows .container .box-content span:has(img) img {
  width: 50px;
}
.box-with-icon.four-boxes .box-content {
  width: 24.25%;
}
@media (max-width: 576px) {
  .promopage .page {
    padding-top: 0;
  }
}
.pn-promo .promotions-page-wrapper {
  padding-bottom: 5rem;
}
.pn-promo .promotions-page-wrapper .container {
  margin-top: 16px;
}
@media (max-width: 992px) {
  .pn-promo .promotions-page-wrapper .container {
    margin-top: 0;
  }
}
.pn-promo .promotions-page-wrapper .taglines-group {
  justify-content: flex-start;
}
.pn-promo .promotions-page-wrapper .taglines-group .group {
  background-color: #020f1a;
}
@media (max-width: 576px) {
  .pn-promo .promotions-page-wrapper .taglines-group .group {
    padding-left: 0;
    padding-right: 0;
  }
}
.pn-promo .promotion-detail-wrapper .styled-text-list.back-to-promotions {
  margin-top: 30px;
}
.pn-promo
  .promotion-detail-wrapper
  .styled-text-list.back-to-promotions
  .container {
  max-width: 742px;
}
@media (max-width: 1200px) {
  .pn-promo
    .promotion-detail-wrapper
    .styled-text-list.back-to-promotions
    .container {
    max-width: 742px !important;
  }
}
.pn-promo
  .promotion-detail-wrapper
  .styled-text-list.back-to-promotions
  .container
  .row {
  padding-left: 15px;
}
.pn-promo
  .promotion-detail-wrapper
  .styled-text-list.back-to-promotions
  .container
  .row
  .tagline {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}
.pn-promo
  .promotion-detail-wrapper
  .styled-text-list.back-to-promotions
  .container
  .row
  .tagline
  span {
  color: #fff;
}
.pn-promo
  .promotion-detail-wrapper
  .styled-text-list.back-to-promotions
  .container
  .row
  .tagline
  span:first-child {
  height: 45px;
  width: 28px;
  background-color: #21213a;
  border: 1px solid rgba(209, 164, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin-right: 16px;
}
.pn-promo
  .promotion-detail-wrapper
  .styled-text-list.back-to-promotions.max-width
  .container
  .row {
  padding-left: 0;
}
@media (max-width: 576px) {
  .pn-promo
    .promotion-detail-wrapper
    .styled-text-list.back-to-promotions.max-width
    .container
    .row {
    padding-left: 15px;
  }
}
.pn-promo
  .promotion-detail-wrapper
  .hero-banner-two-columns.promotion-detail-content
  .container {
  max-width: 742px;
}
@media (max-width: 1200px) {
  .pn-promo
    .promotion-detail-wrapper
    .hero-banner-two-columns.promotion-detail-content
    .container {
    max-width: 742px !important;
  }
}
.pn-promo
  .promotion-detail-wrapper
  .hero-banner-two-columns.promotion-detail-content
  .container
  .row {
  justify-content: center;
}
.pn-promo
  .promotion-detail-wrapper
  .hero-banner-two-columns.promotion-detail-content
  .taglines-group
  .group {
  padding-top: 30px;
  background-color: #020f1a;
}
@media (max-width: 576px) {
  .pn-promo
    .promotion-detail-wrapper
    .hero-banner-two-columns.promotion-detail-content
    .taglines-group
    .group {
    padding-left: 0;
    padding-right: 0;
  }
}
.pn-promo
  .promotion-detail-wrapper
  .hero-banner-two-columns.promotion-detail-content
  .box-content
  h1 {
  margin-top: 20px;
  font-size: 30px !important;
}
@media (max-width: 576px) {
  .pn-promo
    .promotion-detail-wrapper
    .hero-banner-two-columns.promotion-detail-content
    .box-content
    h1 {
    font-size: 20px !important;
  }
}
@media (max-width: 576px) {
  .pn-promo
    .promotion-detail-wrapper
    .hero-banner-two-columns.promotion-detail-content
    .box-content
    h2,
  .pn-promo
    .promotion-detail-wrapper
    .hero-banner-two-columns.promotion-detail-content
    .box-content
    h3,
  .pn-promo
    .promotion-detail-wrapper
    .hero-banner-two-columns.promotion-detail-content
    .box-content
    h4,
  .pn-promo
    .promotion-detail-wrapper
    .hero-banner-two-columns.promotion-detail-content
    .box-content
    h5,
  .pn-promo
    .promotion-detail-wrapper
    .hero-banner-two-columns.promotion-detail-content
    .box-content
    h6 {
    font-size: 16px !important;
  }
}
.pn-promo
  .promotion-detail-wrapper
  .hero-banner-two-columns.promotion-detail-content
  .box-content
  img {
  margin-bottom: 22px;
}
.pn-promo
  .promotion-detail-wrapper
  .hero-banner-two-columns.promotion-detail-content
  .btn {
  width: 100%;
}
.pn-promo .promotion-detail-content .btn-cta.loggedout {
  display: flex;
}
.pn-promo .promotion-detail-content .btn-cta.loggedin {
  display: none;
}
.pn-promo .hero-banner .btn-cta.loggedout {
  display: flex !important;
}
.pn-promo .hero-banner .btn-cta.loggedin {
  display: none !important;
}
.pn-promo:has(.logged-in) .promotion-detail-content .btn-cta.loggedin {
  display: flex;
}
.pn-promo:has(.logged-in) .promotion-detail-content .btn-cta.loggedout {
  display: none;
}
.pn-promo:has(.logged-in) .hero-banner .btn-cta.loggedin {
  display: flex !important;
}
.pn-promo:has(.logged-in) .hero-banner .btn-cta.loggedout {
  display: none !important;
}
.gameSlider {
  padding-left: 0;
}
.gameSlider .title-wrapper {
  margin: 0 auto 12px !important;
}
.gameSlider .title-wrapper .title-text {
  line-height: 10px;
}
.gameSlider .title-wrapper .title-text .title {
  text-transform: capitalize;
  font-size: 18px;
  color: #fff;
}
.gameSlider .title-wrapper .title-text .title .icon {
  margin-right: 5px !important;
  margin-top: -2px;
  width: 22px !important;
}
.gameSlider .title-wrapper .panel-navigate {
  align-items: flex-end;
}
.gameSlider .title-wrapper .panel-navigate .navigate-wrapper {
  padding-right: 0 !important;
}
.gameSlider .title-wrapper .panel-navigate .navigate-wrapper button {
  background-color: #161630 !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0;
  border-radius: 9px !important;
}
.gameSlider .title-wrapper .panel-navigate .navigate-wrapper button .icon {
  width: 24px !important;
  height: 24px !important;
  fill: #fff !important;
  margin-top: -3px;
}
.gameSlider .title-wrapper .panel-navigate .see-all a {
  color: #fff !important;
  text-transform: capitalize;
  font-size: 18px;
}
.gameSlider .section-outer .inner-section .card-wrapper .card-game-list .bg {
  box-shadow: none;
}
.gameSlider.no-navigate .navigate-wrapper {
  display: none !important;
}
.space-top-32 {
  padding-top: 0;
  margin-top: 32px;
}
.space-top-40 {
  padding-top: 0;
  margin-top: 40px;
}
.space-top-48 {
  padding-top: 0;
  margin-top: 48px;
}
.space-bottom-48 {
  padding-bottom: 0;
  margin-bottom: 48px;
}
.space-bottom-32 {
  padding-bottom: 0;
  margin-bottom: 32px;
}
.space-bottom-50 {
  padding-bottom: 0;
  margin-bottom: 50px;
}
.space-top-50 {
  padding-top: 0;
  margin-top: 50px;
}
.no-bottom-space {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.no-game-name .card-game-name {
  display: none;
}
.playing-casino-game .demo-play-title {
  font-size: 18px;
  color: #fff;
}
.playing-casino-game .close span {
  font-size: 30px;
  font-weight: 400 !important;
  color: #fff;
}
.playing-casino-game .modal-body p {
  color: #fff;
}
.casino-game-login .title {
  color: #fff;
  font-size: 18px;
}
.casino-game-login p {
  color: #fff;
}
.hero-banner-two-columns.bonus-banner-bs .container .row {
  margin-left: 0;
  margin-right: 0;
}
.hero-banner-two-columns.bonus-banner-bs .container .row .taglines-group {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  min-height: auto;
  padding: 41px 32px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: radial-gradient(
    66.08% 100% at 50% 100%,
    #673776 0%,
    #161630 86.06%
  );
  -webkit-backdrop-filter: blur(27.2999992371px);
  backdrop-filter: blur(27.2999992371px);
}
@media (max-width: 992px) {
  .hero-banner-two-columns.bonus-banner-bs .container .row .taglines-group {
    flex-direction: column;
    gap: 30px;
    padding: 16px;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content {
  display: flex;
  align-items: center;
  flex: 1 1;
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .tagline {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .left-content
    .tagline {
    justify-content: center;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .tagline
  h1 {
  display: inline-block;
  font-size: 60px;
  margin-bottom: 0;
  margin-right: 7px;
  text-align: left;
  line-height: 45px;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .left-content
    .tagline
    h1 {
    white-space: wrap;
  }
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .left-content
    .tagline
    h1 {
    font-size: 44px;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .tagline
  h2 {
  display: inline-block;
  font-size: 40px;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .left-content
    .tagline
    h2 {
    font-size: 22px;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .tagline
  h6 {
  width: 100%;
  text-align: left;
  margin-top: 8px;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .left-content
    .tagline
    h6 {
    text-align: center;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .tagline
  span {
  display: block;
  font-size: 30px;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .left-content
    .tagline
    span {
    text-align: center;
    font-size: 22px;
    display: inline-block;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content.with-logo {
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .left-content.with-logo {
    align-items: center;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content.with-logo
  .logo-icon {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .left-content.with-logo
    .logo-icon
    img {
    width: 100%;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .gradient-purple-h1.small-title
  h1 {
  font-size: 46px;
  line-height: 48px;
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .left-content
  .gradient-purple-h1.small-title
  span {
  margin-bottom: 8px;
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .right-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  flex: 1 1;
  gap: 20px;
}
@media (max-width: 1200px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .right-content {
    gap: 16px;
  }
}
@media (max-width: 992px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .right-content {
    justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .right-content {
    justify-content: center;
    gap: 32px;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .right-content
  .crypto-icon {
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin-bottom: 0;
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .right-content
  .crypto-icon
  span {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .right-content
    .crypto-icon
    span {
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 280px;
    margin: 0 auto;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .right-content
  .crypto-icon
  span
  img {
  width: 39px;
  height: 39px;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .right-content
    .crypto-icon
    span
    img {
    width: 32px;
    height: 32px;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .right-content
  .crypto-icon.align-right
  span {
  justify-content: flex-end;
  gap: 10px;
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .right-content
  .payments
  span {
  display: flex;
  gap: 16px;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs
    .container
    .row
    .taglines-group
    .right-content
    .payments
    span {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .right-content
  .payments
  img {
  height: 30px;
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .right-content
  .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0;
}
.hero-banner-two-columns.bonus-banner-bs
  .container
  .row
  .taglines-group
  .right-content.align-bottom {
  align-items: flex-end;
}
.hero-banner-two-columns.bonus-banner-bs.poker-page .taglines-group {
  padding: 24px !important;
  border: 1px solid #420f5b !important;
  border-radius: 10px !important;
  background: linear-gradient(
      90deg,
      rgba(197, 24, 213, 0.2) 0%,
      rgba(197, 24, 213, 0) 100%
    ),
    #0b0b28 !important;
}
@media (max-width: 992px) {
  .hero-banner-two-columns.bonus-banner-bs.poker-page .taglines-group {
    flex-direction: row !important;
  }
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs.poker-page .taglines-group {
    padding: 24px 16px;
    flex-direction: column !important;
  }
}
.hero-banner-two-columns.bonus-banner-bs.poker-page .left-content .tagline {
  flex-direction: column !important;
  align-items: flex-start !important;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs.poker-page .left-content .tagline {
    width: 100%;
    align-items: center !important;
  }
}
.hero-banner-two-columns.bonus-banner-bs.poker-page .left-content h2 {
  font-size: 30px !important;
  margin-bottom: 8px !important;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs.poker-page .left-content h2 {
    text-align: center !important;
  }
}
.hero-banner-two-columns.bonus-banner-bs.poker-page .left-content span {
  font-size: 20px !important;
  color: #d7d7f3;
  display: block;
  font-weight: 400 !important;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs.poker-page .left-content span {
    font-size: 18px !important;
  }
}
@media (max-width: 992px) {
  .hero-banner-two-columns.bonus-banner-bs.poker-page .left-content {
    flex: 2 3 !important;
  }
}
@media (max-width: 992px) {
  .hero-banner-two-columns.bonus-banner-bs.poker-page .right-content {
    justify-content: flex-end !important;
  }
}
@media (max-width: 576px) {
  .hero-banner-two-columns.bonus-banner-bs.poker-page .right-content {
    justify-content: center !important;
  }
}
.styled-text-list.title .tagline {
  line-height: 10px;
}
.styled-text-list.title .tagline span {
  text-transform: capitalize;
  font-size: 20px;
}
.panel-section {
  margin: 0 auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 1230px) {
  .panel-section {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
.panel-section .navigate-wrapper {
  padding-right: 0 !important;
}
.panel-section .navigate-wrapper button {
  background-color: #161630 !important;
  width: 24px !important;
  height: 24px !important;
  padding: 0;
  border-radius: 9px !important;
}
.panel-section .navigate-wrapper button .icon {
  width: 24px !important;
  height: 24px !important;
  fill: #fff !important;
}
.panel-section .container-fixed-width {
  margin-top: 12px;
}
.panel-section .panel-wrapper .panel-card {
  margin-right: 10px;
  border: none !important;
}
.panel-section.providers {
  margin-top: 12px;
}
@media (max-width: 576px) {
  .panel-section.providers {
    padding-top: 0;
  }
}
.panel-section.providers .panel-navigate {
  margin-top: -70px;
}
.panel-section.providers .panel-navigate .navigate-wrapper {
  padding-bottom: 12px;
}
.panel-section.providers .panel-wrapper .panel-card .panel-inner {
  border-radius: 8px;
  min-height: 78px !important;
  background-color: #21213a;
  background-size: 50%;
  border: 1px solid rgba(209, 164, 255, 0.1);
}
.panel-section.providers .splide-pagination {
  display: none;
}
.styled-text-list.crypto-online-casino {
  margin-bottom: 70px;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .styled-text-list.crypto-online-casino {
    margin-bottom: 0;
    padding-bottom: 24px;
  }
}
.styled-text-list.crypto-online-casino .container .row {
  margin-left: -15px;
  margin-right: -15px;
  width: 60%;
}
@media (max-width: 992px) {
  .styled-text-list.crypto-online-casino .container .row {
    width: 100%;
  }
}
.styled-text-list.crypto-online-casino .container .row .tagline h1 {
  font-size: 30px;
  text-align: left;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .styled-text-list.crypto-online-casino .container .row .tagline h1 {
    font-size: 25px;
    margin-bottom: 24px;
  }
}
.styled-text-list.crypto-online-casino .container .row .tagline span {
  color: #fff;
}
@media (max-width: 768px) {
  .styled-text-list.crypto-online-casino .container .row .tagline span {
    font-size: 14px;
  }
}
.footer-container {
  padding-top: 56px;
  padding-bottom: 60px;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .footer-container {
    padding-top: 30px;
  }
}
.footer-container .linkContainer {
  display: none;
}
.footer-container .footer-dynamic-content .container .taglines-group {
  flex-direction: row;
  display: flex;
  gap: 20px;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .container .taglines-group {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .footer-container .footer-dynamic-content .container .taglines-group {
    gap: 1%;
  }
}
.footer-container .footer-dynamic-content .container .taglines-group .group {
  flex: 1 1;
}
@media (max-width: 992px) {
  .footer-container .footer-dynamic-content .container .taglines-group .group {
    flex: auto;
  }
}
@media (max-width: 768px) {
  .footer-container .footer-dynamic-content .container .taglines-group .group {
    margin-bottom: 24px;
  }
}
@media (max-width: 992px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.join-community-column {
    display: flex;
    order: 1;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.join-community-column
    .title {
    display: none;
  }
}
.footer-container
  .footer-dynamic-content
  .container
  .taglines-group
  .group.join-community-column
  .title
  span {
  white-space: pre-wrap;
}
.footer-container
  .footer-dynamic-content
  .container
  .taglines-group
  .group.join-community-column
  .social-media {
  display: inline-block;
  height: 50px;
  width: 50px;
}
@media (max-width: 992px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.join-community-column
    .social-media
    img {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 992px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.first-column {
    order: 2;
  }
}
@media (max-width: 768px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.first-column {
    width: 49.5%;
  }
}
@media (max-width: 992px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.sports-column {
    order: 3;
  }
}
@media (max-width: 768px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.sports-column {
    width: 49.5%;
  }
}
@media (max-width: 992px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.promotions-column {
    order: 4;
  }
}
@media (max-width: 768px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.promotions-column {
    width: 49.5%;
  }
}
@media (max-width: 992px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.support-column {
    order: 5;
  }
}
@media (max-width: 768px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.support-column {
    width: 49.5%;
  }
}
@media (max-width: 992px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .group.about-column {
    order: 6;
  }
}
.footer-container
  .footer-dynamic-content
  .container
  .taglines-group
  .tagline.title {
  margin-bottom: 12px;
  white-space: pre;
  font-size: 20px;
  color: #fff;
}
@media (max-width: 768px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .tagline.title {
    color: #bdbdbd;
    font-size: 14px;
  }
}
.footer-container
  .footer-dynamic-content
  .container
  .taglines-group
  .tagline.link {
  margin-bottom: 16px;
  display: block;
  white-space: nowrap;
}
.footer-container
  .footer-dynamic-content
  .container
  .taglines-group
  .tagline.link
  span {
  font-size: 15px;
  display: block;
  text-decoration: none;
  color: #fff;
}
@media (max-width: 768px) {
  .footer-container
    .footer-dynamic-content
    .container
    .taglines-group
    .tagline.link
    span {
    font-size: 14px;
  }
}
.footer-container
  .footer-dynamic-content
  .container
  .taglines-group
  .tagline.link:hover {
  text-decoration: none;
}
.footer-container
  .footer-dynamic-content
  .container
  .taglines-group
  .tagline.no-link
  span {
  font-size: 15px;
  color: #fff;
}
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content {
  margin-top: 24px;
}
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row {
  margin-left: -15px;
  margin-right: -15px;
  flex-direction: column;
}
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .age {
  margin-bottom: 16px;
}
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .age
  span {
  color: #fff;
  font-size: 16px;
  border: 2px solid #fff;
  padding: 5px;
  border-radius: 20px;
}
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .operated-by {
  text-align: left;
}
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .operated-by
  h1 {
  color: #fff;
  text-align: left;
  margin-bottom: 8px;
}
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .operated-by
  span {
  display: block;
  color: #fff;
  text-align: left;
  margin-bottom: 8px;
}
.footer-container
  .footer-dynamic-content
  .styled-text-list.footer-bottom-content
  .container
  .row
  .copyright {
  color: #bdbdbd;
  margin-top: 16px;
  text-align: left;
}
.pn-info .infoPageView {
  margin-top: 32px;
  padding-left: 15px;
  padding-right: 15px;
}
.pn-info .infoPage-container-outer {
  background-color: transparent;
  padding: 0;
}
.pn-info .infoPage-container-outer span,
.pn-info .infoPage-container-outer li {
  overflow-wrap: break-word;
}
@media (max-width: 576px) {
  .pn-info .infoPage-container-outer span,
  .pn-info .infoPage-container-outer li {
    font-size: 12px !important;
  }
}
.pn-info .infoPage-container-outer .infoPage-container h1,
.pn-info .infoPage-container-outer .infoPage-container h2,
.pn-info .infoPage-container-outer .infoPage-container h3,
.pn-info .infoPage-container-outer .infoAccordion h1,
.pn-info .infoPage-container-outer .infoAccordion h2,
.pn-info .infoPage-container-outer .infoAccordion h3 {
  font-size: 20px;
  text-align: left;
  margin-bottom: 24px;
  margin-top: 24px;
  white-space: pre-wrap;
}
.pn-info .infoPage-container-outer .infoPage-container h4,
.pn-info .infoPage-container-outer .infoPage-container h5,
.pn-info .infoPage-container-outer .infoPage-container h6,
.pn-info .infoPage-container-outer .infoAccordion h4,
.pn-info .infoPage-container-outer .infoAccordion h5,
.pn-info .infoPage-container-outer .infoAccordion h6 {
  font-size: 16px;
  text-align: left;
  margin-bottom: 24px;
  margin-top: 24px;
}
.pn-info .infoPage-container-outer .infoAccordion {
  margin-top: 0;
}
.pn-info .infoPage-container-outer .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pn-info .infoPage-container-outer .container .row .tagline {
  max-width: 100%;
}
.pn-info .infoPage-container-outer .card-header {
  background-color: var(--main-background);
}
.pn-info .infoPage-container-outer .card-body .card-body-content {
  background-color: var(--main-background);
}
.pn-info .infoPage-container-outer img {
  max-width: 500px;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 8px;
}
.pn-info.pn-faq .infoPage-container h1 {
  margin-bottom: 0;
}
.pn-info.pn-faq .infoAccordion {
  margin-top: 0;
}
.casino-container {
  margin-top: 32px;
}
.casino-container .banner-carousel-container {
  margin-top: 32px;
}
.casino-container .categories-container {
  padding-top: 0;
}
.casino-container .categories-container .casino-lobby-categories {
  min-height: 65px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background-color: #161630;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 576px) {
  .casino-container .casino-filters-container {
    gap: 8px;
  }
}
.casino-container .casino-filter {
  margin-right: 0;
  margin-left: 8px;
  color: #fff;
  flex: 1 1;
  background-color: #0f0f2a;
  height: 37px;
  border-radius: 6px;
  border: 1px solid rgba(209, 164, 255, 0.1);
  padding-left: 16px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .casino-container .casino-filter {
    margin-left: 0;
  }
}
.casino-container .casino-filter.filter-games-label {
  text-transform: capitalize !important;
  color: #fff;
}
.casino-container .search-and-filter-wrapper {
  background-color: transparent;
  padding-bottom: 8px;
}
@media (max-width: 576px) {
  .casino-container .search-and-filter-wrapper {
    padding-bottom: 0;
  }
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .filter-column {
  order: 2;
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 0;
  position: relative;
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .filter-column
  .filter-games-label {
  display: none;
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .filter-column
  .container {
  padding: 0;
}
@media (max-width: 576px) {
  .casino-container
    .search-and-filter-wrapper
    .search-and-filter-container
    .row
    .filter-column {
    padding-left: 15px;
  }
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column {
  flex: 0 0 50%;
  max-width: 50%;
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column
  .input-group {
  border-radius: 5px;
  display: flex;
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column
  .input-group
  input {
  height: 37px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  order: 2;
  padding-left: 0 !important;
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column
  .input-group
  input::-moz-placeholder {
  color: #fff !important;
  opacity: 1 !important;
  font-size: 14px;
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column
  .input-group
  input:-ms-input-placeholder {
  color: #fff !important;
  opacity: 1 !important;
  font-size: 14px;
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column
  .input-group
  input::placeholder {
  color: #fff !important;
  opacity: 1 !important;
  font-size: 14px;
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column
  .input-group
  .input-group-append
  button {
  opacity: 1;
  margin-left: 16px;
}
.casino-container
  .search-and-filter-wrapper
  .search-and-filter-container
  .row
  .search-column
  .input-group
  .input-group-append
  button
  .material-icons {
  color: #fff;
  font-size: 16px;
}
.casino-container .search-and-filter-wrapper .filter-container.studio-filter {
  left: 0;
  top: 0;
  width: 100%;
}
@media (max-width: 576px) {
  .casino-container .search-and-filter-wrapper .filter-container.studio-filter {
    left: 1%;
    top: 65px;
    height: 70vh;
  }
}
.casino-container .search-and-filter-wrapper .filter-container.feature-filter {
  left: 0;
  width: 100%;
  top: 0;
}
@media (max-width: 576px) {
  .casino-container
    .search-and-filter-wrapper
    .filter-container.feature-filter {
    left: 1%;
    top: 65px;
    height: 70vh;
  }
}
.casino-container .search-and-filter-wrapper .filter-container {
  background-color: #161630;
  border-radius: 8px;
  border: 1px solid rgba(209, 164, 255, 0.1);
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-title-row
  .close-container {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 16px;
  order: 2;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-title-row
  .close-container
  svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-title-row
  .filter-title {
  order: 1;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 10px;
  text-transform: capitalize !important;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control {
  background: #060d13;
  border-radius: 8px;
  border: 1px solid rgba(209, 164, 255, 0.1);
  width: 90%;
  margin: 0 auto;
  height: unset;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  height: 37px;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control::-moz-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control:-ms-input-placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  input.form-control:focus {
  color: #fff !important;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  .form-control {
  border: 1px solid rgba(209, 164, 255, 0.1);
  background-color: #fff;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  .form-control::-moz-placeholder {
  color: #fff;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  .form-control:-ms-input-placeholder {
  color: #fff;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  .form-control::placeholder {
  color: #fff;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .search-studio
  .form-control:focus {
  color: #fff;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .filter-scroll-inner {
  overflow-x: hidden;
  scrollbar-width: none;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-title {
  padding: 16px 16px 5px 16px;
  display: flex;
  align-items: center;
  text-transform: capitalize !important;
  color: #fff;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-title
  .clear-all {
  padding-top: 0;
  padding-left: 0;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-title
  .clear-all
  .material-icons {
  color: #fff;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-title
  .clear-all
  .action-text {
  color: #fff;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .section-help {
  opacity: 1;
  margin-top: 0;
  padding: 3px 16px 0 16px;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .no-results {
  color: #fff;
  padding: 3px 16px 0 16px;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .studio-item {
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 16px;
  padding-right: 16px;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .studio-item
  .studio-image {
  width: 30px;
  height: 30px;
  margin-left: 6px;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .studio-item
  .studio-image
  .studio-logo {
  width: 30px;
  height: 30px;
  background-color: #fff;
  margin-top: 0;
  opacity: 0.7;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .studio-item
  .studio-name {
  color: #fff;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .studio-item.active {
  background-color: transparent;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .studio-item.active::before {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/checked_ef3dc33fe0.svg");
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .studio-item.active
  .studio-logo {
  opacity: 1;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .filter-scroll-container
  .studio-container
  .studio-item::before {
  content: url("https://d2xbhelc8r6xgn.cloudfront.net/check_white_b314c5ac21.svg");
  width: 25px;
  height: 25px;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .action-container {
  padding-left: 0;
  padding-right: 0;
}
.casino-container
  .search-and-filter-wrapper
  .filter-container
  .action-container
  .btn {
  width: 90%;
  margin: 0 auto;
}
.casino-container .filter-description {
  padding-left: 0;
}
@media (max-width: 576px) {
  .casino-container .filter-description {
    display: inline-block;
    flex-direction: column;
    grid-gap: 0;
  }
}
@media (max-width: 576px) {
  .casino-container .filter-description span {
    display: unset;
  }
}
.casino-container .filter-description span h1 {
  color: #a67dcf;
  text-align: left;
}
.casino-container .filter-description strong {
  color: #a67dcf;
}
@media (max-width: 576px) {
  .casino-container .filter-description strong {
    display: block;
  }
}
.mobile-search {
  margin-right: -15px;
  margin-left: -15px;
  padding: 15px !important;
}
.mobile-search .search-container {
  height: 37px;
  background-color: #0f0f2a;
  border-radius: 10px !important;
  padding: 0;
}
.mobile-search .search-container .input-group {
  display: flex;
  font-size: 16px !important;
  border-radius: 10px !important;
}
.mobile-search .search-container .input-group input.form-control {
  height: 37px !important;
  order: 2;
  border-radius: 10px !important;
  padding-left: 0 !important;
}
.mobile-search
  .search-container
  .input-group
  input.form-control::-moz-placeholder {
  color: #fff !important;
  opacity: 1 !important;
  font-size: 14px;
}
.mobile-search
  .search-container
  .input-group
  input.form-control:-ms-input-placeholder {
  color: #fff !important;
  opacity: 1 !important;
  font-size: 14px;
}
.mobile-search .search-container .input-group input.form-control::placeholder {
  color: #fff !important;
  opacity: 1 !important;
  font-size: 14px;
}
.mobile-search .search-container .input-group .input-group-append {
  margin-left: 10px;
}
.mobile-search .search-container .input-group .input-group-append button {
  opacity: 1;
}
.mobile-search
  .search-container
  .input-group
  .input-group-append
  button
  .material-icons {
  color: #fff;
  font-size: 16px;
  margin-top: 4px;
}
.mobile-search .search-results-container .game-result-row .game-image {
  border-radius: 6px;
}
.promoteModalDialog .modal-dialog .modal-content {
  background-color: #0f0f2a;
  border-radius: 8px;
  padding: 24px;
}
.promoteModalDialog .modal-dialog .modal-content button.close {
  margin: -10px 0 0 0;
}
.promoteModalDialog .modal-dialog .modal-content button.close:after {
  font-size: 24px;
}
.promoteModalDialog .modal-dialog .modal-content .promoteModalTitle {
  font-size: 18px;
  color: #fff;
}
.promoteModalDialog .modal-dialog .modal-content .promoteModalText i {
  color: #fff !important;
}
.promoteModalDialog
  .modal-dialog
  .modal-content
  .promoteModalText
  .material-icons {
  color: #fff !important;
}
.promoteModalDialog .modal-dialog .modal-content .promoteModalText p {
  color: #fff;
}
.promoteModalDialog
  .modal-dialog
  .modal-content
  .promoteModalText
  span.material-icons {
  border-color: #fff;
}
.promoteModalDialog
  .modal-dialog
  .modal-content
  .promoteModalText
  img[alt="promo"] {
  filter: brightness(0) invert(1);
}
.promoteModalDialog
  .modal-dialog
  .modal-content
  .promoteModalBody
  .imageWrap
  img {
  border-radius: 8px !important;
}
.root-container.mobile
  .casino-container
  .search-and-filter-container
  .filter-column {
  order: 1;
  flex: 0 0 100%;
  max-width: 100%;
}
.root-container.mobile .categories-container .casino-lobby-categories {
  background-color: unset;
  padding-left: 0;
  padding-right: 0;
}
.root-container.mobile
  .categories-container
  .casino-lobby-categories
  .nav-item {
  background-color: transparent;
  height: 41px;
}
.root-container.mobile
  .categories-container
  .casino-lobby-categories
  .nav-item
  .nav-link {
  height: 41px;
  border-radius: 8px;
  border: 1px solid rgba(209, 164, 255, 0.1);
}
.root-container.mobile
  .categories-container
  .casino-lobby-categories
  .nav-item:focus-visible {
  outline: none;
}
.thumbnail.thumb-bg {
  border-radius: 10px;
}
.casino-games-container .show-all {
  color: #fff !important;
  text-transform: capitalize;
  margin-top: 0;
  font-size: 18px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}
.casino-tab-view h2 {
  font-size: 18px !important;
  font-weight: 800 !important;
}
.games-list h5 {
  font-size: 18px !important;
  font-weight: 800 !important;
}
.modal-open .modal.show {
  padding-right: 0;
}
.pn-rewards.modal-open .modal-body h4 {
  color: #fff;
  font-size: 18px;
  text-align: center;
}
.pn-rewards.modal-open .modal-body p {
  color: #fff;
  text-align: center;
}
.pn-rewards .account-card {
  margin-top: 16px;
  border-bottom: 1px solid rgba(209, 164, 255, 0.1);
  padding-bottom: 16px;
  border-radius: 0;
}
.pn-rewards .account-card .col-md-2.image {
  padding-right: 16px;
}
.pn-rewards .account-card .col-md-2.image .bonus-image {
  max-height: unset;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .pn-rewards .account-card .col-md-2.image .bonus-image {
    max-height: unset;
    height: 260px;
    width: 100%;
  }
}
.pn-rewards .account-card .content {
  padding-left: 0;
}
@media (max-width: 768px) {
  .pn-rewards .account-card .content {
    padding-left: 15px;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .pn-rewards .account-card .content h4 {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .pn-rewards .account-card .content div,
  .pn-rewards .account-card .content span {
    display: block;
  }
}
.pn-rewards .account-card .content .text {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .pn-rewards .account-card .content .text {
    margin-bottom: 16px;
  }
}
.mfaPageContainer
  .innerPage
  .innerContainer.mfa-container
  .form-group
  input.form-control {
  height: 48px;
}
.styled-text-list.promotions-tab .container {
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-top: 30px;
}
@media (min-width: 576px) and (max-width: 1200px) {
  .styled-text-list.promotions-tab .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
.styled-text-list.promotions-tab .row {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 46px;
  border: 1px solid rgba(209, 164, 255, 0.1);
  border-radius: 6px;
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #161630;
  gap: 5px;
}
.styled-text-list.promotions-tab .row .nav-link {
  height: 38px;
  background-color: #3d455a !important;
  border: 1px solid rgba(209, 164, 255, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.styled-text-list.promotions-tab .row .nav-link span {
  color: #fff;
}
.styled-text-list.promotions-tab .row .nav-link.vip-menu {
  background-color: transparent !important;
  border: none;
}
.styled-text-list.promotions-tab .row .nav-link.vip-menu:hover {
  background-color: #333a4c !important;
}
.styled-text-list.promotions-tab .row .nav-link.promotions-menu:hover {
  background-color: #333a4c !important;
}
.hero-banner-two-columns.vip-sysytem .vip-system-content {
  background-image: url("https://d2xbhelc8r6xgn.cloudfront.net/bg_purple_gradient_69f33971c3.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding: 36px;
}
@media (max-width: 768px) {
  .hero-banner-two-columns.vip-sysytem .vip-system-content {
    padding: 16px;
    margin-top: 32px;
  }
}
.hero-banner-two-columns.vip-sysytem .vip-system-content .badge {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.vip-sysytem .vip-system-content .badge {
    margin-bottom: 0;
  }
}
.hero-banner-two-columns.vip-sysytem .vip-system-content .badge span {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hero-banner-two-columns.vip-sysytem .vip-system-content .badge img {
  max-width: 207px;
  padding: 30px 68px;
  width: 25%;
}
@media (max-width: 992px) {
  .hero-banner-two-columns.vip-sysytem .vip-system-content .badge img {
    padding: 30px 30px;
  }
}
@media (max-width: 768px) {
  .hero-banner-two-columns.vip-sysytem .vip-system-content .badge img {
    padding: 15px;
  }
}
.hero-banner-two-columns.vip-sysytem
  .vip-system-content
  .badge
  img:nth-child(2) {
  background-color: var(--cta);
  border-radius: 8px;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.vip-sysytem
    .vip-system-content
    .badge
    img:nth-child(2) {
    background-color: transparent;
  }
}
.hero-banner-two-columns.vip-sysytem .vip-system-content .text {
  padding: 27px 46px;
  background-color: #161630;
  border-radius: 10px;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.vip-sysytem .vip-system-content .text {
    padding: 16px;
    background-color: #0f212d;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
}
.hero-banner-two-columns.vip-sysytem .vip-system-content .text span {
  color: #fff !important;
  font-size: 18px !important;
  display: block !important;
  padding: 20px 10px;
  border-bottom: 1px solid #4d4d4d;
}
@media (max-width: 576px) {
  .hero-banner-two-columns.vip-sysytem .vip-system-content .text span {
    border-bottom: none;
    font-size: 12px !important;
    padding: 8px;
    position: relative;
    margin-left: 16px;
  }
  .hero-banner-two-columns.vip-sysytem .vip-system-content .text span::before {
    content: url("https://d2xbhelc8r6xgn.cloudfront.net/dot_mark_166ec36d5a.svg");
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: -16px;
  }
}
.hero-banner-two-columns.vip-sysytem .tagline span {
  color: #939393 !important;
}
.pink-text span em {
  color: var(--cta) !important;
  font-style: normal !important;
}
.custom-accordion .taglines-group {
  overflow-y: hidden;
}
.custom-accordion .faq-content {
  margin-bottom: 16px;
}
.custom-accordion .faq-content .tagline {
  display: flex;
}
.custom-accordion .faq-content .tagline h1,
.custom-accordion .faq-content .tagline h2,
.custom-accordion .faq-content .tagline h3,
.custom-accordion .faq-content .tagline h4,
.custom-accordion .faq-content .tagline h5,
.custom-accordion .faq-content .tagline h6 {
  text-align: left;
  background-color: #161630;
  border-radius: 10px;
  font-size: 20px;
  color: #ababab;
  margin-bottom: 0;
  padding: 40px 80px 40px 40px;
}
@media (max-width: 576px) {
  .custom-accordion .faq-content .tagline h1,
  .custom-accordion .faq-content .tagline h2,
  .custom-accordion .faq-content .tagline h3,
  .custom-accordion .faq-content .tagline h4,
  .custom-accordion .faq-content .tagline h5,
  .custom-accordion .faq-content .tagline h6 {
    padding: 30px 60px 30px 16px;
    font-size: 12px;
  }
}
.custom-accordion .faq-content .read-more-state {
  display: none;
}
.custom-accordion .faq-content .read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0 !important;
  color: transparent !important;
  display: inline-block;
  transition: 0.2s ease;
}
.custom-accordion .faq-content .read-more-target ul li {
  line-height: 0 !important;
}
.custom-accordion .faq-content .read-more-wrap {
  width: 100%;
}
.custom-accordion
  .faq-content
  .read-more-state:checked
  ~ .read-more-wrap
  .read-more-target {
  opacity: 1;
  font-size: 18px !important;
  max-height: 999em;
  color: #ababab !important;
  padding: 40px;
  background-color: #090920;
  line-height: 24px !important;
}
@media (max-width: 576px) {
  .custom-accordion
    .faq-content
    .read-more-state:checked
    ~ .read-more-wrap
    .read-more-target {
    padding: 20px 16px;
    font-size: 12px !important;
    line-height: 20px !important;
  }
}
.custom-accordion
  .faq-content
  .read-more-state:checked
  ~ .read-more-wrap
  .read-more-target
  ul
  li {
  line-height: 20px !important;
}
.custom-accordion .faq-content .read-more-state ~ .read-more-trigger {
  margin-top: 32px;
}
@media (max-width: 576px) {
  .custom-accordion .faq-content .read-more-state ~ .read-more-trigger {
    margin-top: 16px;
  }
}
.custom-accordion .faq-content .read-more-state ~ .read-more-trigger:before {
  content: "+";
  font-size: 26px;
  cursor: pointer;
  margin-left: -60px;
}
@media (max-width: 576px) {
  .custom-accordion .faq-content .read-more-state ~ .read-more-trigger:before {
    margin-left: -35px;
  }
}
.custom-accordion
  .faq-content
  .read-more-state:checked
  ~ .read-more-trigger:before {
  content: "−";
  font-size: 26px;
  cursor: pointer;
  margin-left: -60px;
}
@media (max-width: 576px) {
  .custom-accordion
    .faq-content
    .read-more-state:checked
    ~ .read-more-trigger:before {
    margin-left: -35px;
  }
}
.custom-accordion .col-md-6.taglines {
  margin-bottom: 65px;
}
@media (max-width: 576px) {
  .custom-accordion .col-md-6.taglines {
    margin-bottom: 20px;
  }
}
.custom-accordion .col-md-6.taglines .tagline span {
  text-align: center !important;
  display: block;
}
@media (max-width: 576px) {
  .custom-accordion .col-md-6.taglines .tagline span {
    text-align: left !important;
    font-size: 20px !important;
  }
}
.custom-accordion.styled-text-list .container .row.title-row {
  display: block;
}
.custom-accordion.styled-text-list .container .row.title-row h4 {
  font-size: 20px;
  text-align: left;
}
.custom-accordion.styled-text-list .container .faq-content {
  width: 100%;
  margin-bottom: 0;
}
.custom-accordion.styled-text-list .container .faq-content h1,
.custom-accordion.styled-text-list .container .faq-content h2,
.custom-accordion.styled-text-list .container .faq-content h3,
.custom-accordion.styled-text-list .container .faq-content h4,
.custom-accordion.styled-text-list .container .faq-content h5,
.custom-accordion.styled-text-list .container .faq-content h6 {
  background-color: transparent;
  font-size: 14px;
  color: #fff;
  padding: 12px 28px 12px 0;
  border-bottom: 1px solid var(--light-border);
  border-radius: 0;
  margin-top: 0;
}
.custom-accordion.styled-text-list
  .container
  .faq-content
  .read-more-state
  ~ .read-more-trigger {
  margin-top: 0;
}
.custom-accordion.styled-text-list
  .container
  .faq-content
  .read-more-state
  ~ .read-more-trigger:before {
  margin-left: -20px;
}
.custom-accordion.styled-text-list
  .container
  .faq-content
  .read-more-state:checked
  ~ .read-more-wrap
  .read-more-target {
  padding: 16px 0 !important;
  font-size: 14px !important;
  color: #ababab !important;
  background-color: transparent;
}
.styled-text-list.hide-title .row.title-row {
  display: none !important;
}
.styled-text-list.games-card.image-bg .box-content {
  padding: 0;
  min-height: 158px;
}
.styled-text-list.games-card.image-bg .box-content h3 {
  margin-left: 16px;
  margin-top: 16px;
  z-index: 99;
  position: relative;
  color: #fff;
}
.styled-text-list.games-card.image-bg .box-content span {
  width: 100%;
  height: 100%;
  justify-content: center !important;
  margin-top: -49px;
  display: block;
}
.styled-text-list.games-card.image-bg .box-content span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100% !important;
  border-radius: 10px !important;
}
.styled-text-list.games-card.image-bg a:hover {
  text-decoration: none;
}
.pokerView .pokerContainer {
  display: none;
}
.pokerView .banner-carousel-container {
  margin-top: 96px !important;
}
@media (max-width: 576px) {
  .pokerView .banner-carousel-container {
    margin-top: 70px !important;
  }
}
.pokerView .banner-carousel-container .action-content {
  margin-top: 0;
  padding-bottom: 0;
}
.pokerView .banner-carousel-container .action-content .btn-banner {
  height: 40px;
}
.pokerView .banner-carousel-container {
  margin-top: 0;
  max-height: 380px;
}
@media (max-width: 1200px) {
  .pokerView .banner-carousel-container {
    max-height: 360px;
  }
}
@media (max-width: 992px) {
  .pokerView .banner-carousel-container {
    max-height: 260px;
  }
}
@media (max-width: 768px) {
  .pokerView .banner-carousel-container {
    max-height: 180px;
  }
}
@media (max-width: 576px) {
  .pokerView .banner-carousel-container {
    max-height: unset;
  }
}
.pokerView .banner-carousel-container .centered-banner .main-background {
  background-size: 100% 100%;
}
@media (max-width: 576px) {
  .pokerView .banner-carousel-container .centered-banner .main-background {
    padding-bottom: 0;
    background-size: cover;
  }
}
@media (max-width: 576px) {
  .pokerView .banner-carousel-container .centered-banner.no-button,
  .pokerView .banner-carousel-container .centered-banner {
    padding-bottom: 0;
  }
}
@media (max-width: 576px) {
  .pokerView .banner-carousel-container .centered-banner .action-content {
    margin-top: 2%;
  }
}
@media (max-width: 576px) {
  .pokerView .banner-carousel-container .main-background.mobile {
    padding-bottom: 67% !important;
  }
}
.styled-text-list.content-with-image .container {
  background-color: #0b0b28;
  padding: 32px 16px;
}
@media (max-width: 768px) {
  .styled-text-list.content-with-image .container {
    padding: 8px 4px 16px 4px;
  }
}
@media (max-width: 768px) {
  .styled-text-list.content-with-image {
    padding: 0;
  }
}
.styled-text-list.content-with-image .row.title-row {
  display: none !important;
}
.styled-text-list.content-with-image .row {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 992px) {
  .styled-text-list.content-with-image .row {
    align-items: stretch;
  }
}
@media (max-width: 768px) {
  .styled-text-list.content-with-image .row {
    flex-direction: column;
    gap: 16px;
  }
}
.styled-text-list.content-with-image .row .tagline {
  flex: 1 1;
}
.styled-text-list.content-with-image .row .tagline.text h1 {
  text-align: left;
  font-size: 22px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .styled-text-list.content-with-image .row .tagline.text h1 {
    font-size: 20px !important;
    margin-bottom: 8px !important;
    font-size: 18px !important;
  }
}
.styled-text-list.content-with-image .row .tagline.text span {
  display: block;
  color: #d7d7f3;
  line-height: 22px;
  font-size: 16px;
}
.styled-text-list.content-with-image .row .tagline.text span:not(:last-child) {
  margin-bottom: 14px;
}
@media (max-width: 768px) {
  .styled-text-list.content-with-image .row .tagline.text {
    order: 2;
  }
}
.styled-text-list.content-with-image .row .tagline.image span {
  display: block;
  height: 100%;
}
.styled-text-list.content-with-image .row .tagline.image span img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .styled-text-list.content-with-image .row .tagline.image {
    order: 1;
  }
}
.styled-text-list.content-with-image .row .tagline.image.border-purple img {
  border: 1px solid #621688;
}
.styled-text-list.content-with-image .row .tagline.image.border-blue img {
  border: 1px solid #164f88;
}
.styled-text-list.content-with-image .row .tagline.image.border-green img {
  border: 1px solid #16887c;
}
.pn-choose-screen-name .choose-container {
  padding-left: 16px;
  padding-right: 16px;
}
.pn-choose-screen-name .choose-container h3 {
  font-size: 18px !important;
}
.pn-choose-screen-name .choose-container .choose-form-container {
  border-radius: 8px;
  padding: 24px 16px;
  background-color: #0f0f2a;
  border: 1px solid rgba(209, 164, 255, 0.1);
  margin-top: 16px;
}
.pn-choose-screen-name .choose-container .choose-form-container .help-block {
  color: #a67dcf !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.pn-choose-screen-name .choose-container .choose-form-container .form-group {
  margin-bottom: 32px;
}
.pn-choose-screen-name
  .choose-container
  .choose-form-container
  .form-group
  label {
  font-size: 14px !important;
  padding-left: 4px;
}
.pn-choose-screen-name
  .choose-container
  .choose-form-container
  .form-group
  select {
  font-size: 14px !important;
}
