:root {
    --cwBodyG: #0A1E28;
    --cwBodyBg: #0A1E28;
    --cwBodyBg2: #154055;
    --cwBodyBg3: #1d5876;
    --cwBodyBgHover: #0f2d3c;
    --cwBodyBg2Hover: #1a4f69;
    --cwBodyBg3Hover: #22678a;
    --cwBodyTxt: #fff;
    --cwBodyTxt2: #b6bcbf;
    --cwBodyTxt3: #858f94;
    --cwBodyAccent: #4BCDDC;
    --cwBodyAccentTxt: rgba(0, 0, 0, 0.9);
    --cwBodyRGBA: rgba(10, 30, 40, 0.7);
    --cwBodyRGBA2: rgba(10, 30, 40, 0.5);
    --cwBodyRGBA3: rgba(10, 30, 40, 0.3);
    --cwBodyShadow: rgba(6, 18, 24, 0.7);
    --cwBodyShadowFade: rgba(6, 18, 24, 0);
    --cwBodyRadius: 2px;
    --cwBodyBorder: #0f2d3c;
    --cwAccentG: #4BCDDC;
    --cwAccentBg: #4BCDDC;
    --cwAccentBg2: #7adae5;
    --cwAccentBg3: #9ce4ec;
    --cwAccentBgHover: #60d3e0;
    --cwAccentBg2Hover: #8fe0e9;
    --cwAccentBg3Hover: #b1eaf0;
    --cwAccentTxt: #000;
    --cwAccentTxt2: #173e42;
    --cwAccentTxt3: #26676e;
    --cwAccentAccent: #4BCDDC;
    --cwAccentAccentTxt: rgba(0, 0, 0, 0.9);
    --cwAccentRGBA: rgba(75, 205, 220, 0.7);
    --cwAccentRGBA2: rgba(75, 205, 220, 0.5);
    --cwAccentRGBA3: rgba(75, 205, 220, 0.3);
    --cwAccentShadow: rgba(45, 123, 132, 0.7);
    --cwAccentShadowFade: rgba(45, 123, 132, 0);
    --cwAccentRadius: 2px;
    --cwAccentBorder: #60d3e0;
    --cwDominantG: #0f2d3c;
    --cwDominantBg: #0f2d3c;
    --cwDominantBg2: #1a4f69;
    --cwDominantBg3: #226789;
    --cwDominantBgHover: #143c50;
    --cwDominantBg2Hover: #1f5e7d;
    --cwDominantBg3Hover: #27769d;
    --cwDominantTxt: #fff;
    --cwDominantTxt2: #b7c0c5;
    --cwDominantTxt3: #87969e;
    --cwDominantAccent: #4BCDDC;
    --cwDominantAccentTxt: rgba(0, 0, 0, 0.9);
    --cwDominantRGBA: rgba(15, 45, 60, 0.7);
    --cwDominantRGBA2: rgba(15, 45, 60, 0.5);
    --cwDominantRGBA3: rgba(15, 45, 60, 0.3);
    --cwDominantShadow: rgba(9, 27, 36, 0.7);
    --cwDominantShadowFade: rgba(9, 27, 36, 0);
    --cwDominantRadius: 2px;
    --cwDominantBorder: #143c50;
    --cwCardG: #0f2d3c;
    --cwCardBg: #0f2d3c;
    --cwCardBg2: #1a4f69;
    --cwCardBg3: #226789;
    --cwCardBgHover: #143c50;
    --cwCardBg2Hover: #1f5e7d;
    --cwCardBg3Hover: #27769d;
    --cwCardTxt: #fff;
    --cwCardTxt2: #b7c0c5;
    --cwCardTxt3: #87969e;
    --cwCardAccent: #4BCDDC;
    --cwCardAccentTxt: rgba(0, 0, 0, 0.9);
    --cwCardRGBA: rgba(15, 45, 60, 0.7);
    --cwCardRGBA2: rgba(15, 45, 60, 0.5);
    --cwCardRGBA3: rgba(15, 45, 60, 0.3);
    --cwCardShadow: rgba(9, 27, 36, 0.7);
    --cwCardShadowFade: rgba(9, 27, 36, 0);
    --cwCardRadius: 8px;
    --cwCardBorder: #143c50;
    --cwGameG: #0f2d3c;
    --cwGameBg: #0f2d3c;
    --cwGameBg2: #1a4f69;
    --cwGameBg3: #226789;
    --cwGameBgHover: #143c50;
    --cwGameBg2Hover: #1f5e7d;
    --cwGameBg3Hover: #27769d;
    --cwGameTxt: #fff;
    --cwGameTxt2: #b7c0c5;
    --cwGameTxt3: #87969e;
    --cwGameAccent: #4BCDDC;
    --cwGameAccentTxt: rgba(0, 0, 0, 0.9);
    --cwGameRGBA: rgba(15, 45, 60, 0.7);
    --cwGameRGBA2: rgba(15, 45, 60, 0.5);
    --cwGameRGBA3: rgba(15, 45, 60, 0.3);
    --cwGameShadow: rgba(9, 27, 36, 0.7);
    --cwGameShadowFade: rgba(9, 27, 36, 0);
    --cwGameRadius: 2px;
    --cwGameBorder: #143c50;
    --cwJackpotG: #0f2d3c;
    --cwJackpotBg: #0f2d3c;
    --cwJackpotBg2: #1a4f69;
    --cwJackpotBg3: #226789;
    --cwJackpotBgHover: #143c50;
    --cwJackpotBg2Hover: #1f5e7d;
    --cwJackpotBg3Hover: #27769d;
    --cwJackpotTxt: #fff;
    --cwJackpotTxt2: #b7c0c5;
    --cwJackpotTxt3: #87969e;
    --cwJackpotAccent: #4BCDDC;
    --cwJackpotAccentTxt: rgba(0, 0, 0, 0.9);
    --cwJackpotRGBA: rgba(15, 45, 60, 0.7);
    --cwJackpotRGBA2: rgba(15, 45, 60, 0.5);
    --cwJackpotRGBA3: rgba(15, 45, 60, 0.3);
    --cwJackpotShadow: rgba(9, 27, 36, 0.7);
    --cwJackpotShadowFade: rgba(9, 27, 36, 0);
    --cwJackpotRadius: 2px;
    --cwJackpotBorder: #143c50;
    --cwButtonG: #58d1de;
    --cwButtonBg: #58d1de;
    --cwButtonBg2: #87dee7;
    --cwButtonBg3: #a9e7ee;
    --cwButtonBgHover: #6dd7e2;
    --cwButtonBg2Hover: #9ce4eb;
    --cwButtonBg3Hover: #beedf2;
    --cwButtonTxt: #000;
    --cwButtonTxt2: #1a3f43;
    --cwButtonTxt3: #2c696f;
    --cwButtonAccent: #4BCDDC;
    --cwButtonAccentTxt: rgba(0, 0, 0, 0.9);
    --cwButtonRGBA: rgba(88, 209, 222, 0.7);
    --cwButtonRGBA2: rgba(88, 209, 222, 0.5);
    --cwButtonRGBA3: rgba(88, 209, 222, 0.3);
    --cwButtonShadow: rgba(53, 125, 133, 0.7);
    --cwButtonShadowFade: rgba(53, 125, 133, 0);
    --cwButtonRadius: 8px;
    --cwButtonBorder: #6dd7e2;
    --cwButtonSecondaryG: linear-gradient(120deg,#0e2636 0%, #1d4c64 50%,#0b1f2c 100%);
    --cwButtonSecondaryBg: #234469;
    --cwButtonSecondaryBg2: #315f93;
    --cwButtonSecondaryBg3: #3b73b2;
    --cwButtonSecondaryBgHover: #29507c;
    --cwButtonSecondaryBg2Hover: #376ba6;
    --cwButtonSecondaryBg3Hover: #4580c1;
    --cwButtonSecondaryTxt: #fff;
    --cwButtonSecondaryTxt2: #bdc7d2;
    --cwButtonSecondaryTxt3: #91a2b4;
    --cwButtonSecondaryAccent: #4BCDDC;
    --cwButtonSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
    --cwButtonSecondaryRGBA: rgba(35, 68, 105, 0.7);
    --cwButtonSecondaryRGBA2: rgba(35, 68, 105, 0.5);
    --cwButtonSecondaryRGBA3: rgba(35, 68, 105, 0.3);
    --cwButtonSecondaryShadow: rgba(21, 41, 63, 0.7);
    --cwButtonSecondaryShadowFade: rgba(21, 41, 63, 0);
    --cwButtonSecondaryRadius: 8px;
    --cwButtonSecondaryBorder: #29507c;
    --cwNavbarG: #154055;
    --cwNavbarBg: #154055;
    --cwNavbarBg2: #206282;
    --cwNavbarBg3: #287aa3;
    --cwNavbarBgHover: #1a4f69;
    --cwNavbarBg2Hover: #257196;
    --cwNavbarBg3Hover: #2d89b7;
    --cwNavbarTxt: #fff;
    --cwNavbarTxt2: #b9c6cc;
    --cwNavbarTxt3: #8aa0aa;
    --cwNavbarAccent: #4BCDDC;
    --cwNavbarAccentTxt: rgba(0, 0, 0, 0.9);
    --cwNavbarRGBA: rgba(21, 64, 85, 0.7);
    --cwNavbarRGBA2: rgba(21, 64, 85, 0.5);
    --cwNavbarRGBA3: rgba(21, 64, 85, 0.3);
    --cwNavbarShadow: rgba(13, 38, 51, 0.7);
    --cwNavbarShadowFade: rgba(13, 38, 51, 0);
    --cwNavbarRadius: 2px;
    --cwNavbarBorder: #1a4f69;
    --cwSliderG: #0f2d3c;
    --cwSliderBg: #0f2d3c;
    --cwSliderBg2: #1a4f69;
    --cwSliderBg3: #226789;
    --cwSliderBgHover: #143c50;
    --cwSliderBg2Hover: #1f5e7d;
    --cwSliderBg3Hover: #27769d;
    --cwSliderTxt: #fff;
    --cwSliderTxt2: #b7c0c5;
    --cwSliderTxt3: #87969e;
    --cwSliderAccent: #4BCDDC;
    --cwSliderAccentTxt: rgba(0, 0, 0, 0.9);
    --cwSliderRGBA: rgba(15, 45, 60, 0.7);
    --cwSliderRGBA2: rgba(15, 45, 60, 0.5);
    --cwSliderRGBA3: rgba(15, 45, 60, 0.3);
    --cwSliderShadow: rgba(9, 27, 36, 0.7);
    --cwSliderShadowFade: rgba(9, 27, 36, 0);
    --cwSliderRadius: 2px;
    --cwSliderBorder: #143c50;
    --cwHeaderG: linear-gradient(270deg, #112D3F 0%, #0A1E2B 100%);
    --cwHeaderBg: #0A1E2B;
    --cwHeaderBg2: #153e59;
    --cwHeaderBg3: #1c557a;
    --cwHeaderBgHover: #0f2c40;
    --cwHeaderBg2Hover: #1a4c6e;
    --cwHeaderBg3Hover: #21638f;
    --cwHeaderTxt: #fff;
    --cwHeaderTxt2: #b6bcbf;
    --cwHeaderTxt3: #858f95;
    --cwHeaderAccent: #4BCDDC;
    --cwHeaderAccentTxt: rgba(0, 0, 0, 0.9);
    --cwHeaderRGBA: rgba(10, 30, 43, 0.7);
    --cwHeaderRGBA2: rgba(10, 30, 43, 0.5);
    --cwHeaderRGBA3: rgba(10, 30, 43, 0.3);
    --cwHeaderShadow: rgba(6, 18, 26, 0.7);
    --cwHeaderShadowFade: rgba(6, 18, 26, 0);
    --cwHeaderRadius: 6px;
    --cwHeaderBorder: #0f2c40;
    --cwHeaderSecondaryG: #123A4E;
    --cwHeaderSecondaryBg: #123A4E;
    --cwHeaderSecondaryBg2: #1d5c7c;
    --cwHeaderSecondaryBg3: #24759d;
    --cwHeaderSecondaryBgHover: #174963;
    --cwHeaderSecondaryBg2Hover: #226b91;
    --cwHeaderSecondaryBg3Hover: #2984b2;
    --cwHeaderSecondaryTxt: #fff;
    --cwHeaderSecondaryTxt2: #b8c4ca;
    --cwHeaderSecondaryTxt3: #899da7;
    --cwHeaderSecondaryAccent: #4BCDDC;
    --cwHeaderSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
    --cwHeaderSecondaryRGBA: rgba(18, 58, 78, 0.7);
    --cwHeaderSecondaryRGBA2: rgba(18, 58, 78, 0.5);
    --cwHeaderSecondaryRGBA3: rgba(18, 58, 78, 0.3);
    --cwHeaderSecondaryShadow: rgba(11, 35, 47, 0.7);
    --cwHeaderSecondaryShadowFade: rgba(11, 35, 47, 0);
    --cwHeaderSecondaryRadius: 2px;
    --cwHeaderSecondaryBorder: #174963;
    --cwFooterG: linear-gradient(90deg, rgba(65, 79, 83, 0.7) 0%, rgba(65, 79, 83, 0.2) 100%);
    --cwFooterBg: #0F3040;
    --cwFooterBg2: #1a526d;
    --cwFooterBg3: #216b8e;
    --cwFooterBgHover: #143f55;
    --cwFooterBg2Hover: #1f6182;
    --cwFooterBg3Hover: #267ba3;
    --cwFooterTxt: #fff;
    --cwFooterTxt2: #b7c1c6;
    --cwFooterTxt3: #8798a0;
    --cwFooterAccent: #4BCDDC;
    --cwFooterAccentTxt: rgba(0, 0, 0, 0.9);
    --cwFooterRGBA: rgba(15, 48, 64, 0.7);
    --cwFooterRGBA2: rgba(15, 48, 64, 0.5);
    --cwFooterRGBA3: rgba(15, 48, 64, 0.3);
    --cwFooterShadow: rgba(9, 29, 38, 0.7);
    --cwFooterShadowFade: rgba(9, 29, 38, 0);
    --cwFooterRadius: 2px;
    --cwFooterBorder: #7B9197;
    --cwSubHeaderG: #183d57;
    --cwSubHeaderBg: #183d57;
    --cwSubHeaderBg2: #245c83;
    --cwSubHeaderBg3: #2d72a3;
    --cwSubHeaderBgHover: #1e4b6b;
    --cwSubHeaderBg2Hover: #296a97;
    --cwSubHeaderBg3Hover: #3380b7;
    --cwSubHeaderTxt: #fff;
    --cwSubHeaderTxt2: #bac5cd;
    --cwSubHeaderTxt3: #8c9eab;
    --cwSubHeaderAccent: #4BCDDC;
    --cwSubHeaderAccentTxt: rgba(0, 0, 0, 0.9);
    --cwSubHeaderRGBA: rgba(24, 61, 87, 0.7);
    --cwSubHeaderRGBA2: rgba(24, 61, 87, 0.5);
    --cwSubHeaderRGBA3: rgba(24, 61, 87, 0.3);
    --cwSubHeaderShadow: rgba(14, 37, 52, 0.7);
    --cwSubHeaderShadowFade: rgba(14, 37, 52, 0);
    --cwSubHeaderRadius: 2px;
    --cwSubHeaderBorder: #1e4b6b;
    --cwTabG: #142D3C;
    --cwTabBg: #142D3C;
    --cwTabBg2: #224d66;
    --cwTabBg3: #2c6385;
    --cwTabBgHover: #1a3b4f;
    --cwTabBg2Hover: #285b79;
    --cwTabBg3Hover: #327198;
    --cwTabTxt: #fff;
    --cwTabTxt2: #b9c0c5;
    --cwTabTxt3: #8a969e;
    --cwTabAccent: #4BCDDC;
    --cwTabAccentTxt: rgba(0, 0, 0, 0.9);
    --cwTabRGBA: rgba(20, 45, 60, 0.7);
    --cwTabRGBA2: rgba(20, 45, 60, 0.5);
    --cwTabRGBA3: rgba(20, 45, 60, 0.3);
    --cwTabShadow: rgba(12, 27, 36, 0.7);
    --cwTabShadowFade: rgba(12, 27, 36, 0);
    --cwTabRadius: 2px;
    --cwTabBorder: #1a3b4f;
    --cwTabActiveG: #183B50;
    --cwTabActiveBg: #183B50;
    --cwTabActiveBg2: #255b7b;
    --cwTabActiveBg3: #2e729b;
    --cwTabActiveBgHover: #1e4964;
    --cwTabActiveBg2Hover: #2b698f;
    --cwTabActiveBg3Hover: #3480af;
    --cwTabActiveTxt: #fff;
    --cwTabActiveTxt2: #bac4cb;
    --cwTabActiveTxt3: #8c9da8;
    --cwTabActiveAccent: #4BCDDC;
    --cwTabActiveAccentTxt: rgba(0, 0, 0, 0.9);
    --cwTabActiveRGBA: rgba(24, 59, 80, 0.7);
    --cwTabActiveRGBA2: rgba(24, 59, 80, 0.5);
    --cwTabActiveRGBA3: rgba(24, 59, 80, 0.3);
    --cwTabActiveShadow: rgba(14, 35, 48, 0.7);
    --cwTabActiveShadowFade: rgba(14, 35, 48, 0);
    --cwTabActiveRadius: 2px;
    --cwTabActiveBorder: #1e4964;
    --cwInputG: #15354b;
    --cwInputBg: #15354b;
    --cwInputBg2: #215477;
    --cwInputBg3: #2a6a97;
    --cwInputBgHover: #1b435f;
    --cwInputBg2Hover: #27628b;
    --cwInputBg3Hover: #3078ab;
    --cwInputTxt: #fff;
    --cwInputTxt2: #b9c2c9;
    --cwInputTxt3: #8a9aa5;
    --cwInputAccent: #4BCDDC;
    --cwInputAccentTxt: rgba(0, 0, 0, 0.9);
    --cwInputRGBA: rgba(21, 53, 75, 0.7);
    --cwInputRGBA2: rgba(21, 53, 75, 0.5);
    --cwInputRGBA3: rgba(21, 53, 75, 0.3);
    --cwInputShadow: rgba(13, 32, 45, 0.7);
    --cwInputShadowFade: rgba(13, 32, 45, 0);
    --cwInputRadius: 8px;
    --cwInputBorder: #1b435f;
    --cwInputSecondaryG: #27628b;
    --cwInputSecondaryBg: #27628b;
    --cwInputSecondaryBg2: #3381b7;
    --cwInputSecondaryBg3: #4795cb;
    --cwInputSecondaryBgHover: #2d709f;
    --cwInputSecondaryBg2Hover: #3b8fc8;
    --cwInputSecondaryBg3Hover: #5ba0d1;
    --cwInputSecondaryTxt: #fff;
    --cwInputSecondaryTxt2: #bed0dc;
    --cwInputSecondaryTxt3: #93b1c5;
    --cwInputSecondaryAccent: #4BCDDC;
    --cwInputSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
    --cwInputSecondaryRGBA: rgba(39, 98, 139, 0.7);
    --cwInputSecondaryRGBA2: rgba(39, 98, 139, 0.5);
    --cwInputSecondaryRGBA3: rgba(39, 98, 139, 0.3);
    --cwInputSecondaryShadow: rgba(23, 59, 83, 0.7);
    --cwInputSecondaryShadowFade: rgba(23, 59, 83, 0);
    --cwInputSecondaryRadius: 8px;
    --cwInputSecondaryBorder: #2d709f;
    --cwFilterG: #154055;
    --cwFilterBg: #154055;
    --cwFilterBg2: #206282;
    --cwFilterBg3: #287aa3;
    --cwFilterBgHover: #1a4f69;
    --cwFilterBg2Hover: #257196;
    --cwFilterBg3Hover: #2d89b7;
    --cwFilterTxt: #fff;
    --cwFilterTxt2: #b9c6cc;
    --cwFilterTxt3: #8aa0aa;
    --cwFilterAccent: #4BCDDC;
    --cwFilterAccentTxt: rgba(0, 0, 0, 0.9);
    --cwFilterRGBA: rgba(21, 64, 85, 0.7);
    --cwFilterRGBA2: rgba(21, 64, 85, 0.5);
    --cwFilterRGBA3: rgba(21, 64, 85, 0.3);
    --cwFilterShadow: rgba(13, 38, 51, 0.7);
    --cwFilterShadowFade: rgba(13, 38, 51, 0);
    --cwFilterRadius: 2px;
    --cwFilterBorder: #1a4f69;
    --cwTooltipG: #154055;
    --cwTooltipBg: #154055;
    --cwTooltipBg2: #206282;
    --cwTooltipBg3: #287aa3;
    --cwTooltipBgHover: #1a4f69;
    --cwTooltipBg2Hover: #257196;
    --cwTooltipBg3Hover: #2d89b7;
    --cwTooltipTxt: #fff;
    --cwTooltipTxt2: #b9c6cc;
    --cwTooltipTxt3: #8aa0aa;
    --cwTooltipAccent: #4BCDDC;
    --cwTooltipAccentTxt: rgba(0, 0, 0, 0.9);
    --cwTooltipRGBA: rgba(21, 64, 85, 0.7);
    --cwTooltipRGBA2: rgba(21, 64, 85, 0.5);
    --cwTooltipRGBA3: rgba(21, 64, 85, 0.3);
    --cwTooltipShadow: rgba(13, 38, 51, 0.7);
    --cwTooltipShadowFade: rgba(13, 38, 51, 0);
    --cwTooltipRadius: 2px;
    --cwTooltipBorder: #1a4f69;
    --cwModalG: #0f2d3c;
    --cwModalBg: #0f2d3c;
    --cwModalBg2: #1a4f69;
    --cwModalBg3: #226789;
    --cwModalBgHover: #143c50;
    --cwModalBg2Hover: #1f5e7d;
    --cwModalBg3Hover: #27769d;
    --cwModalTxt: #fff;
    --cwModalTxt2: #b7c0c5;
    --cwModalTxt3: #87969e;
    --cwModalAccent: #4BCDDC;
    --cwModalAccentTxt: rgba(0, 0, 0, 0.9);
    --cwModalRGBA: rgba(15, 45, 60, 0.7);
    --cwModalRGBA2: rgba(15, 45, 60, 0.5);
    --cwModalRGBA3: rgba(15, 45, 60, 0.3);
    --cwModalShadow: rgba(9, 27, 36, 0.7);
    --cwModalShadowFade: rgba(9, 27, 36, 0);
    --cwModalRadius: 2px;
    --cwModalBorder: #143c50;
    --cwLoginG: #154055;
    --cwLoginBg: #154055;
    --cwLoginBg2: #206282;
    --cwLoginBg3: #287aa3;
    --cwLoginBgHover: #1a4f69;
    --cwLoginBg2Hover: #257196;
    --cwLoginBg3Hover: #2d89b7;
    --cwLoginTxt: #fff;
    --cwLoginTxt2: #b9c6cc;
    --cwLoginTxt3: #8aa0aa;
    --cwLoginAccent: #4BCDDC;
    --cwLoginAccentTxt: rgba(0, 0, 0, 0.9);
    --cwLoginRGBA: rgba(21, 64, 85, 0.7);
    --cwLoginRGBA2: rgba(21, 64, 85, 0.5);
    --cwLoginRGBA3: rgba(21, 64, 85, 0.3);
    --cwLoginShadow: rgba(13, 38, 51, 0.7);
    --cwLoginShadowFade: rgba(13, 38, 51, 0);
    --cwLoginRadius: 2px;
    --cwLoginBorder: #1a4f69;
    --cwRegisterG: #154055;
    --cwRegisterBg: #154055;
    --cwRegisterBg2: #206282;
    --cwRegisterBg3: #287aa3;
    --cwRegisterBgHover: #1a4f69;
    --cwRegisterBg2Hover: #257196;
    --cwRegisterBg3Hover: #2d89b7;
    --cwRegisterTxt: #fff;
    --cwRegisterTxt2: #b9c6cc;
    --cwRegisterTxt3: #8aa0aa;
    --cwRegisterAccent: #4BCDDC;
    --cwRegisterAccentTxt: rgba(0, 0, 0, 0.9);
    --cwRegisterRGBA: rgba(21, 64, 85, 0.7);
    --cwRegisterRGBA2: rgba(21, 64, 85, 0.5);
    --cwRegisterRGBA3: rgba(21, 64, 85, 0.3);
    --cwRegisterShadow: rgba(13, 38, 51, 0.7);
    --cwRegisterShadowFade: rgba(13, 38, 51, 0);
    --cwRegisterRadius: 2px;
    --cwRegisterBorder: #1a4f69;
         --cwOverlayTxt: #E6E9EC;
    --cwOverlayTxt2: #a1a9b0;
    --cwOverlayAccent: #4BCDDC;
    --cwOverlayAccentTxt: #fff;
    --cwOverlayBlur: 4px; 
    --cwSignInButtonG: linear-gradient(180deg, #1f7a9d 0%, #112433 100%);
    --cwSignInButtonBg: #234469;
    --cwSignInButtonBg2: #315f93;
    --cwSignInButtonBg3: #3b73b2;
    --cwSignInButtonBgHover: #29507c;
    --cwSignInButtonBg2Hover: #376ba6;
    --cwSignInButtonBg3Hover: #4580c1;
    --cwSignInButtonTxt: #fff;
    --cwSignInButtonTxt2: #bdc7d2;
    --cwSignInButtonTxt3: #91a2b4;
    --cwSignInButtonAccent:  #4BCDDC;
    --cwSignInButtonAccentTxt: rgba(0, 0, 0, 0.9);
    --cwSignInButtonRadius: 8px;
    --cwSignInButtonBorder:#29507c;
    --cwDepositButtonG: linear-gradient(230deg, #3d89b5 0%, #0a1e28 100%);
    --cwDepositButtonBg:#234469;
    --cwDepositButtonBgHover: #29507c;
    --cwDepositButtonBg2: #315f93;
    --cwDepositButtonBg2Hover: #376ba6;
    --cwDepositButtonBg3: #3b73b2;
    --cwDepositButtonBg3Hover: #4580c1;
    --cwDepositButtonTxt: #fff;
    --cwDepositButtonTxt2: #bdc7d2;
    --cwDepositButtonTxt3: #91a2b4;
    --cwDepositButtonAccent: #4BCDDC;
    --cwDepositButtonAccentTxt: rgba(0, 0, 0, 0.9);
    --cwDepositButtonBorder: #29507c;
    --cwDepositButtonRadius: 8px
    
}
    
/*mob menu*/

.cw_mob_root-sidebar_opened .cw_mob_mav_fixed_primary_items_wrapper.with_switcher {
    transform: translateY(170%)!important;
    }

.menuContainer-mob1-cd {
    position: absolute;
    z-index: 20;
    bottom: 106px;
    left: -6.65%;
    display: flex;
    justify-content: flex-end;
    border-radius: 10px;
    transform: rotate(90deg);
}

.menuContainer-mob1-cd.active-mob1-cd .mainCircle-mob1-cd {
    width: 322px;
}

.menuContainer-mob1-cd.active-mob1-cd .mainCircle-mob1-cd .toggle-mob1-cd {
    right: 280px;
}

.menuContainer-mob1-cd.active-mob1-cd .mainCircle-mob1-cd .list-mob1-cd {
    visibility: visible;
    flex-direction: row-reverse;
}

.menuContainer-mob1-cd.active-mob1-cd .mainCircle-mob1-cd .list-mob1-cd li {
    transform: scale(1);
}

.menuContainer-mob1-cd .mainCircle-mob1-cd {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 100px;
    background:#154055;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5.5px);
    -webkit-backdrop-filter: blur(5.5px);
    border: 1px solid rgb(89 209 222);
    transform: translate(28px, -50%);
    box-shadow: 0px 10px 30px -15px rgba(0, 0, 0, 0.7);
    transition: 650ms cubic-bezier(.79, 0, .22, 1);
}

.menuContainer-mob1-cd .mainCircle-mob1-cd .toggle-mob1-cd {
    width: 36px;
    height: 36px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    border-radius: 100px;
    cursor: pointer;
    z-index: 100;
    rotate: 90deg;
    background-color:#0f2d3c;
    transition: 560ms cubic-bezier(.79, 0, .22, 1);
}

.menuContainer-mob1-cd .mainCircle-mob1-cd .toggle-mob1-cd:hover {
    background-color:#09202a;
}

.menuContainer-mob1-cd .mainCircle-mob1-cd .list-mob1-cd {
    flex-direction: row;
    margin: 0;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    position: absolute;
}

.menuContainer-mob1-cd .mainCircle-mob1-cd .list-mob1-cd li {
    width: 38px;
    height: 38px;
    margin-left: 8px;
    list-style: none;
    border-radius: 100px;
    background-color:#09202a;
    transform: scale(0);
    transition: 300ms cubic-bezier(.37, .01, .43, 1.3);
    transition-delay: 300ms;
}

.menuContainer-mob1-cd .mainCircle-mob1-cd .list-mob1-cd li.li1-mob1-cd {
    transition-delay: 50ms;
    background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%234acddc%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%20transform%3D%22rotate(-90%2C%2012%2C%2012)%22%3E%3Cpath%20id%3D%22Telegram_circle%22%20class%3D%22cls-1%22%20d%3D%22M12%2C0C5.37%2C0%2C0%2C5.37%2C0%2C12s5.37%2C12%2C12%2C12%2C12-5.37%2C12-12S18.63%2C0%2C12%2C0ZM17.88%2C7.96l-1.56%2C9.43c-.11%2C.73-.93%2C1.08-1.54%2C.67l-4.41-2.95c-.31-.21-.35-.67-.06-.94l4.05-3.8c.23-.21-.08-.59-.34-.41l-5.28%2C3.51c-.55%2C.36-1.23%2C.46-1.86%2C.26l-2.18-.67c-.44-.14-.46-.75-.05-.94l11.99-5.11c.65-.28%2C1.36.26%2C1.24.95Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.menuContainer-mob1-cd .mainCircle-mob1-cd .list-mob1-cd li.li2-mob1-cd {
    transition-delay: 100ms;
    background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%234acddc%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%20transform%3D%22rotate(-90%2C%2012%2C%2012)%22%3E%3Cpath%20id%3D%22X_circle%22%20class%3D%22cls-1%22%20d%3D%22M8.66%2C6.64l8.1%2C10.74h-1.42L7.25%2C6.64h1.41ZM24%2C12c0%2C6.63-5.37%2C12-12%2C12S0%2C18.63%2C0%2C12%2C5.37%2C0%2C12%2C0s12%2C5.37%2C12%2C12ZM19%2C18.49l-5.53-7.34%2C5.26-5.63h-1.53l-4.41%2C4.74-3.56-4.74h-4.22l5.45%2C7.24-5.35%2C5.73h1.53l4.5-4.83%2C3.65%2C4.83h4.21Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.menuContainer-mob1-cd .mainCircle-mob1-cd .list-mob1-cd li.li3-mob1-cd {
    transition-delay: 150ms;
    background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7B%20fill%3A%20%234acddc%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%20transform%3D%22rotate(-90%2C%2012%2C%2012)%22%3E%3Cpath%20id%3D%22Pinterest_circle%22%20class%3D%22cls-1%22%20d%3D%22M12%2C0C5.37%2C0%2C0%2C5.37%2C0%2C12c0%2C5.12%2C3.21%2C9.47%2C7.71%2C11.2-.21-1.14-.11-2.89.12-3.85.21-.9%2C1.36-5.74%2C1.36-5.74%2C0%2C0-.35-.69-.35-1.72%2C0-1.61.94-2.81%2C2.09-2.81.99%2C0%2C1.46.74%2C1.46%2C1.63%2C0%2C1-.63%2C2.48-.95%2C3.85-.28%2C1.16.57%2C2.09%2C1.7%2C2.09%2C2.06%2C0%2C3.64-2.17%2C3.64-5.29%2C0-2.76-1.98-4.7-4.83-4.7-3.29%2C0-5.22%2C2.46-5.22%2C5.01%2C0%2C1%2C.39%2C2.06.86%2C2.64.1.11.11.21.07.33-.09.37-.28%2C1.14-.32%2C1.31-.05.21-.17.26-.39.15-1.44-.67-2.35-2.77-2.35-4.48%2C0-3.64%2C2.65-7%2C7.64-7%2C4.02%2C0%2C7.13%2C2.86%2C7.13%2C6.68s-2.52%2C7.19-6%2C7.19c-1.17%2C0-2.28-.61-2.65-1.33%2C0%2C0-.58%2C2.2-.72%2C2.75-.26%2C.97-1.03%2C2.49-1.75%2C3.48%2C1.17%2C.38%2C2.43%2C.6%2C3.73%2C.6%2C6.63%2C0%2C12-5.37%2C12-12S18.63%2C0%2C12%2C0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.menuContainer-mob1-cd .mainCircle-mob1-cd .list-mob1-cd li.li4-mob1-cd {
    transition-delay: 200ms;
    background-image: url(https://trak.quendro.click/plat/prd/Img/partners/1258/Socialmedia/Instagram_circle_4x.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
     transform: rotate(-90deg);
}

.menuContainer-mob1-cd .mainCircle-mob1-cd .list-mob1-cd li.li5-mob1-cd {
    transition-delay: 250ms;
    background-image: url(https://trak.quendro.click/plat/prd/Img/partners/1258/Socialmedia/Chat_circle_4x.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
     transform: rotate(-90deg);
}

.menuContainer-mob1-cd .mainCircle-mob1-cd .list-mob1-cd li.li6-mob1-cd {
  transition-delay: 300ms;
  background-image: url(https://trak.quendro.click/plat/prd/Img/partners/1258/Socialmedia/Facebook_circle_4x.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(-90deg);
    
}

:rooot {
    /*change logo*/
    --cdn-logoSm-mob_png: url()!important;

}
/* hide mobile menu and banners*/
.mainCircle-mob1-cd{
    display: none !important;
}
.banner-mob-cd, .bannerDeposit-mob-cd{
    display: none !important;
}


.LogoMobilePlatform {
    background-image:url(https://trak.quendro.click/plat/prd/Img/partners/1258/Logopack_EXONBET_Logo_Dark_bg_DES.png) !important;
    width: 35%;
    height: 120%}

    /* left menu*/

    .bannerSection-mob-cd {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 16px;
      }
      
      .topButton-mob-cd {
    height: 70px;
    border-radius: 25px;
    border: solid 0.5px #00bcd4;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0d1921
     }
      
      .topButton-mob-cd a::after {
        content: "";
        display: block;
        height: 60px;
        width: 204px;
        background-image: url(https://trak.quendro.click/plat/prd/Img/partners/1258/Logopack_EXONBET_Logo_Dark_bg_MOB.SVG);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      
      .banner-mob-cd {
        width: 100%;
        border-radius: 8px;
        background-color: #ffffff;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      
      .banner-mob-cd:nth-child(4),
      .banner-mob-cd:nth-child(2) {
        height: 138px;
        background-color: #fff;
      }
      
      .banner-mob-cd:nth-child(3) {
        height: 69px;
        background-color: #fff;
      }
      
      .leftMenuFooter-mob-cd {
        width: 100%;
        height: 264px;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      
      .leftMenuFooter-mob-cd div {
        display: flex;
        gap: 8px;
      }

      
      .socialMediaButton-mob-cd div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 24px;
        font-size: 16px;
      }
      
      .bannerDeposit-mob-cd {
        height: 128px;
        width: 100%;
        background-image: url();
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        align-items: end;
        justify-content: end;
        background-color: #fff;
        border-radius: 8px;
      }
      
       .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: radial-gradient(#152c3b, #081116);
        color: var(--cwNavbarLeftTxt);
        z-index: var(--cwZIndexSidebar);
        transform: translateX(-100%);
        transition: all .314s;
        overflow-y: auto
     }

.cw_mob_sidebar {
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border: 1px soild #b7b0b0;
    padding: 20px;
    padding-bottom: 76px;
    background-color: #12232f
}

a {
    text-decoration: none;
    outline: 0;
    color: inherit
}

.cw_mob_sidebar_block {
    margin-bottom: 0
}

.lb_card_badge {
    width: 66px;
    border-radius: 14px;
    height: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.badge_type_exclusive {
    background-color: #e4ff97;
    color: #292929
}

.badge_type_exclusive_v2 {
    background-color: #00BCD4;
    color: #0f1921
}

.cw_mob_sidebar_menu_item {
    margin-bottom: 16px;
    padding: 0;
    color: #f2f2f2;
    display: flex;
    height: 52px;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 2px 1px -1px rgb(44 93 124);
    background: linear-gradient(350deg,#18394e,#0b141b 100%);
    font-size: 16px;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;
    font-weight: 400;
    overflow: hidden;
    text-decoration: none;
    gap: 12px
}

.cw_mob_sidebar_menu_item_heading {
    margin-bottom: 16px;
    padding: 8px 16px;
    color: #4bcddc;
    display: flex;
    height: 56px!important;
    align-items: center;
    height: 40px;
    border-radius: 0 0 24px 24px;
    font-size: 16px;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;
    font-weight: 200;
    overflow: hidden;
    text-decoration: none
}

.cw_mob_sidebar_menu_item_heading>span {
    font-size: 20px!important;
    margin-left: 10px
}

.cw_mob_sidebar_menu_item_heading i {
    scale: 1.4;
    background: 0 0
}

.cw_mob_sidebar_menu_item.js_left_mn_items.ui-link .cw_mob_icon_m {
    font-family: iconsdinamicmenu;
    width: 52px;
    height: 52px;
    background: linear-gradient(0deg,#295d7e,#62cbdb 100%);
    display: flex;
    align-items: center;
    justify-content: center
}

.cw_mob_right_sidebar {
    --cwSignInModalBg: #112d39 !important;
    --cwSignInModalTxt: var(--cwLoginTxt) !important;
}

.dynRules_content_inner a {
    text-decoration: underline;
    color: #1b3c4d;
}

.additional-infos {
    background: radial-gradient(black, #00a8bb21) !important;
    border: 1px solid #318993 !important;
    border-radius: 16px !important;
}

.livechat_button {
    position: fixed;
    width: 80px;
    right: 2%;
    top: 83%;
    z-index: 100;
}


.dynamic_featured_item>img {

    max-height: 150px;
}


/* Top Winners Mob*/
.top_winners__game {
        height: 88px !important;


    }

@media only screen and (min-width: 380px) {
    .top_winners__game {
        min-width:280px!important


    }
}

.top_winners__game {
   background: linear-gradient(132deg,#165679 3%,#0a1e28 91%)!important;
    border: none!important
}

.top_winners__game span {
    color: #fff
}

.top_winners__game i {
    color: #fff!important
}

@keyframes scroll-winners {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.js_top_winners_container {
    overflow: hidden;
    position: relative
}

.js_top_winners_container .top_winners__page {
    display: inline-flex!important;
    width: max-content!important;
    min-width: 0!important;
    max-width: none!important;
    animation: scroll-winners 36s linear infinite;
    will-change: transform;
    gap: 12px
}

.js_top_winners_container .top_winners__game {
    margin-right: 0!important;
    flex-shrink: 0
}