@import 'colors.css';
@import '../../../styles/variables/main.css';
@import 'overrides.css';

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap');

@font-face {
    font-family: 'chaneywide';
    src: url('../fonts/chaney-wide-webfont.eot');
    src:
        url('../fonts/chaney-wide-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/chaney-wide-webfont.woff2') format('woff2'),
        url('../fonts/chaney-wide-webfont.woff') format('woff'),
        url('../fonts/chaney-wide-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Inter', sans-serif;
}

body {
    --transparent: 'transparent';
    --black: #000000;
    --white: #ffffff;
    --gray: #999999;
    --lightgray: #dbdbdb;
    --red200: rgb(254 202 202);
    --red600: rgb(220 38 38);
    --red800: rgb(153 27 27);
    --green400: rgb(74 222 128);
    --green700: rgb(21 128 61);
    --green900: rgb(20 83 45);
    --primaryDark: #75fee2;
    --secondary: #57636c;
    --secondaryDark: #22252b;
    --secondaryDarker: #22252b;
    --iconColor: #ffffff;
    --headerMenuHoverDark: #ffcb5b;
    --headerMenuActiveDark: #ffcb5b;
    --headerBgDark: #22252b;
    --headerTextDark: #fefefe;
    --contentBgDark: #16171f;
    --contentBgWithOpacity: #21323ecc;
    --contentTextDark: #fefefe;
    --footerBgDark: #22252b;
    --footerBgAltDark: #22252b;
    --footerSeparator: #455551;
    --footerTextColorDark: #75fee2;
    --footerTextDark: #ffffff99;
    --casinoMenuBgDark: #283a46;
    --modalBgDark: #22252b;
    --secondaryModalBgDark: #35383e;
    --h1ColorDark: #ffffff;
    --inputBorderColor: #474c56;
    --outlineButtonDark: #75fee2;
    --outlineButtonHover: #455551;
    --outlineButtonTextHover: #ffffff;
    --fillButton: #75fee2;
    --fillButtonHover: #75fee2;
    --fillButtonDisabled: #86a29e;
    --buttonTextColor: #16171f;
    --fillButtonSecondary: #35383e;
    --fillButtonHoverSecondary: #5d6065;
    --buttonTextColorSecodnary: #ffffff;
    --langSwitcherBgDark: #2e4454;
    --langSwitcherListBgDark: #1b2c38;
    --darkLightSwitcherIconDark: #67889f;
    --darkLightSwitcherIconActiveDark: #314858;
    --darkLightSwitcherBgDark: #2e4454;
    --darkLightSwitchButtonDark: #ffcb5b;
    --filterBg: #1b2c38;
    --sliderIndicatorActive: #3dedff;
    --sliderIndicatorInactive: #ffffff;
    --sliderArrow: #00922d;
    --homeSliderButtonDark: #00922d;
    --homeSliderButtonHoverDark: #005f1d;
    --promotionsBgDark: #172129;
    --promotionsCardBgDark: #16171f;
    --lobbyZebraOddDark: #293c4a;
    --searchPrimaryDark: #75fee2;
    --searchHighlightText: #283a46;
    --hamburgerColorDark: #ffffff;
    --headerModalBgColorDark: #22252b;
    --headerMobilePlayerIdColor: #75fee2;
    --agentToolPrimary: #ffcb5b;
    --agentToolMenuBg: #242424;
    --agentToolBodyText: #242424;
    --agentToolHeaderText: #ffffff;
    --agentToolHeaderBg: #474747;
    --agentToolGray: #b8b8b8;
    --agentToolLightGray: #e2e2e2;
    --agentToolDarkGray: #e2e2e2;
    --agentToolDarkerGray: #808080;
    --agentToolTableBg: #474747;
    --agentToolPrimaryButton: #00922d;
    --agentToolPrimaryButtonHover: #005f1d;
    --agentToolSecondaryButton: #ffffff;
    --agentToolSecondaryButtonHover: #e2e2e2;
    --agentToolSelected: #242424;
    --modalTextColorDark: #fefefe;
    --modalSecondaryTextColorDark: #75fee2;
    --profileModalBorderColor: #fefefe1a;
    --profileModalSelectedItemColorDark: #21323e;
    --profileModalButtonBgDark: #00922d;
    --profileModalButtonBgHoverDark: #005f1d;
    --winColor: #00922d;
    --loseColor: #e30000;
    --disabledInputColor: #fefefecc;
    --disabledTelDropdownColor: #c7ced2;
    --dropdownListBgDark: #1b2c38;
    --casinoCountBadgeBgDark: #375062;
    --outlineButtonSecondaryDark: #ffcb5b;
    --outlineButtonHoverSecondaryDark: #e9a718;
    --swiperButtonIconDark: #ffffff;
    --swiperButtonIconHoverDark: #283a46;
    --casinoMenuItemDark: #ffffff;
    --casinoMenuItemHoverDark: #ffcb5b;
    --accountDropdownBgDark: #35383e;
    --accountDropdownItemDark: #ffffff;
    --accountDropdownItemHoverDark: #75fee2;
    --accountButtonHoverDark: #75fee2;
    --accountDepositButtonBgDark: #ffcb5b;
    --accountDepositButtonBgHoverDark: #e9a718;
    --accountDepositButtonTextDark: #1e2c36;
    --accountDepositButtonTextHoverDark: #1e2c36;
    --accountLogoutButtonDark: #283a46;
    --gamesButtonBgHoverDark: #375062;
    --gamesButtonIconHoverDark: #283a46;
    --backButtonBgHoverDark: #ffcb5b;
    --backButtonIconHoverDark: #283a46;
    --datePickerBgDark: #22252b;
    --datePickerTextDark: #ffffff;
    --datePickerDisabledBgDark: #22252b;
    --phoneCountriesDropdownBgDark: #22252b;
    --phoneCountriesDropdownTextDark: #ffffff;
    --phoneCountriesDropdownHighlightDark: #22252b;
    --pendingColor: #ffbb28;
    --paymentInfoBgDark: #375062;
    --paymentInfoTextDark: #fefefe;
    --sidebarMenuBgDark: #22252b;
    --sidebarMenuBorderDark: #455551;
    --inputBgDark: #16171f;
    --inputLabelDark: #ffffff99;
    --shadowDark: #a852e3;
    --providersBgDark: #22252b;
    --intermediateScreenBgDark: #22252b;
    --intermediateScreenBgTransparentDark: #22252be6;
    --tabsBgDark: #22252b;
    --tabsSelectedBgDark: #22252b;
    --favoritesBgDark: #16171f99;
    --favoritesIconEnabled: #ffcb5b;

    /* light theme variables */
    --primaryLight: #eea932;
    --contentBgLight: #16171f;
    --headerBgLight: #f7f7f7;
    --footerBgLight: #f7f7f7;
    --contentTextLight: #375062;
    --headerTextLight: #375062;
    --footerTextLight: #375062;
    --headerMenuActiveLight: #00922d;
    --headerMenuHoverLight: #00922d;
    --darkLightSwitcherBgLight: #e2e2e2;
    --langSwitcherBgLight: #e2e2e2;
    --langSwitcherListBgLight: #f0f0f0;
    --darkLightSwitcherIconLight: #8d99a2;
    --darkLightSwitcherIconActiveLight: #eea932;
    --darkLightSwitchButtonLight: #314858;
    --headerDropdownMenuItemLight: #eea932;
    --hamburgerColorLight: #2c3f4d;
    --footerTextColorLight: #375062;
    --casinoMenuBgLight: #f7f7f7;
    --lobbyZebraOddLight: #fefefe;
    --searchPrimaryLight: #eea932;
    --h1ColorLight: #375062;
    --outlineButtonLight: #eea932;
    --dropdownListBgLight: #f7f7f7;
    --modalBgLight: #f7f7f7;
    --promotionsBgLight: #f7f7f7;
    --promotionsCardBgLight: #e2e2e2;
    --secondaryModalBgLight: #fefefe;
    --modalTextColorLight: #375062;
    --modalSecondaryTextColorLight: #eea932;
    --profileModalSelectedItemColorLight: #fefefe;
    --profileModalButtonBgLight: #00922d;
    --profileModalButtonBgHoverLight: #005f1d;
    --headerModalBgColorLight: #f7f7f7;
    --casinoBetsBgLight: #e2e2e2;
    --casinoCountBadgeBgLight: #eea932;
    --outlineButtonSecondaryLight: #eea932;
    --outlineButtonHoverSecondaryLight: #eea932;
    --swiperButtonIconLight: #ffffff;
    --swiperButtonIconHoverLight: #283a46;
    --casinoMenuItemLight: #375062;
    --casinoMenuItemHoverLight: #00922d;
    --accountDropdownBgLight: #f0f0f0;
    --accountDropdownItemLight: #375062;
    --accountDropdownItemHoverLight: #eea932;
    --accountButtonHoverLight: #eea932;
    --accountDepositButtonBgLight: #00922d;
    --accountDepositButtonBgHoverLight: #005f1d;
    --accountDepositButtonTextLight: #ffffff;
    --accountDepositButtonTextHoverLight: #ffffff;
    --accountLogoutButtonLight: #375062;
    --gamesButtonBgHoverLight: #375062;
    --gamesButtonIconHoverLight: #283a46;
    --backButtonBgHoverLight: #eea932;
    --backButtonIconHoverLight: #ffffff;
    --datePickerBgLight: #fefefe;
    --datePickerTextLight: #375062;
    --datePickerSelectedTextLight: #ffffff;
    --datePickerSelectedBgLLight: #22252b;
    --datePickerDisabledTextLight: #999999;
    --datePickerDisabledBgLight: #e2e2e2;
    --phoneCountriesDropdownBgLight: #f0f0f0;
    --phoneCountriesDropdownTextLight: #375062;
    --phoneCountriesDropdownHighlightLight: #00922d;
    --paymentHistoryBgLight: #e2e2e2;
}

.mainBtn:not(.changePasswordContainer .updateProfileBtn),
.casinoLoadMoreBtn,
.tabBtnContainer button.tabBtn {
    background: linear-gradient(135deg, #47ffeb 0%, #c0ffd6 100%) !important;
    border-color: var(--fillButton) !important;
    color: var(--buttonTextColor) !important;
    border-radius: 8px !important;
    font-weight: 400 !important;
    border-width: 1px !important;
}

.mainBtn img,
.casinoLoadMoreBtn img {
    filter: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(2429%) hue-rotate(196deg) brightness(94%) contrast(94%);
}

.mainBtn:hover:not(.mainBtn--disabled, .changePasswordContainer .updateProfileBtn),
.casinoLoadMoreBtn:hover,
.tabBtnContainer button.tabBtn:hover {
    background: linear-gradient(135deg, var(--fillButtonHover) 0%, var(--fillButtonHover) 100%) !important;
    border-color: var(--fillButtonHover) !important;
}

.mainBtn:not(.changePasswordContainer .updateProfileBtn):focus,
.casinoLoadMoreBtn:focus,
.tabBtnContainer button.tabBtn:focus {
    background: linear-gradient(135deg, var(--fillButtonHover) 0%, var(--fillButtonHover) 100%) !important;
    border-color: var(--buttonTextColor) !important;
}

.mainBtn--disabled {
    background-color: var(--fillButtonDisabled) !important;
    border-color: var(--fillButtonDisabled) !important;
}

.secondaryBtn:not(.casinoLoadMoreBtn),
.promotionsReadMoreBtn,
.changePasswordContainer .updateProfileBtn,
.loginModalRegisterBtn,
.loginModalRegisterBtn {
    font-weight: 400 !important;
    background-color: var(--fillButtonSecondary) !important;
    color: var(--white) !important;
    border-color: var(--fillButtonSecondary) !important;
    border-radius: 8px !important;
    border-width: 1px !important;
    background-clip: padding-box;
}

.secondaryBtn--highlight-text {
    color: var(--fillButton) !important;
}

.secondaryBtn--highlight-text img {
    filter: brightness(0) saturate(100%) invert(92%) sepia(84%) saturate(2063%) hue-rotate(141deg) brightness(107%) contrast(99%);
}

.secondaryBtn:hover:not(.casinoLoadMoreBtn),
.promotionsReadMoreBtn:hover,
.changePasswordContainer .updateProfileBtn:hover,
.loginModalRegisterBtn:hover {
    background-color: var(--fillButtonHoverSecondary) !important;
    border-color: var(--fillButtonHoverSecondary) !important;
}

.secondaryBtn:hover:not(.casinoLoadMoreBtn) svg {
    fill: var(--white) !important;
}

.secondaryBtn:focus:not(.casinoLoadMoreBtn),
.promotionsReadMoreBtn:focus,
.changePasswordContainer .updateProfileBtn:focus,
.loginModalRegisterBtn:focus {
    background-color: var(--fillButtonSecondary) !important;
    border-color: var(--fillButtonHover) !important;
}

.secondaryBtn--border,
.secondaryBtn--border:hover {
    border-color: var(--inputBorderColor) !important;
}

.outlineBtn:not(.promotionsReadMoreBtn, .loginModalRegisterBtn) {
    background: transparent !important;
    color: var(--fillButton) !important;
    border-color: var(--fillButton) !important;
    border-radius: 8px !important;
    border-width: 1px !important;
    background-clip: padding-box;
    font-weight: 400 !important;
}

.outlineBtn:hover:not(.promotionsReadMoreBtn, .loginModalRegisterBtn) {
    background: transparent !important;
    color: var(--white) !important;
    font-weight: 700 !important;
}

.outlineBtn:focus:not(.promotionsReadMoreBtn, .loginModalRegisterBtn) {
    background: transparent !important;
    color: var(--fillButton) !important;
}

a.sliderPrimaryBtn.outlineBtn,
a.sliderPrimaryBtn.outlineBtn:hover {
    color: var(--white) !important;
    font-size: 20px !important;
    font-family: 'chaneywide';
    border: none;
    padding: 0 0 0 0.5rem !important;
}
button.sliderPrimaryBtn.outlineBtn {
    border: none;
    padding: 0 0 0 0.5rem !important;
}
button.sliderPrimaryBtn.outlineBtn span {
    color: var(--white) !important;
    font-size: 20px !important;
    font-family: 'chaneywide';
}
@media (max-width: 639px) {
    a.sliderPrimaryBtn.outlineBtn,
    a.sliderPrimaryBtn.outlineBtn:hover {
        color: var(--white) !important;
        font-size: 12px !important;
        padding-left: 0.25rem !important;
    }

    button.sliderPrimaryBtn.outlineBtn {
        padding-left: 0.25rem !important;
    }

    button.sliderPrimaryBtn.outlineBtn span {
        color: var(--white) !important;
        font-size: 12px !important;
    }
}
html.dark .mainMenuIcon img {
    filter: none;
}
.mainMenuIcon img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(7%) saturate(2173%) hue-rotate(163deg) brightness(98%) contrast(90%);
}
html.dark .activeMenu .mainMenuIcon img {
    filter: brightness(0) saturate(100%) invert(91%) sepia(54%) saturate(1200%) hue-rotate(313deg) brightness(102%) contrast(103%);
}
.activeMenu .mainMenuIcon img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(94%) saturate(1204%) hue-rotate(114deg) brightness(93%) contrast(101%);
}
html.dark #hamburgerMenuClose,
html.dark #searchClose,
html.dark .modalCloseBtn,
html.dark .accountIcon {
    filter: none;
}
#hamburgerMenuClose,
#searchClose,
.modalCloseBtn,
.accountIcon {
    filter: brightness(0) saturate(100%) invert(20%) sepia(41%) saturate(439%) hue-rotate(162deg) brightness(92%) contrast(89%);
}
.copyIcon {
    filter: brightness(0) saturate(100%) invert(76%) sepia(98%) saturate(223%) hue-rotate(101deg) brightness(102%) contrast(99%);
}
.dropdownArrow {
    filter: brightness(0) saturate(100%) invert(29%) sepia(25%) saturate(634%) hue-rotate(162deg) brightness(93%) contrast(91%);
}
html.dark .dropdownArrow {
    filter: none;
}
html.dark .accountMenuItem img {
    filter: brightness(0) saturate(100%) invert(97%) sepia(22%) saturate(0%) hue-rotate(140deg) brightness(115%) contrast(100%);
}
.accountMenuItem img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(56%) saturate(299%) hue-rotate(162deg) brightness(93%) contrast(92%);
}
html.dark .accountMenuItem:hover img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(98%) saturate(223%) hue-rotate(101deg) brightness(102%) contrast(99%);
}
.accountMenuItem:hover img {
    filter: brightness(0) saturate(100%) invert(74%) sepia(18%) saturate(1731%) hue-rotate(350deg) brightness(96%) contrast(94%);
}
html.dark .profileMenuItem img {
    filter: none;
}
.profileMenuItem img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(1510%) hue-rotate(163deg) brightness(91%) contrast(93%);
}
html.dark .profileMenuItem:hover img,
html.dark .profileMenuItem.selected img {
    filter: brightness(0) saturate(100%) invert(76%) sepia(98%) saturate(223%) hue-rotate(101deg) brightness(102%) contrast(99%);
}
.profileMenuItem:hover img,
.profileMenuItem.selected img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(3%) hue-rotate(38deg) brightness(104%) contrast(99%);
}
html.dark .mobileBalanceMenuItem img {
    filter: none;
}
.mobileBalanceMenuItem img {
    filter: brightness(0) saturate(100%) invert(26%) sepia(26%) saturate(715%) hue-rotate(162deg) brightness(94%) contrast(84%);
}
.home-slider-gradient {
    background: linear-gradient(180deg, rgba(55, 80, 98, 0) 32%, rgba(55, 80, 98, 0.87) 72%, #0e202d 100%);
}
.react-tel-input input,
.react-tel-input .flag-dropdown ul.country-list li.country {
    font-family: 'Montserrat', sans-serif;
}
.accountSelect {
    background-color: var(--white);
}
.dynamicSelectContainer {
    background-color: var(--inputBgDark) !important;
    color: var(--white) !important;
    border-radius: 8px !important;
    border-color: var(--inputBorderColor) !important;
    color: var(--white) !important;
    border-width: 1px !important;
}
.dynamicSelectContainer .react-select__single-value {
    color: #ffffff;
}
html:not(.dark) .accountSelect:disabled,
html:not(.dark) input:disabled {
    background-color: var(--lightgray);
}
.langSwitcherBtn,
.customDropdown ul.localeOptions {
    border-color: var(--sidebarMenuBorderDark) !important;
    background-color: var(--sidebarMenuBgDark) !important;
}
.fullIndicatorContainer > button {
    width: 8px !important;
}
.casinoViewAllBtn {
    font-weight: normal !important;
}
.casinoViewAllBtn > span:nth-child(2) {
    display: none !important;
}
@media (min-width: 640px) {
    .casinoGamesRowContainer .swiper {
        margin-right: -0.5rem;
    }

    .casinoGamesRowContainer .swiper-wrapper .swiper-slide {
        padding-right: 0.5rem !important;
    }

    .casinoGamesRowContainer .swiper-wrapper {
        row-gap: 0.5rem;
    }
}
.casinoGamesRowContainer .swiper .swiper-fadeout-right,
.casinoGamesRowContainer .swiper .swiper-fadeout-left {
    display: none;
}
.casinoGamesRowContainer .gameItemInfo,
.casinoGamesContainer .gameItemInfo,
#gameContainer .gameItemFooter,
.providerContainer .gameItemInfo {
    display: none;
}
.casinoGamesRowContainer svg,
.casinoGamesContainer svg,
#gameContainer svg,
.providerContainer svg {
    margin-top: 0 !important;
}
.casinoGamesRowContainer .casinoNav {
    display: none;
}
.casinoGamesRowContainer h2 {
    font-family: 'chaneywide';
    font-weight: 400 !important;
}
.providerName,
.gameTitle {
    display: none;
}
.casinoGamesRowContainer .casinoCountBadge,
.casinoGamesContainer .casinoCountBadge,
.providerContainer .casinoCountBadge {
    display: none;
}
.searchResultsContainer .swiper-slide {
    height: auto !important;
}
label {
    color: var(--inputLabelDark);
    padding-left: 0 !important;
    font-size: 1rem !important;
}
@media (max-width: 1079px) {
    label {
        font-size: 0.875rem !important;
    }
}
form label span {
    color: var(--white);
    font-weight: 400;
}
.cryptoSelect__single-value {
    color: white !important;
    margin-left: 3px !important;
}
.depositContainer .cryptoSelect__control,
.depositContainer .allAmountBtn,
.cryptoSelect__control,
input[type='text'],
input[type='number'],
form input[type='text'],
form input[type='password'],
form input[type='email'],
form input[type='tel'],
form input[type='search'],
form input[type='file'],
form select,
.input_container {
    background-color: var(--inputBgDark) !important;
    color: var(--white) !important;
    border-radius: 8px !important;
    border-color: var(--inputBorderColor) !important;
    color: var(--white) !important;
    border-width: 1px !important;
}
.depositContainer .cryptoSelect__control:focus,
.depositContainer .allAmountBtn:focus,
input[type='text']:focus,
input[type='number']:focus,
form input[type='text']:focus,
form input[type='password']:focus,
form input[type='email']:focus,
form input[type='tel']:focus,
form input[type='search']:focus,
form input[type='file']:focus,
form select:focus,
.input_container:focus .depositContainer .allAmountBtn:focus {
    border-color: var(--primaryDark) !important;
}
.depositContainer .allAmountBtn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.depositContainer [name='amount'] {
    border-right-width: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
form .react-tel-input .flag-dropdown {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    background-color: var(--inputBgDark) !important;
    border-color: var(--inputBorderColor) !important;
    border-width: 1px !important;
}
form .react-tel-input .selected-flag:hover,
form .react-tel-input .selected-flag:focus,
form .react-tel-input .flag-dropdown.open .selected-flag {
    background-color: var(--inputBgDark) !important;
}
.modalCloseBtn {
    padding: 8px;
    line-height: 0 !important;
}
.modalCloseBtn img {
    height: 18px !important;
    width: 18px !important;
}
.showPass {
    background-image: url(../images/showPass.svg) !important;
}
.hidePass {
    background-image: url(../images/hidePass.svg) !important;
}
.calendarIcon {
    background-image: url(../images/calendar.svg) !important;
}
.modalLoginForgotPass {
    background-image: url(../images/forgotPass.svg) !important;
}
.emailField {
    background-image: url(../images/mail.svg) !important;
}
.idField,
.usernameField,
.firstnameField,
.lastnameField {
    background-image: url(../images/user.svg) !important;
}
.passwordField {
    background-image: url(../images/lock.svg) !important;
}
.profileMenuItem span {
    font-weight: 400 !important;
}
.profileMenuItem {
    font-weight: 400 !important;
}
.profileModalTitle,
.profilePageTitle {
    font-weight: 400 !important;
    font-family: 'chaneywide';
}
.profileMenuItem.selected,
.profileMenuItem:hover {
    background-color: var(--secondaryModalBgDark) !important;
}
.profileMenuItem.selected span,
.profileMenuItem:hover span {
    color: var(--primaryDark) !important;
}
.profilePageContainer,
.depositPageContainer,
.withdrawPageContainer,
.casinoBetsPageContainer,
.sportsbookContainer,
.paymentHistoryPageContainer,
.verifyAccountPageContainer,
.responsibleGamingPageContainer {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.depositPageContainer .depositItem .react-slidedown,
.withdrawPageContainer .withdrawItem .react-slidedown {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.modalProfileContainer .depositContainer,
.modalProfileContainer .depositContainer {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
@media (max-width: 639px) {
    .withdrawPageContainer .depositContainer,
    .depositPageContainer .depositContainer {
        padding: 1rem 0 !important;
    }
}
@media (max-width: 1024px) {
    .fullWidthSliderContainer {
        margin: -0.5rem -0.5rem 0 -0.5rem;
    }
}
@media (min-width: 640px) {
    .fullWidthSliderContainer {
        margin-bottom: 2rem;
    }

    .homeBodyContainer {
        margin-top: 2rem !important;
    }

    .homeBodyContainer .casinoGamesRowContainer:not(:first-child) {
        margin-top: 3rem !important;
    }
}
.fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer {
    max-width: 70%;
    top: 20%;
}
.switchToggleActive {
    border-color: var(--primaryDark) !important;
}
.switchToggleActive .switchButton {
    background: var(--primaryDark) !important;
}
.walletDepositButton {
    color: #213746;
}
.transactionItemArrow path,
.casinoBetItemArrow path {
    fill: var(--primaryDark);
}
#modalBox,
.profileMenuItem,
.casinoBetItem,
.casinoBetItem > div {
    border-radius: 8px !important;
}
#modalBox h3.profileModalTitle {
    font-family: 'chaneywide';
    font-weight: 400 !important;
}
.sportsbookContainer {
    padding: 0 !important;
}
@media (max-width: 639px) {
    .sportsbookContainer {
        margin: 0 -8px;
    }
}
.change .mobileNavBurgerbar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
}
.change .mobileNavBurgerbar2 {
    opacity: 0;
}
.change .mobileNavBurgerbar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -4px);
    transform: rotate(45deg) translate(-4px, -4px);
}
@media (min-width: 1024px) {
    .swiper-slide a:hover span,
    .casinoGamesContainer a:hover span {
        height: 100% !important;
    }
    .swiper-slide a:hover span img,
    .casinoGamesContainer a:hover span img {
        height: 100% !important;
    }
}
@media (max-width: 639px) {
    .fullWidthSliderContainer {
        margin-bottom: 0.5rem;
    }

    .fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer {
        top: 0.5rem;
        left: 1rem;
    }
}
.fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer > p {
    line-height: 1;
    font-style: italic;
    filter: drop-shadow(0 0 9px var(--sliderIndicatorActive));
}
.fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer > p.slideTitle {
    font-size: 44px;
    font-family: 'chaneywide';
    color: var(--primaryDark);
}
.fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer > p.slideSubTitle {
    font-size: 40px;
}
@media (max-width: 639px) {
    .fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer > p.slideTitle {
        font-size: 22px;
    }
    .fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer > p.slideSubTitle {
        font-size: 18px;
    }
    .modalWalletcontainer {
        border-radius: 0 !important;
    }
}
.modalAccountContainer #modalBox > div:first-child {
    margin: 1.25rem 0 0;
}

.modalAccountContainer #modalBox > div:first-child button {
    right: 1rem;
}

.modalAccountContainer #modalBox > div:first-child h3 {
    font-weight: 400;
}

.modalAccountContainer #modalBox > div:first-child {
    justify-content: space-between;
}

.modalAccountContainer #modalBox > div {
    padding-left: 16px;
    padding-right: 16px;
}

.modalWalletcontainer #modalBox > div:first-child {
    margin-top: 1.25rem;
    margin-bottom: 0;
}

.loginPageContainer h1,
.registerPageContainer h1,
.resetPassPageContainer h1,
.forgotPassPageContainer h1,
.profilePageContainer h1,
.depositPageContainer h1,
.withdrawPageContainer h1,
.casinoBetsPageContainer h1,
.paymentHistoryPageContainer h1,
.verifyAccountPageContainer h1,
.responsibleGamingPageContainer h1 {
    font-weight: 400;
    font-family: 'chaneywide';
    font-weight: 400 !important;
}
.accountDropdownContainer .accountMenuItem span {
    font-weight: 400;
}
#gameContainer {
    width: auto !important;
}
.verifyBeforeWithdrawNotification {
    color: var(--white) !important;
}
.depositItem .depositItemTitle,
.withdrawItem .withdrawItemTitle {
    color: var(--white) !important;
    font-weight: 400 !important;
    font-size: 1rem;
}
.intermediateScreenContainer h1 {
    font-family: 'chaneywide';
    font-weight: 400 !important;
}
.cmsContent h1,
.promotions h1,
.promotionDetails h1 {
    font-family: 'chaneywide';
    font-weight: 400 !important;
}
.searchModal h2 {
    font-family: 'chaneywide';
    font-weight: 400 !important;
}
.casinoGamesContainer h1 {
    font-family: 'chaneywide';
    font-weight: 400 !important;
}
.promotionsContainer > div {
    padding: 0;
}
.swiperHeaderIcon {
    display: none;
}
button.casinoLoadMoreBtn {
    line-height: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
button.casinoLoadMoreBtn > div {
    display: none;
}
.filtersContainer .providerFilter button,
.filtersContainer .sortFilter button {
    background-color: transparent !important;
}
@media (max-width: 639px) {
    .filtersContainer .providerFilter button,
    .filtersContainer .sortFilter button {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
}
.filtersContainer .providerFilter button:hover,
.filtersContainer .sortFilter button:hover,
.filtersContainer .providerFilter button:focus,
.filtersContainer .sortFilter button:focus {
    background-color: transparent !important;
    border-color: var(--primaryDark) !important;
}
.casinoGamesContainer .filtersContainer {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}
.casinoGamesContainer .filtersContainer .minWidthFilterItem {
    min-width: auto !important;
}
.tabBtnContainer {
    background-color: var(--fillButtonSecondary) !important;
}
.tabBtnContainer button.tabBtn:not([disabled]) {
    background: transparent !important;
    border-color: var(--fillButtonSecondary) !important;
    color: var(--white) !important;
}
.sidebarInnerContainer .customDropdown button.langSwitcherBtn,
.sidebarInnerContainer .customDropdown button.langSwitcherBtn:hover {
    background-color: var(--contentBgDark) !important;
    border-color: var(--contentBgDark) !important;
}
.sidebarInnerContainer .customDropdown button.langSwitcherBtn:hover,
.sidebarInnerContainer .customDropdown button.langSwitcherBtn:focus {
    border-color: var(--primaryDark) !important;
}
.sidebarInnerContainer .customDropdown button.langSwitcherBtn:focus {
    background-color: var(--contentBgDark) !important;
}
.sidebarInnerContainer .customDropdown button.langSwitcherBtn:active {
    border-color: var(--contentBgDark) !important;
}
.sidebarInnerContainer .customDropdown button.langSwitcherBtn:active span {
    color: var(--primaryDark) !important;
}
.sidebarInnerContainer .customDropdown + ul.localeOptions li:hover {
    background-color: var(--primaryDark) !important;
    color: var(--contentBgDark) !important;
}
@media (max-width: 639px) {
    .customDropdown button.langSwitcherBtn,
    .customDropdown button.langSwitcherBtn:focus,
    .customDropdown button.langSwitcherBtn:active {
        background-color: var(--fillButtonSecondary) !important;
        border-color: var(--fillButtonSecondary) !important;
    }
}
@media (max-width: 639px) {
    .gameRelatedItemsContainer .casinoGamesRowContainer {
        margin-bottom: 1rem;
    }
}
@media (max-width: 1024px) {
    #gameContainer {
        width: auto !important;
    }
}
@media (max-width: 1299px) {
    .fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer > p {
        font-size: 50px;
    }
}
@media (max-width: 1079px) {
    .fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer > p {
        font-size: 44px;
    }
}
@media (max-width: 1023px) {
    .fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer > p {
        font-size: 38px;
    }
}
@media (max-width: 639px) {
    .fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer > p {
        font-size: 20px;
    }

    .fullWidthSliderContainer .carousel .slider-wrapper .slider .slide > * > div > div.slideInnerContainer > div {
        margin-top: 0.25rem;
    }
}
input:disabled,
select:disabled {
    opacity: 0.5 !important;
}
html.dark .globalSearchField {
    background-image: url(../images/searchIcon.svg) !important;
}

/***** Webchat *****/
#botButtonDiv {
    z-index: 99999 !important;
    left: 120px !important;
    bottom: 60px !important;
    right: unset !important;
}

.bubble-widget-chat-container {
    right: unset !important;
    left: 45px !important;
    bottom: 170px !important;
}

#botChat .webchat__send-box-text-box__input {
    background-color: unset !important;
    color: #22252b !important;
}

@media (max-width: 768px) {
    .bubble-widget-chat-container {
        right: unset !important;
        left: 0 !important;
        bottom: 0 !important;
    }
}

.bubble-widget-chat-container .chat-header .chat-header-title h3 {
    display: none !important;
}

.hbf-bot-div .ac-adaptiveCard .ac-textInput,
.hbf-bot-div .ac-adaptiveCard .ac-multichoiceInput,
.hbf-bot-div .ac-adaptiveCard .ac-timeInput,
.hbf-bot-div .ac-adaptiveCard .ac-dateInput {
    background-color: #ffffff !important;
}
/***** Webchat *****/

.carouselPaginationContainer .swiper-pagination-bullet {
    width: 32px !important;
    height: 4px !important;
    margin: 0 2px !important;
    border-radius: 8px !important;
}
.carouselPaginationContainer .swiper-pagination-bullet-active {
    border-radius: 8px !important;
}
.carouselSlideContainer img {
    border-radius: 8px !important;
}
.carouselSlideTitle {
    font-size: 30px !important;
    line-height: 30px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}
.carouselSlideSubtitle {
    font-size: 14px !important;
    margin-top: 6px !important;
}
.mainBtn.carouselSlideButton {
    padding: 8px 16px !important;
}
.carouselSlideButton {
    margin-top: 24px !important;
}
.slideGradientShadow {
    background: linear-gradient(68deg, #16171c 23.61%, rgba(22, 23, 28, 0) 54.59%) !important;
}
[dir='rtl'] .slideGradientShadow {
    background: linear-gradient(73deg, rgba(22, 23, 28, 0) 40.31%, #16171c 90.55%) !important;
}
.carouselSlideButton {
    font-size: 14px !important;
    line-height: 20px !important;
    text-transform: uppercase;
}

.mainBtn.storySlideButton {
    padding: 8px 16px !important;
}
.storySlideButton {
    margin-top: 24px !important;
}
.storySlideButton {
    font-size: 14px !important;
    line-height: 20px !important;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .carouselSlideButton {
        margin-top: 16px !important;
    }
    .storySlideButton {
        margin-top: 16px !important;
    }
    .carouselSlideTitle {
        font-size: 22px !important;
        line-height: 22px !important;
        width: 50% !important;
    }
    .carouselSlideSubtitle {
        font-size: 12px !important;
        line-height: 15px !important;
        width: 50% !important;
        -webkit-line-clamp: 2;
    }
    .mainBtn.carouselSlideButton {
        padding: 8px 12px !important;
    }
}