/* casWeb page */
:root {
    --cwBodyG: #240430;
    --cwBodyBg: #240430;
    --cwBodyBg2: #620885;
    --cwBodyBg3: #7e0bab;
    --cwBodyBgHover: #4d0768;
    --cwBodyBg2Hover: #74099d;
    --cwBodyBg3Hover: #900dc3;
    --cwBodyTxt: #FFFFFF;
    --cwBodyTxt2: #fff;
    --cwBodyTxt3: #9d82a8;
    --cwBodyAccent: #DEA90A;
    --cwBodyAccentTxt: rgba(0, 0, 0, 0.9);
    --cwBodyRGBA: rgba(59, 5, 80, 0.7);
    --cwBodyRGBA2: rgba(59, 5, 80, 0.5);
    --cwBodyRGBA3: rgba(59, 5, 80, 0.3);
    --cwBodyShadow: rgba(35, 3, 48, 0.7);
    --cwBodyShadowFade: rgba(35, 3, 48, 0);
    --cwBodyRadius: 8px;
    --cwBodyBorder: #3B0550;
    --cwAccentG: #DEA90A;
    --cwAccentBg: #DEA90A;
    --cwAccentBg2: #f5c32b;
    --cwAccentBg3: #f7ce52;
    --cwAccentBgHover: #f4ba0d;
    --cwAccentBg2Hover: #f6ca43;
    --cwAccentBg3Hover: #f8d56a;
    --cwAccentTxt: #140F03;
    --cwAccentTxt2: #513d05;
    --cwAccentTxt3: #795c07;
    --cwAccentAccent: #DEA90A;
    --cwAccentAccentTxt: rgba(0, 0, 0, 0.9);
    --cwAccentRGBA: rgba(222, 169, 10, 0.7);
    --cwAccentRGBA2: rgba(222, 169, 10, 0.5);
    --cwAccentRGBA3: rgba(222, 169, 10, 0.3);
    --cwAccentShadow: rgba(133, 101, 6, 0.7);
    --cwAccentShadowFade: rgba(133, 101, 6, 0);
    --cwAccentRadius: 8px;
    --cwAccentBorder: #3B0550;
    --cwDominantG: #46065E;
    --cwDominantBg: #46065E;
    --cwDominantBg2: #6d0993;
    --cwDominantBg3: #8a0cb9;
    --cwDominantBgHover: #580876;
    --cwDominantBg2Hover: #7f0aab;
    --cwDominantBg3Hover: #9c0ed1;
    --cwDominantTxt: #FFFFFF;
    --cwDominantTxt2: #c8b4cf;
    --cwDominantTxt3: #a383af;
    --cwDominantAccent: #DEA90A;
    --cwDominantAccentTxt: rgba(0, 0, 0, 0.9);
    --cwDominantRGBA: rgba(70, 6, 94, 0.7);
    --cwDominantRGBA2: rgba(70, 6, 94, 0.5);
    --cwDominantRGBA3: rgba(70, 6, 94, 0.3);
    --cwDominantShadow: rgba(42, 4, 56, 0.7);
    --cwDominantShadowFade: rgba(42, 4, 56, 0);
    --cwDominantRadius: 8px;
    --cwDominantBorder: #3B0550;
    --cwCardG: #470860;
    --cwCardBg: #470860;
    --cwCardBg2: #850bb5;
    --cwCardBg3: #a10edb;
    --cwCardBgHover: #700a98;
    --cwCardBg2Hover: #970ccd;
    --cwCardBg3Hover: #b113f0;
    --cwCardTxt: #FFFFFF;
    --cwCardTxt2: #cfb5d9;
    --cwCardTxt3: #af84c0;
    --cwCardAccent: #DEA90A;
    --cwCardAccentTxt: rgba(0, 0, 0, 0.9);
    --cwCardRGBA: rgba(94, 8, 128, 0.7);
    --cwCardRGBA2: rgba(94, 8, 128, 0.5);
    --cwCardRGBA3: rgba(94, 8, 128, 0.3);
    --cwCardShadow: rgba(56, 5, 77, 0.7);
    --cwCardShadowFade: rgba(56, 5, 77, 0);
    --cwCardRadius: 16px;
    --cwCardBorder: #700A98;
    --cwGameG: #4D0768;
    --cwGameBg: #4D0768;
    --cwGameBg2: #740b9d;
    --cwGameBg3: #900dc3;
    --cwGameBgHover: #5f0980;
    --cwGameBg2Hover: #860db5;
    --cwGameBg3Hover: #a20fdb;
    --cwGameTxt: #FFFFFF;
    --cwGameTxt2: #cab5d2;
    --cwGameTxt3: #a683b4;
    --cwGameAccent: #DEA90A;
    --cwGameAccentTxt: rgba(0, 0, 0, 0.9);
    --cwGameRGBA: rgba(77, 7, 104, 0.7);
    --cwGameRGBA2: rgba(77, 7, 104, 0.5);
    --cwGameRGBA3: rgba(77, 7, 104, 0.3);
    --cwGameShadow: rgba(46, 4, 62, 0.7);
    --cwGameShadowFade: rgba(46, 4, 62, 0);
    --cwGameRadius: 16px;
    --cwGameBorder: #3B0550;
    --cwJackpotG: #470860;
    --cwJackpotBg: #470860;
    --cwJackpotBg2: #740b9d;
    --cwJackpotBg3: #900dc3;
    --cwJackpotBgHover: #5f0980;
    --cwJackpotBg2Hover: #860db5;
    --cwJackpotBg3Hover: #a20fdb;
    --cwJackpotTxt: #FFFFFF;
    --cwJackpotTxt2: #cab5d2;
    --cwJackpotTxt3: #a683b4;
    --cwJackpotAccent: #DEA90A;
    --cwJackpotAccentTxt: rgba(0, 0, 0, 0.9);
    --cwJackpotRGBA: rgba(77, 7, 104, 0.7);
    --cwJackpotRGBA2: rgba(77, 7, 104, 0.5);
    --cwJackpotRGBA3: rgba(77, 7, 104, 0.3);
    --cwJackpotShadow: rgba(46, 4, 62, 0.7);
    --cwJackpotShadowFade: rgba(46, 4, 62, 0);
    --cwJackpotRadius: 8px;
    --cwJackpotBorder: #3B0550;
    --cwButtonG: #DEA90A;
    --cwButtonBg: #DEA90A;
    --cwButtonBg2: #f5c32b;
    --cwButtonBg3: #f7ce52;
    --cwButtonBgHover: #f4ba0d;
    --cwButtonBg2Hover: #f6ca43;
    --cwButtonBg3Hover: #f8d56a;
    --cwButtonTxt: #161101;
    --cwButtonTxt2: #523f04;
    --cwButtonTxt3: #7a5d06;
    --cwButtonAccent: #DEA90A;
    --cwButtonAccentTxt: rgba(0, 0, 0, 0.9);
    --cwButtonRGBA: rgba(222, 169, 10, 0.7);
    --cwButtonRGBA2: rgba(222, 169, 10, 0.5);
    --cwButtonRGBA3: rgba(222, 169, 10, 0.3);
    --cwButtonShadow: rgba(133, 101, 6, 0.7);
    --cwButtonShadowFade: rgba(133, 101, 6, 0);
    --cwButtonRadius: 8px;
    --cwButtonBorder: #3B0550;
    --cwButtonSecondaryG: #670D8A;
    --cwButtonSecondaryBg: #4C1164;
    --cwButtonSecondaryBg2: #701994;
    --cwButtonSecondaryBg3: #8b1fb7;
    --cwButtonSecondaryBgHover: #5d157a;
    --cwButtonSecondaryBg2Hover: #811daa;
    --cwButtonSecondaryBg3Hover: #9c23cd;
    --cwButtonSecondaryTxt: #FFFFFF;
    --cwButtonSecondaryTxt2: #c9b8d1;
    --cwButtonSecondaryTxt3: #a688b2;
    --cwButtonSecondaryAccent: #DEA90A;
    --cwButtonSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
    --cwButtonSecondaryRGBA: rgba(76, 17, 100, 0.7);
    --cwButtonSecondaryRGBA2: rgba(76, 17, 100, 0.5);
    --cwButtonSecondaryRGBA3: rgba(76, 17, 100, 0.3);
    --cwButtonSecondaryShadow: rgba(46, 10, 60, 0.7);
    --cwButtonSecondaryShadowFade: rgba(46, 10, 60, 0);
    --cwButtonSecondaryRadius: 8px;
    --cwButtonSecondaryBorder: #5d157a;
    --cwNavbarG: #6D0993;
    --cwNavbarBg: #6D0993;
    --cwNavbarBg2: #940cc8;
    --cwNavbarBg3: #b10fee;
    --cwNavbarBgHover: #7f0aab;
    --cwNavbarBg2Hover: #a60de0;
    --cwNavbarBg3Hover: #b925f1;
    --cwNavbarTxt: #FFFFFF;
    --cwNavbarTxt2: #d3b5df;
    --cwNavbarTxt3: #b684c9;
    --cwNavbarAccent: #DEA90A;
    --cwNavbarAccentTxt: rgba(0, 0, 0, 0.9);
    --cwNavbarRGBA: rgba(109, 9, 147, 0.7);
    --cwNavbarRGBA2: rgba(109, 9, 147, 0.5);
    --cwNavbarRGBA3: rgba(109, 9, 147, 0.3);
    --cwNavbarShadow: rgba(65, 5, 88, 0.7);
    --cwNavbarShadowFade: rgba(65, 5, 88, 0);
    --cwNavbarRadius: 8px;
    --cwNavbarBorder: #3B0550;
    --cwSliderG: #4D0768;
    --cwSliderBg: #4D0768;
    --cwSliderBg2: #740b9d;
    --cwSliderBg3: #900dc3;
    --cwSliderBgHover: #5f0980;
    --cwSliderBg2Hover: #860db5;
    --cwSliderBg3Hover: #a20fdb;
    --cwSliderTxt: #FFFFFF;
    --cwSliderTxt2: #cab5d2;
    --cwSliderTxt3: #a683b4;
    --cwSliderAccent: #DEA90A;
    --cwSliderAccentTxt: rgba(0, 0, 0, 0.9);
    --cwSliderRGBA: rgba(77, 7, 104, 0.7);
    --cwSliderRGBA2: rgba(77, 7, 104, 0.5);
    --cwSliderRGBA3: rgba(77, 7, 104, 0.3);
    --cwSliderShadow: rgba(46, 4, 62, 0.7);
    --cwSliderShadowFade: rgba(46, 4, 62, 0);
    --cwSliderRadius: 8px;
    --cwSliderBorder: #3B0550;
    --cwHeaderG: #250532;
    --cwHeaderBg: #110317;
    --cwHeaderBg2: #360949;
    --cwHeaderBg3: #500e6d;
    --cwHeaderBgHover: #22062e;
    --cwHeaderBg2Hover: #470c60;
    --cwHeaderBg3Hover: #611184;
    --cwHeaderTxt: #FFFFFF;
    --cwHeaderTxt2: #b8b3b9;
    --cwHeaderTxt3: #88818b;
    --cwHeaderAccent: #DEA90A;
    --cwHeaderAccentTxt: rgba(0, 0, 0, 0.9);
    --cwHeaderRGBA: rgba(17, 3, 23, 0.7);
    --cwHeaderRGBA2: rgba(17, 3, 23, 0.5);
    --cwHeaderRGBA3: rgba(17, 3, 23, 0.3);
    --cwHeaderShadow: rgba(10, 2, 14, 0.7);
    --cwHeaderShadowFade: rgba(10, 2, 14, 0);
    --cwHeaderRadius: 8px;
    --cwHeaderBorder: #3B0550;
    --cwHeaderSecondaryG: #3B0550;
    --cwHeaderSecondaryBg: #22062D;
    --cwHeaderSecondaryBg2: #470d5e;
    --cwHeaderSecondaryBg3: #631182;
    --cwHeaderSecondaryBgHover: #330943;
    --cwHeaderSecondaryBg2Hover: #581074;
    --cwHeaderSecondaryBg3Hover: #741499;
    --cwHeaderSecondaryTxt: #fff;
    --cwHeaderSecondaryTxt2: #B8B3B9;
    --cwHeaderSecondaryTxt3:#8b7f8f;
    --cwHeaderSecondaryAccent: #DEA90A;
    --cwHeaderSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
    --cwHeaderSecondaryRGBA: rgba(34, 6, 45, 0.7);
    --cwHeaderSecondaryRGBA2: rgba(34, 6, 45, 0.5);
    --cwHeaderSecondaryRGBA3: rgba(34, 6, 45, 0.3);
    --cwHeaderSecondaryShadow: rgba(20, 4, 27, 0.7);
    --cwHeaderSecondaryShadowFade: rgba(20, 4, 27, 0);
    --cwHeaderSecondaryRadius: 8px;
    --cwHeaderSecondaryBorder: #3B0550;
    --cwFooterG: #110317;
    --cwFooterBg: #110317;
    --cwFooterBg2: #360949;
    --cwFooterBg3: #500e6d;
    --cwFooterBgHover: #22062e;
    --cwFooterBg2Hover: #470c60;
    --cwFooterBg3Hover: #611184;
    --cwFooterTxt: #E7E6E8;
    --cwFooterTxt2: #a7a2a9;
    --cwFooterTxt3: #7c7580;
    --cwFooterAccent: #DEA90A;
    --cwFooterAccentTxt: rgba(0, 0, 0, 0.9);
    --cwFooterRGBA: rgba(17, 3, 23, 0.7);
    --cwFooterRGBA2: rgba(17, 3, 23, 0.5);
    --cwFooterRGBA3: rgba(17, 3, 23, 0.3);
    --cwFooterShadow: rgba(10, 2, 14, 0.7);
    --cwFooterShadowFade: rgba(10, 2, 14, 0);
    --cwFooterRadius: 8px;
    --cwFooterBorder: #3B0550;
    --cwSubHeaderG: #3C0B51;
    --cwSubHeaderBg: #3C0B51;
    --cwSubHeaderBg2: #611282;
    --cwSubHeaderBg3: #7b17a6;
    --cwSubHeaderBgHover: #4d0e67;
    --cwSubHeaderBg2Hover: #721598;
    --cwSubHeaderBg3Hover: #8c1abc;
    --cwSubHeaderTxt: #ECE7EE;
    --cwSubHeaderTxt2: #b7a5bf;
    --cwSubHeaderTxt3: #9479a0;
    --cwSubHeaderAccent: #DEA90A;
    --cwSubHeaderAccentTxt: rgba(0, 0, 0, 0.9);
    --cwSubHeaderRGBA: rgba(60, 11, 81, 0.7);
    --cwSubHeaderRGBA2: rgba(60, 11, 81, 0.5);
    --cwSubHeaderRGBA3: rgba(60, 11, 81, 0.3);
    --cwSubHeaderShadow: rgba(36, 7, 49, 0.7);
    --cwSubHeaderShadowFade: rgba(36, 7, 49, 0);
    --cwSubHeaderRadius: 8px;
    --cwSubHeaderBorder: #3B0550;
    --cwTabG: #6D0993;
    --cwTabBg: #6D0993;
    --cwTabBg2: #940cc8;
    --cwTabBg3: #b10fee;
    --cwTabBgHover: #7f0aab;
    --cwTabBg2Hover: #a60de0;
    --cwTabBg3Hover: #b925f1;
    --cwTabTxt: #FFFFFF;
    --cwTabTxt2: #d3b5df;
    --cwTabTxt3: #b684c9;
    --cwTabAccent: #DEA90A;
    --cwTabAccentTxt: rgba(0, 0, 0, 0.9);
    --cwTabRGBA: rgba(109, 9, 147, 0.7);
    --cwTabRGBA2: rgba(109, 9, 147, 0.5);
    --cwTabRGBA3: rgba(109, 9, 147, 0.3);
    --cwTabShadow: rgba(65, 5, 88, 0.7);
    --cwTabShadowFade: rgba(65, 5, 88, 0);
    --cwTabRadius: 8px;
    --cwTabBorder: #3B0550;
    --cwTabActiveG: #7F0AAB;
    --cwTabActiveBg: #7F0AAB;
    --cwTabActiveBg2: #a60de0;
    --cwTabActiveBg3: #ba24f2;
    --cwTabActiveBgHover: #910bc3;
    --cwTabActiveBg2Hover: #b515f1;
    --cwTabActiveBg3Hover: #c23cf3;
    --cwTabActiveTxt: #FFFFFF;
    --cwTabActiveTxt2: #d9b6e6;
    --cwTabActiveTxt3: #bf85d5;
    --cwTabActiveAccent: #DEA90A;
    --cwTabActiveAccentTxt: rgba(0, 0, 0, 0.9);
    --cwTabActiveRGBA: rgba(127, 10, 171, 0.7);
    --cwTabActiveRGBA2: rgba(127, 10, 171, 0.5);
    --cwTabActiveRGBA3: rgba(127, 10, 171, 0.3);
    --cwTabActiveShadow: rgba(76, 6, 103, 0.7);
    --cwTabActiveShadowFade: rgba(76, 6, 103, 0);
    --cwTabActiveRadius: 8px;
    --cwTabActiveBorder: #3B0550;
    --cwInputG: #240430;
    --cwInputBg: #1B0424;
    --cwInputBg2: #410a56;
    --cwInputBg3: #5c0e7b;
    --cwInputBgHover: #2c073b;
    --cwInputBg2Hover: #520d6d;
    --cwInputBg3Hover: #6d1192;
    --cwInputTxt: #FFFFFF;
    --cwInputTxt2: #bbb4bd;
    --cwInputTxt3: #8d8292;
    --cwInputAccent: #DEA90A;
    --cwInputAccentTxt: rgba(0, 0, 0, 0.9);
    --cwInputRGBA: rgba(27, 4, 36, 0.7);
    --cwInputRGBA2: rgba(27, 4, 36, 0.5);
    --cwInputRGBA3: rgba(27, 4, 36, 0.3);
    --cwInputShadow: rgba(16, 2, 22, 0.7);
    --cwInputShadowFade: rgba(16, 2, 22, 0);
    --cwInputRadius: 8px;
    --cwInputBorder: #2c073b;
    --cwInputSecondaryG: #520D6D;
    --cwInputSecondaryBg: #520D6D;
    --cwInputSecondaryBg2: #78139f;
    --cwInputSecondaryBg3: #9317c4;
    --cwInputSecondaryBgHover: #631084;
    --cwInputSecondaryBg2Hover: #8916b6;
    --cwInputSecondaryBg3Hover: #a41adb;
    --cwInputSecondaryTxt: #FFFFFF;
    --cwInputSecondaryTxt2: #cbb6d3;
    --cwInputSecondaryTxt3: #a986b6;
    --cwInputSecondaryAccent: #DEA90A;
    --cwInputSecondaryAccentTxt: rgba(0, 0, 0, 0.9);
    --cwInputSecondaryRGBA: rgba(82, 13, 109, 0.7);
    --cwInputSecondaryRGBA2: rgba(82, 13, 109, 0.5);
    --cwInputSecondaryRGBA3: rgba(82, 13, 109, 0.3);
    --cwInputSecondaryShadow: rgba(49, 8, 65, 0.7);
    --cwInputSecondaryShadowFade: rgba(49, 8, 65, 0);
    --cwInputSecondaryRadius: 8px;
    --cwInputSecondaryBorder: #631084;
    --cwFilterG: #470860;
    --cwFilterBg: #470860;
    --cwFilterBg2: #850bb5;
    --cwFilterBg3: #a10edb;
    --cwFilterBgHover: #700a98;
    --cwFilterBg2Hover: #970ccd;
    --cwFilterBg3Hover: #b113f0;
    --cwFilterTxt: #FFFFFF;
    --cwFilterTxt2: #cfb5d9;
    --cwFilterTxt3: #af84c0;
    --cwFilterAccent: #DEA90A;
    --cwFilterAccentTxt: rgba(0, 0, 0, 0.9);
    --cwFilterRGBA: rgba(94, 8, 128, 0.7);
    --cwFilterRGBA2: rgba(94, 8, 128, 0.5);
    --cwFilterRGBA3: rgba(94, 8, 128, 0.3);
    --cwFilterShadow: rgba(56, 5, 77, 0.7);
    --cwFilterShadowFade: rgba(56, 5, 77, 0);
    --cwFilterRadius: 8px;
    --cwFilterBorder: #3B0550;
    --cwTooltipG: #6D0993;
    --cwTooltipBg: #6D0993;
    --cwTooltipBg2: #940cc8;
    --cwTooltipBg3: #b10fee;
    --cwTooltipBgHover: #7f0aab;
    --cwTooltipBg2Hover: #a60de0;
    --cwTooltipBg3Hover: #b925f1;
    --cwTooltipTxt: #FFFFFF;
    --cwTooltipTxt2: #d3b5df;
    --cwTooltipTxt3: #b684c9;
    --cwTooltipAccent: #DEA90A;
    --cwTooltipAccentTxt: rgba(0, 0, 0, 0.9);
    --cwTooltipRGBA: rgba(109, 9, 147, 0.7);
    --cwTooltipRGBA2: rgba(109, 9, 147, 0.5);
    --cwTooltipRGBA3: rgba(109, 9, 147, 0.3);
    --cwTooltipShadow: rgba(65, 5, 88, 0.7);
    --cwTooltipShadowFade: rgba(65, 5, 88, 0);
    --cwTooltipRadius: 8px;
    --cwTooltipBorder: #3B0550;
    --cwModalG: #2C053B;
    --cwModalBg: #2C053B;
    --cwModalBg2: #53096f;
    --cwModalBg3: #6f0d94;
    --cwModalBgHover: #4F096A;
    --cwModalBg2Hover: #650b87;
    --cwModalBg3Hover: #810fab;
    --cwModalTxt: #EAE6EB;
    --cwModalTxt2: #fff;
    --cwModalTxt3: #8b7693;
    --cwModalAccent: #DEA90A;
    --cwModalAccentTxt: rgba(0, 0, 0, 0.9);
    --cwModalRGBA: rgba(44, 5, 59, 0.7);
    --cwModalRGBA2: rgba(44, 5, 59, 0.5);
    --cwModalRGBA3: rgba(44, 5, 59, 0.3);
    --cwModalShadow: rgba(26, 3, 35, 0.7);
    --cwModalShadowFade: rgba(26, 3, 35, 0);
    --cwModalRadius: 8px;
    --cwModalBorder: #3B0550;
    --cwLoginG: #2C053B;
    --cwLoginBg: #2C053B;
    --cwLoginBg2: #53096f;
    --cwLoginBg3: #6f0d94;
    --cwLoginBgHover: #3d0752;
    --cwLoginBg2Hover: #650b87;
    --cwLoginBg3Hover: #810fab;
    --cwLoginTxt: #C0B4C4;
    --cwLoginTxt2: #94809b;
    --cwLoginTxt3: #765d80;
    --cwLoginAccent: #DEA90A;
    --cwLoginAccentTxt: rgba(0, 0, 0, 0.9);
    --cwLoginRGBA: rgba(44, 5, 59, 0.7);
    --cwLoginRGBA2: rgba(44, 5, 59, 0.5);
    --cwLoginRGBA3: rgba(44, 5, 59, 0.3);
    --cwLoginShadow: rgba(26, 3, 35, 0.7);
    --cwLoginShadowFade: rgba(26, 3, 35, 0);
    --cwLoginRadius: 8px;
    --cwLoginBorder: #3B0550;
    --cwRegisterG: #2C053B;
    --cwRegisterBg: #2C053B;
    --cwRegisterBg2: #53096f;
    --cwRegisterBg3: #6f0d94;
    --cwRegisterBgHover: #3d0752;
    --cwRegisterBg2Hover: #650b87;
    --cwRegisterBg3Hover: #810fab;
    --cwRegisterTxt: #C0B4C4;
    --cwRegisterTxt2: #94809b;
    --cwRegisterTxt3: #765d80;
    --cwRegisterAccent: #DEA90A;
    --cwRegisterAccentTxt: rgba(0, 0, 0, 0.9);
    --cwRegisterRGBA: rgba(44, 5, 59, 0.7);
    --cwRegisterRGBA2: rgba(44, 5, 59, 0.5);
    --cwRegisterRGBA3: rgba(44, 5, 59, 0.3);
    --cwRegisterShadow: rgba(26, 3, 35, 0.7);
    --cwRegisterShadowFade: rgba(26, 3, 35, 0);
    --cwRegisterRadius: 8px;
    --cwRegisterBorder: #3B0550;
    --cwOverlayBg: rgba(0, 0, 0, 0.7);
    --cwOverlayTxt: #FFFFFF;
    --cwOverlayTxt2: #bdb3c1;
    --cwOverlayAccent: #DEA90A;
    --cwOverlayAccentTxt: #140F03;
    --cwOverlayBlur: 4px;
    --cwSignInButtonG: #670D8A;
    --cwSignInButtonBg: #670D8A;
    --cwSignInButtonBgHover: #5d157a;
    --cwSignInButtonBg2: #701994;
    --cwSignInButtonBg2Hover: #811daa;
    --cwSignInButtonBg3: #8b1fb7;
    --cwSignInButtonBg3Hover: #9c23cd;
    --cwSignInButtonTxt: #FFFFFF;
    --cwSignInButtonTxt2: #c9b8d1;
    --cwSignInButtonTxt3: #a688b2;
    --cwSignInButtonAccent: #DEA90A;
    --cwSignInButtonAccentTxt: rgba(0, 0, 0, 0.9);
    --cwSignInButtonBorder: #4C1164;
    --cwSignInButtonRadius: 8px;
    --cwDepositButtonG: #DEA90A;
    --cwDepositButtonBg: #DEA90A;
    --cwDepositButtonBgHover: #f4ba0d;
    --cwDepositButtonBg2: #f5c32b;
    --cwDepositButtonBg2Hover: #f6ca43;
    --cwDepositButtonBg3: #f7ce52;
    --cwDepositButtonBg3Hover: #f8d56a;
    --cwDepositButtonTxt: #161101;
    --cwDepositButtonTxt2: #523f04;
    --cwDepositButtonTxt3: #7a5d06;
    --cwDepositButtonAccent: #DEA90A;
    --cwDepositButtonAccentTxt: rgba(0, 0, 0, 0.9);
    --cwDepositButtonBorder: #f4ba0d;
    --cwDepositButtonRadius: 8px
}
/*Footer start*/
.language_socialicons {
    margin-bottom: 52px;
}

.footer_links_heading {
    line-height: 1.1;
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: 700;
}

.footer_link {
    line-height: 1.4;
    font-size: 14px;
    width: fit-content;
}


/*start pinned_actions*/

.pinned_item3 span{
    font-size:18px
}

.footer .pinned_item_promo {
    top: calc(50% - 136px);
}

.footer .pinned_item_telegram {
    top: calc(50% - 68px);
}

.footer .pinned_item_whatsApp {
    top: 50%;
}
.footer .pinned_item_mob {
       top: calc(50% + 68px);
}

.footer .pinned_item_faq {
       top: calc(50% + 136px);
}
.footer_payments-container .footer_links_heading {
    text-align: center;
}
.footer_payments {
    gap: 12px;
}
.footer_payments img {
    height: 46px;
    width: 109px;
}

.cw_pinned_action_icon .cw_icon_questionmark_circle {
    --icoSize: 38px;
}

.cw_pinned_footer {
    position: fixed;
    z-index: 16;
}

.cw_pinned_actions_root {
    --pinned_actions_transform: 90px;
    --pinned_actions_width: 150px;
    --pinned_actions_height: 60px;
    --pinned_actions_gap: calc(var(--pinned_actions_height) / 4);
    --pinned_actions_radius: calc(var(--pinned_actions_height) / 2);
    --pinned_action_opacity: 0;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    row-gap: var(--pinned_actions_gap);
    position: fixed;
    inset-inline-end: 0;
    width: var(--pinned_actions_width);
    transition: transform 0.2s ease-in;
    transform: translate(var(--pinned_actions_transform));
    overflow: hidden;
    border-top-left-radius: var(--pinned_actions_radius);
    border-bottom-left-radius: var(--pinned_actions_radius);
}

.cw_pinned_action_item{
    width: 100%;
    height: var(--pinned_actions_height);
    display: flex;
    align-items: center;
    color: var(--cwButtonTxt);
    background-color: var(--cwButtonG);
    padding-inline-start: var(--pinned_actions_gap);
    column-gap: 6px;   
    overflow: hidden;
}

@keyframes button_shine {
    0% {transform: translate(-100px)}
    100% {transform: translate(100px)}
}

.cw_pinned_action_item:before{
    content: '';
    position: absolute;
    width: 100px;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(
        120deg,
        rgba(255,255,255, 0) 30%,
        rgba(255,255,255, .3),
        rgba(255,255,255, 0) 70%
    );
    top: 0;
    inset-inline-start: 0;
    animation: button_shine .9s infinite .5s linear;
}

.cw_pinned_actions_root:hover{
    --pinned_action_opacity: 1;
    transform: translate(0);
}

.cw_pinned_action_icon{
    color:var(--cwButtonG);
    background-color:var(--cwButtonTxt);
    width:30px;
    height:30px;
    border-radius:50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
}

.cw_pinned_action_item_content {
    font-size: 20px;
    font-weight: 500;
    opacity: var(--pinned_action_opacity);
    transition: opacity 0.2s;
    transition-delay: 0.1s;
    position: relative;
    z-index: 3;
}

.cw-rtl-global .cw_pinned_actions_root{
    --pinned_actions_transform: -90px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--pinned_actions_radius);
    border-bottom-right-radius: var(--pinned_actions_radius);
}

/*end pinned_actions*/
/*Footer end*/

/*Start Registration */
.g-recaptcha.input-validation-error {
    border-bottom: 1px solid #ff0000 !important;
}
/*End Registration */

/*Login*/
#loginContent .tl_popup_content .tl_sup_link,
.login_btn {
    width: 100%;
    border-radius: var(--cwButtonRadius);
}
#login_container .tl_sup_link {
    margin-top: 0;
}
.login_otp_text {
    color: var(--cwLoginAccent);
    font-size: 12px;
    line-height: 1.5; 
}
#login_container .tl_popup_link {
    text-decoration: underline;
}

/*profile*/
.profile_bg_inner {
    background-color: var(--cwModalBgHover);
    border-radius: 12px;
    padding: 16px 8px 0;
    margin-inline-end: 8px;
}
.profile_bg_inner .tl_input {
    padding-inline:  0;
}
.profile_bg_inner .tl_input_padding {
    padding-inline-end: 40px;
}

.user_pic_container {
    z-index: 1;
}
.profile_getCod_buttons  .tl_btn {
    background-color: var(--cwModalBg3);
    color: var(--cwModalTxt);
    border-color: var(--cwModalBorder);
}
.profile_getCod_buttons  .tl_btn:hover {
    background-color: var(--cwModalBg3Hover);
}
.dyn_profile_leftPart_inner .dyn_profile_getCod_buttons  button{
    background-color: var(--cwModalBg3);
    color: var(--cwModalTxt);
    border-color: var(--cwModalBorder);
}
@media screen and (max-width: 1650px) {
    .profile_getCod_box {
        flex-wrap: wrap;
    }

    .profile_getCod_buttons {
        width: 100%;
        margin-top: 16px;
        gap: 8px;
    }
    .profile_getCod_box .profile_getCod_buttons .my_prof_get_code{
        width: calc(50% - 4px);
        margin: 0;
    }
}


.unactivated_icon:after {
    content: "\E011";
}
.profile_verify_border {
    border: 1px solid var(--cwModalAccent);
}
.profile_verify_box {
     border: 1px solid var(--cwModalAccent);
     padding: 8px 12px;
     margin-inline: 8px;
     line-height: 1.5;
     border-radius: 8px;
     margin-bottom: 16px;
}
.profile_verify_title {
    font-size: 16px;    
    font-weight: 500;
    color: var(--cwModalTxt);
    
    margin-bottom: 4px;
}
.profile_verify_text {
    color: var(--cwModalTxt2);
    font-size: 12px;
}
/*Forgot Password*/

.reset_tab_btn {
    --cwRegisterTxt3: var(--cwLoginTxt3);
    --cwRegisterBg3: var(--cwLoginBg3);
    --cwRegisterBg: var(--cwLoginBg);
}

.reset_tab_btn.active {
    --cwRegisterAccent: var(--cwLoginAccent);
}

.reset-popup .tl_input_popup_reg {
    --cwInputTxt: var(--cwInputTxt3);
    --cwInputBg: var(--cwInputG);
}

.reset-popup .tl_popup_content {
    --cwLoginG: var(--cwLoginBg);
}

.reset-popup #content {
    padding: 16px;
}

.pass_reset_content #Second .submit-text,
.pass_reset_content #Third .submit-text {
    font-size: 12px;
    line-height: 18px;
    color: var(--cwLoginAccent);
}

.pass_reset_content #Third .final-text {
    margin-top: 0px;
}

.pass_reset_content .recover__action-wrapper button {
    max-width: none;
}

.reset-popup .reg_tab_header {
    display: flex;
}

.pass_reset_content .captcha_block {
    height: 68px;
    width: 100%;
    max-width: 268px;
}
.form-step {
    display: none;
}
.showStep {
    display: block;
}
/*end Forgot Password*/

/*start fill_in_fl_name_popup*/
.fillIn_popup {
    max-width: 692px;
    width: 100%;
    --cwInputTxt: var(--cwInputSecondaryTxt);
    --cwInputTxt2: var(--cwInputSecondaryTxt2);
    --cwInputTxt3: var(--cwInputSecondaryTxt3);
    --cwInputG: var(--cwInputSecondaryG);
    --cwInputBg: var(--cwInputSecondaryBg);
    --cwInputBgHover: var(--cwInputSecondaryBgHover);
    --cwInputBorder: var(--cwInputSecondaryBorder);
    --cwInputAccent: var(--cwInputSecondaryAccent);
    --cwInputAccentTxt: var(--cwInputSecondaryAccentTxt);
}

.fillIn_popup_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--cwRegisterTxt2);
}
.fillIn_popup .form-group-label {
    color: var(--cwRegisterTxt2) !important;
}
.fillIn_popup_subtitle {
    color: var(--cwRegisterTxt2);
    font-size: 14px;
}
/*end fill_in_fl_name_popup*/
/*start logout_conf_popup*/
.logout_conf_popup {
    background: var(--cwBodyShadow, rgba(0, 0, 0, 0.5));
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 111;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logout_conf_popup_inner {
    z-index: 111;
    max-width: 360px;
    width: 100%;
}
.logout_conf_popup .tl_popup_header {
      color: var(--cwModalTxt) !important;
}
.logout_conf_popup_title {
    font-size: 16px;
}
.fifa-block {
    position: relative;
    margin-left: 10px;
    padding-left: 30px;
}
.fifa-block:before {
    content: '';
    width: 1px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #BCB5B1;
}
.fifa-block a {
    display: block;
}
.close_logout_confirm_popup {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
}
.logout_conf_popup .tl_popup_content {
    padding: 32px 16px 16px;
    font-size: 14px;
    color: var(--cwModalTxt) !important;
    line-height: 1.5;
}
.logout_conf_popup .tl_btn {
   width: calc(50% - 4px);
}

.js_tl_head_close:before {
    content: "\e295";
    font-family: "iconsDinamicMenu";
}

.js_tl_head_close {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
    font-size: 34px;
    font-family: "iconsDinamicMenu";
    color: var(--cwModalTxt3);
}

.tl_sel_popup_reg:focus,
.tl_input_popup_reg:focus {
       --cwInputBgHover:#4b185f;
    }
.balance_drp_header {
    transform: rotate( 180deg );
}
/*end logout_conf_popup*/
.tl_popup_content:has(iframe){
    display: flex;
    justify-content: center;
    padding:0;
}
.register_right_part_fr{
    padding:0;
}
#registerContent .tl_popup_container {
    max-width: 692px;
}
.profile_popup_content .tl_row iframe{
     height: 735px;
    width: 1110px;
}
.profile_popup_content .doc_upload-content iframe{
    width: 1404px;
    height: 687px;
}
#passwchange_container:has(iframe){
     max-width: 560px;
    width: 100%;
}

.static_login_cont .recover-popup:has(iframe){
    max-width:560px;
    width:100%;
}
.dyn_captcha_block .g-recaptcha iframe {
    width: auto;
}
/*login*/
.flex_popup_content .tl_login_content_fr {
    width: 560px !important;
}
.tl_login_content_fr .tl_popup_content:has(iframe){ 
max-width: 560px;
 width: 100%;
}
#loginContent .tl_popup_content.tl_popup_content{
--cwLoginG:#4f0b69;
}

/*start responsible gaming dinamic text */
.responsible_games_din_text{
    margin-top: 28px;
    padding: 8px 12px;
    max-width: 100%;
    border: 1px solid var(--cwModalAccent);
    border-radius: 8px;
    font-size: 10px;
    line-height: 1.5;
    color:var(--cwModalTxt);
}
.responsible_games_din_text a{
    color:var(--cwModalAccent);
    font-family: Roboto Condensed;
    text-decoration: underline;
}
/*end responsible gaming dinamic text */
/*strat login/reg iframe*/
.register_right_part_fr{
    max-width:692px;
    width:100%;
}
/*end login/reg iframe*/
.flex_popup_content #loginContent:has(iframe){
    width: 560px !important;
}

.tl_popup_container.fillIn_popup:has(iframe) {
    max-width: 692px;
    width: 100%;
}

.tl_head_text {
    text-transform: none;
}

.footer_social-list a {
    max-width: 160px;
}