:root {
--cwHeaderG: #190B37 !important;
--cwHeaderSecondaryG: #241055 !important;
--cwHeaderSecondaryBg: #241055 !important;
--cwDominantBg: #241055 !important;
--cwModalTxt2: #fff !important;
--cwBodyBg: #190B37 !important;
--cwFooterG: #241055 !important;
--cwTooltipG: #241055 !important;
--cwTooltipAccent: #ffffff !important;
--cwTooltipBg2: #190B37 !important;
--cwButtonG: linear-gradient(360deg, #473BC7 -119.38%, #B244FF 205.34%) !important;
--cwButtonBgHover: linear-gradient(360deg, #473BC7 -119.38%, #B244FF 205.34%) !important;
--cwSignInButtonG: linear-gradient(180deg, #2F0F7D 0%, #220863 100%) !important;
--cwSignInButtonBg2: linear-gradient(180deg, #2F0F7D 0%, #220863 100%) !important;
--cwSignInButtonTxt2: #ffffff !important;
--cwButtonSecondaryG: linear-gradient(180deg, #2F0F7D 0%, #220863 100%) !important;
--cwJackpotG: linear-gradient(180deg, #2F0F7D 0%, #220863 100%) !important;
--cwJackpotBg2: linear-gradient(180deg, #2F0F7D 0%, #220863 100%) !important;
--cwJackpotAccent: #ffffff !important;
--cwFooterBg2: linear-gradient(360deg, #473BC7 -119.38%, #B244FF 205.34%) !important;
--cwButtonSecondaryBg: linear-gradient(180deg, #2F0F7D 0%, #220863 100%) !important;
--cwButtonSecondaryBgHover: linear-gradient(360deg, #473BC7 -119.38%, #B244FF 205.34%) !important;
--cwHeaderSecondaryAccent: #c983ff !important;
--cwAccentG: #c983ff !important;
--cwButtonBg: linear-gradient(360deg, #473BC7 -119.38%, #B244FF 205.34%) !important;
--cwCardBg: #241055 !important;
--cwCardBg2: #241055 !important;
--cwCardG: #241055 !important;
--cwCardBg2: #241055 !important;
--cwCardBgHover: #241055 !important;
--cwFilterBg: #241055 !important;
--cwTabBg2: linear-gradient(180deg, #2F0F7D 0%, #220863 100%) !important;
--cwDominantAccent: #c983ff !important;
--cwFilterAccent: linear-gradient(360deg, #473BC7 -119.38%, #B244FF 205.34%) !important;
--cwFilterBg3: #190B37 !important;
--cwFooterAccent: #ffffff !important;
--cwModalBg: #190B37 !important;
--cwModalBgHover: #241055 !important;
--cwModalBg2: #241055 !important;
--cwLoginBg2: #241055 !important;
--cwLoginG: #190B37 !important;
--cwLoginBgHover: #241055 !important;
--cwInputSecondaryBg: #241055 !important;
--cwRegisterG: #190B37 !important;
--cwRegisterBgHover: #241055 !important;
--cwRegisterAccent: #c983ff !important;
--cwJackpotBg: #241055 !important;
--cwJackpotBgHover: #190B37 !important;
--cwHeaderSecondaryBgHover:#190B37 !important;
--cwBodyAccent: #c983ff !important;
--cwInputG: #241055 !important;
--cwDepositButtonG: linear-gradient(360deg, #473BC7 -119.38%, #B244FF 205.34%) !important;
--cwDepositButtonBgHover: linear-gradient(360deg, #473BC7 -119.38%, #B244FF 205.34%) !important;
--cwTooltipBg: #241055 !important;
--cwModalAccent: #c983ff !important;
--cwButtonAccent: #190B37 !important;
--cwDominantBg2: #190B37 !important;
--cwAccentBg: #c983ff !important;
--cwCardAccent: #c983ff !important;
--cwInputSecondaryBgHover: #241055 !important;
--cwButtonRadius: 10px !important;
--cwSignInButtonRadius: 10px!important;
--cwButtonSecondaryRadius: 10px !important;
--cwButtonSecondaryBg2: linear-gradient(180deg,#2F0F7D 0%,#220863 100%)!important;
--cwBodyShadow: #190B37 !important;
}


.bonus_info_content {
    background: #241055 !important;
}
.header {
    background-color: #190B37 !important;
}
.bn_left_card .bonus_card_body {
    background-color: #241055 !important;
}
.to_top {
    background: linear-gradient(180deg, #2F0F7D 0%, #220863 100%) !important;
}
.pn_card_category span {
    color: #190B37 !important;
}
.rd_header_tab_item {
    background: linear-gradient(180deg, #2F0F7D 0%, #220863 100%) !important;
}
.rd_header_tab_item.active {
    background: linear-gradient(360deg, #473BC7 -119.38%, #B244FF 205.34%) !important;
}
.arrow__prev, .arrow__next, .banners__slider_number {
    background: linear-gradient(180deg, #2F0F7D 0%, #220863 100%) !important;
}

.header__fixed-right .h-bg-primary.tl_btn, .forgot_btn, .login_btn {
    --cwButtonBgHover: linear-gradient(360deg, #473BC7 -119.38%, #B244FF 205.34%) !important;
}
.footer_social-item {
    color: var(--cwFooterTxt) !important;
    background: var(--cwFooterBg2) !important;
}

.dynamic_featured_item {
    background: linear-gradient(180deg, #6735D1 0%, #44249A 100%) !important;
    border: none !important;
}

.container {
    max-width: 1600px; 
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1600px) {
    .container {
        max-width: 95%;
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 90%;
        padding: 0 10px;
    }
}

@media (max-width: 480px) {
    .container {
        max-width: 100%;
        padding: 0 5px;
    }
}