@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css'; /* =============================================
   MOBILE THEME - OPTIMIZED CSS
   Original: ~3131 lines | Optimized: ~1400 lines
   ============================================= */
:root,:host,.jackpot_root_variables,.dg-tm-app-wrapper,body,html {
    --accent-color: #ff2fb9 !important;
    --accent-secondary: #ff5ad9 !important;
    --accent-purple: #6a3df1 !important;
    --accent-glow: rgba(255, 47, 185, 0.6) !important;
    --text-color: #ffffff !important;
    --text-alt-color: #d1c7f7 !important;
    --panel-bg: rgba(26, 6, 56, 0.7) !important;
    --panel-border: rgba(255, 47, 185, 0.5) !important;
    --dark-purple: #2a145c !important;
    --bg-primary: #0b011d !important;
    --bg-secondary: #1a0638 !important;
    --cwButtonBg: linear-gradient(90deg, #ff2fb9 0%, #6a3df1 100%) !important;
    --cwButtonG: linear-gradient(90deg, #ff2fb9 0%, #6a3df1 100%) !important;
    --cwButtonTxt: #ffffff !important;
    --cwButtonBgHover: linear-gradient(90deg, #ff5ad9 0%, #7a4cff 100%) !important;
    --cwHeaderBg: #1a0638 !important;
    --cwHeaderBgHover: #2a145c !important;
    --cwHeaderG: #1a0638 !important;
    --cwHeaderTxt: #ffffff !important;
    --cwHeaderTxt2: #d1c7f7 !important;
    --cwBodyBg: #0b011d !important;
    --cwBodyAccent: #ff2fb9 !important;
    --cwDominantBg: #2a145c !important;
    --cwDominantBg2: #6a3df1 !important;
    --cwDominantBgHover: #2a145c !important;
    --cwDominantBg2Hover: rgba(106, 61, 241, 0.3) !important;
    --cwModalBg: rgba(42, 20, 92, 0.95) !important;
    --cwModalBg2: #6a3df1 !important;
    --cwModalBg3: rgba(42, 20, 92, 0.6) !important;
    --cwModalBgHover: rgba(106, 61, 241, 0.4) !important;
    --cwModalTxt: #ffffff !important;
    --cwModalTxt2: #d1c7f7 !important;
    --cwModalAccent: #ff2fb9 !important;
    --cwPrimary: #ff2fb9 !important;
    --cwAccentG: #ff2fb9 !important;
    --cwSubHeaderG: #2a145c !important;
    --cwCardBgHover: #ff2fb9 !important;
    --cwTooltipBg2: rgba(42, 20, 92, 0.8) !important;
    --eventBg: rgba(42, 20, 92, 0.85) !important;
    --eventBg2: #2a145c !important;
    --eventHeaderBg: rgba(42, 20, 92, 0.8) !important;
    --eventBodyBg: rgba(42, 20, 92, 0.4) !important;
    --eventBorder: rgba(255, 47, 185, 0.4) !important;
    --eventBgHover: rgba(42, 20, 92, 0.95) !important;
    --eventTxt: #ffffff !important;
    --eventTxt2: #d1c7f7 !important;
    --eventAccent: #ff2fb9 !important;
    --eventRadius: 12px !important;
    --bodyG: #1a0638 !important;
    --bodyBg: #1a0638 !important;
    --bodyBg2: #2a145c !important;
    --bodyBgHover: #1f0a47 !important;
    --bodyBg2Hover: #34196e !important;
    --bodyBg3Hover: #3e1f82 !important;
    --bodyTxt: #ffffff !important;
    --bodyTxt2: #d1c7f7 !important;
    --bodyTxt3: #c1b3e8 !important;
    --bodyAccent: #ff2fb9 !important;
    --bodyAccentTxt: rgba(255, 255, 255, 0.9) !important;
    --bodyRGBA: rgba(26, 6, 56, 0.7) !important;
    --bodyRGBA2: rgba(26, 6, 56, 0.5) !important;
    --bodyRGBA3: rgba(26, 6, 56, 0.3) !important;
    --bodyRadius: 12px !important;
    --bodyBorder: rgba(255, 47, 185, 0.3) !important;
    --accentG: #ff2fb9 !important;
    --accentBg: #ff2fb9 !important;
    --accentBg2: #ff5ad9 !important;
    --accentBgHover: #ff42c5 !important;
    --accentBg2Hover: #ff6ddd !important;
    --accentBg3Hover: #ff87e5 !important;
    --accentTxt: #ffffff !important;
    --accentTxt2: #fff0f8 !important;
    --accentTxt3: #ffe5f3 !important;
    --accentAccent: #ff2fb9 !important;
    --accentAccentTxt: rgba(255, 255, 255, 0.9) !important;
    --accentRGBA: rgba(255, 47, 185, 0.7) !important;
    --accentRGBA2: rgba(255, 47, 185, 0.5) !important;
    --accentRGBA3: rgba(255, 47, 185, 0.3) !important;
    --accentRadius: 8px !important;
    --accentBorder: rgba(255, 47, 185, 0.5) !important;
    --dominantG: #2a145c !important;
    --dominantBg: #2a145c !important;
    --dominantBg2: #6a3df1 !important;
    --dominantBgHover: #34196e !important;
    --dominantBg2Hover: #7a4cff !important;
    --dominantBg3Hover: #8a5fff !important;
    --dominantTxt: #ffffff !important;
    --dominantTxt2: #d1c7f7 !important;
    --dominantTxt3: #c1b3e8 !important;
    --dominantAccent: #ff2fb9 !important;
    --dominantAccentTxt: rgba(255, 255, 255, 0.9) !important;
    --dominantRGBA: rgba(42, 20, 92, 0.7) !important;
    --dominantRGBA2: rgba(42, 20, 92, 0.5) !important;
    --dominantRGBA3: rgba(42, 20, 92, 0.3) !important;
    --dominantRadius: 12px !important;
    --dominantBorder: rgba(255, 47, 185, 0.3) !important;
    --buttonG: linear-gradient(90deg, #ff2fb9 0%, #6a3df1 100%) !important;
    --buttonBg: #ff2fb9 !important;
    --buttonBg2: #ff5ad9 !important;
    --buttonBgHover: #ff42c5 !important;
    --buttonBg2Hover: #ff6ddd !important;
    --buttonBg3Hover: #ff87e5 !important;
    --buttonTxt: #ffffff !important;
    --buttonTxt2: #fff0f8 !important;
    --buttonTxt3: #ffe5f3 !important;
    --buttonAccent: #ff2fb9 !important;
    --buttonAccentTxt: rgba(255, 255, 255, 0.9) !important;
    --buttonRGBA: rgba(255, 47, 185, 0.7) !important;
    --buttonRGBA2: rgba(255, 47, 185, 0.5) !important;
    --buttonRGBA3: rgba(255, 47, 185, 0.3) !important;
    --buttonRadius: 8px !important;
    --buttonBorder: #ff2fb9 !important;
    --buttonSecondaryG: #6a3df1 !important;
    --buttonSecondaryBg: #6a3df1 !important;
    --buttonSecondaryBg2: #7a4cff !important;
    --buttonSecondaryBgHover: #7545f5 !important;
    --buttonSecondaryTxt: #ffffff !important;
    --buttonSecondaryAccent: #ff2fb9 !important;
    --buttonSecondaryRadius: 8px !important;
    --buttonSecondaryBorder: #6a3df1 !important;
    --navbarG: #2a145c !important;
    --navbarBg: #2a145c !important;
    --navbarBg2: #3e1f82 !important;
    --navbarBgHover: #34196e !important;
    --navbarTxt: #ffffff !important;
    --navbarTxt2: #d1c7f7 !important;
    --navbarAccent: #ff2fb9 !important;
    --navbarRadius: 12px !important;
    --navbarBorder: rgba(255, 47, 185, 0.3) !important;
    --sliderG: #1f0a47 !important;
    --sliderBg: #1f0a47 !important;
    --sliderBg2: #34196e !important;
    --sliderTxt: #ffffff !important;
    --sliderAccent: #ff2fb9 !important;
    --sliderRadius: 12px !important;
    --sliderBorder: rgba(255, 47, 185, 0.3) !important;
    --headerG: #160429 !important;
    --headerBg: #160429 !important;
    --headerBg2: #240959 !important;
    --headerTxt: #ffffff !important;
    --headerTxt2: #d1c7f7 !important;
    --headerAccent: #ff2fb9 !important;
    --headerRadius: 12px !important;
    --headerBorder: rgba(255, 47, 185, 0.3) !important;
    --subHeaderG: #1d0747 !important;
    --subHeaderBg: #1d0747 !important;
    --subHeaderBg2: #2f0d6f !important;
    --subHeaderTxt: #ffffff !important;
    --subHeaderAccent: #ff2fb9 !important;
    --subHeaderRadius: 12px !important;
    --subHeaderBorder: rgba(255, 47, 185, 0.3) !important;
    --eventG: #2a145c !important;
    --eventLiveG: #3e1f82 !important;
    --eventLiveBg: #3e1f82 !important;
    --eventLiveBg2: #542aa0 !important;
    --eventLiveTxt: #ffffff !important;
    --eventLiveAccent: #ff2fb9 !important;
    --eventLiveRadius: 12px !important;
    --eventLiveBorder: rgba(255, 47, 185, 0.3) !important;
    --oddG: #120325 !important;
    --oddBg: #120325 !important;
    --oddBg2: #1f0753 !important;
    --oddTxt: #ffffff !important;
    --oddAccent: #ff2fb9 !important;
    --oddRadius: 8px !important;
    --oddBorder: rgba(255, 47, 185, 0.3) !important;
    --oddActiveG: #6a3df1 !important;
    --oddActiveBg: #6a3df1 !important;
    --oddActiveBg2: #7a4cff !important;
    --oddActiveTxt: #ffffff !important;
    --oddActiveAccent: #ff2fb9 !important;
    --oddActiveRadius: 8px !important;
    --oddActiveBorder: rgba(255, 47, 185, 0.3) !important;
    --showMoreG: #1f0a47 !important;
    --showMoreBg: #1f0a47 !important;
    --showMoreTxt: #ffffff !important;
    --showMoreAccent: #ff2fb9 !important;
    --showMoreRadius: 8px !important;
    --showMoreBorder: rgba(255, 47, 185, 0.3) !important;
    --marketHeaderG: #2a145c !important;
    --marketHeaderBg: #2a145c !important;
    --marketHeaderTxt: #ffffff !important;
    --marketHeaderAccent: #ff2fb9 !important;
    --marketHeaderRadius: 12px !important;
    --marketHeaderBorder: rgba(255, 47, 185, 0.3) !important;
    --collapseG: #2c0b67 !important;
    --collapseBg: #2c0b67 !important;
    --collapseTxt: #ffffff !important;
    --collapseAccent: #ff2fb9 !important;
    --collapseRadius: 12px !important;
    --collapseBorder: rgba(255, 47, 185, 0.3) !important;
    --tabG: #0f011f !important;
    --tabBg: #0f011f !important;
    --tabBg2: #1c064b !important;
    --tabTxt: #ffffff !important;
    --tabAccent: #ff2fb9 !important;
    --tabRadius: 100px !important;
    --tabBorder: rgba(255, 47, 185, 0.3) !important;
    --tabActiveG: linear-gradient(90deg, #ff2fb9 0%, #6a3df1 100%) !important;
    --tabActiveBg: #ff2fb9 !important;
    --tabActiveBg2: #ff5ad9 !important;
    --tabActiveTxt: #ffffff !important;
    --tabActiveAccent: #ff2fb9 !important;
    --tabActiveRadius: 100px !important;
    --tabActiveBorder: rgba(255, 47, 185, 0.5) !important;
    --tabSecondaryActiveG: #220759 !important;
    --tabSecondaryActiveBg: #220759 !important;
    --tabSecondaryActiveTxt: #ffffff !important;
    --tabSecondaryActiveAccent: #ff2fb9 !important;
    --tabSecondaryActiveRadius: 100px !important;
    --tabSecondaryActiveBorder: rgba(255, 47, 185, 0.3) !important;
    --menu_1G: #160429 !important;
    --menu_1Bg: #160429 !important;
    --menu_1Txt: #ffffff !important;
    --menu_1Accent: #ff2fb9 !important;
    --menu_1Radius: 12px !important;
    --menu_1Border: rgba(255, 47, 185, 0.3) !important;
    --menu_2G: #0f011f !important;
    --menu_2Bg: #0f011f !important;
    --menu_2Txt: #ffffff !important;
    --menu_2Accent: #ff2fb9 !important;
    --menu_2Radius: 12px !important;
    --menu_2Border: rgba(255, 47, 185, 0.3) !important;
    --menu_3G: #0a0018 !important;
    --menu_3Bg: #0a0018 !important;
    --menu_3Txt: #ffffff !important;
    --menu_3Accent: #ff2fb9 !important;
    --menu_3Radius: 12px !important;
    --menu_3Border: rgba(255, 47, 185, 0.3) !important;
    --inputG: #130237 !important;
    --inputBg: #130237 !important;
    --inputBg2: #1f0758 !important;
    --inputTxt: #ffffff !important;
    --inputAccent: #ff2fb9 !important;
    --inputRadius: 8px !important;
    --inputBorder: rgba(255, 47, 185, 0.3) !important;
    --inputSecondaryG: #120325 !important;
    --inputSecondaryBg: #120325 !important;
    --inputSecondaryTxt: #ffffff !important;
    --inputSecondaryAccent: #ff2fb9 !important;
    --inputSecondaryRadius: 8px !important;
    --inputSecondaryBorder: rgba(255, 47, 185, 0.3) !important;
    --filterG: #1f0866 !important;
    --filterBg: #1f0866 !important;
    --filterTxt: #ffffff !important;
    --filterAccent: #ff2fb9 !important;
    --filterRadius: 8px !important;
    --filterBorder: rgba(255, 47, 185, 0.3) !important;
    --tooltipG: #2a145c !important;
    --tooltipBg: #2a145c !important;
    --tooltipTxt: #ffffff !important;
    --tooltipAccent: #ff2fb9 !important;
    --tooltipRadius: 12px !important;
    --tooltipBorder: rgba(255, 47, 185, 0.3) !important;
    --modalG: rgba(42, 20, 92, 0.95) !important;
    --modalBg: rgba(42, 20, 92, 0.95) !important;
    --modalBg2: #3e1f82 !important;
    --modalTxt: #ffffff !important;
    --modalAccent: #ff2fb9 !important;
    --modalRadius: 16px !important;
    --modalBorder: rgba(255, 47, 185, 0.5) !important;
    --betSlipG: #2a145c !important;
    --betSlipBg: #2a145c !important;
    --betSlipBg2: #3e1f82 !important;
    --betSlipTxt: #ffffff !important;
    --betSlipAccent: #ff2fb9 !important;
    --betSlipRadius: 12px !important;
    --betSlipBorder: rgba(255, 47, 185, 0.3) !important;
    --betSlipStakeG: #34196e !important;
    --betSlipStakeBg: #34196e !important;
    --betSlipStakeTxt: #ffffff !important;
    --betSlipStakeAccent: #ff2fb9 !important;
    --betSlipStakeRadius: 12px !important;
    --betSlipStakeBorder: rgba(255, 47, 185, 0.3) !important;
    --betSlipInputG: #34196e !important;
    --betSlipInputBg: #34196e !important;
    --betSlipInputTxt: #ffffff !important;
    --betSlipInputAccent: #ff2fb9 !important;
    --betSlipInputRadius: 12px !important;
    --betSlipInputBorder: rgba(255, 47, 185, 0.3) !important;
    --betSlipButtonG: linear-gradient(90deg, #ff2fb9 0%, #6a3df1 100%) !important;
    --betSlipButtonBg: #ff2fb9 !important;
    --betSlipButtonTxt: #ffffff !important;
    --betSlipButtonAccent: #ff2fb9 !important;
    --betSlipButtonRadius: 8px !important;
    --betSlipButtonBorder: #ff2fb9 !important;
    --betSlipHeaderG: #34196e !important;
    --betSlipHeaderBg: #34196e !important;
    --betSlipHeaderTxt: #ffffff !important;
    --betSlipHeaderAccent: #ff2fb9 !important;
    --betSlipHeaderRadius: 12px !important;
    --betSlipHeaderBorder: rgba(255, 47, 185, 0.3) !important;
    --betSlipTabG: #34196e !important;
    --betSlipTabBg: #34196e !important;
    --betSlipTabTxt: #ffffff !important;
    --betSlipTabAccent: #ff2fb9 !important;
    --betSlipTabRadius: 12px !important;
    --betSlipTabBorder: rgba(255, 47, 185, 0.3) !important;
    --betSlipTabActiveG: linear-gradient(90deg, #ff2fb9 0%, #6a3df1 100%) !important;
    --betSlipTabActiveBg: #ff2fb9 !important;
    --betSlipTabActiveTxt: #ffffff !important;
    --betSlipTabActiveAccent: #ff2fb9 !important;
    --betSlipTabActiveRadius: 12px !important;
    --betSlipTabActiveBorder: rgba(255, 47, 185, 0.5) !important;
    --tmLogoG: #2a145c !important;
    --tmLogoBg: #2a145c !important;
    --tmLogoTxt: #ffffff !important;
    --tmLogoAccent: #ff2fb9 !important;
    --tmLogoRadius: 12px !important;
    --tmLogoBorder: rgba(255, 47, 185, 0.3) !important
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px!important;
    height: 8px!important
}

::-webkit-scrollbar-track {
    background: rgba(26,6,56,.8)!important;
    border-radius: 10px!important
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-radius: 10px!important;
    box-shadow: 0 0 10px rgba(255,47,185,.5)
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg,#ff5ad9 0%,#7a4cff 100%)!important
}

/* Header */
.header_both {
    background: linear-gradient(180deg,#1a0638 0%,#2a145c 100%)!important;
    border-bottom: 1px solid rgba(255,47,185,.5)!important;
    box-shadow: 0 4px 20px rgba(255,47,185,.2)
}

.LogoMobilePlatform {
    width: 120px;
    height: 50px;
    position: relative;
    background-image: none!important;
    background: url(https://blogger.googleusercontent.com/img/a/AVvXsEgeDgnwggM55LoEUoBfF3sma0vnlFBofxXpvvlF3l78RKlEh_7h809MNGr_TH5ftJmJdlwLOhV0g0dG4Clmqpp7WVh2om55Q-XOyUBg3ZS0-9AZsJQYBB-YVhNRB_GhlZW-hMetpnyZ6-kX3JJ6IKjo9ssxq6adVZI8wqNxK6jWck4CdkwEsp2Y9AJed3E)no-repeat 50%!important;
    background-size: contain!important
}

.LogoMobilePlatform::before {
    content: ""!important;
    display: none!important
}

.LogoMobilePlatform img {
    display: none!important
}

/* Buttons */
.header_reg_btn,.topheader_user_deposit {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    color: #fff!important;
    box-shadow: 0 0 15px rgba(255,47,185,.5);
    transition: all .3s ease
}

.header_reg_btn:hover,.topheader_user_deposit:hover {
    background: linear-gradient(90deg,#ff5ad9 0%,#7a4cff 100%)!important;
    box-shadow: 0 0 20px rgba(255,47,185,.7)
}

.header_login_btn {
    border: none!important;
    background: rgba(42,20,92,.6)!important;
    color: #fff!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    transition: all .3s ease
}

.header_login_btn:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.btn_prim,body .bg-primary,body .h-bg-primary {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    color: #fff!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4);
    transition: all .3s ease
}

.btn_prim:hover,body .bg-primary:hover,body .h-bg-primary:hover {
    background: linear-gradient(90deg,#ff5ad9 0%,#7a4cff 100%)!important;
    box-shadow: 0 0 20px rgba(255,47,185,.6)
}

body .card__button-wrapper .card__button:not(.card__button--transparent),body .lobbyFilter_popup_result_btn,body .notificationSettings_checkbox label input:checked+span:after,.lobbyFilter_provider_item.active .lobbyFilter_provider_name,.lobbyFilter_provider_item.active .lobbyFilter_provider_img {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    color: #fff!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4)
}

.card__button.card__button--transparent {
    background-color: rgba(42,20,92,.4)!important;
    color: #fff!important;
    border: 1px solid rgba(255,47,185,.3)!important
}

.card__button.card__button--transparent:hover {
    background-color: rgba(42,20,92,.6)!important;
    border-color: #ff2fb9!important
}

.right-menu__nav .cashback-btn {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    color: #fff!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4)
}

.to_desktop_btn,.drop_down_lang {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #fff!important
}

.to_desktop_btn:hover,.drop_down_lang:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important
}

/* Inputs */
.tl_sel_popup_reg,.tl_input_popup_reg,input,.tl_mail_send_area,.custon_select__front_el,.drop-down,#content_paym .ui-select span,#content_paym .ui-select select {
    color: #fff!important;
    background: rgba(26,6,56,.8)!important;
    border-radius: 10px!important;
    height: 50px;
    border: 1px solid rgba(255,47,185,.3)!important;
    font-weight: 500;
    transition: all .3s ease
}

.tl_sel_popup_reg:focus,.tl_input_popup_reg:focus,input:focus {
    background: rgba(26,6,56,.95)!important;
    border-color: #ff2fb9!important;
    outline: none!important;
    box-shadow: 0 0 10px rgba(255,47,185,.3)
}

.tl_my_acc_cont_content .tl_input {
    color: #fff!important;
    background: rgba(26,6,56,.8)!important;
    border-radius: 10px!important;
    height: 40px;
    border: 1px solid rgba(255,47,185,.3)!important
}

/* Sidebar */
.cw_mob_sidebar {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: calc(var(--cwNavbarBottomHeight) + 12px);
    width: 100%;
    background: linear-gradient(180deg,#1a0638 0%,#0b011d 100%)!important;
    color: #fff!important;
    z-index: var(--cwZIndexSidebar);
    transform: translateX(-100%);
    transition: all .314s;
    overflow-y: auto
}

.cw_mob_right_sidebar {
    background: linear-gradient(180deg,#1a0638 0%,#0b011d 100%)!important;
    border-left: 1px solid rgba(255,47,185,.3)!important
}

.cw_mob_right_sidebar .cw_mob_sidebar_menu_item {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #fff!important
}

.cw_mob_right_sidebar .cw_mob_sidebar_menu_item:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.cw_mob_sidebar_menu_item {
    padding: 10px;
    color: #fff!important;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all .3s ease
}

.cw_mob_sidebar_block .cw_mob_sidebar_menu_item {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    font-weight: 700;
    border-radius: 8px;
    margin-bottom: 8px
}

.cw_mob_sidebar_menu_item.ui-link {
    background: rgba(26,6,56,.8)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #fff!important;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 8px
}

.cw_mob_sidebar_menu_item.ui-link:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.cw_mob_icon {
    margin-right: 10px;
    font-size: 16px;
    color: #ff2fb9!important
}

/* Right Menu */
.right-menu__user {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 8px!important
}

.right-menu__user .user__inner {
    background: 0 0!important;
    color: #fff!important
}

.right-menu__user .user__name {
    color: #ff2fb9!important
}

.right-menu__user .user__balance {
    color: #fff!important
}

.right-menu__nav .nav__list-item {
    background: rgba(42,20,92,.4)!important;
    border: 1px solid rgba(255,47,185,.2)!important;
    border-radius: 8px!important;
    margin-bottom: 8px!important
}

.right-menu__nav .nav__list-item.opened {
    background: rgba(42,20,92,.6)!important;
    border-color: #ff2fb9!important
}

.right-menu__nav .nav__list-item.opened .nav__dropdown-head {
    background: linear-gradient(90deg,rgba(255,47,185,.3) 0%,rgba(106,61,241,.3) 100%)!important;
    border-bottom: 1px solid #ff5ad9!important;
    color: #ff2fb9!important;
    box-shadow: 0 0 10px rgba(255,47,185,.2);
    font-weight: 600!important
}

.right-menu__nav .nav__dropdown-head {
    background: 0 0!important;
    color: #fff!important;
    padding: 12px!important
}

.right-menu__nav .nav__dropdown-body {
    background: rgba(26,6,56,.6)!important;
    padding: 8px!important
}

.right-menu__nav .nav__dropdown-item {
    background: rgba(42,20,92,.3)!important;
    border: 1px solid rgba(255,47,185,.2)!important;
    border-radius: 6px!important;
    padding: 10px!important;
    margin-bottom: 6px!important;
    color: #fff!important;
    transition: all .3s ease
}

.right-menu__nav .nav__dropdown-item:hover {
    background: rgba(42,20,92,.5)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 10px rgba(255,47,185,.2)
}

/* Bottom Navigation */
.cw_mob_mav_fixed_bot_main_action {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background-color: initial!important;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px
}

.cw_mob_mav_fixed_bot_main_action::before {
    content: ""!important;
    display: none!important
}

.cw_mob_mav_fixed_primary_items_wrapper {
    display: flex;
    justify-content: space-between
}

.cw_mob_mav_fixed_bot_item:nth-child(1) {
    order: 1;
    margin-left: -45px
}

.cw_mob_mav_fixed_bot_item:nth-child(2) {
    order: 2;
    margin-right: 90px
}

.cw_mob_mav_fixed_bot_item:nth-child(3) {
    order: 3;
    margin-right: 10px
}

.cw_mob_mav_fixed_bot_item:nth-child(4) {
    order: 6;
    display: none!important
}

.cw_mob_mav_fixed_bot_item:nth-child(5) {
    order: 5
}

.cw_mob_mav_fixed_bot_item span {
    font-size: 10px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff!important
}

.cw_mob_mav_fixed_alternative-active {
    background-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.5)
}

.cw_mob_mav_fixed_bot_main_action {
    background-color: var(--cwDominantBg2)!important;
    color: var(--cwDominantTxt)!important
}

/* Menu Toggle Button */
#js_nav_left_toggle_btn .cw_mob_icon_m {
    display: none
}

#js_nav_left_toggle_btn div i:first-child::before {
    content: "☰";
    display: block;
    font-size: 24px;
    color: #fff!important;
    line-height: 1
}

#js_nav_left_toggle_btn::after {
    content: "Menu";
    display: block;
    position: absolute;
    top: 116%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: arial,sans-serif;
    font-size: 10px;
    color: #fff!important;
    text-align: center;
    white-space: nowrap
}

.cw_mob_root-sidebar_opened #js_nav_left_toggle_btn {
    position: fixed!important;
    bottom: 20px!important;
    left: 12px!important;
    z-index: 99999!important;
    margin: 0!important
}

.cw_mob_root-sidebar_opened .cw_mob_mav_fixed_bot_main_action {
    position: relative!important;
    left: auto!important;
    transform: none!important;
    margin-bottom: 0!important;
    width: 50px!important;
    height: 50px!important;
    background-color: initial!important;
    background: 0 0!important;
    border: 2px solid #ff2fb9!important
}

.cw_mob_root-sidebar_opened #js_nav_left_toggle_btn div i:first-child::before {
    content: "✕"!important;
    display: block!important;
    font-size: 32px!important;
    color: #ff2fb9!important;
    line-height: 50px!important;
    font-weight: 300!important;
    text-align: center!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    z-index: 99999!important;
    visibility: visible!important;
    opacity: 1!important
}

.cw_mob_root-sidebar_opened #js_nav_left_toggle_btn::after {
    display: none!important
}

.cw_mob_root-sidebar_opened #js_nav_left_toggle_btn div i:first-child,.cw_mob_root-sidebar_opened #js_nav_left_toggle_btn div {
    display: block!important;
    width: 100%!important;
    height: 100%!important;
    position: relative!important;
    background: 0 0!important;
    visibility: visible!important;
    opacity: 1!important
}

.cw_mob_root-sidebar_opened #js_nav_left_toggle_btn div i,.cw_mob_root-sidebar_opened #js_nav_left_toggle_btn div i.cw_mob_icon_m,.cw_mob_root-sidebar_opened #js_nav_left_toggle_btn .cw_mob_icon_m {
    background: 0 0!important;
    background-color: initial!important;
    background-image: none!important;
    display: none!important
}

#js_nav_left_toggle_btn div i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

/* Tabs & Active States */
.rd_header_tab_item.active,.js_topwinner_category.rd_header_tab_item.active,.rd_header_tab_item.js_jackpot_types.active {
    color: #fff!important;
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4)
}

.js_topwinner_category.rd_header_tab_item.active .topWins_tab_name,.rd_header_tab_item.js_jackpot_types.active .rd_header_tab_name {
    color: #fff!important
}

.dgw_event_widget_wrapper .dgw_event_widget_tab_wrapper .dgw_event_widget_tab_item.dgw_event_widget_tab_item_active {
    background-color: #ff2fb9!important;
    color: #fff!important;
    padding: 0 14px;
    width: auto;
    box-shadow: 0 0 15px rgba(255,47,185,.4)
}

.tl_my_acc_cont .tl_my_acc_nav_item:hover,.tl_my_acc_cont .tl_my_acc_nav_item.active,.tl_my_acc_cont .tl_my_acc_nav_itemsp:hover,.tl_my_acc_cont .tl_my_acc_nav_itemsp.active {
    background: linear-gradient(90deg,rgba(255,47,185,.3) 0%,rgba(106,61,241,.3) 100%)!important;
    color: #ff2fb9!important;
    border-left: 3px solid #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

/* Badges */
.promocode-badge .content,.promocode-badge .triangle1,.promocode-badge .triangle2 {
    background-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4)
}

.notification_icon {
    background-color: rgba(42,20,92,.8)!important;
    color: #ff2fb9!important;
    border: 1px solid rgba(255,47,185,.3)!important
}

.lb_card_badge span {
    background: #ff2fb9!important;
    color: #fff!important;
    box-shadow: 0 0 10px rgba(255,47,185,.5)
}

.lb_card_badge.badge_type_top {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    color: #fff!important;
    border: none!important;
    padding: 6px 12px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    box-shadow: 0 0 15px rgba(255,47,185,.6)
}

.lb_card_badge.badge_type_new {
    background: linear-gradient(90deg,#6a3df1 0%,#ff2fb9 100%)!important;
    color: #fff!important;
    border: none!important;
    padding: 6px 12px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    box-shadow: 0 0 15px rgba(106,61,241,.6)
}

.lb_card_badge.badge_type_hot {
    background: linear-gradient(90deg,#ff2fb9 0%,#ff5ad9 100%)!important;
    color: #fff!important;
    border: none!important;
    padding: 6px 12px!important;
    border-radius: 8px!important;
    font-weight: 600!important;
    box-shadow: 0 0 15px rgba(255,47,185,.8)
}

/* Progress & Pagination */
.reg_progress_dots span.active:before,.register_progress_dots span.active:before {
    border-color: #ff2fb9!important;
    background-color: #ff2fb9!important;
    box-shadow: inset 0 0 0 4px var(--cwBodyBg),0 0 10px rgba(255,47,185,.5)
}

.banners_billboard_pagination .swiper-pagination-bullet-active {
    background: #ff2fb9!important;
    box-shadow: 0 0 10px rgba(255,47,185,.6)
}

.banners__slider_number {
    background: #ff2fb9!important;
    color: #fff!important
}

/* Dynamic Featured */
.dynamic_featured_content {
    display: flex;
    gap: 8px;
    padding: 12px 0
}

.dynamic_featured_item {
    background: #2b184f!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 12px!important;
    padding: 8px 6px!important;
    transition: all .3s ease;
    flex: 1;
    min-width: 0;
    aspect-ratio: 1/1;
    max-height: 80px;
    overflow: hidden
}

.dynamic_featured_item:hover {
    background: linear-gradient(135deg,rgba(255,47,185,.3) 0%,rgba(106,61,241,.3) 100%)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 20px rgba(255,47,185,.5);
    transform: translateY(-3px)
}

.dynamic_featured_item img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 0 8px rgba(255,47,185,.4))
}

.dynamic_featured_title {
    color: #fff!important;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    margin-top: 8px;
    text-shadow: 0 0 10px rgba(255,47,185,.6)
}

/* To Top Button */
.to_top.to_top {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    background-color: #ff2fb9!important;
    border: 2px solid rgba(255,47,185,.5)!important;
    color: #fff!important;
    box-shadow: 0 4px 15px rgba(255,47,185,.4),0 0 20px rgba(106,61,241,.3);
    transition: all .3s ease
}

.to_top.to_top:hover {
    background: linear-gradient(90deg,#ff5ad9 0%,#7a4cff 100%)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 6px 20px rgba(255,47,185,.6),0 0 30px rgba(106,61,241,.5);
    transform: translateY(-3px)
}

.to_top i,.to_top .dynamic_icon {
    color: #fff!important
}

/* Promo Popup */
.cw_promo_popup_root {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.8)!important;
    z-index: 9999
}

.cw_promo_popup_content {
    background: rgba(26,6,56,.98)!important;
    border: 1px solid rgba(255,47,185,.5)!important;
    border-radius: 12px!important;
    max-width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    margin: 5vh auto
}

.cw_promo_popup_header {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-bottom: 1px solid rgba(255,47,185,.4)!important;
    padding: 16px!important;
    position: relative
}

.cw_icon_close_v2 {
    color: #fff!important;
    opacity: .9!important;
    cursor: pointer
}

.cw_icon_close_v2:hover {
    opacity: 1!important;
    text-shadow: 0 0 10px rgba(255,255,255,.8)
}

.cw_promo_popup_inner {
    background: rgba(26,6,56,.95)!important;
    padding: 20px!important
}

.cw_prmotions_cstm_page_root {
    background: 0 0!important
}

.cw_prmotions_title_wrapper {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 12px!important;
    padding: 16px!important;
    margin-bottom: 16px!important
}

.cw_prmotions_title_text {
    color: #ff2fb9!important;
    font-weight: 700!important;
    text-shadow: 0 0 10px rgba(255,47,185,.6);
    margin: 0!important
}

.cw_prmotions_title_wrapper_img {
    border-radius: 12px!important;
    overflow: hidden;
    margin-bottom: 16px!important;
    border: 1px solid rgba(255,47,185,.3)!important
}

.cw_prmotions_title_wrapper_img img {
    width: 100%;
    height: auto;
    display: block
}

.cw_promo_categories {
    margin-bottom: 16px!important
}

.pn_card_category {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.pn_card_category span {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #fff!important;
    padding: 6px 12px!important;
    border-radius: 8px!important;
    font-size: 12px!important
}

.pn_category_item {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #fff!important;
    padding: 8px 16px!important;
    border-radius: 8px!important;
    transition: all .3s ease
}

.pn_category_item:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.pn_category_item.active {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    box-shadow: 0 0 15px rgba(255,47,185,.5)
}

.pn_card {
    background: rgba(26,6,56,.8)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 12px!important;
    overflow: hidden;
    transition: all .3s ease
}

.pn_card:hover {
    border-color: #ff2fb9!important;
    box-shadow: 0 0 20px rgba(255,47,185,.4)
}

.cw_promo_description {
    background: rgba(42,20,92,.4)!important;
    border: 1px solid rgba(255,47,185,.2)!important;
    border-radius: 12px!important;
    padding: 16px!important;
    margin-bottom: 16px!important
}

.cw_promo_description p {
    color: #fff!important;
    line-height: 1.6!important;
    margin-bottom: 12px!important
}

.cw_promo_description span {
    color: #d1c7f7!important
}

.cw_promo_description_bonus_btn_wrapper {
    text-align: center;
    padding: 16px 0!important
}

.cw_promo_description_bonus_btn {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    color: #fff!important;
    padding: 14px 32px!important;
    border-radius: 10px!important;
    font-size: 16px!important;
    font-weight: 600!important;
    box-shadow: 0 4px 20px rgba(255,47,185,.5);
    transition: all .3s ease;
    cursor: pointer
}

.cw_promo_description_bonus_btn:hover {
    background: linear-gradient(90deg,#ff5ad9 0%,#7a4cff 100%)!important;
    box-shadow: 0 6px 25px rgba(255,47,185,.7);
    transform: translateY(-2px)
}

/* Registration Popup */
.dyn_regPopup_content.dyn_regPopup_content {
    background: rgba(26,6,56,.98)!important
}

.dyn_regPopup_header.dyn_regPopup_header {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-bottom: 1px solid rgba(255,47,185,.4)!important;
    padding: 16px!important
}

.dyn_regPopup_header h2,.dyn_regPopup_header .dyn_title {
    color: #fff!important;
    text-shadow: 0 2px 10px rgba(0,0,0,.3)
}

.dyn_regPopup_close,.dyn_regPopup_header .close_btn {
    color: #fff!important;
    opacity: .9!important
}

.dyn_regPopup_close:hover,.dyn_regPopup_header .close_btn:hover {
    opacity: 1!important;
    text-shadow: 0 0 10px rgba(255,255,255,.8)
}

.dyn_regPopup_body {
    background: rgba(26,6,56,.95)!important
}

.dyn_regPopup_progressInfo {
    background: rgba(42,20,92,.4)!important;
    border-radius: 8px!important;
    padding: 12px!important
}

.dyn_regPopup_progressDots span {
    background: rgba(255,47,185,.3)!important;
    border: 1px solid rgba(255,47,185,.5)!important
}

.dyn_regPopup_progressDots span.active {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 10px rgba(255,47,185,.6)
}

.dyn_regPopup_stepNumber span {
    color: #d1c7f7!important
}

.dyn_regPopup_stepNumber span:not(.vis_hidden) {
    color: #ff2fb9!important;
    font-weight: 600!important
}

.dyn_label {
    color: #fff!important;
    font-weight: 500!important
}

.dyn_input.dyn_input,.dyn_select.dyn_select {
    background: rgba(42,20,92,.6)!important;
    background-color: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.4)!important;
    color: #fff!important;
    border-radius: 8px!important;
    transition: all .3s ease
}

.dyn_input.dyn_input:focus,.dyn_select.dyn_select:focus {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    outline: none!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4)
}

.dyn_input::placeholder {
    color: #c1b3e8!important;
    opacity: .7
}

.dyn_mobile_code .dyn_input {
    background: rgba(42,20,92,.8)!important;
    border-color: rgba(255,47,185,.5)!important;
    color: #ff2fb9!important;
    font-weight: 600!important
}

.checkBox_label,.checkBox_text,.checkBox_title {
    color: #fff!important
}

.checkBox_input:checked+.checkBox_icon {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 10px rgba(255,47,185,.5)
}

.checkBox_icon {
    border: 1px solid rgba(255,47,185,.4)!important;
    background: rgba(42,20,92,.4)!important
}

.checkBox_text a {
    color: #ff2fb9!important;
    text-decoration: underline
}

.dyn_button.dyn_button_next.bg-primary,.dyn_button.bg-primary {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    background-color: #ff2fb9!important;
    border: none!important;
    color: #fff!important;
    font-weight: 600!important;
    box-shadow: 0 4px 15px rgba(255,47,185,.4);
    transition: all .3s ease
}

.dyn_button.dyn_button_next.bg-primary:hover,.dyn_button.bg-primary:hover {
    background: linear-gradient(90deg,#ff5ad9 0%,#7a4cff 100%)!important;
    box-shadow: 0 6px 20px rgba(255,47,185,.6);
    transform: translateY(-2px)
}

.dyn_button.dyn_button_back {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.4)!important;
    color: #fff!important
}

.dyn_button.dyn_button_back:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important
}

.dyn_captcha_block {
    background: rgba(42,20,92,.4)!important;
    border-radius: 8px!important;
    padding: 8px!important
}

.dyn_captcha_refresh_icon {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.4)!important;
    border-radius: 50%!important;
    color: #ff2fb9!important
}

.dyn_captcha_refresh_icon:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 10px rgba(255,47,185,.4)
}

.dyn_captcha_refresh_icon i {
    color: #ff2fb9!important
}

.dyn_eye_button {
    background: 0 0!important;
    color: #ff2fb9!important;
    border: none!important
}

.dyn_err_mess {
    color: #ff2fb9!important;
    font-size: 12px!important
}

.dyn_regPopup_banner {
    border-radius: 12px 12px 0 0!important;
    overflow: hidden
}

.dyn_regPopup_otp {
    background: rgba(42,20,92,.4)!important;
    border-radius: 12px!important;
    padding: 20px!important
}

.dyn_resend_button {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.4)!important;
    color: #fff!important
}

.dyn_resend_button:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important
}

.dyn_regPopup_footer {
    background: rgba(42,20,92,.4)!important;
    padding: 16px!important;
    border-top: 1px solid rgba(255,47,185,.3)!important
}

/* Footer */
.footer {
    background: linear-gradient(180deg,#0b011d 0%,#1a0638 100%)!important;
    border-top: 1px solid rgba(255,47,185,.3)
}

.footer_links_heading {
    color: #ff2fb9!important;
    text-shadow: 0 0 10px rgba(255,47,185,.6)
}

.footer::before {
    content: "";
    display: block;
    width: 100%;
    max-width: 1200px;
    height: 120px;
    background-image: url(https://blogger.googleusercontent.com/img/a/AVvXsEinuCSPkaU5fjei8YXiVnKtS3mKQlU-q8RPDwY4BDi_ks7einhJ9-85PNNBUZlr0n9cenjr8ZK-ZMpVAny4yqFU6CuK_szuG6pmdYQ12p2zoygMGVjo8EDhxbyFrZ2lf9bVSlAS9ii9keTi9NmtzX34VwTOySfPLonExP-sBT5BgI4gVgQd6sPDzU_pqV0=s16000);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0 auto 20px;
    padding: 0 16px
}

/* Dynamic Banners */
.billboard_container .banners_billboard_slider .dynamicBanners_item,.billboard_container .banners_billboard_slider .dynamicBanners_item.lca-banner-video-link,.billboard_container .banners_billboard_slider .dynamicBanners_img {
    height: auto!important;
    border-radius: 12px
}

.banners_thumbnail9_first .dynamicBanners_item {
    width: 100%;
    height: auto!important
}

.banners_thumbnail9_second .dynamicBanners_item {
    width: calc(50vw - 20px);
    height: auto!important
}

.banners_thumbnail9_second {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(4,1fr)!important;
    grid-auto-flow: column;
    gap: 8px
}

.dynamic_container {
    padding: 4px 0!important
}

#js_button_2621.banners_button {
    display: grid!important;
    grid-template-columns: repeat(1,1fr)!important;
    row-gap: 8px!important
}

#js_button_2621 .dynamicBanners_inner {
    width: 100%!important
}

#js_button_2621 .dynamicBanners_item {
    width: calc(100vw - 32px)!important;
    border-radius: 22px!important;
    overflow: hidden!important;
    display: block!important;
    height: 60px!important;
    background-color: initial!important;
    padding: 3px!important
}

/* Info Section */
.info_article p {
    display: none!important
}

.info_title {
    width: 200px;
    background: linear-gradient(90deg,rgba(255,47,185,.3) 0%,rgba(106,61,241,.3) 100%);
    border: 1px solid rgba(255,47,185,.5);
    font-size: 15px;
    font-weight: 700;
    padding: 10px 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: -15px!important;
    margin-top: -25px!important;
    margin-left: 0;
    margin-right: auto;
    border-radius: 25px;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.info_section-title {
    background-image: url(https://i.hizliresim.com/2t4y7cd.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 30px
}

/* Lobby Cards */
.lca-card-hover-header {
    display: block
}

.lca-card-body,.lca-card-footer,.lca-card-hover,.lca-card-btn-wrapper,.lobby-category-slider .mw-100 {
    display: none!important
}

.lb_card {
    background: rgba(26,6,56,.8)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 12px!important;
    overflow: hidden;
    transition: all .3s ease
}

.lb_card:hover {
    border-color: #ff2fb9!important;
    box-shadow: 0 0 20px rgba(255,47,185,.4);
    transform: scale(1.02)
}

.lb_card_body {
    position: relative;
    overflow: hidden
}

.lb_card_top {
    background: linear-gradient(180deg,rgba(26,6,56,.8) 0%,transparent 100%);
    padding: 8px
}

.lb_card_badge_wrapper {
    display: flex;
    gap: 4px;
    flex-wrap: wrap
}

.lb_card_bet_info {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 8px!important;
    padding: 8px 12px!important;
    color: #fff!important
}

.lb_card_bet_info .lb_card_bet_label {
    color: #d1c7f7!important;
    font-size: 12px!important
}

.lb_card_bet_info .lb_card_bet_value {
    color: #ff2fb9!important;
    font-weight: 600!important;
    font-size: 14px!important
}

.lb_card_more_btn,.lb_card_button {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    color: #fff!important;
    border-radius: 10px!important;
    padding: 12px 24px!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4);
    font-weight: 600;
    transition: all .3s ease
}

.lb_card_more_btn:hover,.lb_card_button:hover {
    background: linear-gradient(90deg,#ff5ad9 0%,#7a4cff 100%)!important;
    box-shadow: 0 0 20px rgba(255,47,185,.6);
    transform: translateY(-2px)
}

.lb_card_footer,.pn_card_footer {
    background: rgba(42,20,92,.6)!important;
    border-top: 1px solid rgba(255,47,185,.3)!important;
    padding: 12px!important
}

.lb_card_preview_header {
    background: rgba(42,20,92,.6)!important;
    border-bottom: 1px solid rgba(255,47,185,.3)!important
}

.lb_card_preview_header:after,.lb_card_preview_footer:before {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important
}

.lb_card_preview_footer {
    background: rgba(42,20,92,.6)!important;
    border-top: 1px solid rgba(255,47,185,.3)!important
}

.pn_card_footer .pn_card_button {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    color: #fff!important;
    border-radius: 8px!important;
    padding: 10px 20px!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4);
    font-weight: 600;
    transition: all .3s ease
}

.pn_card_footer .pn_card_button:hover {
    background: linear-gradient(90deg,#ff5ad9 0%,#7a4cff 100%)!important;
    box-shadow: 0 0 20px rgba(255,47,185,.6);
    transform: translateY(-2px)
}

/* Lobby Filter */
.lobbyFilter_wrapper {
    background: rgba(26,6,56,.95)!important;
    border: 1px solid rgba(255,47,185,.5)!important;
    border-radius: 12px!important;
    padding: 12px!important;
    box-shadow: 0 4px 20px rgba(255,47,185,.2)
}

.lobbyFilter_popup_header {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-bottom: 1px solid rgba(255,47,185,.4)!important;
    padding: 16px!important
}

.lobbyFilter_popup_header h2,.lobbyFilter_popup_header .lobbyFilter_popup_title {
    color: #fff!important;
    text-shadow: 0 2px 10px rgba(0,0,0,.3)
}

.lobbyFilter_popup_close {
    color: #fff!important;
    opacity: .9!important
}

.lobbyFilter_popup_close:hover {
    opacity: 1!important;
    text-shadow: 0 0 10px rgba(255,255,255,.8)
}

.lobbyFilter_popup_footer {
    background: rgba(42,20,92,.6)!important;
    border-top: 1px solid rgba(255,47,185,.3)!important;
    padding: 16px!important
}

.lobbyFilter_popup_footer .lobbyFilter_popup_apply_btn {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    color: #fff!important;
    border-radius: 8px!important;
    padding: 12px 24px!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4);
    font-weight: 600;
    transition: all .3s ease
}

.lobbyFilter_popup_footer .lobbyFilter_popup_apply_btn:hover {
    background: linear-gradient(90deg,#ff5ad9 0%,#7a4cff 100%)!important;
    box-shadow: 0 0 20px rgba(255,47,185,.6);
    transform: translateY(-2px)
}

.lobbyFilter_search_wrapper {
    background: rgba(26,6,56,.8)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 10px!important;
    padding: 8px!important
}

.lobbyFilter_search input {
    background: rgba(26,6,56,.8)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #fff!important;
    border-radius: 8px!important;
    padding: 10px 12px!important
}

.lobbyFilter_search input:focus {
    background: rgba(26,6,56,.95)!important;
    border-color: #ff2fb9!important;
    outline: none!important;
    box-shadow: 0 0 10px rgba(255,47,185,.3)
}

.lobbyFilter_search_btn,.lobbyFilter_search_clear {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    color: #fff!important;
    border-radius: 8px!important;
    box-shadow: 0 0 10px rgba(255,47,185,.4)
}

.lobbyFilter_popup_btn,.lobbyFilter_clear_main_btn {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #fff!important;
    border-radius: 8px!important;
    padding: 10px 16px!important;
    transition: all .3s ease
}

.lobbyFilter_popup_btn:hover,.lobbyFilter_clear_main_btn:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.lobbyFilter_group_wrapper {
    background: rgba(26,6,56,.8)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 10px!important;
    padding: 10px!important
}

.lobbyFilter_group_slider {
    background: rgba(42,20,92,.4)!important
}

.lobbyFilter_group_slider .slick-slide {
    padding: 4px!important
}

.lobbyFilter_group_slider .slick-arrow {
    background: rgba(42,20,92,.8)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #ff2fb9!important
}

.lobbyFilter_group_slider .slick-arrow:hover {
    background: #2a145c!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4)
}

.lobbyFilter_provider_btn,.lobbyFilter_provider_item {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #fff!important;
    border-radius: 8px!important;
    transition: all .3s ease
}

.lobbyFilter_provider_btn:hover,.lobbyFilter_provider_item:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.lobbyFilter_provider_btn.active,.lobbyFilter_provider_item.active {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    box-shadow: 0 0 15px rgba(255,47,185,.5)
}

/* Rules Page */
.dynRules {
    background: rgba(26,6,56,.95)!important
}

.dynRules_header_wrapper {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-bottom: 1px solid rgba(255,47,185,.4)!important
}

.dynRules_header {
    background: 0 0!important
}

.dynRules_toggle_btn {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.4)!important;
    color: #fff!important;
    padding: 12px 16px!important;
    border-radius: 8px!important;
    transition: all .3s ease
}

.dynRules_toggle_btn:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.dynRules_toggle_title {
    color: #fff!important;
    font-weight: 600!important
}

.dynRules_toggle_icon {
    color: #ff2fb9!important;
    font-size: 18px!important
}

.dynRules_left_sidebar {
    background: rgba(26,6,56,.98)!important;
    border-right: 1px solid rgba(255,47,185,.3)!important
}

.dynRules_left_sidebar_heading {
    background: rgba(42,20,92,.6)!important;
    border-bottom: 1px solid rgba(255,47,185,.3)!important;
    padding: 16px!important;
    color: #ff2fb9!important;
    font-weight: 600!important
}

.js_dynRules_close_btn {
    background: 0 0!important;
    border: none!important;
    color: #fff!important
}

.dynRules_left_sidebar_inner {
    background: 0 0!important
}

.dynRules_lmenu_item {
    background: rgba(42,20,92,.4)!important;
    border: 1px solid rgba(255,47,185,.2)!important;
    border-radius: 8px!important;
    margin-bottom: 8px!important;
    padding: 12px!important;
    color: #fff!important;
    transition: all .3s ease
}

.dynRules_lmenu_item:hover {
    background: rgba(42,20,92,.6)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.dynRules_lmenu_item.active,.dynRules_lmenu_item.open {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important
}

.dynRules_lmenu_icon {
    color: #ff2fb9!important
}

.dynRules_lmenu_text {
    color: #fff!important
}

.dynRules_lmenu_item_inner {
    display: flex!important;
    align-items: center!important;
    gap: 8px!important;
    padding: 4px!important;
    background: 0 0!important;
    border: none!important
}

.dynRules_lmenu_subitem .dynRules_lmenu_item_inner {
    padding: 2px!important;
    background: 0 0!important
}

.dynRules_lmenu_dropdown {
    background: rgba(26,6,56,.6)!important;
    border-radius: 8px!important;
    margin-top: 8px!important;
    padding: 8px!important;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease
}

.dynRules_lmenu_item.open+.dynRules_lmenu_dropdown {
    max-height: 1e3px!important
}

.dynRules_lmenu_subitem {
    background: rgba(42,20,92,.3)!important;
    border: 1px solid rgba(255,47,185,.2)!important;
    border-radius: 6px!important;
    margin-bottom: 6px!important;
    padding: 10px!important;
    color: #d1c7f7!important;
    transition: all .3s ease
}

.dynRules_lmenu_subitem:hover {
    background: rgba(42,20,92,.5)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 10px rgba(255,47,185,.2)
}

.dynRules_lmenu_subitem.active {
    background: linear-gradient(90deg,rgba(255,47,185,.3) 0%,rgba(106,61,241,.3) 100%)!important;
    border-color: #ff2fb9!important;
    color: #fff!important
}

.dynRules_content {
    background: rgba(26,6,56,.95)!important;
    padding: 20px!important
}

.dynRules_title {
    color: #ff2fb9!important;
    font-weight: 700!important;
    text-shadow: 0 0 10px rgba(255,47,185,.6);
    margin-bottom: 20px!important
}

.dynRules_content_inner {
    background: rgba(42,20,92,.4)!important;
    border: 1px solid rgba(255,47,185,.2)!important;
    border-radius: 12px!important;
    padding: 20px!important
}

.dynRules_content_inner h1 {
    color: #ff2fb9!important;
    font-weight: 700!important;
    margin-bottom: 16px!important
}

.dynRules_content_inner p {
    color: #fff!important;
    line-height: 1.6!important;
    margin-bottom: 12px!important
}

.dynRules_content_inner span {
    color: #d1c7f7!important
}

.dynRules_content_inner b {
    color: #ff2fb9!important
}

.dynRules_content_inner ul,.dynRules_content_inner ol {
    color: #fff!important;
    margin-left: 20px!important
}

.dynRules_content_inner li {
    color: #d1c7f7!important;
    margin-bottom: 8px!important
}

/* Bonuses */
.new_bonuses {
    background: rgba(26,6,56,.8)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 12px!important;
    padding: 16px!important
}

.new_bonuses ul {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.new_bonuses ul li {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 8px!important;
    padding: 10px 16px!important;
    color: #fff!important;
    transition: all .3s ease;
    cursor: pointer
}

.new_bonuses ul li:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.new_bonuses ul li.active,.new_bonuses ul .active {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    box-shadow: 0 0 15px rgba(255,47,185,.5);
    color: #fff!important
}

/* Balance Switcher */
.balance-switcher,.switcher_box {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 8px!important;
    padding: 8px 12px!important
}

.balance-switcher .balance-switcher__item,.switcher_box .switcher_box__item {
    background: rgba(42,20,92,.4)!important;
    border: 1px solid rgba(255,47,185,.2)!important;
    color: #fff!important;
    border-radius: 6px!important;
    padding: 6px 12px!important;
    transition: all .3s ease
}

.balance-switcher .balance-switcher__item:hover,.switcher_box .switcher_box__item:hover {
    background: rgba(42,20,92,.6)!important;
    border-color: #ff2fb9!important
}

.balance-switcher .balance-switcher__item.active,.switcher_box .switcher_box__item.active {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    box-shadow: 0 0 10px rgba(255,47,185,.5)
}

/* Select Options */
select option {
    background: rgba(26,6,56,.98)!important;
    color: #fff!important;
    padding: 8px!important
}

select option:hover,select option:checked {
    background: rgba(42,20,92,.8)!important;
    color: #ff2fb9!important
}

/* Inbox */
.inbox_v2 {
    background: rgba(26,6,56,.95)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 12px!important
}

.inbox-popup__header {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-bottom: 1px solid rgba(255,47,185,.4)!important;
    padding: 16px!important;
    color: #fff!important
}

.inbox-popup__close {
    color: #fff!important
}

.inbox_v2 .inbox-popup__item {
    background: rgba(42,20,92,.4)!important;
    border: 1px solid rgba(255,47,185,.2)!important;
    border-radius: 8px!important;
    margin-bottom: 8px!important;
    padding: 12px!important;
    transition: all .3s ease
}

.inbox_v2 .inbox-popup__item:hover {
    background: rgba(42,20,92,.6)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.inbox_v2 .inbox-popup__item.unread {
    background: rgba(42,20,92,.6)!important;
    border-color: #ff2fb9!important
}

.inbox-popup__item-title {
    color: #ff2fb9!important;
    font-weight: 600!important
}

.inbox-popup__item-text {
    color: #fff!important
}

.inbox-popup__item-date {
    color: #d1c7f7!important;
    font-size: 12px!important
}

/* Responsible Gaming */
.resp_gaming_desc_cont {
    background: rgba(26,6,56,.95)!important
}

.popup_lbl {
    color: #ff2fb9!important
}

.custon_select__front_el {
    background: rgba(42,20,92,.6)!important;
    border-color: rgba(255,47,185,.3)!important;
    color: #fff!important
}

.custon_select__front_el:focus {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 10px rgba(255,47,185,.3)
}

.date-picker,.tl_input_popup_reg {
    background: rgba(42,20,92,.6)!important;
    border-color: rgba(255,47,185,.3)!important;
    color: #fff!important
}

.tl_input_popup_reg:focus {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 10px rgba(255,47,185,.3)
}

.eye_button_resp_gaming {
    background: rgba(42,20,92,.6)!important;
    border-color: rgba(255,47,185,.3)!important;
    color: #ff2fb9!important
}

.eye_button_resp_gaming:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important
}

.resp_gaming_btn.primBtn {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    color: #fff!important;
    box-shadow: 0 4px 15px rgba(255,47,185,.4)
}

.resp_gaming_btn.primBtn:hover {
    background: linear-gradient(90deg,#ff5ad9 0%,#7a4cff 100%)!important;
    box-shadow: 0 6px 20px rgba(255,47,185,.6)
}

.resp_gaming_btn.primBtn:disabled {
    background: rgba(42,20,92,.4)!important;
    color: rgba(255,255,255,.5)!important;
    box-shadow: none
}

.resp_gaming_btn.btnSec {
    background: rgba(42,20,92,.6)!important;
    border-color: rgba(255,47,185,.3)!important;
    color: #fff!important
}

.resp_gaming_btn.btnSec:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.resp_gaming_btn.btnSec:disabled {
    background: rgba(42,20,92,.3)!important;
    color: rgba(255,255,255,.5)!important;
    border-color: rgba(255,47,185,.2)!important
}

/* Tables */
.full_data {
    background: rgba(26,6,56,.95)!important
}

.icont_text {
    background: rgba(42,20,92,.4)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #fff!important
}

.icont_text i {
    color: #ff2fb9!important
}

.full_data table {
    background: rgba(42,20,92,.4)!important;
    border: 1px solid rgba(255,47,185,.3)!important
}

.full_data table th {
    background: rgba(42,20,92,.6)!important;
    color: #ff2fb9!important;
    border-color: rgba(255,47,185,.3)!important
}

.full_data table td {
    background: rgba(26,6,56,.6)!important;
    color: #fff!important;
    border-color: rgba(255,47,185,.2)!important
}

.full_data table tr:hover {
    background: rgba(42,20,92,.5)!important
}

/* Notification Settings */
.notificationSettings_box {
    background: rgba(42,20,92,.4)!important;
    border: 1px solid rgba(255,47,185,.3)!important
}

.notificationSettings_box .notificationSettings_title {
    color: #ff2fb9!important
}

.notificationSettings_checkbox {
    background: rgba(26,6,56,.6)!important;
    border-color: rgba(255,47,185,.2)!important
}

.notificationSettings_checkbox label {
    color: #fff!important
}

.notificationSettings_checkbox label input:checked+span {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-color: #ff2fb9!important
}

/* Jackpots */
.top_jackpots__block.top_jackpots__block {
    background: rgba(42,20,92,.6)!important;
    border-color: rgba(255,47,185,.4)!important
}

.top_jackpots__title {
    color: #ff2fb9!important
}

.top_jackpots__value,.top_jackpots__crns {
    color: #fff!important
}

.top_jackpots__currency {
    color: #d1c7f7!important
}

.top_jackpots__hover_content {
    background: rgba(26,6,56,.95)!important
}

.top_jackpots__hover_header {
    background: rgba(42,20,92,.6)!important;
    border-bottom-color: rgba(255,47,185,.3)!important
}

.top_jackpot__hover_icon {
    color: #ff2fb9!important
}

.js_close_hover.top_jackpots__hover_close {
    background: rgba(42,20,92,.6)!important;
    border-color: rgba(255,47,185,.4)!important;
    color: #ff2fb9!important
}

.top_jackpots__hover_winners {
    background: rgba(42,20,92,.4)!important
}

.top_jackpots__hover_winners__name {
    color: #fff!important
}

.top_jackpots__hover_winners__count {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    color: #fff!important
}

.top_jackpots__hover__game {
    background: rgba(42,20,92,.3)!important;
    border-color: rgba(255,47,185,.2)!important
}

.top_jackpots__hover_win__name {
    color: #d1c7f7!important
}

.top_jackpots__hover__value {
    color: #ff2fb9!important
}

.top_jackpots__hover__date {
    color: #c1b3e8!important
}

.top_jackpots__hover_btn.top_jackpots__hover_btn {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    color: #fff!important
}

/* Lobby Wrapper */
.mainLobby_wrapper,.lca-main-content,.lca-main-lobby-wrapper {
    background: 0 0!important
}

/* VIP Badges */
.vip_badge_1,.vip_badge_2,.vip_badge_3,.vip_badge_4,.vip_badge_5 {
    position: relative
}

.vip_badge_1::before,.vip_badge_2::before,.vip_badge_3::before,.vip_badge_4::before,.vip_badge_5::before {
    content: "VIP";
    position: absolute;
    top: -5px;
    right: -5px;
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%);
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(255,47,185,.5)
}

/* Notifications */
.notification_static_content {
    background: linear-gradient(90deg,rgba(42,20,92,.95) 0%,rgba(26,6,56,.95) 100%)!important;
    border-bottom: 1px solid rgba(255,47,185,.5)!important;
    box-shadow: 0 4px 20px rgba(255,47,185,.2);
    opacity: 1!important
}

.notification_content {
    background: linear-gradient(90deg,rgba(42,20,92,.95) 0%,rgba(26,6,56,.95) 100%)!important;
    color: #fff!important;
    opacity: 1!important;
    border-color: #ff2fb9!important
}

.notification_wrapper,.notification_slide {
    background: 0 0!important;
    opacity: 1!important
}

.notification_text,.notification_text p {
    color: #fff!important
}

.notification_text strong,.notification_text span[style*=color] {
    color: #ff2fb9!important
}

.notification_close_btn {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    color: #ff2fb9!important;
    border-radius: 50%!important;
    transition: all .3s ease
}

.notification_close_btn:hover {
    background: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4)
}

.notification_close_btn i {
    color: #ff2fb9!important
}

/* Event Widget Cards */
.dgw_event_card,.dgw_event_widget_card {
    background: rgba(42,20,92,.85)!important;
    background-color: rgba(42,20,92,.85)!important;
    border: 1px solid rgba(255,47,185,.4)!important;
    border-radius: 12px!important;
    overflow: hidden;
    transition: all .3s ease;
    box-shadow: 0 4px 15px rgba(255,47,185,.2),0 0 20px rgba(106,61,241,.15)
}

.dgw_event_card:hover,.dgw_event_widget_card:hover {
    border-color: #ff2fb9!important;
    box-shadow: 0 0 20px rgba(255,47,185,.4);
    transform: translateY(-3px)
}

.dgw_event_card_header,.dgw_event_widget_card_header {
    background: linear-gradient(90deg,rgba(42,20,92,.8) 0%,rgba(26,6,56,.8) 100%)!important;
    border-bottom: 1px solid rgba(255,47,185,.3)!important;
    padding: 12px!important
}

.dgw_event_card_title {
    color: #ff2fb9!important;
    font-weight: 600!important;
    text-shadow: 0 0 8px rgba(255,47,185,.6)
}

.dgw_event_card_time {
    color: #d1c7f7!important;
    font-size: 12px!important
}

.dgw_event_card_body,.dgw_event_widget_card_body {
    background: rgba(42,20,92,.4)!important;
    padding: 12px!important
}

.dgw_event_team_name {
    color: #fff!important;
    font-weight: 600!important
}

.dgw_event_team_logo {
    border-radius: 50%;
    border: 1px solid rgba(255,47,185,.3)!important;
    filter: drop-shadow(0 0 5px rgba(255,47,185,.3))
}

.dgw_event_score {
    color: #ff2fb9!important;
    font-weight: 700!important;
    font-size: 18px!important;
    text-shadow: 0 0 10px rgba(255,47,185,.6)
}

.dgw_event_odd,.dgw_event_btn {
    background: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 8px!important;
    color: #fff!important;
    transition: all .3s ease;
    padding: 8px 12px!important
}

.dgw_event_odd:hover,.dgw_event_btn:hover {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4);
    transform: scale(1.05)
}

.dgw_event_odd.active,.dgw_event_btn.active {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-color: #ff5ad9!important;
    box-shadow: 0 0 20px rgba(255,47,185,.6)
}

.dgw_event_widget_tab_wrapper {
    background: rgba(26,6,56,.6)!important;
    border-bottom: 1px solid rgba(255,47,185,.3)!important;
    padding: 8px!important
}

.dgw_event_widget_tab_item {
    background: rgba(42,20,92,.4)!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    border-radius: 8px!important;
    color: #fff!important;
    padding: 8px 14px!important;
    transition: all .3s ease;
    margin: 0 4px!important
}

.dgw_event_widget_tab_item:hover {
    background: rgba(42,20,92,.6)!important;
    border-color: #ff2fb9!important
}

.dgw_event_widget_tab_item.dgw_event_widget_tab_item_active {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border-color: #ff2fb9!important;
    color: #fff!important;
    box-shadow: 0 0 15px rgba(255,47,185,.5)
}

.dgw_event_status {
    background: linear-gradient(90deg,rgba(255,47,185,.3) 0%,rgba(106,61,241,.3) 100%)!important;
    border: 1px solid rgba(255,47,185,.5)!important;
    border-radius: 6px!important;
    color: #ff2fb9!important;
    padding: 4px 8px!important;
    font-size: 11px!important;
    font-weight: 600!important
}

.dgw_event_live {
    background: #ff2fb9!important;
    color: #fff!important;
    border-radius: 6px!important;
    padding: 4px 8px!important;
    font-size: 11px!important;
    font-weight: 600!important;
    box-shadow: 0 0 10px rgba(255,47,185,.6);
    animation: pulse-live 2s ease-in-out infinite
}

@keyframes pulse-live {
    0%,100% {
        box-shadow: 0 0 10px rgba(255,47,185,.6)
    }

    50% {
        box-shadow: 0 0 20px rgba(255,47,185,.9)
    }
}

.dgw_event_card_footer {
    background: rgba(26,6,56,.6)!important;
    border-top: 1px solid rgba(255,47,185,.3)!important;
    padding: 10px!important
}

.dgw_event_card_footer_btn {
    background: linear-gradient(90deg,#ff2fb9 0%,#6a3df1 100%)!important;
    border: none!important;
    border-radius: 8px!important;
    color: #fff!important;
    padding: 8px 16px!important;
    font-weight: 600!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4);
    transition: all .3s ease
}

.dgw_event_card_footer_btn:hover {
    background: linear-gradient(90deg,#ff5ad9 0%,#7a4cff 100%)!important;
    box-shadow: 0 0 20px rgba(255,47,185,.6);
    transform: scale(1.05)
}

/* Override Variables */
:root:root,html:root,body:root,:host:host,.jackpot_root_variables.jackpot_root_variables,.dg-tm-app-wrapper.dg-tm-app-wrapper {
    --bodyBg: #1a0638 !important;
    --bodyBg2: #2a145c !important;
    --eventBg: #2a145c !important;
    --eventBg2: #3e1f82 !important;
    --dominantBg: #2a145c !important;
    --dominantBg2: #6a3df1 !important;
    --navbarBg: #2a145c !important;
    --navbarBg2: #3e1f82 !important;
    --headerBg: #160429 !important;
    --headerBg2: #240959 !important;
    --modalBg: rgba(42, 20, 92, 0.95) !important;
    --modalBg2: #3e1f82 !important;
    --betSlipBg: #2a145c !important;
    --betSlipBg2: #3e1f82 !important;
    --tabActiveBg: #ff2fb9 !important;
    --tabActiveBg2: #ff5ad9 !important;
    --buttonBg: #ff2fb9 !important;
    --buttonBg2: #ff5ad9 !important;
    --accentBg: #ff2fb9 !important;
    --accentBg2: #ff5ad9 !important;
    --bodyAccent: #ff2fb9 !important;
    --bodyBorder: rgba(255, 47, 185, 0.3) !important;
    --eventBorder: rgba(255, 47, 185, 0.3) !important;
    --eventAccent: #ff2fb9 !important
}

.dgw_event_card.dgw_event_card,.dgw_event_widget_card.dgw_event_widget_card {
    background: #2a145c!important;
    background-color: #2a145c!important;
    border-color: rgba(255,47,185,.4)!important
}

/* Top Winners */
.top_winners__game.top_winners__game {
    background: rgba(42,20,92,.6)!important;
    background-color: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.4)!important;
    border-radius: 12px!important;
    transition: all .3s ease
}

.top_winners__game.top_winners__game:hover {
    background: rgba(42,20,92,.8)!important;
    background-color: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 8px 24px rgba(255,47,185,.4),0 0 20px rgba(106,61,241,.3);
    transform: translateY(-4px)
}

.top_winners__img {
    border-radius: 8px!important;
    border: 1px solid rgba(255,47,185,.3)!important;
    transition: all .3s ease
}

.top_winners__game:hover .top_winners__img {
    border-color: #ff2fb9!important;
    box-shadow: 0 4px 15px rgba(255,47,185,.5);
    transform: scale(1.05)
}

.top_winners__text {
    color: #fff!important
}

.top_winners__id {
    color: #d1c7f7!important
}

.top_winners__id i.dynamic_icon {
    color: #ff2fb9!important
}

.top_winners__id span {
    color: #d1c7f7!important
}

.top_winners__value {
    color: #ff2fb9!important;
    font-weight: 700!important;
    text-shadow: 0 0 10px rgba(255,47,185,.7);
    font-size: 1.1em!important
}

.top_winners__value_split {
    color: #ff5ad9!important
}

.top_winners__date {
    color: #d1c7f7!important;
    opacity: .8
}

.top_winners_block .rd_title {
    color: #ff2fb9!important;
    text-shadow: 0 0 10px rgba(255,47,185,.6)
}

/* Top Winners Dropdown */
.topWinsDropdown_heading.topWinsDropdown_heading,.topWinsTypes_heading.topWinsTypes_heading,.topWinsCategory_heading.topWinsCategory_heading,.js_top_win_types_heading_cont,.js_top_win_heading_cont {
    background: linear-gradient(90deg,rgba(255,47,185,.3) 0%,rgba(106,61,241,.3) 100%)!important;
    background-color: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.5)!important;
    border-radius: 10px!important;
    padding: 10px 16px!important;
    transition: all .3s ease;
    box-shadow: 0 0 15px rgba(255,47,185,.2)
}

.topWinsDropdown_heading.topWinsDropdown_heading:hover,.topWinsTypes_heading.topWinsTypes_heading:hover,.topWinsCategory_heading.topWinsCategory_heading:hover {
    background: linear-gradient(90deg,rgba(255,47,185,.4) 0%,rgba(106,61,241,.4) 100%)!important;
    background-color: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 20px rgba(255,47,185,.4);
    transform: translateY(-2px)
}

.js_top_win_type_heading,.js_top_win_heading,.topWins_tab_name {
    color: #fff!important;
    font-weight: 600!important;
    text-shadow: 0 0 8px rgba(255,47,185,.6)
}

.topWinsCategory_wrapper,.topWinsTypes_wrapper {
    background: 0 0!important
}

.topWinsDropdown_content,.topWinsTypes_content {
    background: rgba(26,6,56,.95)!important;
    border: 1px solid rgba(255,47,185,.5)!important;
    border-radius: 12px!important;
    box-shadow: 0 8px 32px rgba(0,0,0,.5),0 0 40px rgba(255,47,185,.3)!important;
    backdrop-filter: blur(10px)
}

.topWinsDropdown_item,.topWinsTypes_item {
    background: rgba(42,20,92,.4)!important;
    border-bottom: 1px solid rgba(255,47,185,.2)!important;
    color: #fff!important;
    transition: all .3s ease
}

.topWinsDropdown_item:hover,.topWinsTypes_item:hover {
    background: rgba(42,20,92,.6)!important;
    border-color: #ff2fb9!important;
    color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.3)
}

.topWinsDropdown_item.active,.topWinsTypes_item.active {
    background: linear-gradient(90deg,rgba(255,47,185,.3) 0%,rgba(106,61,241,.3) 100%)!important;
    border-color: #ff2fb9!important;
    color: #ff2fb9!important;
    font-weight: 600!important;
    text-shadow: 0 0 10px rgba(255,47,185,.8)
}

/* Language Dropdown */
.drop_down_lang.drop_down_lang,#LanguageBarSortingMob.drop_down_lang {
    background: rgba(42,20,92,.6)!important;
    background-color: rgba(42,20,92,.6)!important;
    border: 1px solid rgba(255,47,185,.4)!important;
    color: #fff!important;
    border-radius: 8px!important;
    padding: 10px 35px 10px 15px!important;
    font-weight: 500!important;
    transition: all .3s ease;
    box-shadow: 0 0 10px rgba(255,47,185,.2);
    text-align: center!important;
    text-align-last: center!important;
    vertical-align: middle!important;
    line-height: 1.5!important;
    height: 40px!important
}

.drop_down_lang.drop_down_lang:hover,#LanguageBarSortingMob.drop_down_lang:hover {
    background: rgba(42,20,92,.8)!important;
    background-color: rgba(42,20,92,.8)!important;
    border-color: #ff2fb9!important;
    box-shadow: 0 0 15px rgba(255,47,185,.4)
}

.drop_down_lang.drop_down_lang:focus,#LanguageBarSortingMob.drop_down_lang:focus {
    background: rgba(42,20,92,.9)!important;
    background-color: rgba(42,20,92,.9)!important;
    border-color: #ff2fb9!important;
    outline: none!important;
    box-shadow: 0 0 20px rgba(255,47,185,.5)
}

.drop_down_lang option,#LanguageBarSortingMob option {
    background: rgba(26,6,56,.95)!important;
    background-color: rgba(26,6,56,.95)!important;
    color: #fff!important;
    padding: 8px!important
}

.drop_down_lang option:hover,#LanguageBarSortingMob option:hover {
    background: rgba(42,20,92,.9)!important;
    background-color: rgba(42,20,92,.9)!important;
    color: #ff2fb9!important
}

.drop_down_lang option:checked,#LanguageBarSortingMob option:checked,.drop_down_lang option[selected],#LanguageBarSortingMob option[selected] {
    background: linear-gradient(90deg,rgba(255,47,185,.4) 0%,rgba(106,61,241,.4) 100%)!important;
    background-color: rgba(42,20,92,.8)!important;
    color: #fff!important;
    font-weight: 600!important
}

.drop_down_lang.drop_down_lang {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg,transparent 50%,#ff2fb9 50%),linear-gradient(135deg,#ff2fb9 50%,transparent 50%)!important;
    background-position: calc(100% - 15px)calc(1em + 2px),calc(100% - 10px)calc(1em + 2px)!important;
    background-size: 5px 5px,5px 5px!important;
    background-repeat: no-repeat!important;
    padding-right: 30px!important
}

/* Card Stream Banners */
#js_card_stream_2552.banners_card_stream {
    position: relative!important;
    padding-top: 55px!important
}

#js_card_stream_2552.banners_card_stream::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: 250px;
    height: 40px;
    display: block;
    z-index: 10;
    pointer-events: none;
    background: url(https://blogger.googleusercontent.com/img/a/AVvXsEh9HPS1Vk5A4h2ZGfif2VaCLhC2FaZaOYrzfH0SwIyYkFdaELEOYvh1cUnOO9yMITc6dW2_qV1QIfVIetAxATV5cU7D4tEDDYbW7FgH1cV-5cHvyo7Geon4JKgFtAnzDgMCjcSfc8yw3Y67Y1d-b5Cl5gSsbeLL4QrRmPIKwd1yuqeKDUtGAF4ieQ_rGqI)no-repeat 0;
    background-size: contain
}

#js_card_stream_2620.banners_card_stream {
    position: relative!important;
    padding-top: 55px!important
}

#js_card_stream_2620.banners_card_stream::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: 250px;
    height: 40px;
    display: block;
    z-index: 10;
    pointer-events: none;
    background: url(https://blogger.googleusercontent.com/img/a/AVvXsEjOTQ97jneWOWO9atIXi-0iQprwGuqBvIxdGumkjEfLHyMjdSusDKZW6om-G0qUAv_0rVBzpfxJjKmXaKu6rPx6HgCyWAxG0SeeQMEvO3t5hGRElt8mObOAGAfLGFgdiO1fdZOYdVZhm7aLLjSctZSOcuYp3PVKuK9SnkDdC-rDVmCV0fa-KMLDaLh48LA)no-repeat 0;
    background-size: contain
}

/* Media Queries */
@media only screen and (max-width: 768px) {
    .header_both {
        padding: 10px 12px!important
    }

    .topheader_user_deposit,.header_reg_btn {
        padding: 8px 16px!important;
        font-size: 14px!important
    }

    .lb_card {
        margin-bottom: 12px
    }

    .cw_mob_sidebar {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (max-width: 480px) {
    .topheader_user_id span {
        font-size: 12px!important
    }

    .lb_card_more_btn {
        padding: 10px 20px!important;
        font-size: 14px!important
    }

    .info_title {
        width: 160px;
        font-size: 13px
    }
}

@media(max-width: 1280px) {
    #js_button_2621 .dynamicBanners_item {
        height: 55px!important
    }
}

@media(max-width: 992px) {
    #js_button_2621 .dynamicBanners_item {
        height: 50px!important
    }
}

/* === TOURNAMENT / LEADERBOARD MOBILE === */
.leaderboard {
    background: rgba(26, 6, 56, 0.95) !important;
    border: 1px solid rgba(255, 47, 185, 0.5) !important;
    border-radius: 12px !important;
}
.leaderboard__user-info {
    background: rgba(42, 20, 92, 0.6) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 10px !important;
    color: #fff !important;
}
.leaderboard__table {
    background: rgba(26, 6, 56, 0.8) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 10px !important;
}
.leaderboard__table th,
.leaderboard__table td {
    background: transparent !important;
    color: #fff !important;
    border-color: rgba(255, 47, 185, 0.2) !important;
}
.leaderboard__table-inner {
    background: rgba(26, 6, 56, 0.8) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 10px !important;
}
.leaderboard__table-inner .table-row {
    background: rgba(42, 20, 92, 0.4) !important;
    border-bottom: 1px solid rgba(255, 47, 185, 0.2) !important;
    color: #fff !important;
}
.leaderboard__table-inner .table-row:nth-child(even) {
    background: rgba(26, 6, 56, 0.6) !important;
}
.leaderboard__table-head {
    background: linear-gradient(90deg, rgba(255, 47, 185, 0.3) 0%, rgba(106, 61, 241, 0.3) 100%) !important;
    border-bottom: 1px solid rgba(255, 47, 185, 0.5) !important;
    color: #fff !important;
}
.leaderboard__table .table-row {
    background: rgba(42, 20, 92, 0.4) !important;
    border-bottom: 1px solid rgba(255, 47, 185, 0.2) !important;
    color: #fff !important;
}
.tournament__info-wrapper {
    background: rgba(42, 20, 92, 0.7) !important;
    border: 1px solid rgba(255, 47, 185, 0.5) !important;
    border-radius: 12px !important;
    color: #fff !important;
}
.tournament__info-wrapper .description,
.description {
    background: rgba(26, 6, 56, 0.6) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 8px !important;
    color: #d1c7f7 !important;
}
.description__prize {
    background: rgba(42, 20, 92, 0.7) !important;
    border: 1px solid rgba(255, 47, 185, 0.4) !important;
    border-radius: 10px !important;
    color: #fff !important;
}
.description__prize-head {
    background: linear-gradient(90deg, rgba(255, 47, 185, 0.3) 0%, rgba(106, 61, 241, 0.3) 100%) !important;
    border-bottom: 1px solid rgba(255, 47, 185, 0.5) !important;
    color: #ff2fb9 !important;
}
.description__date {
    background: rgba(42, 20, 92, 0.6) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 10px !important;
    color: #fff !important;
}
.description__date-item {
    background: rgba(26, 6, 56, 0.8) !important;
    border: 1px solid rgba(255, 47, 185, 0.4) !important;
    border-radius: 8px !important;
    color: #d1c7f7 !important;
}
.description__date-item span,
.description__date-item strong {
    color: #ff2fb9 !important;
}
.tournament__games {
    background: rgba(26, 6, 56, 0.8) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 12px !important;
}
.tournament__games-search {
    background: rgba(42, 20, 92, 0.6) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 8px !important;
}
.tournament__games-search input {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
}
.tournament__games-grid {
    background: rgba(26, 6, 56, 0.6) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
    gap: 10px !important;
}
.tournament__games-grid .lca-card {
    display: block !important;
    background: rgba(42, 20, 92, 0.6) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
.tournament__games-grid .lca-card-body {
    display: block !important;
}
.tournament__games-grid .lca-card-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* === TOURNAMENT TABS & CARDS MOBILE === */
.tabs {
    background: rgba(26, 6, 56, 0.8) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 10px !important;
}
.tabs .tab__item {
    background: transparent !important;
    color: #d1c7f7 !important;
}
.tabs .tab__item.active {
    background: linear-gradient(90deg, #ff2fb9 0%, #6a3df1 100%) !important;
    color: #fff !important;
    border-radius: 8px !important;
}
.tournament-card {
    background: rgba(42, 20, 92, 0.6) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.tournament-card .card__footer {
    background: rgba(42, 20, 92, 0.9) !important;
    border-top: 1px solid rgba(255, 47, 185, 0.5) !important;
    color: #fff !important;
}
.tournament-card .card__footer * {
    color: #fff !important;
}
.tournament-card .card__info-wrapper {
    background: rgba(26, 6, 56, 0.8) !important;
    border: 1px solid rgba(255, 47, 185, 0.3) !important;
    border-radius: 8px !important;
    color: #fff !important;
}