body {
  --header-color:#f4f4f5;
  --primary-color: #CCFF00;
  --secondary-color: #202323;
  --third-color:#8eb100;
  --badge-border-color:#143666;
  --forth-color: #143666;
  --button-bg:linear-gradient(to right, #004099 0%, #143666 100%);
  --primary-text-color: #15141A;
  --secondary-text-color: #fff;
  --light-text-color: #aeaeae;
  --sign-in-color: linear-gradient(to right, #004099 0%, #143666 100%);
  --left-menu-bg: #f4f4f5;
  --left-menu-text-color: #6e6e6e;
  --left-menu-header-color: #fff;
  --right-menu-text-color: #8eb100;
  --right-menu-text-light-color: #aed31a;
  --header-text-color: #252142;
  --badge-text-color: #fff;
  --badge-bg-color: #143666;
  --badge-right-border: #8eb100;
  --badge-right-text: #98be00;
  --badge-shadow: rgba(0, 0, 0, 0.16) 2px 1px 5px, rgba(0, 0, 0, 0.23) 0px 2px 5px;
  --marketcount-border: #C4C4C4;
  --sidebar-bg: #d0d0d0;
  --rightsidebar-bg: #fff;
  --icon-color: #C8C8C8;
  --icon-bg: #e8e8e8;
  --white-text: #fff;
  --black-text: #000;
  --live-text-color:#FC090B;
  --date-color: #000;
  --date-after-color: #698302;
  --arrow-color: #989898;
  --disable-color: #5d5d5d;
  --border-color:#abd501;
  --border-color2: #ddf18e;
  --border-color3: #F9F9F9;
  --center-content-bg: linear-gradient(135deg, #F2F2F2 0%, #FFFFFF 100%);
  --center-content--icon-bg: #F1EDED;
  --center-content-shadow: -4px 4px 8px rgba(237, 237, 237, 0.2), 4px -4px 8px rgba(237, 237, 237, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.9), 4px 4px 10px rgba(237, 237, 237, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(237, 237, 237, 0.5);
  --dropdown-border: #92b700;
  --dropdown-border2: #bae804;
  --dropdown-text: #143666;
  --dropdown-bg: #fff;
  --dropdown-text-notification: #666666;
  --dropdown-notification-bg:#e3e3e3;
  --not-text-color:#777777;
  --notification-badge: #00B132;
  --notification-badge-border: #3D80C6;
  --notification-background: #E3E3E3;
  --notification-bg-color: #fff;
  --notification-text-color:#454545;
  --notification-list-bg:#fff;
  --notification-tab-bg:#454545;
  --notification-shadow: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 81.77%);
  --not-border: #D7D7D7;
  --team-1-no-icon-bg: #95CEF8;
  --team-2-no-icon-bg: #FEB7D4;
  --teams-no-icon-text: #000000;
  --top-event-title-color:#454545;
  --events-bg: #fff;
  --live-events-color: #6A6A6A;
  --live-events-bg:#CCFF00;
  --live-events-text:#15141a;
  --live-events-border:#454545;
  --live-event-title: #26a69a;
  --button-color:linear-gradient(to right, #004099 0%, #143666 100%);
  --button-color2:#004099;
  --search-color: #EDEDED;
  --submit-btn-text-color: #8eb100;
  --checkbox-color: #c9f516;
  --background-color: #fff;
  --ac-card-bg: #fff;
  --body-bg-color: #f4f4f5;
  --bg-color: #FBFBFB;
  --kyc-pending: #f0ad4e;
  --input-color: #FFF;
  --input-border: #d7e5a0;
  --select-transfer-bg: linear-gradient(134.47deg, #F4F4F4 2.84%, #FFFFFF 100%);
  --select-category-bg: #fff;
  --payment-bg: rgba(76, 62, 0, 0.10);
  --upload-bg: #ebebeb;
  --betplace-title: #015A7A;
  --select-check-box-bg: #d1d1d1;
  --deposit-input-bg: #f5f5f5;
  --copy-svg-color: #CCFF00;
  --upload-bg: #ebebeb;
  --no-wallet-bg: #fff;
  --inplay-collapsible-title: #000;
  --inplay-overlay-bg: radial-gradient(100% 100.00% at 80% 80%, rgba(41, 43, 48, 0.44) 0%, rgba(41, 43, 48, 0.96) 100%);
  --login-getbonus-title: #000;
  --login-get-bonus-bg: linear-gradient(135deg, #CCFF00 4.17%, #000000 100%);
  --login-checkbox-bg: #aed902;
  --login-get-bonus-border: #CCFF00;
  --provider-dropdown: #252142;
  --provider-dropdown-border: #c7c7c7;
  --provider-dropdown-hover-bg: #eee;
  --upload-btn-color: #EAEAEA;
  --bank-title-color: #252142;
  --bank-border: #d7d7d7;
  --range-input-bg:linear-gradient(90.01deg, #F42649 33.22%, #AB001D 90.04%);
  --range-dots-bg:#FF5471;
  --range-dots-outline:#E4062B;
  --range-thumb-bg:#eb183c;
  --casino-title: #252142;
  --casino-subtitle: #A7A7A7;
  --recent-activity-title: #3e503f;
  --recent-activity-subtitle: #676767;
  --recent-activity-bg: #ebebeb;
  --all-event-title: #5c6060;
  --all-event-bg: #fff;
  --all-event-count: #737070;
  --all-event-count-bg: #e5e5e5;
  --all-event-shadow: 0px 2.61538px 7.84615px rgba(220, 220, 220, 0.30);
  --real-balance-color: #09B510;
  --withdraw-balance-color: #C3AB00;
  --current-balance-color: #FF0505;
  --coupens-light-color: #252142;
  --coupens-border: #ffa4aa;
  --coupens-bg: linear-gradient(135.23deg, #e4f798 1.04%, #fffffd 70.99%);
  --coupens-promo-bg: #7e9707;
  --coupens-icon-bg: #444444;
  --coupen-box-shadow: -4px 4px 8px rgba(237, 237, 237, 0.2), 4px -4px 8px rgba(237, 237, 237, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.9), 4px 4px 10px rgba (237, 237, 237, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(237, 237, 237, 0.5);
  --casino-shadow: -3.3913px 3.3913px 6.78261px rgba(237, 237, 237, 0.2), 3.3913px -3.3913px 6.78261px rgba(237, 237, 237, 0.2), -3.3913px -3.3913px 6.78261px rgba(255, 255, 255, 0.9), 3.3913px 3.3913px 8.47826px rgba(237, 237, 237, 0.9), inset 0.847826px 0.847826px 1.69565px rgba(255, 255, 255, 0.3), inset -0.847826px -0.847826px 1.69565px rgba(237, 237, 237, 0.5);
  --casino-readmore-bg: #CCFF00;
  --coupens-time-color: #2a2a2a;
  --coupens-bets-text:#2a2a2a;
  --coupens-end-in-text:#2a2a2a;
  --coupens-days-text:#2a2a2a;
  --coupens-read-more:#fff;
  --coupen-bg:#f4f4f5;
  --download-app-color: #43D585;
  --login-btn-hover: linear-gradient(to bottom right, #CCFF00, #000);
  --download-btn-bg-color: #CDFED5;
  --veronica-modal-bg: #081630;
  --veronica-modal-close: #211C4D;
  --veronica-modal-btn-bg: rgba(255, 255, 255, 0.105);
  --change-pass-border: #475708;
  --arrow-bg: #F1EDED;
  --stake-bg-color: #FAFAFA;
  --in-play: #CCFF00;
  --in-play-bg: #43d585;
  --in-play-color: #00B181;
  --stake-color: #FC0D1B;
  --count-border-color: #9cc203;
  --left-icon-bg: #fff;
  --left-menu-shadow1: rgba(12, 12, 12, 0.1);
  --left-menu-shadow2: rgba(197, 20, 31, 0.34);
  --left-menu-hover-shadow: rgba(12, 12, 12, 0.10);
  --heade-nav-shadow: rgba(49, 48, 48, 0.05);
  --dropdown-shadow: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
  --iconbar-header-color-left: #ff2f3c;
  --iconbar-header-color-right: #9b0710;
  --no-icon-color: #464646;
  --betslip-slider-path-bg: #dedede;
  --score-header-title-bg: #252525;
  --score-team-icon-bg: #302F30;
  --score-header-vs-bg: #26211D;
  --table-tr-hover: #f6f6f6;
  --search-bg: #F4F4F4;
  --search-subtitle: #7f7f7f;
  --no-wallet-icon-bg: #ededed;
  --bonus-wallets-bg: #ccff00;
  --fancylimit-info-bg: #fff;
  --bid-offer-text: #EAC20A;
  --empty-betslip-icon-bg:#FFC9D2;
  --betslip-modal-header-bg:linear-gradient(180deg, rgb(0 166 81 / 65%) 0%, rgba(217, 217, 217, 0.00) 76.04%), linear-gradient(180deg, rgba(244, 38, 73, 0.20) 0%, rgba(217, 217, 217, 0.00) 100%);
  --betsLip-text:#015a7a;
  --quitbet-border: #015A7A;
  --betslip-input-bg: linear-gradient(47deg, rgba(255, 255, 255, 0.63) 0%, rgba(235, 235, 235, 0.47) 100%);
  --betslip-input-border:#EEE;
  --bet-input-bg:#39ABFD;
  --potential-box-bg: #CDF3D0;
  --potential-box-text:#3DC15C;
  --swipebtn-text:#015A7A;
  --swipebtn-bg:#EFEFEF;
  --switch-bg: #EFEFEF;
  --switch-on-bg:linear-gradient(180deg, #015A7A 0%, #007FAC 100%);
  --quickbet-header-bg:linear-gradient(136.64deg, #015A7A 32.4%, rgba(1, 90, 122, 0.55) 78.91%);
  --quickbet-prg:#858585;
  --quick-model-btn-bg:linear-gradient(136.64deg, #015A7A 32.4%, rgba(1, 90, 122, 0.55) 78.91%), linear-gradient(89.39deg, rgba(255, 255, 255, 0) 15.61%, rgba(224, 224, 224, 0.63) 99.92%), linear-gradient(89.39deg, rgba(255, 255, 255, 0.6) 0%, rgba(224, 224, 224, 0.6) 99.92%);
  --placebet-input-bg:linear-gradient(287deg, rgba(237, 237, 237, 0.22) 0.52%, rgba(67, 213, 133, 0.22) 28.65%, #30DA7D 64.58%);
  --quick-model-btn-shadow: linear-gradient(47deg, rgba(255, 255, 255, 0.6) 0%, rgba(224, 224, 224, 0.6) 100%);
  --betslip-icon-bg:#00A651;
  --quitbet-icon-bg:#015A7A;
  --overlay-bg: #ffffffe3;
  --horseracing-bg: rgba(204, 255, 0, 0.05);
  --bank-box-shadow:2px 2px 4px 1px #00000014;
  --bank-image-border:#3c4043;
  --bank-box-bg:#fff;
  --payment-image-bg:#fff;
  --payment-title: #454545;
  --deposit-text:#454545;
  --deposit-title-text: #8e8e8e;
  --deposit-box-bg: #F6F6F6;
  --deposit-input-border:#d3d3d3;
  --depost-btn-bg: linear-gradient(-45deg, #7dd666, #38ce8b, #00c3a9, #00b5bb, #00a5c0, #15a0c0, #249abf, #3095bd, #3999c0, #429ec2, #4aa2c5, #52a7c8);
  --base-timer-path-elapsed:#fff;
  --base-timer__path:#2EAA50;
  --base-timer-remain-green: #143666;
  --base-timer-remain-orange: #143666;
  --base-timer-remain-red: #143666;
  --payment-verify-amount-bg:#3C3C3C;
  --camp-bets-text: #FAFF01;
  --camp-bets-bg: #299E00;
  --bonus-text-color:#A7A7A7;
  --rightsidebar-bet-bg:#ebebeb;
  --expire-claim-bg: #565656;
  --cashout-bg: #29B769;
  --cashout-border: #29B769;
  --cashout-text: #29B769;
  --cashout-boxshadow: -2px 4px 4px 0px rgba(33, 33, 33, 0.15);
  --cashout-cancel-bg: #E0FFF0;
  --cashout-cancel-text: #222;
  --cashout-detail: #777;
  --suspended-bg-color: rgba(0, 0, 0, 0.35);
  --suspended-text-color: #fff;
  --ac-slider-title: #000;
  --ac-slider-bg: #CCFF00;
  --ac-slider-shadow: -4px 4px 8px rgba(237, 237, 237, 0.2), 4px -4px 8px rgba(237, 237, 237, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.9), 4px 4px 10px rgba(237, 237, 237, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(237, 237, 237, 0.5);
  --ac-slider-border: #CCFF00;
  --profile-user-bg: #F5F5F5;
  --profile-main-title: #8eb100;
  --profile-sub-title: #414141;
  --profile-sub-title-icon: #a3a3a3;
  --profile-turnover-date: #8E8E8E;
  --profile-sub-header: #666666;
  --profile-total-profit: #A7A7A7;
  --profile-club-bg: #fff;
  --profile-club-title: #fff;
  --profile-club-plans: #282828;
  --profile-club-box-shadow: 0px 4px 20px rgba(235, 235, 235, 0.25);
  --profile-deposit-btn-color: #02184F;
  --account-statement-date-border: #ccff00;
  --account-statement-date-text: #000;
  --account-statement-month-text: #000;
  --account-statement-active-date-bg: #abcb2d;
  --account-statement-date-bg: #ccff00;
  --account-statement-name-border: #E2E2E2;
  --account-statement-name-color: #242424;
  --account-statement-label-color: #C7C7C7;
  --account-statement-round-bg: #EAEAEA;
  --account-statement-round-color: #A5A4A4;
  --account-statement-debit: #FF0000;
  --account-statement-active-debit: #FF0000;
  --account-statement-credit: #03CC49;
  --account-statement-active-credit: #00ff59;
  --profileloss-browser-color: #475708;
  --profileloss-browser-text-color: #A0A0A0;
  --profileloss-browser-btn-color: #913114;
  --ruby-progress-btn: radial-gradient(50% 50% at 50% 50%, #FDE439 0%, #C3AB00 100%);
  --gold-progress-btn: radial-gradient(50% 50% at 50% 50%, #E8CD6C 0%, #7B6824 100%);
  --silver-progress-btn: radial-gradient(50% 50% at 50% 50%, #E8E8E8 0%, #A5A4A1 100%);
  --progress-track-color: #ACBCCB;
  --progress-ruby-text: #C3AB00;
  --progress-gold-text: #86732C;
  --whatsapp-id-bg: #fff;
  --whatsapp-id-icon-bg: #000;
  --whatsapp-id-green-color: #000;
  --whatsapp-id-shadow: 0px 1px 5px #c9c9c9;
  --icon-bg2: #F5F5F5;
  --whatsapp-title: #F8F8F8;
  --whatsapp-btn:#2db642;
  --whatsapp-btn-border: #01b55e;
  --whatsapp-btn-shadow:-2px 4px 4px 0px rgba(33, 33, 33, 0.15);
  --or-title-line:#CECECE;
  --whatsapp-close-border: #67dc7b;
  --bottom-tab-bg: #fff;
  --bottom-tab-icon-bg: #143666;
  --bottom-tab-border: #ddd9d9;
  --provider-hover-color: linear-gradient(315deg, #CCFF00 0%, #CCFF00 74%);
  --promo-casino-bg: #fbfbfb;
  --promo-casino-border: #E1E1E1;
  --promo-casino-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  --model-input-color:#000;
  --invite-textbox-bg: #fff;
  --title-border: #C9C9C9;
  --game-color: #292B30;
  --play-with-bg: #fff;
  --play-with-border: #222222;
  --play-with-subtitle: #898787;
  --play-with-color: #000;
  --event-badge-right:#8eb100;
  --register-btn-bg: #E9E6E6;
  --register-btn-border: #C9C9C9;
  --about-plyasta-bg: #fff;
  --about-plyasta-dis: #737070;
  --about-ply-btns-hover: #CCFF00;
  --white-color: #fff;
  --plyatsa-btns: #143666;
  --plyatsa-btns-border: #143666;
  --payment-accept-btn-bg: linear-gradient(90deg, #25CF43 26.9%, #61FD7D 100.12%);
  --payment-reject-btn-bg: linear-gradient(75.27deg, #F43939 6.96%, #FF5656 91.61%);
  --blog-nav-bg: #fff;
  --blog-menu-active-text: #000;
  --blog-menu-active-bg: #CCFF00;
  --blog-menu-active-border: #000;
  --blog-menu-text: #999999;
  --blog-text: #000;
  --blog-card-bg: #fff;
  --blog-icon-text: #aed31a;
  --blog-title-border: #CCFF00;
  --blog-hover-text: #aed31a;
  --blog-card-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
  --blog-link-border: #e4e7ee;
  --blog-link-bg: #fff;
  --blog-link-text: #000;
  --blog-hover-link-bg: #CCFF00;
  --blog-hover-link-border: #CCFF00;
  --blog-breadcrumb-active: #999999;
  --blog-breadcrumb-border: #ccc;
  --blog-img-overlay: rgba(0, 0, 0, 0.2);
  --blog-badges-bg: #CCFF00;
  --blog-badges-text: #000;
  --blog-details-text: #737070;
  --blog-collaps-border: #E3E3E34F;
  --blog-collaps-icon: #aed31a;
  --blog-collaps-icon-bg: rgb(204 , 255 , 0 , 0.21);
  --blog-collaps-bg: #fff;
  --blog-list-bg: #CCFF00;
  --blog-collaps-active-border: #aed31a;
  --blog-link-hover: #000;
  --vip-bg:#F1F3F6;
  --level-text:#3DB803;
  --score-bg:#0377B8;
  --progress-bg:#E13F2C;
  --vip-tab-color:#969696;
  --download-app-bg:#EEF3F9;
  --download-app-box-shadow:#342E74;
  --green-bg:#B9D91F;
  --blue-bg:#1FC3D9;
  --orange-bg:#FE4910;
  --purple-bg:#9723C9;
  --pink-bg:#FF00F6;
  --withdraw-bg:#fff;
  --vip-text:#D8DEE1;
  --min-btn-bg:#FBCE01;
  --max-btn-bg:#75B7FF;
  --all-btn-bg:#A5FC93;
  --clear-btn-bg:#FCFC9F;
  --right-bg-color: #F6FFD4;
  --mobile-tab-bg: #454545;
  --mobile-tab-font: #B9B9B9;
  --mobile-tab-active-bg: #C1F101;
  --mobile-tab-active-border: #000;
  --mobile-tab-right-border:#000;
  --mobile-app-heading: #333333;
  --mobile-main-bg: #fff;
  --ios-collaps-bg: #ECEDED;
  --require-text: #9a9a9a;
  --mobile-app-bottom-icon: #37439f;
  --mobile-app-bottom-border: #dfe4ea;
  --mobile-select-bg:#fff;
  --collps-bg-mobile:#fff;
  --mobileapp-icon-color:#000;
  --ios-icons-mobile:#195bab;
  --placeholder-mobile-app:#000;
  --mob-tab-color:#000;
  --mobile-app-text-color: #15141a;
  --game-bg-color: #C9C9C9;
  --footer-payment-bg: #d9d9d9;
  --footer-bg: #fff;
  --footer-title: #143666;
  --footer-subtitle: #58585B;
  --score-team-icon-shadow: 1px 2px 15px rgba(90, 90, 90, 0.38);
  --score-header-title-shadow: 1px 1px 2px rgba(59, 59, 59, 0.3), -1px -1px 2px rgba(15, 15, 15, 0.5), inset -1px 1px 2px rgba(15, 15, 15, 0.2), inset 1px -1px 2px rgba(15, 15, 15, 0.2), inset -1px -1px 2px rgba(59, 59, 59, 0.9), inset 1px 1px 3px rgba(15, 15, 15, 0.9);
  --score-header-vs-shadow: -5px 5px 10px rgba(15, 13, 12, 0.2), 3px 0px 5px rgba(15, 13, 12, 0.2), -1px -1px 3px rgba(61, 53, 46, 0.9), 2px 2px 6px rgba(15, 13, 12, 0.9), inset 1px 1px 2px rgba(61, 53, 46, 0.3), inset 0px 0px 2px rgba(15, 13, 12, 0.5);
  --score-header-text: linear-gradient(to right, #c3e328, #89a30c);
  --gradient-bg-1: linear-gradient(135deg, #FFFFFF 100%, #FFFFFF 100%);
  --button-shadow: -4px 2px 5px rgba(237, 237, 237, 0.1), 4px -4px 5px rgba(237, 237, 237, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.9), 4px 4px 10px rgba(237, 237, 237, 0.5), inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset 0px 0px 1px rgba(237, 237, 237, 0.1);
  --upperslider-shadow: rgba(255, 255, 255, 0.55) 1px 1px 1px 0px inset, rgba(255, 255, 255, 0.50) 1px 0px 1px 1px inset;
  --live-sport-shadow: rgba(99, 99, 99, 0.10) 0px 2px 8px 0px;
  --event-shadow: 0px 4px 20px -2px rgba(66, 66, 66, 0.07);
  --all-sport-active-shadow: -1px 1px 2px rgba(0, 79, 27, 0.20), 1px -1px 2px rgba(0, 79, 27, 0.20), -1px -1px 2px #CCFF00, 1px 1px 3px rgba(120, 0, 7, 0.96), inset 1px 1px 2px rgba(197, 20, 31, 0.31), inset -1px -1px 2px #a7131c;
  --bottom-tab-active-shadow: -1px 1px 2px #94b900b3, 1px -1px 2px rgb(54 247 120 / 20%), -1px -1px 2px rgb(177 255 158 / 70%), 1px 1px 3px rgb(1 39 4 / 70%), inset 1px 1px 2px rgb(0 53 5 / 20%), inset -1px -1px 2px rgb(90 86 86 / 41%);
  --bottom-tab-shadow: -5px 5px 10px rgba(230, 230, 230, 0.2), 5px -5px 10px rgba(230, 230, 230, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 13px rgba(230, 230, 230, 0.9), inset -1px -1px 2px rgba(230, 230, 230, 0.5);
  --bottom-tab-circle-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(215, 215, 215, 0.5), -6px 6px 12px rgba(215, 215, 215, 0.2), 6px -6px 12px rgba(215, 215, 215, 0.2), -1px 5px 10px rgba(215, 215, 215, 0.9);
  --bottom-tab-menuitem-shadow: inset 0 0 6px #838383;
  --box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  --box-shadow2: 0px 4px 20px rgba(0, 0, 0, 0.07);
  --box-shadow3: 0px -5px 31px rgba(86, 86, 86, 0.22);
  --box-shadow4: 2px 2px 8px rgba(0, 0, 0, 0.07);
  --whatapp-close-shadow: 0px 4px 20px -2px rgb(66 66 66 / 80%);
  --filter-icon-white:invert(63%) sepia(15%) saturate(110%) hue-rotate(251deg) brightness(122%) contrast(113%);
  --filter-icon-pink: invert(94%) sepia(66%) saturate(6457%) hue-rotate(13deg) brightness(-81%) contrast(105%);
  --copied-text:#000;
  --netbanking-icon:invert(0.5);
  --phonepe-bg:#8F58CC4D;
  --gpay-bg:#287AEC4D;
  --paytm-bg:#72DEFF4D;
  --deposit-payment-btn:#CCFF00;
  --deposit-payment-btn-hover:linear-gradient(to right, #004099 0%, #143666 100%);
  --deposit-banking-bg:#f3f3f3;
  --deposit-or-title:#b9b9b9;
  --phonepe-bg:#8F58CC4D;
  --gpay-bg:#287AEC4D;
  --paytm-bg:#72DEFF4D;
  --deposit-payment-btn:#CCFF00;
  --workprocess-content: #ededed;
  --work-content-bg: #ffffff;
  --worktitle: #000;
  --google-btn-color:#587DBD;
  --register-btn-text:#000;
  --oneclicktitle-bg:linear-gradient(90deg, rgba(203, 253, 0, 0.00) 0%, #CBFD00 49.19%, rgba(203, 253, 0, 0.00) 97.84%);
  --oneclickbet-border:transparent;
  --oneclick-setting:#E2E2E2;
  --oneclick-input-bg:#0d0f13;
  --oneclickbet-bg-color:linear-gradient(180deg, #292B30 0%, #364300 100%);
  --oneclickbet-footer-bg:linear-gradient(180deg, #333f02,#364300);
  --refer-earn-bg:#143666;
  --bonus-rule-bg:#fff;
  --winner-list-bg:#fff;
  --referral-bg:#393A3C;
  --banner-invite-code:#2A3A8B;
  --casino-game-tab-bg: #fff;
  --casino-tab-border: #222222;
  --all-game-title: #A6A6A6;
  --casino-play-btn: #323232;
  --install-title: #454545;
  --install-tab-bg: #FEC215;
  --info-green: #11B469;
  --info-blue: #7DF9FF;
  --info-purple: #8365FF;
  --info-pink: #EE83F1;
  --black-border: #000;
  --inplay-overlay-bg: radial-gradient(100% 100.00% at 80% 80%, rgba(41, 43, 48, 0.34) 0%, rgba(41, 43, 48, 0.6) 100%);
  --yellow-bg:#FEC215;
  --info-darkblue: rgb(52, 46, 116);
  --livechat-bg:#3d5cd3;
  --main-text-color: #fff;
  --primary-background-color:#1b193e ;
  --secondary-background-color:#27244f;
  --tertiary-background-color: #37336b;
  --fourth-background-color: #37336b;
  --secondary-text-color: #fff;
  --notificationbadge: #FF0000;
  --gamecardbottom: rgba(224, 224, 224, 0.86);
  --buttonsbackground: linear-gradient(#efc143,#e3700a);
  --cardheader: linear-gradient(#efc143,#e3700a);
  --gamecardtopbadge: #5DB881;
  --inboxpagebackground: #000;
  --userprofilesidenav: #37336b;
  --popupcontentcolor: #24224d;
  --filledbarcolor: #d3912b;
  --popupbg: #27244f;
  --popuptextcolor:#fff;
  --profilerightcolor:#1B193E;
  --profileleftcolor:#37336B;
  --leaderwinnerbgconatiner:#65629F;
  --leaderwinnercentercontainer:#37336B;
  --leaderboardcardbg:#65629F;
  --hoversidemenu:#65629F;
  --btnbordercolor: #efc143;
  --userboxshadow:none;
  --customerprofileimgborder:#37336b;
  --btnboxshadow:none;
  --cardcontentboxshadow:#749BC2;
  --cardcontentborder:none;
  --levelselectedbg:#eba511;
  --leaderboardtabshadow:#749BC2;
  --inboxallbtn:#000;
  --tabbtnactive:#65629F;
  --levelselectedimgbg:#dfd9d9;
  --topnavboxshadow:none;
  --black-text: #000;
  --white-text:#fff;
  --wheel-star-bg:#143666;
  --gameback-color: #3e57d8;
  --segment-bg:#CCFF00;
  --body-bg:#fff;
  --cancel-btn:#ff0000;
  --cancel-title:#636363;
  --cancel-content-color:#999;
  --marquee-text-color: #143666;
  --badge-color:#143666;
  --bottom-tab-text-color:#143666;
  --login-btn-bg:linear-gradient(270deg, #A8CC02 0%, #D1FF03 100%);
  --top-section-slider-bg: #143666;
  --attempt-box-bg: #3e57d8;
  --spinner-blue-bg:#20409a;
  --spinner-green-bg:#ccff00;
  --spinner-red-bg:#fff;
  --top-color:#2e3338;
  --top-dark-color:#169c59;
  --top-title-color: #000;
  --top-bg: #fff;
  --all-provider-bg:#f1f2f4;
  --popup-search-bg:#fff;
  --casino-play-hover: #e1ff69;
  --all-provider-btn-bg:#d5d9dd;
  --casino-all-hover:#516dfd;
  --badge-bg:#00000080;
  --notification-popup-text:#6C6C6C;
  --new-casino-boxShdaow:#929292;
  --games-logo-shadow: #c2c2c2a1;
  --tab-active-shadow:#bcb;
}
body.dark {
  --header-color: #141618;
  --primary-color: #CCFF00;
  --secondary-color: #000000;
  --third-color: #ccff00;
  --badge-border-color:#ccff00;
  --forth-color: #516dfd;
  --primary-text-color: #fff;
  --secondary-text-color: #252142;
  --light-text-color: #A39C9C;
  --left-menu-text-color: #e5dbdb;
  --left-menu-bg: #141618;
  --right-menu-text-light-color: #c4c6c9;
  --header-text-color: #fff ;
  --badge-text-color: #fff;
  --badge-bg-color: #353535;
  --sidebar-bg: #202228;
  --icon-color: #C8C8C8;
  --icon-bg: #202228;
  --white-text: #fff;
  --black-text: #000;
  --disable-color: #989898;
  --border-color:#414141;
  --border-color2: #414141;
  --border-color3: #393939;
  --dropdown-border: #495b01;
  --dropdown-border2: #aad111;
  --notification-bg-color: #000;
  --notification-background:#262626;
  --notification-list-bg:#161616;
  --notification-text-color:#BCBCBC;
  --notification-shadow: linear-gradient(180deg, rgba(38, 38, 38, 0.00) 0%, #262626 81.77%);
  --not-border: #474747;
  --dropdown-text-notification: #cecece;
  --dropdown-notification-bg: #292b30;
  --not-text-color: #d8d8d8;
  --center-content-bg: #292B30;
  --center-content--icon-bg: #464646;
  --center-content-shadow: -5px 5px 10px rgba(22, 23, 25, 0.2), 5px -5px 10px rgba(22, 23, 25, 0.2), -5px -5px 10px rgba(60, 63, 71, 0.76), 5px 5px 13px rgba(22, 23, 25, 0.9), inset 1px 1px 2px rgba(60, 63, 71, 0.3), inset -1px -1px 2px rgba(22, 23, 25, 0.5);
  --events-bg: #292B30;
  --betsLip-text: #18c2ff;
  --quitbet-border: #029fd7;
  --betslip-input-bg: linear-gradient(47deg, rgba(30, 30, 30, 0.63) 0%, rgba(235, 235, 235, 0.47) 100%);
  --betslip-input-border: #696969;
  --betplace-title: #12ade5;
  --overlay-bg: #181515e6;
  --suspended-bg-color:rgb(64 64 64 / 64%);
  --swipebtn-bg: #000;
  --swipebtn-text: #0f9bcd;
  --bg-modelswitch-btn-color: #000;
  --quickbet-prg:#d7d0d0;
  --quick-model-btn-shadow: linear-gradient(47deg, rgba(115, 115, 115, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
  --login-getbonus-title: #fff;
  --bank-box-bg: #1c1c1c;
  --payment-image-bg:#fff;
  --deposit-text:#fff;
  --deposit-title-text: #B9B9B9;
  --deposit-input-border:#d8d6d633;
  --base-timer-remain-green: #CCFF00;
  --base-timer-remain-orange: #CCFF00;
  --base-timer-remain-red: #CCFF00;
  --base-timer-path-elapsed:#141618;
  --search-color: #212427;
  --submit-btn-text-color: #8eb100;
  --checkbox-color: #caf711;
  --background-color: #292B30;
  --ac-card-bg: #292B30;
  --bg-color: #202228;
  --body-bg-color: #141618;
  --kyc-pending: #f0ad4e;
  --input-color: #000;
  --input-border: #414141;
  --select-transfer-bg: linear-gradient(134.47deg, #242424 2.84%, #000000 100%);
  --select-category-bg: #000;
  --payment-bg: rgba(0, 0, 0, 0.55);
  --upload-bg: #242424;
  --rightsidebar-bg: #25262c;
  --rightsidebar-bet-bg:#141618;
  --recent-activity-title: #b7b7b7;
  --recent-activity-subtitle: #a39c9c;
  --recent-activity-bg: rgba(196, 196, 196, 0.1);
  --bottom-tab-bg: #1b1b1d;
  --bottom-tab-border: #fff;
  --copy-svg-color: #ff7079;
  --provider-dropdown: #fff;
  --provider-dropdown-border: #3e3e3e;
  --provider-dropdown-hover-bg: #000;
  --upload-btn-color: #414141;
  --bank-title-color: #b7b7b7;
  --bank-border: #3c3c3c;
  --coupens-time-color: #b8b8b8;
  --coupens-border: #723e42;
  --casino-title: #fff;
  --casino-subtitle: #A7A7A7;
  --coupens-time-color: #fff;
  --coupens-bets-text:#fff;
  --coupens-end-in-text:#fff;
  --coupens-days-text:#fff;
  --coupens-read-more:#fff;
  --coupen-bg:#141618;
  --fancylimit-info-bg: #404040;
  --inplay-collapsible-title: #ff;
  --all-event-title: #ffffff;
  --all-event-bg: rgba(51,59,72,0.5);
  --all-event-count: #b3b3b3;
  --all-event-count-bg: #0d0f13;
  --coupens-light-color: #e1e1e1;
  --coupens-bg: linear-gradient(134.47deg, #CCFF00 -127.16%, #1a2100 100%);
  --casino-shadow: -3.3913px 3.3913px 6.78261px rgba(27, 25, 25, 0.2), 3.3913px -3.3913px 6.78261px rgba(9, 8, 8, 0.2), -3.3913px -3.3913px 6.78261px rgba(20, 18, 18, 0.9), 3.3913px 3.3913px 8.47826px rgba(25, 25, 25, 0.9), inset 0.847826px 0.847826px 1.69565px rgba(33, 32, 32, 0.3), inset -0.847826px -0.847826px 1.69565px rgba(28, 28, 28, 0.5);
  --download-btn-bg-color: #CDFED5;
  --veronica-modal-bg: #081630;
  --veronica-modal-close: #211C4D;
  --veronica-modal-btn-bg: rgba(255, 255, 255, 0.105);
  --arrow-bg: #F1EDED;
  --stake-bg-color: rgba(118, 116, 116, 0.1);
  --in-play-color: #00B181;
  --stake-color: #FC0D1B;
  --left-icon-bg: #202228;
  --left-menu-shadow1: rgba(255, 255, 255, 0.1);
  --dropdown-text: #fff;
  --dropdown-bg: #292b30;
  --left-menu-hover-shadow: rgba(12, 12, 12, 0.10);
  --heade-nav-shadow: rgba(18, 18, 18, 0.46);
  --dropdown-shadow: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
  --no-icon-color: #434343;
  --betslip-slider-path-bg: #000;
  --score-header-title-bg: #252525;
  --score-team-icon-bg: #302F30;
  --score-header-vs-bg: #26211D;
  --table-tr-hover: #202228;
  --search-bg: #000;
  --search-subtitle: #d8d8d8;
  --no-wallet-bg: #262626;
  --no-wallet-icon-bg: #000;
  --deposit-input-bg: #000;
  --ac-slider-title: #CCFF00;
  --ac-slider-bg: #000;
  --ac-slider-shadow: 0px 4px 3px rgba(16, 16, 16, 0.20), 5px -1px 4px rgba(4, 4, 4, 0.42), 0px 0px 7px rgba(52, 52, 52, 0.90), 3px 2px 4px rgba(44, 44, 44, 0.90), inset 1px 1px 2px rgba(50, 50, 50, 0.30), inset 0px 0px 1px rgba(50, 50, 50, 0.50);
  --ac-slider-border: #CCFF00;
  --account-statement-date-border: #000;
  --account-statement-round-bg: #A5A4A4;
  --account-statement-name-border: #4a4848;
  --account-statement-name-color: #c3c3c3;
  --register-btn-bg: #212328;
  --register-btn-border: #34353D;
  --title-border: #34353D;
  --game-bg-color: #383933;
  --play-with-bg: #212328;
  --play-with-border: #CCFF00;
  --play-with-color: #CCFF00;
  --about-plyasta-bg: #212328;
  --profile-user-bg: #000000;
  --profile-sub-title: #ffffff;
  --profile-sub-title-icon: #f7f7f7;
  --profile-turnover-date: #d9d9d9;
  --profile-sub-header: #c1c1c1;
  --profile-total-profit:#d9d9d9;
  --profile-club-bg: #121212;
  --profile-club-title: #fff;
  --profile-club-plans: #dbdbdb;
  --profile-club-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  --progress-track-color: #666666;
  --model-input-color:#fff;
  --invite-textbox-bg: #202323;
  --game-bg-color: #444;
  --footer-payment-bg: #000;
  --footer-bg: #292B30;
  --footer-subtitle: #A39C9C;
  --footer-title: #6d85ff;
  --blog-text: #fff;
  --blog-card-bg: #25262c;
  --blog-nav-bg: #101215;
  --blog-menu-active-border: #fff;
  --blog-menu-text: #fff;
  --blog-breadcrumb-active: #CCFF00;
  --blog-breadcrumb-border: rgba(204, 204, 204, 0.18);
  --blog-details-text: #a7a7a7;
  --blog-collaps-bg: #101215;
  --blog-link-bg: #454545;
  --blog-link-text: #CCFF00;
  --blog-hover-link-bg:#CCFF00;
  --live-events-bg:#848484;
  --live-events-text:#fff;
  --live-events-border: #fff;
  --score-header-title-shadow: 1px 1px 2px rgba(59, 59, 59, 0.3), -1px -1px 2px rgba(15, 15, 15, 0.5), inset -1px 1px 2px rgba(15, 15, 15, 0.2), inset 1px -1px 2px rgba(15, 15, 15, 0.2), inset -1px -1px 2px rgba(59, 59, 59, 0.9), inset 1px 1px 3px rgba(15, 15, 15, 0.9);
  --score-header-vs-shadow: -5px 5px 10px rgba(15, 13, 12, 0.2), 5px -5px 10px rgba(15, 13, 12, 0.2), -5px -5px 10px rgba(61, 53, 46, 0.9), 5px 5px 13px rgba(15, 13, 12, 0.9), inset 1px 1px 2px rgba(61, 53, 46, 0.3), inset -1px -1px 2px rgba(15, 13, 12, 0.5);
  --gradient-bg-1: #292B30;
  --button-shadow: -5px 5px 10px rgba(22, 23, 25, 0.2), 5px -5px 10px rgba(22, 23, 25, 0.2), -5px -5px 10px rgba(60, 63, 71, 0.76), 5px 5px 13px rgba(22, 23, 25, 0.9), inset 1px 1px 2px rgba(60, 63, 71, 0.3), inset -1px -1px 2px rgba(22, 23, 25, 0.5);
  --upperslider-shadow: rgba(255, 255, 255, 0.55) 1px 1px 1px 0px inset, rgba(255, 255, 255, 0.50) 1px 0px 1px 1px inset;
  --live-sport-shadow: rgba(99, 99, 99, 0.10) 0px 2px 8px 0px;
  --event-shadow: 0px 4px 20px -2px rgba(66, 66, 66, 0.07);
  --bottom-tab-shadow: -5px 5px 10px rgba(22, 23, 25, 0.2), 5px -5px 10px rgba(22, 23, 25, 0.2), -5px -5px 10px rgba(60, 63, 71, 0.76), 5px 5px 13px rgba(22, 23, 25, 0.9), inset 1px 1px 2px rgba(60, 63, 71, 0.3), inset -1px -1px 2px rgba(22, 23, 25, 0.5);
  --bottom-tab-circle-shadow: -5px 5px 10px rgba(22, 23, 25, 0.2), 5px -5px 10px rgba(22, 23, 25, 0.2), -5px -5px 10px rgba(60, 63, 71, 0.76), 5px 5px 13px rgba(22, 23, 25, 0.9), inset 1px 1px 2px rgba(60, 63, 71, 0.3), inset -1px -1px 2px rgba(22, 23, 25, 0.5);
  --bottom-tab-menuitem-shadow: 0px 1px 3px rgba(22, 23, 25, 0.2),3px 0px 4px rgba(22, 23, 25, 0.2),0px 0px 6px rgba(60, 63, 71, 0.76),5px 5px 13px rgba(22, 23, 25, 0.9),inset 1px 1px 2px rgba(60, 63, 71, 0.3),inset -1px -1px 2px rgba(22, 23, 25, 0.5);
  --box-shadow: 4px 1px 20px rgba(0, 0, 0, 0.35);
  --box-shadow2: 0px 4px 20px rgba(0, 0, 0, 0.07);
  --box-shadow3: 0px -5px 31px rgba(86, 86, 86, 0.22);
  --box-shadow4: 2px 2px 8px rgba(0, 0, 0, 0.3);
  --filter-icon-pink: invert(0%) sepia(15%) saturate(110%) hue-rotate(251deg) brightness(122%) contrast(113%);
  --vip-bg: #121212;
  --withdraw-bg:#121212;
  --vip-text:#414141;
  --download-app-bg: #121212;
  --install-title:#fff;
  --event-badge-right:#ddf18e;
  --about-plyasta-dis: #a7a7a7;
  --plyatsa-btns: #fff;
  --right-bg-color: #292b30;
  --mobile-tab-bg: #454545;
  --mobile-tab-font: #B9B9B9;
  --mobile-tab-active-bg: #C1F101;
  --mobile-tab-right-border: #646464;
  --mobile-tab-active-border:#c1f101;
  --mobile-app-heading: #CCFF00;
  --mobile-main-bg: #292b30;
  --ios-collaps-bg: #494b50;
  --require-text: #A5A5A5;
  --mobile-app-bottom-icon: #37439f;
  --mobile-app-bottom-border: #949499;
  --mobile-select-bg:#292b30;
  --placeholder-mobile-app:#fff;
  --collps-bg-mobile:#292b30;
  --mobileapp-icon-color:#dedede;
  --ios-icons-mobile:#4486d6;
  --collaps-border-mobile:#545151;
  --mob-tab-color:#000;
  --mobile-app-text-color: #fff;
  --netbanking-icon:invert(0.4);
  --deposit-box-bg: #0c0c0c;
  --deposit-payment-btn:#143666;
  --deposit-banking-bg:#454545;
  --deposit-payment-btn:#143666;
  --deposit-payment-btn-hover:#CCFF00;
  --workprocess-content: #454545;
  --work-content-bg: #292B30;
  --worktitle: #CCFF00;
  --register-btn-text:#143666;
  --oneclickbet-border:#CCFF00;
  --oneclick-setting:#6C6C6C;
  --refer-earn-bg:#143666;
  --bonus-rule-bg:#212121;
  --winner-list-bg:#141618;
  --referral-bg:#393A3C;
  --casino-game-tab-bg: #323232;
  --casino-tab-border: #535353;
  --casino-play-btn: #323232;
  --cancel-title:#fff;
  --cancel-content-color:#fff;
  --marquee-text-color: #fff;
  --badge-color:#A39C9C;
  --top-event-title-color:#fff;
  --bottom-tab-text-color:#fff;
  --top-title-color: #fff;
  --top-bg:#22262a;
  --all-provider-bg:#292B30;
  --popup-search-bg:#22262a;
  --casino-btn-hover:#4c555e;
  --all-provider-btn-bg:#4c555e;
  --casino-all-hover:#CCFF00;
  --new-casino-boxShdaow:#000;
  --games-logo-shadow: rgb(20 20 20 / 63%);
  --tab-active-shadow: #4f4f4f;
}

* {
  font-family: "Outfit";
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-weight: 400;
  background-color: var(--body-bg-color);
  color: var(--primary-text-color);
  font-family: "Outfit";
}

button, input, optgroup, select, textarea {
  font-family: "Outfit";
}

body {
  position: relative;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.m-auto {
  margin: auto !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.v-m {
  vertical-align: middle;
}

.w-100 {
  width: 100%;
}

.width-50 {
  width: 50%;
}

.h-100 {
  height: 100%;
  max-height: 100% !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.justify-left {
  justify-content: left !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-right {
  justify-content: right !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-space-around {
  justify-content: space-around !important;
}

.justify-space-evenly {
  justify-content: space-evenly !important;
}

.align-items-center {
  align-items: center !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.trans-bg {
  background-color: transparent;
}

.dark .btn-gold {
  border: 1px solid var(--forth-color);
}
.dark header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .deposit-btn,
.dark header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .withdraw-btn {
  background: var(--black-text);
}
.dark header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .deposit-btn:hover, .dark header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .deposit-btn.active,
.dark header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .withdraw-btn:hover,
.dark header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .withdraw-btn.active {
  border: 1px solid var(--forth-color);
}
.dark header .navbar-fixed #dropdown1 .user-card li a.logout-btn {
  border: 1px solid var(--forth-color);
}
.dark header .navbar-fixed #dropdown1 .user-card li.spin-popup a .user-list svg line,
.dark header .navbar-fixed #dropdown1 .user-card li.spin-popup a .user-list svg circle {
  stroke: var(--white-text);
}
.dark header .navbar-fixed #dropdown1 .user-card li.spin-popup:hover a .user-list svg line,
.dark header .navbar-fixed #dropdown1 .user-card li.spin-popup:hover a .user-list svg circle {
  stroke: var(--black-text);
}
.dark header .navbar-fixed #dropdown1 .user-card .vip-details .vip-title {
  color: var(--primary-color);
}
.dark header nav .top-header .user-menus ul li a .icon {
  background-color: var(--icon-bg);
}
.dark header nav .top-header .user-menus ul li a .icon svg path,
.dark header nav .top-header .user-menus ul li a .icon svg rect {
  stroke: var(--ac-slider-bg);
}
.dark header nav .top-header .user-menus ul li.notification .not-dropdown .notification-title .right a {
  border: 1px solid var(--forth-color);
}
.dark header nav .top-header .user-menus ul li.notification .not-dropdown .date-details {
  color: var(--primary-color);
}
.dark header nav .top-header .user-menus ul li.notification li .notification-list.not-read:after {
  background-color: var(--primary-color);
}
.dark header nav .top-header .user-menus ul li.notification li:hover .notification-list {
  background-color: var(--background-color);
}
.dark header nav .top-header .user-menus .login-btn a:hover {
  color: var(--white-text);
}
.dark header nav .top-header .center-content li a .icon svg path {
  fill: var(--white-text);
}
.dark header nav .top-header .center-content li a.active .icon svg path {
  fill: var(--black-text);
}
.dark header .iconsidebar-menu .iconMenu-bar li .inplays {
  background-color: var(--secondary-color);
}
.dark header .iconsidebar-menu .iconMenu-bar li .inplays .icon-bg svg path {
  stroke: var(--black-text);
}
.dark header .iconsidebar-menu .iconMenu-bar li.open::before, .dark header .iconsidebar-menu .iconMenu-bar li.open::after {
  background-image: url(../images/round-shape-dark.svg);
}
.dark header .iconsidebar-menu .iconMenu-bar li.open .bar-icons .icon-bg svg path {
  stroke: var(--black-text);
}
.dark header .iconsidebar-menu .iconMenu-bar .bar-icons::after {
  background: linear-gradient(190deg, var(--dropdown-border) 10%, var(--dropdown-border2) 70%);
}
.dark header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon input::-webkit-input-placeholder {
  color: var(--left-menu-text-color) !important;
}
.dark header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon input:-moz-placeholder {
  color: var(--left-menu-text-color) !important;
}
.dark header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon input::-moz-placeholder {
  color: var(--left-menu-text-color) !important;
}
.dark header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon input:-ms-input-placeholder {
  color: var(--left-menu-text-color) !important;
}
.dark .toggle-switch .content {
  background-color: var(--icon-bg);
}
.dark .toggle-switch .names p svg path,
.dark .toggle-switch .names p svg circle {
  stroke: var(--primary-color);
}
.dark main .col-center .mobile-app .main-content .right-section .android .contents .select-wrapper .caret {
  fill: var(--white-text);
}
.dark main .col-center .mobile-app .main-content .right-section .android .contents .select-wrapper input.select-dropdown {
  color: var(--placeholder-mobile-app);
}
.dark main .col-center .mobile-app .main-content .right-section .ios .contents .install .content .left-side img {
  filter: brightness(0) invert(1);
}
.dark main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible {
  border-color: var(--collaps-border-mobile);
}
.dark main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible .collapsible-header {
  border-color: var(--collaps-border-mobile);
}
.dark main .col-center .mobile-app .steps-list .steps-item .step-info .home-add-menu a svg path {
  fill: var(--white-text);
}
.dark main .col-center .right-content .icon svg path {
  stroke: var(--primary-color);
}
.dark main .col-center .right-content a.sports .icon svg path {
  stroke: none;
  fill: var(--primary-color);
}
.dark main .col-center .right-content a.active .icon svg path {
  stroke: var(--black-text);
}
.dark main .col-center .right-content a.active.sports .icon svg path {
  stroke: none;
}
.dark main .col-center .right-content a.right-aviator .icon svg path {
  stroke: none;
  fill: var(--primary-color);
}
.dark main .col-center .live-sports .sports-slider .swiper-slide::after {
  background: linear-gradient(290deg, var(--primary-color) 10%, var(--gradient-bg-1) 70%);
}
.dark main .col-center .promo-tab .promo-details .coupens {
  border: 1px solid var(--border-color3);
}
.dark main .col-center.vip .vip-benefits .bonus-withdraw .bonus-main .withdraw-btn {
  border: 1px solid var(--primary-color);
}
.dark main.account-pages .col-center .card .card-content .user-deposit .payment-method .payment-options .btn {
  background: var(--black-text);
}
.dark main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .transaction-btn button {
  border: 1px solid var(--forth-color);
}
.dark main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown .base-timer .base-timer__label {
  background: var(--white-text);
  color: var(--black-text);
}
.dark main.account-pages .col-center .card .card-content .user-deposit .deposit-value .bid-rate a {
  background-image: url(../images/bid-rate-dark.png?v=0.3);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.dark main.account-pages .col-center .card .card-content .user-deposit .deposit-value .bid-rate a .bid-amount {
  color: var(--white-text);
}
.dark main.account-pages .col-center .card .card-content .user-deposit .deposit-value .bid-rate a:hover .bid-amount {
  color: var(--black-text);
}
.dark main.account-pages .col-center .card .card-content .user-deposit .deposit-value .deposit-input input {
  border: 1px solid rgba(216, 214, 214, 0.2) !important;
}
.dark main.account-pages .col-center .card .card-content .user-deposit .deposit-value .deposit-input .btn-amount {
  border: 1px solid rgba(216, 214, 214, 0.2) !important;
}
.dark main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn {
  border: 1px solid var(--forth-color);
}
.dark main.account-pages .col-center .card .card-content .user-deposit .submit-btn .btn {
  border: 1px solid var(--forth-color);
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new form .input-field input:focus + label {
  color: var(--white-text) !important;
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .payment-options .btn {
  background: var(--black-text);
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .transaction-btn button {
  border: 1px solid var(--forth-color);
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img img {
  filter: brightness(2);
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .deposit-countdown .base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining {
  fill: var(--ac-card-bg);
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .deposit-value .bid-rate a {
  background-image: url(../images/bid-rate-dark.png?v=0.3);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .deposit-value .bid-rate a .bid-amount {
  color: var(--white-text);
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .deposit-value .bid-rate a:hover .bid-amount {
  color: var(--black-text);
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .deposit-value .deposit-input input {
  border: 1px solid rgba(216, 214, 214, 0.2) !important;
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .deposit-value .deposit-input .btn-amount {
  border: 1px solid rgba(216, 214, 214, 0.2) !important;
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .upload-submit-btn .submit-btn-details .submit-btn .btn {
  border: 1px solid var(--forth-color);
}
.dark main.account-pages .col-center .card .card-content .user-deposit-new .submit-btn .btn {
  border: 1px solid var(--forth-color);
}
.dark main.account-pages .col-center .card .card-content .bonus-wallets {
  border: 1px solid var(--forth-color);
}
.dark main.account-pages .col-center .card .card-content .bonus-wallets .wallet-select .switch {
  background: var(--black-text);
}
.dark main.account-pages .col-center .card .card-content .gold {
  border: 1px solid var(--forth-color);
}
.dark main.account-pages .col-center .card .card-content .liability-table table.highlight > tbody > tr:hover {
  background-color: rgba(204, 255, 0, 0.1);
}
.dark main.account-pages .col-center .account-statement .card .detail .label {
  color: var(--account-statement-name-color);
}
.dark main.account-pages .col-center .account-statement .card .detail .round {
  color: var(--black-text);
}
.dark main.account-pages .col-center .account-statement .card .detail .debit {
  color: var(--account-statement-debit);
}
.dark main.account-pages .col-center .account-statement .card .detail .debit.total-balance {
  color: var(--primary-color);
}
.dark main.account-pages .submit-btn .btn {
  border: 1px solid var(--forth-color) !important;
}
.dark main.account-pages .submit-btn .btn:hover {
  color: var(--primary-color);
}
.dark main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .upload-id .btn {
  background-color: var(--background-color);
}
.dark main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .upload-id .btn .plus-icon a svg line {
  stroke: var(--black-text);
}
.dark main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .v-status.verified {
  color: var(--in-play);
}
.dark main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a.active {
  border: 1px solid var(--forth-color);
}
.dark main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a.active .item_details .item-svg svg path {
  fill: var(--ac-slider-bg);
}
.dark main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-next,
.dark main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-prev {
  background: var(--black-text) !important;
}
.dark main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .select-sports .game-dropdown {
  background-color: var(--casino-game-tab-bg);
}
.dark main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .select-sports .game-dropdown span {
  color: var(--white-color);
}
.dark main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .dropdown-content .item .title {
  background-color: var(--casino-game-tab-bg);
  color: var(--white-color) !important;
}
.dark main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .dropdown-content .item:hover .title {
  background-color: var(--primary-color) !important;
  color: var(--black-color) !important;
}
.dark main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a.active .game-text {
  color: var(--primary-color);
}
.dark .dropdown-content li:hover {
  background-color: var(--background-color);
}
.dark .modal .modal-content form .input-field input:focus + label {
  color: var(--white-text) !important;
}
.dark table tbody tr:hover td {
  color: var(--primary-text-color) !important;
}
.dark table tbody tr:hover td a {
  color: var(--primary-text-color) !important;
}
.dark .footer .download-buttons .download-btn,
.dark .footer .download-buttons .affiliate-btn {
  border: 1px solid var(--forth-color);
}
.dark #change-password.modal .modal-footer .submit-btn .submit-button {
  border: 1px solid var(--forth-color);
}

.position-relative {
  position: relative !important;
}

.artibot-wrapper--3PaNf .artibot-launcher--dBP9o.artibot-launcher-bottom-right--2_XHM {
  bottom: 80px !important;
}

header .navbar-fixed {
  height: 70px;
  z-index: 1000;
}
header .navbar-fixed #dropdown1 {
  top: 58px !important;
  right: 15px;
  width: 333px !important;
  overflow: auto;
  background: var(--background-color);
  border: 1px solid var(--play-with-border);
}
header .navbar-fixed #dropdown1 .user-card {
  padding: 10px 15px 25px 10px;
  float: left;
  display: block;
  width: 100%;
}
header .navbar-fixed #dropdown1 .user-card .user-details {
  padding: 15px 0;
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
}
header .navbar-fixed #dropdown1 .user-card .user-details .user-img {
  float: left;
  margin-right: 5px;
  height: 60px;
}
header .navbar-fixed #dropdown1 .user-card .user-details .user-img img {
  max-width: 60px;
  border-radius: 10px;
  border: 4px solid var(--black-text);
  border-top: 2px solid var(--black-text);
  border-left: 2px solid var(--black-text);
}
header .navbar-fixed #dropdown1 .user-card .user-details .users-content {
  display: block;
  height: 100%;
  line-height: 2;
  margin: 0 5px;
}
header .navbar-fixed #dropdown1 .user-card .user-details .users-content .name {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-text-color);
  line-height: 1.3;
}
header .navbar-fixed #dropdown1 .user-card .user-details .users-content .user-plans {
  font-size: 14px;
  font-weight: 500;
  color: var(--light-text-color);
}
header .navbar-fixed #dropdown1 .user-card .close-icon {
  right: 2%;
  position: absolute;
  top: 2%;
  z-index: 9999;
  background-color: var(--icon-bg);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 3px;
}
header .navbar-fixed #dropdown1 .user-card .close-icon i {
  margin-left: 0;
}
header .navbar-fixed #dropdown1 .user-card .dw-details {
  padding: 5px 0;
  float: left;
  width: 100%;
  display: block;
}
header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons {
  width: 100%;
  margin: 3px 0;
  display: flex;
}
header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .deposit-btn,
header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .withdraw-btn {
  width: 48.5%;
  margin: 0 2px;
  background: var(--white-text);
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  box-shadow: none;
  border-radius: 10px;
  height: 45px;
  line-height: 45px;
  transition: all ease-in 0.1s;
  border: 1px solid var(--play-with-border);
}
header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .deposit-btn:hover, header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .deposit-btn.active,
header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .withdraw-btn:hover,
header .navbar-fixed #dropdown1 .user-card .dw-details .dw-buttons .withdraw-btn.active {
  color: var(--black-text);
  background: var(--primary-color);
  transition: all ease-in 0.1s;
}
header .navbar-fixed #dropdown1 .user-card .dw-details .dw-amounts {
  width: 100%;
  display: block;
  float: left;
  margin: 3px 0;
}
header .navbar-fixed #dropdown1 .user-card .dw-details .dw-amounts .dw-btn {
  width: 48.5%;
  margin: 0 2px;
  display: inline-block;
  height: 60px;
  line-height: 2;
  border: 1px solid var(--border-color2);
  border-radius: 10px;
  float: left;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 500;
  color: var(--light-text-color);
  border: 1px solid var(--play-with-border);
}
header .navbar-fixed #dropdown1 .user-card .dw-details .dw-amounts .dw-btn .av-amount {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-text-color);
}
header .navbar-fixed #dropdown1 .user-card .dw-details .dw-amounts .avail-wallet {
  text-align: right;
}
header .navbar-fixed #dropdown1 .user-card .vip-details {
  clear: both;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  margin: 0px 3px;
  cursor: pointer;
  margin: 0px 3px 5px 3px;
}
header .navbar-fixed #dropdown1 .user-card .vip-details .vip-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: var(--black-text);
}
header .navbar-fixed #dropdown1 .user-card .vip-details .vip-image-details {
  display: flex;
  align-items: center;
}
header .navbar-fixed #dropdown1 .user-card .vip-details .vip-image-details span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  margin-right: 5px;
  color: var(--primary-text-color);
}
header .navbar-fixed #dropdown1 .user-card .vip-details .vip-image-details img {
  width: 50px;
  height: 50px;
}
header .navbar-fixed #dropdown1 .user-card li {
  flex-basis: auto;
  height: 38px;
  min-height: 0;
  justify-content: flex-start;
  list-style: none;
  float: left;
  width: 100%;
  border-radius: 3px;
}
header .navbar-fixed #dropdown1 .user-card li:first-child {
  margin-top: 15px;
}
header .navbar-fixed #dropdown1 .user-card li.log-out a svg path {
  fill: none;
  stroke: var(--primary-text-color);
}
header .navbar-fixed #dropdown1 .user-card li a {
  padding: 5px 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 2;
  color: var(--primary-text-color);
  flex-direction: initial;
  background-color: transparent;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 4px;
}
header .navbar-fixed #dropdown1 .user-card li a .user-list {
  display: flex;
  align-items: center;
}
header .navbar-fixed #dropdown1 .user-card li a .user-list .badge {
  background-color: var(--badge-bg-color);
  padding: 2px 4px;
  font-weight: 500;
  border-radius: 20px;
  float: left;
  display: block;
  min-width: 18px;
  height: 18px;
  line-height: 14px;
  position: relative;
  box-shadow: var(--badge-shadow);
  color: var(--white-text) !important;
  font-size: 11px !important;
  margin: 0;
  top: -8px;
  left: 2px;
}
header .navbar-fixed #dropdown1 .user-card li a svg {
  display: inline-block;
  margin: 0 8px 0 0;
  width: 22px;
  height: 22px;
  position: relative;
}
header .navbar-fixed #dropdown1 .user-card li a svg path,
header .navbar-fixed #dropdown1 .user-card li a svg rect {
  fill: var(--primary-text-color);
  stroke: none;
}
header .navbar-fixed #dropdown1 .user-card li a i {
  font-size: 14px;
  margin-right: 5px;
}
header .navbar-fixed #dropdown1 .user-card li a:hover, header .navbar-fixed #dropdown1 .user-card li a.active {
  box-shadow: none;
}
header .navbar-fixed #dropdown1 .user-card li a.close-btn {
  text-align: center;
  justify-content: center;
  bottom: 0px;
  position: inherit;
}
header .navbar-fixed #dropdown1 .user-card li a.close-btn .fa-times {
  cursor: pointer;
  position: absolute;
  bottom: 50px;
  color: var(--secondary-color);
  font-size: 20px;
  margin-right: 0;
  padding: 0px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: var(--primary-color);
  text-align: center;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px, rgba(0, 0, 0, 0.23) 0px 2px 5px;
}
header .navbar-fixed #dropdown1 .user-card li a.close-btn:hover, header .navbar-fixed #dropdown1 .user-card li a.close-btn:focus, header .navbar-fixed #dropdown1 .user-card li a.close-btn.active {
  background-color: transparent;
}
header .navbar-fixed #dropdown1 .user-card li a.close-btn:hover .fa-times, header .navbar-fixed #dropdown1 .user-card li a.close-btn:focus .fa-times, header .navbar-fixed #dropdown1 .user-card li a.close-btn.active .fa-times {
  background-color: var(--secondary-color);
  color: var(--primary-color);
  transition: all ease-in 0.3s;
}
header .navbar-fixed #dropdown1 .user-card li a.logout-btn {
  background: var(--primary-color);
  color: var(--black-text) !important;
  border-radius: 10px;
  height: 45px;
  line-height: 45px;
  justify-content: center;
  margin-top: 10px;
  text-transform: uppercase;
  border: 1px solid var(--play-with-border);
}
header .navbar-fixed #dropdown1 .user-card li a.logout-btn svg {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
header .navbar-fixed #dropdown1 .user-card li a.logout-btn svg path {
  stroke: var(--black-text);
  fill: inherit;
}
header .navbar-fixed #dropdown1 .user-card li a .right svg path {
  fill: inherit;
  stroke: var(--primary-text-color);
}
header .navbar-fixed #dropdown1 .user-card li:hover {
  background: var(--primary-color);
  transition: background-color 0.1s;
}
header .navbar-fixed #dropdown1 .user-card li:hover a {
  color: var(--black-text) !important;
}
header .navbar-fixed #dropdown1 .user-card li:hover a svg path {
  fill: var(--black-text);
}
header .navbar-fixed #dropdown1 .user-card li:hover a i {
  color: var(--black-text);
}
header .navbar-fixed #dropdown1 .user-card li:hover a .right svg path {
  fill: transparent;
  stroke: var(--black-text);
}
header .navbar-fixed #dropdown1 .user-card .logout-btn:hover {
  background: transparent;
}
header .navbar-fixed #dropdown1 .user-card .logout-btn:hover a {
  background: var(--button-color) !important;
  box-shadow: var(--button-shadow);
  transition: all ease-in 0.2s;
  color: var(--primary-color) !important;
}
header .navbar-fixed #dropdown1 .user-card .logout-btn:hover a svg path {
  stroke: var(--primary-color);
  fill: inherit;
}
header nav {
  background: var(--header-color);
  height: 70px;
  line-height: 70px;
  box-shadow: none;
  -webkit-backdrop-filter: blur(85px);
          backdrop-filter: blur(85px);
}
header nav .top-header {
  height: 70px;
  padding: 0 15px 0 15px;
}
header nav .top-header .sidemenu-trigger {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 35px;
  margin: 0 10px 0 0px;
}
header nav .top-header .sidemenu-trigger img {
  width: 40px;
}
header nav .top-header .sidemenu-trigger .hamburger {
  background: var(--button-bg);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 2px solid var(--primary-color);
  padding: 5px 5px;
}
header nav .top-header .sidemenu-trigger .hamburger span {
  position: relative;
  display: block;
  width: 15px;
  height: 3px;
  margin: 4px 0;
  background-color: var(--primary-color);
  border-radius: 10px;
  transition: all 0.3s;
  left: 0;
  box-shadow: var(--box-shadow4);
}
header nav .top-header .sidemenu-trigger .hamburger span:nth-child(2) {
  width: 25px;
  right: 1px;
}
header nav .top-header .sidemenu-trigger.active .hamburger span:nth-child(1) {
  width: 22px;
  top: 5px;
  transform: rotate(45deg) translate(1px, 1px);
  margin-bottom: 0;
  right: 0px;
  left: 2px;
}
header nav .top-header .sidemenu-trigger.active .hamburger span:nth-child(2) {
  opacity: 0;
  background-color: transparent;
}
header nav .top-header .sidemenu-trigger.active .hamburger span:nth-child(3) {
  width: 22px;
  right: 0;
  bottom: 4px;
  transform: rotate(-45deg) translate(2px, -2px);
  margin-bottom: 0;
  left: 2px;
}
header nav .top-header .brand-logo {
  height: 50px;
  display: flex;
  align-items: center;
  line-height: 50px;
  width: auto;
  position: relative;
  margin-right: 20px;
  outline: none;
}
header nav .top-header .brand-logo img {
  width: 210px;
  height: 34px;
  padding: 0px;
  transition: all 0.1s;
}
header nav .top-header .center-content {
  margin: auto;
}
header nav .top-header .center-content li a {
  color: var(--header-text-color);
  transition: 0.3s ease;
  text-align: center;
  display: flex;
  align-items: center;
  margin: 8px;
  position: relative;
  background: var(--no-wallet-bg);
  border-radius: 12px;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 10px;
  border: 1px solid var(--play-with-border);
}
header nav .top-header .center-content li a .icon {
  background: var(--center-content--icon-bg);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
header nav .top-header .center-content li a .icon svg {
  width: 25px;
  height: 25px;
}
header nav .top-header .center-content li a .icon img {
  width: 28px;
  max-width: 28px;
  height: 32px;
}
header nav .top-header .center-content li a.active {
  border: none;
  background: var(--button-bg);
  color: var(--white-text);
}
header nav .top-header .center-content li a.active .icon {
  background-color: var(--primary-color);
}
header nav .top-header .center-content li a.active.header-casino .icon {
  background-color: var(--primary-color);
}
header nav .top-header .center-content li a.active.header-casino .icon svg path {
  stroke: var(--white-text);
}
header nav .top-header .center-content li a:hover {
  background: var(--button-bg);
  color: var(--white-text);
}
header nav .top-header .center-content li a:hover .icon {
  background-color: var(--primary-color);
}
header nav .top-header .center-content li a.virtual .icon img {
  max-width: 80px;
  width: 80px;
}
header nav .top-header .center-content li a.virtual .icon i {
  color: var(--forth-color);
  height: auto;
  line-height: normal;
  font-size: 18px;
}
header nav .top-header .center-content li a.virtual:hover .icon {
  background-color: var(--primary-color);
}
header nav .top-header .center-content li a.header-promo .icon img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -2px;
}
header nav .top-header .center-content li a.aviator .icon img {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 3px;
}
header nav .top-header .center-content li a.jetx .icon img {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 3px;
}
header nav .top-header .user-menus {
  margin-left: auto;
}
header nav .top-header .user-menus .right {
  display: flex;
  align-items: center;
}
header nav .top-header .user-menus .dropdown-content {
  min-width: 190px;
  top: 50px !important;
  position: absolute;
  right: 15px;
  left: auto !important;
  width: 230px !important;
  overflow: inherit;
  transition: all 0.3s;
}
header nav .top-header .user-menus .dropdown-content li {
  border: none;
  min-height: 0;
  padding: 2px 0px;
}
header nav .top-header .user-menus .dropdown-content li a {
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: var(--header-text-color);
  line-height: 2;
  border: none;
  border-radius: 0;
  height: 35px;
  line-height: 35px;
}
header nav .top-header .user-menus .dropdown-content li a svg {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
header nav .top-header .user-menus .dropdown-content li:first-child {
  margin-top: 10px;
}
header nav .top-header .user-menus .dropdown-content li:last-child {
  margin-bottom: 10px;
}
header nav .top-header .user-menus .dropdown-content li.log-out a svg path,
header nav .top-header .user-menus .dropdown-content li.log-out a svg circle {
  fill: none;
  stroke: var(--primary-text-color);
}
header nav .top-header .user-menus .avatar a {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
header nav .top-header .user-menus .avatar a img {
  width: 35px;
  height: 35px;
}
header nav .top-header .user-menus .avatar a i {
  color: var(--arrow-color);
  height: auto;
  line-height: 1.5;
  font-size: 14px;
  margin-left: 5px;
}
header nav .top-header .user-menus .avatar a:hover {
  background-color: transparent;
}
header nav .top-header .user-menus .login-btn a {
  font-size: 12px;
  font-weight: 500;
  background: var(--login-btn-bg);
  -webkit-backdrop-filter: blur(24.6667px);
          backdrop-filter: blur(24.6667px);
  color: var(--forth-color);
  border-radius: 4px;
  width: 85px;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  margin: 0 2px;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  text-transform: uppercase;
}
header nav .top-header .user-menus .login-btn a:hover {
  background: var(--sign-in-color);
  color: var(--primary-color);
}
header nav .top-header .user-menus .login-btn a.sign-in {
  background: var(--sign-in-color);
  color: var(--white-text);
}
header nav .top-header .user-menus .login-btn a.sign-in:hover {
  color: var(--white-text);
  background-color: var(--primary-color);
}
header nav .top-header .user-menus .login-btn:last-child a {
  margin-right: 10px;
}
header nav .top-header .user-menus ul .notification-head {
  display: inline-flex;
  color: #777777;
  font-size: 12px;
  font-weight: 600;
  line-height: 2.5;
  height: 30px;
  text-transform: capitalize;
  background: var(--background-color);
  padding-left: 20px;
  width: 100%;
}
header nav .top-header .user-menus ul li.notification {
  padding: 0 3px;
}
header nav .top-header .user-menus ul li.notification li {
  margin: 5px 0;
  width: 100%;
}
header nav .top-header .user-menus ul li.notification li .notification-list {
  letter-spacing: normal;
  font-weight: 500;
  font-size: 12px;
  border-radius: 5px;
  position: relative;
  color: var(--dropdown-text-notification);
  background-color: var(--notification-list-bg);
  padding: 10px;
  cursor: pointer;
}
header nav .top-header .user-menus ul li.notification li .notification-list .notification-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--not-border);
  padding: 7px 0;
  line-height: 1;
}
header nav .top-header .user-menus ul li.notification li .notification-list .notification-details .title {
  display: flex;
  align-items: center;
}
header nav .top-header .user-menus ul li.notification li .notification-list .notification-details .title .notification-icon {
  line-height: normal;
  position: relative;
  top: 3px;
}
header nav .top-header .user-menus ul li.notification li .notification-list .notification-details .title .notification-icon img {
  width: 20px;
}
header nav .top-header .user-menus ul li.notification li .notification-list .notification-details .title .notification-title {
  width: 100%;
  border-top-left-radius: 12px;
  color: var(--not-text-color);
  font-size: 15px;
  font-weight: 600;
  margin-left: 5px;
}
header nav .top-header .user-menus ul li.notification li .notification-list .notification-details .notification-date {
  color: var(--mobile-tab-font);
  font-size: 10px;
  font-weight: 600;
}
header nav .top-header .user-menus ul li.notification li .notification-list .notification-text {
  margin: 5px 0 0;
}
header nav .top-header .user-menus ul li.notification li .notification-list .notification-text span {
  color: var(--notification-text-color);
  font-size: 12.15px;
  font-weight: 400;
  line-height: 22px !important;
  padding: 0 !important;
  display: block;
}
header nav .top-header .user-menus ul li.notification li .notification-list .notification-text .not-image {
  margin: 8px 0 0;
}
header nav .top-header .user-menus ul li.notification li .notification-list .notification-text .not-image img {
  width: 100%;
}
header nav .top-header .user-menus ul li.notification li .notification-list.not-read {
  color: var(--primary-text-color);
  font-weight: 600;
  position: relative;
}
header nav .top-header .user-menus ul li.notification li .notification-list.not-read:after {
  content: "";
  position: absolute;
  bottom: 28%;
  transform: translateY(-50%);
  right: 6px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--button-bg);
}
header nav .top-header .user-menus ul li.notification li:hover .notification-list {
  background-color: var(--header-color);
}
header nav .top-header .user-menus ul li.notification a {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  background-color: var(--primary-color);
}
header nav .top-header .user-menus ul li.notification a svg {
  width: 20px;
  height: 20px;
}
header nav .top-header .user-menus ul li.notification a svg path {
  stroke: var(--black-text);
}
header nav .top-header .user-menus ul li.notification a .badge {
  position: absolute;
  color: var(--primary-color);
  top: 2px;
  right: 10px;
  margin: 0;
  background: var(--black-text);
  width: auto;
  height: auto;
  min-height: 16px;
  min-width: 16px;
  border-radius: 50%;
  padding: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
}
header nav .top-header .user-menus ul li.notification a:hover {
  background: var(--button-bg);
  color: var(--primary-color);
}
header nav .top-header .user-menus ul li.notification a:hover svg path {
  stroke: var(--primary-color);
}
header nav .top-header .user-menus ul li.notification a:hover .badge {
  background-color: var(--primary-color);
  color: var(--black-text);
}
header nav .top-header .user-menus ul li.notification .not-dropdown {
  background-image: none;
  min-width: 190px;
  width: 400px !important;
  top: 75px !important;
  right: 10px;
  background: var(--notification-background);
  max-height: 600px;
  overflow: inherit;
  border: 1px solid var(--play-with-border);
  padding: 5px 10px 10px 10px;
  position: absolute;
  border-radius: 12px;
  display: none;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .not-arrow:before {
  content: "";
  position: absolute;
  top: -13px;
  width: 26px;
  left: 19%;
  height: 26px;
  background: var(--notification-background);
  border: 1px solid var(--play-with-border);
  transform: rotate(45deg);
  border-top-left-radius: 9px;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-title {
  width: 100%;
  float: left;
  border-top-left-radius: 12px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-title .right {
  height: 45px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-title .right a {
  width: auto;
  height: 30px;
  line-height: 30px;
  color: var(--black-text);
  font-size: 10px;
  font-weight: 600;
  margin: 0 10px 0 5px;
  padding: 0 10px;
  border-radius: 5px;
  box-shadow: var(--box-shadow4);
  background-color: var(--primary-color);
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-title .right a:hover {
  background: var(--button-color);
  color: var(--primary-color);
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-title .right .close-btn {
  width: 25px;
  height: 25px;
  line-height: 24px;
  cursor: pointer;
  background-color: var(--icon-bg);
  border-radius: 50%;
  margin-right: 8px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-title .right .close-btn i {
  font-size: 12px;
  color: var(--arrow-color);
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs ul {
  background: var(--login-tabs-bg);
  height: 55px;
  padding: 6px 5px;
  border-radius: 5px;
  border: 0.5px solid var(--primary-color);
  background: var(--notification-tab-bg);
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs ul li {
  height: auto;
  line-height: normal;
  width: 100%;
  margin: 0 1px 0 1px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs ul li a {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  padding: 12px 20px;
  color: var(--mobile-tab-font);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: transparent;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs ul li a.active {
  background-color: var(--primary-color);
  color: var(--black-text);
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs ul li a:hover {
  background: var(--primary-color);
  color: var(--black-text);
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs ul li:hover {
  background-color: transparent;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs #tab1 {
  overflow: auto;
  height: 445px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs #tab2 {
  overflow: auto;
  height: 445px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .indicator {
  display: none;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .user_input {
  padding: 16px 13px 10px;
  margin: 0;
  border: 1.5px solid var(--black-border);
  box-shadow: var(--input-box-shadow);
  border-radius: 8px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .user_input label {
  top: 22px;
  left: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 14px;
  color: var(--login-label-text);
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .user_input .eye_icon {
  float: right;
  left: 0px;
  margin-top: -20px;
  position: relative;
  z-index: 2;
  font-size: 14px;
  cursor: pointer;
  color: var(--login-label-text);
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs input {
  border: none;
  color: var(--black-text);
  display: block;
  border-radius: 0;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  height: 25px !important;
  letter-spacing: 0.150000006px;
  margin: 9px 0px 0px !important;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs input:focus {
  box-shadow: unset;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs input::-webkit-input-placeholder {
  color: var(--black-text) !important;
  font-size: 16px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs input:-moz-placeholder {
  color: var(--black-text) !important;
  font-size: 16px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs input::-moz-placeholder {
  color: var(--black-text) !important;
  font-size: 16px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs input:-ms-input-placeholder {
  color: var(--black-text) !important;
  font-size: 16px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .remember-field {
  margin: 5px 0;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .remember-field label {
  font-size: inherit;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .remember-field label span.keep {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0px;
  text-align: left;
  color: var(--keep-text);
  padding: 0px 0px 0px 30px;
  line-height: 23px;
  height: auto;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .remember-field [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  height: 20px;
  width: 20px;
  top: 2px;
  background-color: var(--checkbox-bg);
  border-radius: 5px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .remember-field [type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 2px;
  height: 20px;
  width: 20px;
  color: var(--secondary-text-color);
  border-color: var(--checkbox-border);
  background-color: var(--primary-color);
  border-radius: 5px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .remember-field [type=checkbox].filled-in:checked + span:not(.lever):before {
  border-right-color: var(--black-border);
  border-bottom-color: var(--black-border);
  top: 2px;
  left: 3px;
  width: 6px;
  height: 11px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .forgot-pass {
  margin: 5px 0;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs .forgot-pass a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: var(--black-text);
}
header nav .top-header .user-menus ul li.notification .not-dropdown .not-shadow {
  position: relative;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .not-shadow:before {
  content: "";
  height: 150px;
  background: var(--notification-shadow);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: -9px;
  right: -10px;
  bottom: -10px;
  pointer-events: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .not-title {
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--not-text-color);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.8;
  text-transform: capitalize;
}
header nav .top-header .user-menus ul li.notification .not-dropdown .date-details {
  color: var(--forth-color);
  font-size: 12px;
  font-weight: 700;
  line-height: 2.5;
  height: 30px;
  text-transform: capitalize;
  background: var(--notification-bg-color);
  padding-left: 20px;
  display: flex;
}
header nav .top-header .user-menus ul li.notification .notification-open {
  display: block;
}
header nav .top-header .user-menus ul li.deposit {
  position: relative;
}
header nav .top-header .user-menus ul li.deposit a {
  color: var(--black-text);
  background-color: var(--primary-color);
  -webkit-backdrop-filter: blur(24.6667px);
          backdrop-filter: blur(24.6667px);
  border-radius: 10px;
  width: 85px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 10px;
  margin: 0 2px;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid var(--play-with-border);
}
header nav .top-header .user-menus ul li.deposit a:hover {
  background: var(--button-color);
  color: var(--primary-color);
}
header nav .top-header .user-menus ul li.deposit a:hover svg rect,
header nav .top-header .user-menus ul li.deposit a:hover svg path {
  stroke: var(--primary-color);
}
header nav .top-header .user-menus ul li.deposit a svg {
  margin-right: 2px;
}
header nav .top-header .user-menus ul li.deposit a svg rect,
header nav .top-header .user-menus ul li.deposit a svg path {
  stroke: var(--black-text);
}
header nav .top-header .user-menus ul li.language-btn, header nav .top-header .user-menus ul li.wallet-btn {
  height: 70px;
  line-height: 70px;
  display: flex;
  align-items: center;
  margin: 0 5px 0 5px;
  position: relative;
  outline: none;
}
header nav .top-header .user-menus ul li.language-btn a, header nav .top-header .user-menus ul li.wallet-btn a {
  background: var(--no-wallet-bg);
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 10px;
  width: auto;
  min-width: 120px;
  outline: none;
  cursor: pointer;
  border: 1px solid var(--play-with-border);
}
header nav .top-header .user-menus ul li.language-btn a i, header nav .top-header .user-menus ul li.wallet-btn a i {
  background: var(--no-wallet-icon-bg);
  color: var(--arrow-color);
  font-size: 7px;
  font-weight: 600;
  width: 17px;
  height: 17px;
  border-radius: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 5px;
  margin: auto;
}
header nav .top-header .user-menus ul li.language-btn a .svg-icon, header nav .top-header .user-menus ul li.wallet-btn a .svg-icon {
  display: flex;
}
header nav .top-header .user-menus ul li.language-btn a .svg-icon svg, header nav .top-header .user-menus ul li.wallet-btn a .svg-icon svg {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
header nav .top-header .user-menus ul li.language-btn a .svg-icon svg path, header nav .top-header .user-menus ul li.wallet-btn a .svg-icon svg path {
  stroke: var(--primary-text-color);
}
header nav .top-header .user-menus ul li.language-btn a .bal-title, header nav .top-header .user-menus ul li.wallet-btn a .bal-title {
  display: grid;
  line-height: 1.5;
  text-align: left;
}
header nav .top-header .user-menus ul li.language-btn .dropdown-content, header nav .top-header .user-menus ul li.wallet-btn .dropdown-content {
  top: 55px !important;
  right: 0;
  min-width: 170px;
  position: absolute;
  width: auto !important;
  height: auto !important;
  border: 1px solid var(--play-with-border);
  max-height: 250px;
  overflow-y: auto;
}
header nav .top-header .user-menus ul li.language-btn .dropdown-content li, header nav .top-header .user-menus ul li.wallet-btn .dropdown-content li {
  color: var(--primary-text-color);
  padding: 2px 8px;
  height: 25px;
  line-height: 22px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  width: 100%;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}
header nav .top-header .user-menus ul li.language-btn .dropdown-content li .left, header nav .top-header .user-menus ul li.wallet-btn .dropdown-content li .left {
  margin-right: 7px;
}
header nav .top-header .user-menus ul li.language-btn .dropdown-content li .right, header nav .top-header .user-menus ul li.wallet-btn .dropdown-content li .right {
  display: flex;
  align-items: center;
}
header nav .top-header .user-menus ul li.language-btn .dropdown-content {
  top: 60px !important;
  right: 0px;
}
header nav .top-header .user-menus ul li a {
  color: var(--header-text-color);
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  height: 76px;
  line-height: 70px;
  padding: 0 5px;
  cursor: default;
  outline: none;
}
header nav .top-header .user-menus ul li a .icon {
  width: 35px;
  height: 35px;
  background-color: var(--primary-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
header nav .top-header .user-menus ul li a svg {
  width: 18px;
  height: 18px;
}
header .iconsidebar-menu {
  position: fixed;
  z-index: 10;
  top: 74px;
  transition: 0.3s;
}
header .iconsidebar-menu .iconMenu-bar {
  margin: 0;
  width: 80px;
  display: block;
  height: calc(100vh - 50px);
  overflow: auto;
  background: var(--left-menu-bg);
  padding-top: 5px;
  padding-bottom: 20px;
  transition: width 0.2s;
}
header .iconsidebar-menu .iconMenu-bar.open {
  width: 205px;
  transition: width 0.3s;
}
header .iconsidebar-menu .iconMenu-bar.open .bar-icons {
  width: 185px;
  justify-content: flex-start;
  transition: width 0.1s;
}
header .iconsidebar-menu .iconMenu-bar.open .bar-icons .sports-content {
  opacity: 1;
  display: flex !important;
  transition: width 6s;
}
header .iconsidebar-menu .iconMenu-bar li {
  position: relative;
  padding: 2px;
  cursor: pointer;
  margin-bottom: 1px;
  transition: all 0.3s ease;
}
header .iconsidebar-menu .iconMenu-bar li .badge {
  position: absolute;
  top: 10px;
  right: 10px;
}
header .iconsidebar-menu .iconMenu-bar li .number {
  width: 40px;
  margin: auto;
  position: absolute;
  top: 0px;
  border-radius: 5px;
}
header .iconsidebar-menu .iconMenu-bar li .number .left-no {
  background-color: var(--primary-color);
  min-width: 15px;
  padding: 0 1px;
  width: auto;
  text-align: center;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: var(--badge-text-color);
  font-size: 10px;
  font-weight: 600;
}
header .iconsidebar-menu .iconMenu-bar li .number .right-no {
  background-color: var(--secondary-color);
  min-width: 15px;
  padding: 0 1px;
  width: auto;
  text-align: center;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: var(--primary-color);
  font-size: 10px;
  font-weight: 600;
}
header .iconsidebar-menu .iconMenu-bar li .inplays {
  background-color: var(--background-color);
  transition: all 0.3s ease;
  position: relative;
  left: 0px;
  box-shadow: 0px 4px 20px var(--left-menu-shadow1);
  margin-top: 5px;
  margin-bottom: 5px;
}
header .iconsidebar-menu .iconMenu-bar li .inplays .icon-bg {
  background-color: var(--primary-color);
  width: 30px;
  height: 30px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
header .iconsidebar-menu .iconMenu-bar li .inplays .icon-bg svg path {
  stroke: var(--primary-text-color);
}
header .iconsidebar-menu .iconMenu-bar li .inplays .icon-bg img {
  filter: invert(100%) sepia(40%) saturate(30%) hue-rotate(304deg) brightness(97%) contrast(103%);
}
header .iconsidebar-menu .iconMenu-bar li .inplays .icon-bg .icon-holder-big .sports-icon {
  background-image: url("https://cdn.cloudd.live/content/assets/images/new-beta-sports-icons.png?v=0.6");
}
header .iconsidebar-menu .iconMenu-bar li .inplays .number {
  top: -10px;
}
header .iconsidebar-menu .iconMenu-bar li .inplays:hover img {
  filter: invert(100%) sepia(40%) saturate(30%) hue-rotate(304deg) brightness(97%) contrast(103%);
}
header .iconsidebar-menu .iconMenu-bar li:hover .bar-icons, header .iconsidebar-menu .iconMenu-bar li.active .bar-icons {
  background-color: var(--primary-color);
  transition: width 0.3s;
}
header .iconsidebar-menu .iconMenu-bar li:hover .bar-icons .sports-content, header .iconsidebar-menu .iconMenu-bar li.active .bar-icons .sports-content {
  color: var(--black-text);
  transition: width 5s;
}
header .iconsidebar-menu .iconMenu-bar li:hover .bar-icons .sports-content .badge123, header .iconsidebar-menu .iconMenu-bar li.active .bar-icons .sports-content .badge123 {
  background: var(--badge-bg-color);
  padding: 2px 4px;
  font-weight: 500;
  border-radius: 20px;
  float: right;
  display: block;
  min-width: 18px;
  height: 18px;
  line-height: 14px;
  position: relative;
  box-shadow: var(--badge-shadow);
  color: var(--white-text) !important;
  font-size: 11px !important;
  margin: 0;
  top: -9px;
  left: -53px;
}
header .iconsidebar-menu .iconMenu-bar li:hover .bar-icons .s-icon input::-webkit-input-placeholder, header .iconsidebar-menu .iconMenu-bar li.active .bar-icons .s-icon input::-webkit-input-placeholder {
  color: var(--black-text) !important;
}
header .iconsidebar-menu .iconMenu-bar li:hover .bar-icons .s-icon input:-moz-placeholder, header .iconsidebar-menu .iconMenu-bar li.active .bar-icons .s-icon input:-moz-placeholder {
  color: var(--black-text) !important;
}
header .iconsidebar-menu .iconMenu-bar li:hover .bar-icons .s-icon input::-moz-placeholder, header .iconsidebar-menu .iconMenu-bar li.active .bar-icons .s-icon input::-moz-placeholder {
  color: var(--black-text) !important;
}
header .iconsidebar-menu .iconMenu-bar li:hover .bar-icons .s-icon input:-ms-input-placeholder, header .iconsidebar-menu .iconMenu-bar li.active .bar-icons .s-icon input:-ms-input-placeholder {
  color: var(--black-text) !important;
}
header .iconsidebar-menu .iconMenu-bar li:hover .bar-icons .s-icon input, header .iconsidebar-menu .iconMenu-bar li.active .bar-icons .s-icon input {
  color: var(--black-text);
}
header .iconsidebar-menu .iconMenu-bar li:hover .bar-icons:before, header .iconsidebar-menu .iconMenu-bar li.active .bar-icons:before {
  background-color: var(--primary-color);
  transition: width 0s;
}
header .iconsidebar-menu .iconMenu-bar li:hover.download-app a, header .iconsidebar-menu .iconMenu-bar li.active.download-app a {
  background: var(--download-app-color);
}
header .iconsidebar-menu .iconMenu-bar li.download-app a {
  background: var(--black-text);
}
header .iconsidebar-menu .iconMenu-bar li.download-app a .sports-content {
  color: var(--white-text);
  transition: all 0.5s ease;
}
header .iconsidebar-menu .iconMenu-bar li.download-app a.bar-icons::before {
  background: var(--black-text) !important;
}
header .iconsidebar-menu .iconMenu-bar li.download-app:hover .bar-icons svg {
  filter: none;
}
header .iconsidebar-menu .iconMenu-bar li.download-app:hover .bar-icons .sports-content {
  color: var(--white-text);
}
header .iconsidebar-menu .iconMenu-bar li.select-language .dropdown-content {
  background-image: none;
  width: 182px !important;
  left: 15px !important;
  border-radius: 6px;
  top: 50px !important;
}
header .iconsidebar-menu .iconMenu-bar li.select-language .dropdown-content li:hover {
  background-color: var(--primary-color);
}
header .iconsidebar-menu .iconMenu-bar li.select-language .dropdown-content li:hover a {
  color: var(--white-text) !important;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 10px 10px 10px 7px;
  border: 0;
  border-top: none;
  border-radius: 8px;
  background: var(--left-icon-bg);
  width: 45px;
  height: 45px;
  margin-left: 15px;
  justify-content: flex-start;
  transition: width 0.3s;
  position: relative;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin: -1px;
  border-radius: inherit;
  background: linear-gradient(0deg, var(--dropdown-border) 10%, var(--dropdown-border2) 70%);
}
header .iconsidebar-menu .iconMenu-bar .bar-icons::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-radius: inherit;
  background-color: var(--dropdown-bg);
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .left-icons {
  display: flex;
  align-items: center;
  z-index: 9;
  cursor: pointer;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .left-icons .spin-img {
  width: 22px;
  height: 22px;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons img,
header .iconsidebar-menu .iconMenu-bar .bar-icons svg {
  vertical-align: middle;
  width: 20px;
  min-width: 20px;
  height: 20px;
  cursor: pointer;
  transition: none;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons:hover {
  background-color: var(--background-color);
  transition: none;
  position: relative;
  left: 0px;
  box-shadow: 0px 4px 20px var(--left-menu-hover-shadow);
}
header .iconsidebar-menu .iconMenu-bar .bar-icons:hover .number {
  top: -10px;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons.inplays:hover .number {
  top: -10px;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .sports-content {
  opacity: 0;
  display: none !important;
  transition: width 6s;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  color: var(--left-menu-text-color);
  line-height: 1.5;
  padding: 2px 5px 2px 5px;
  width: 100%;
  text-align: left;
  z-index: 9;
  cursor: pointer;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .sports-content .badge {
  background: var(--badge-bg-color);
  padding: 2px 4px;
  font-weight: 500;
  border-radius: 20px;
  float: left;
  display: block;
  min-width: 18px;
  height: 18px;
  line-height: 14px;
  position: relative;
  box-shadow: var(--badge-shadow);
  color: var(--white-text) !important;
  font-size: 11px !important;
  margin: 0;
  top: -9px;
  left: 2px;
  text-align: center;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon {
  display: flex;
  align-items: center;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon .search-box {
  font-size: 14px;
  height: 30px;
  margin-bottom: 0;
  border: none;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon input {
  color: var(--primary-text-color);
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon input::-moz-placeholder {
  color: var(--left-menu-text-color) !important;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon input::placeholder {
  color: var(--left-menu-text-color) !important;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon input::-webkit-input-placeholder {
  color: var(--left-menu-text-color) !important;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon input:focus + label {
  color: var(--black-text) !important;
}
header .iconsidebar-menu .iconMenu-bar .bar-icons .s-icon input:focus {
  color: var(--black-text) !important;
}
header .iconsidebar-menu .iconMenu-bar li.open .bar-icons .icon-bg {
  background-color: var(--primary-color);
  width: 30px;
  height: 30px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
header .iconsidebar-menu .iconMenu-bar li.open .bar-icons .icon-bg svg path {
  stroke: var(--primary-text-color);
}
header .iconsidebar-menu .iconMenu-bar li.open .bar-icons .icon-bg .icon-holder-big .sports-icon {
  background-image: url("https://cdn.cloudd.live/content/assets/images/new-beta-sports-icons.png?v=0.6");
}
header .iconsidebar-menu .iconMenu-bar li.open .bar-icons .icon-bg .icon-holder-big .upcoming {
  background-image: url("https://cdn.cloudd.live/content/assets/images/new-beta-sports-icons.png?v=0.6");
}
@keyframes scaleDisappear {
  0% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.toast-container .ngx-toastr {
  margin-top: 15px;
}

.thank-you-page {
  background-color: var(--primary-color);
  color: var(--white-text);
  font-size: 14px;
  font-weight: 500;
}
.thank-you-page .thank-you-content {
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  max-height: 60%;
}
.thank-you-page .thank-you-content .verified-icon {
  margin-top: 4%;
}
.thank-you-page .thank-you-content .verified-icon i {
  font-size: 25px;
  width: 45px;
  height: 45px;
  border: 3px solid var(--black-text);
  border-radius: 50%;
  line-height: 1.7;
  color: var(--black-text);
}
.thank-you-page .thank-you-content .title {
  font-size: 35px;
  font-weight: 500;
  color: var(--black-text);
  margin-top: 1%;
  margin-bottom: 2%;
}
.thank-you-page .thank-you-content .success-verification .text {
  color: var(--black-text);
  margin-left: 5px;
  font-size: 28px;
  font-weight: 500;
}

.page-notfound {
  background: var(--body-bg-color);
}
.page-notfound header nav {
  height: 50px !important;
  background: var(--body-bg-color);
}
.page-notfound .error-images {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
}
.page-notfound .error-images .left-text,
.page-notfound .error-images .right-text {
  font-size: 11rem;
  font-weight: 500;
  position: relative;
  color: var(--third-color);
}
.page-notfound .error-images .left-text {
  left: 10%;
}
.page-notfound .error-images .right-text {
  right: 10%;
}
.page-notfound .error-images svg {
  width: 500px;
  height: 250px;
  text-align: center;
  fill: var(--third-color);
}
.page-notfound .error-images svg path#XMLID_5_ {
  fill: var(--third-color);
  filter: url(#blurFilter4);
}
.page-notfound .error-images svg path#XMLID_11_, .page-notfound .error-images svg path#XMLID_2_ {
  fill: var(--third-color);
}
.page-notfound .error-images svg .circle {
  animation: out 2s infinite ease-out;
  fill: var(--third-color);
}
@keyframes out {
  0% {
    r: 1;
    opacity: 0.9;
  }
  25% {
    r: 5;
    opacity: 0.3;
  }
  50% {
    r: 10;
    opacity: 0.2;
  }
  75% {
    r: 15;
    opacity: 0.1;
  }
  100% {
    r: 20;
    opacity: 0;
  }
}
.page-notfound .mt-title {
  text-align: center;
}
.page-notfound .mt-title h3 {
  color: var(--forth-color);
  font-size: 2.7em;
  font-weight: 700;
  text-shadow: rgba(0, 0, 0, 0.15) 3px 3px 5px;
  text-transform: uppercase;
}
.page-notfound .mt-title h3::before {
  content: "[";
}
.page-notfound .mt-title h3::after {
  content: "]";
}
.page-notfound .mt-title h3::before, .page-notfound .mt-title h3::after {
  color: var(--forth-color);
  font-size: 30px;
  animation-name: opacity;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  margin: 0 30px;
  position: relative;
  top: -5px;
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.page-notfound .mt-title p {
  font-size: 18px;
  font-weight: 500;
  color: var(--primary-text-color);
  width: 100%;
  max-width: 50%;
  margin: auto;
}
.page-notfound .report-buttons {
  width: 100%;
  max-width: 50%;
  margin: auto;
  text-align: center;
  margin-top: 20px;
}
.page-notfound .report-buttons a {
  display: inline-block;
  margin: 0 10px;
  text-decoration: none;
  border: 2px solid var(--primary-color);
  color: var(--third-color);
  font-weight: 600;
  padding: 10px 25px;
  border-radius: 25px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.page-notfound .report-buttons a:hover, .page-notfound .report-buttons a.active {
  background: var(--button-bg);
  color: var(--primary-color);
  transition: all 0.3s ease;
}

.search-container input {
  color: var(--black-text) !important;
}

.nsm7Bb-HzV7m-LgbsSe {
  font-size: 12px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  margin-right: 7px;
}

main {
  transition: all 0.3s ease-in-out;
}
main.full-wrap {
  margin: 10px 15px 15px 70px;
}
main.full-wrap .spin-popup-button {
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: var(--gameback-color);
  box-shadow: -2px 0px 25px var(--gameback-color);
  padding: 10px 15px;
  border-radius: 20px;
  width: 30%;
  margin: 30px auto;
}
main.full-wrap .spin-popup-button a {
  color: var(--white-text);
  text-decoration: none;
}
main.full-wrap #casino-page .col-center .casino-category {
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 1.25rem;
  scrollbar-width: none;
  margin: 0 0 0px 0;
}
main.full-wrap #casino-page .col-center .casino-category.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main.full-wrap #casino-page .col-center .casino-category .cat-scroll {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
main.full-wrap #casino-page .col-center .casino-category .cat-scroll .top-title {
  margin: 10px 0;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
  height: 30px;
}
main.full-wrap #casino-page .col-center .casino-category .cat-scroll .top-title a {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
  padding: 4px 10px;
  text-transform: capitalize;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 1px solid var(--casino-tab-border);
  border-radius: 5px;
  background-color: var(--casino-game-tab-bg);
  margin-right: 10px;
  transition: all 0.5s;
}
main.full-wrap #casino-page .col-center .casino-category .cat-scroll .top-title a .icon-holder-big img {
  width: 25px;
  height: 25px;
}
main.full-wrap #casino-page .col-center .casino-category .cat-scroll .top-title a .txt {
  margin-left: 3px;
}
main.full-wrap #casino-page .col-center .casino-category .cat-scroll .top-title a.active, main.full-wrap #casino-page .col-center .casino-category .cat-scroll .top-title a:hover {
  border: 1px solid var(--third-color);
  box-shadow: 2px 2px var(--third-color);
}
main.full-wrap #casino-page .col-center .all-category {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 1.25rem;
  scrollbar-width: none;
  width: 32%;
  margin: 0 0 0px 0;
}
main.full-wrap #casino-page .col-center .all-category.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main.full-wrap #casino-page .col-center .all-category .cat-scroll {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
main.full-wrap #casino-page .col-center .all-category .cat-scroll .top-title {
  margin: 10px 0;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
  height: 30px;
}
main.full-wrap #casino-page .col-center .all-category .cat-scroll .top-title .cat-names {
  display: flex;
  align-items: center;
  height: 30px;
}
main.full-wrap #casino-page .col-center .all-category .cat-scroll .top-title .cat-names a {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
  padding: 4px 10px;
  text-transform: capitalize;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 1px solid var(--casino-tab-border);
  border-radius: 5px;
  background-color: var(--casino-game-tab-bg);
  margin-right: 10px;
  transition: all 0.5s;
}
main.full-wrap #casino-page .col-center .all-category .cat-scroll .top-title .cat-names a .icon-holder-big img {
  width: 25px;
  height: 25px;
}
main.full-wrap #casino-page .col-center .all-category .cat-scroll .top-title .cat-names a .txt {
  margin-left: 3px;
}
main.full-wrap #casino-page .col-center .all-category .cat-scroll .top-title .cat-names a.active, main.full-wrap #casino-page .col-center .all-category .cat-scroll .top-title .cat-names a:hover {
  border: 1px solid var(--third-color);
  box-shadow: 2px 2px var(--third-color);
}
main.full-wrap #casino-page .col-center .all-category {
  margin: 0px;
}
main.full-wrap #casino-page .col-center .all-category .category-tab {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main {
  margin-right: 10px;
  max-width: 69%;
  width: 69%;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main.live-category {
  max-width: 21%;
  width: 21%;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main .category-titles {
  background: #FFFFFF;
  padding: 4px;
  margin-right: 5px;
  border-radius: 5px;
  border: 1px solid var(--casino-tab-border);
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 1.25rem;
  scrollbar-width: none;
  margin: 0 0 0px 0;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main .category-titles .category-scroll {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main .category-titles .category-scroll .all-category-inner {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  height: 30px;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main .category-titles a {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
  padding: 4px 16px;
  text-transform: capitalize;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 5px;
  background-color: var(--casino-game-tab-bg);
  margin-right: 5px;
  transition: all 0.5s;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main .category-titles a .icon-holder-big img {
  width: 25px;
  height: 25px;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main .category-titles a .txt {
  margin-left: 3px;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main .category-titles a.active, main.full-wrap #casino-page .col-center .all-category .category-tab .item-main .category-titles a:hover {
  border: 1px solid var(--third-color);
  box-shadow: 2px 2px var(--third-color);
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main a {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
  padding: 4px 10px;
  text-transform: capitalize;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 1px solid var(--white-text);
  border-radius: 5px;
  background-color: var(--casino-game-tab-bg);
  margin-right: 5px;
  transition: all 0.5s;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main a .icon-holder-big img {
  width: 20px;
  height: 20px;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main a .txt {
  margin-left: 3px;
}
main.full-wrap #casino-page .col-center .all-category .category-tab .item-main a.active, main.full-wrap #casino-page .col-center .all-category .category-tab .item-main a:hover {
  border: 1px solid var(--third-color);
  box-shadow: 2px 2px var(--third-color);
}
main.full-wrap #casino-page .col-center .category-sliderWrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown {
  margin: 0;
  width: 100%;
  max-width: 220px;
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .select-sports {
  position: relative;
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .select-sports .game-dropdown {
  display: flex;
  align-items: center;
  height: 40px;
  transition: all 0.2s;
  position: relative;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.035em;
  padding: 12px 16px;
  color: var(--black-text);
  background: var(--white-color);
  text-transform: capitalize;
  border-radius: 4px;
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .select-sports .game-dropdown i {
  position: absolute;
  top: 50%;
  right: 10px;
  color: var(--top-title-color);
  font-size: 12px;
  content: "";
  transform: translateY(-50%);
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .select-sports .game-dropdown span {
  color: var(--black-text);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .dropdown-content {
  background-color: var(--white-color) !important;
  background-image: unset;
  border-radius: 4px;
  top: 45px !important;
  left: auto !important;
  z-index: 99;
  position: absolute;
  border: none;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  max-height: 250px;
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .dropdown-content .item {
  border-bottom: 1px solid var(--title-border);
  width: 100%;
  text-align: left;
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .dropdown-content .item:last-child {
  border-bottom: none;
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .dropdown-content .item .title {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 35px;
  line-height: 35px;
  font-size: 14px !important;
  font-weight: 500;
  padding: 0 10px;
  color: var(--black-text) !important;
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .dropdown-content .item .title img {
  width: 20px;
  height: auto;
}
main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown .dropdown-content .item:hover {
  background-color: var(--primary-color);
}
main.full-wrap #casino-page .col-center .casino-banner {
  margin-bottom: 6px;
  overflow: hidden;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider {
  position: relative;
  transition: all 0.5s ease;
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .casino-box {
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .casino-box img {
  border-radius: 5px;
  width: 100%;
  display: block;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .headline-btn {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  position: absolute;
  bottom: 30px;
  left: 16px;
  z-index: 5;
  padding: 14px 16px;
  color: var(--black-text);
  text-decoration: none;
  background-color: var(--white-text);
  border-radius: 5px;
  box-shadow: 0 1px 0 #b3b3b3, 0 2px 2px rgba(0, 0, 0, 0.3019607843), 0 3px 6px rgba(0, 0, 0, 0.5019607843);
  transition: box-shadow 0.2s ease;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .headline-btn:hover {
  box-shadow: 0 0 12px var(--white-text);
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-next,
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-prev {
  color: var(--top-title-color);
  opacity: 0;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-next::after,
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-prev::after {
  font-size: 16px;
  font-weight: 900;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-next {
  right: 0;
  background: var(--white-text);
  width: 40px;
  border-radius: 25px 0px 0px 25px;
  padding: 20px;
  outline: none;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-next::after {
  margin-left: 8px;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-prev {
  left: 0;
  top: 50%;
  background: var(--white-text);
  width: 40px;
  border-radius: 0 25px 25px 0;
  padding: 20px;
  outline: none;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-prev::after {
  margin-right: 8px;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider:hover .swiper-button-next {
  opacity: 1;
  animation: animate-btn 0.5s ease;
}
main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider:hover .swiper-button-prev {
  opacity: 1;
  animation: animate-btn 0.5s ease;
}
@keyframes animate-btn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
main.full-wrap #casino-page .col-center .all-top {
  margin-bottom: 10px;
  overflow: hidden;
}
main.full-wrap #casino-page .col-center .all-top .top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}
main.full-wrap #casino-page .col-center .all-top .top-header .top-title {
  margin: 0 16px 0 0;
  color: var(--top-title-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: capitalize;
}
main.full-wrap #casino-page .col-center .all-top .top-header a {
  margin-right: 90px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: normal;
  height: 40px;
  padding: 10px;
  background: var(--top-bg);
  border-radius: 5px;
  color: var(--top-title-color);
}
main.full-wrap #casino-page .col-center .all-top .top-header a:hover {
  background: var(--casino-btn-hover);
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider {
  position: relative;
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box {
  border-radius: 5px;
  margin-top: 10px;
  transition: all 0.5s ease;
  width: auto;
  cursor: pointer;
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image img {
  width: 100%;
  display: block;
  border-radius: 5px;
  transition: all 0.5s ease;
  margin: auto;
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image .play-now {
  border-radius: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  transition: all 0.5s ease;
  z-index: 9;
  font-weight: 600;
  line-height: 15px;
  font-size: 15px;
  height: 44px;
  padding: 0 16px;
  color: var(--forth-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  background-color: var(--primary-color);
  border: none;
  text-transform: uppercase;
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image .play-now:hover {
  background-color: var(--forth-color);
  color: var(--primary-color);
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image .bottom-badge {
  z-index: 2;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: normal;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: var(--white-text);
  background-color: var(--badge-bg);
  border-radius: 0 0 5px 5px;
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image:hover img {
  transform: scale(1.05);
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image:hover .play-now {
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image:hover:after {
  opacity: 1;
}
main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box:hover .all-top-title {
  color: var(--casino-all-hover);
}
main.full-wrap #casino-page .col-center .all-top .swiper-button-next,
main.full-wrap #casino-page .col-center .all-top .swiper-button-prev {
  color: var(--black-text);
}
main.full-wrap #casino-page .col-center .all-top .swiper-button-next::after,
main.full-wrap #casino-page .col-center .all-top .swiper-button-prev::after {
  font-size: 9px;
  color: var(--top-title-color);
  font-weight: 900;
}
main.full-wrap #casino-page .col-center .all-top .swiper-button-next:hover:hover,
main.full-wrap #casino-page .col-center .all-top .swiper-button-prev:hover:hover {
  background: var(--casino-btn-hover);
}
main.full-wrap #casino-page .col-center .all-top .swiper-button-next {
  top: -18px;
  right: 0px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: normal;
  height: 40px;
  width: 40px;
  padding: 0;
  background: var(--top-bg);
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .all-top .swiper-button-prev {
  top: -18px;
  right: 45px;
  left: auto;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: normal;
  height: 40px;
  width: 40px;
  padding: 0;
  background: var(--top-bg);
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .new-section {
  margin-bottom: 10px;
  overflow: hidden;
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider {
  position: relative;
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box {
  border-radius: 5px;
  margin-top: 10px;
  width: auto;
  cursor: pointer;
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image img {
  width: 100%;
  display: block;
  border-radius: 5px;
  transition: all 0.5s ease;
  margin: auto;
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image .play-now {
  border-radius: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  transition: all 0.5s ease;
  z-index: 9;
  font-weight: 600;
  line-height: 16px;
  font-size: 15px;
  height: 44px;
  padding: 0 15px;
  color: var(--forth-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  background-color: var(--primary-color);
  border: none;
  text-transform: uppercase;
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image .play-now:hover {
  background-color: var(--forth-color);
  color: var(--primary-color);
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image .bottom-badge {
  z-index: 2;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: normal;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: var(--white-text);
  background-color: var(--badge-bg);
  border-radius: 0 0 5px 5px;
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image:hover img {
  transform: scale(1.05);
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image:hover .play-now {
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image:hover:after {
  opacity: 1;
}
main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box:hover .new-section-title {
  color: var(--casino-all-hover);
}
main.full-wrap #casino-page .col-center .roulette {
  margin-bottom: 10px;
  overflow: hidden;
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider {
  position: relative;
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box {
  border-radius: 5px;
  margin-top: 10px;
  transition: all 0.5s ease;
  width: auto;
  cursor: pointer;
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image img {
  width: 100%;
  display: block;
  border-radius: 5px;
  transition: all 0.5s ease;
  margin: auto;
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image .play-now {
  border-radius: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  transition: all 0.5s ease;
  z-index: 9;
  font-weight: 600;
  line-height: 16px;
  font-size: 15px;
  height: 44px;
  padding: 0 16px;
  color: var(--forth-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  background-color: var(--primary-color);
  border: none;
  text-transform: uppercase;
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image .play-now:hover {
  background-color: var(--forth-color);
  color: var(--primary-color);
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image .bottom-badge {
  z-index: 2;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: var(--white-text);
  background-color: var(--badge-bg);
  border-radius: 0 0 5px 5px;
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image:hover img {
  transform: scale(1.05);
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image:hover .play-now {
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image:hover:after {
  opacity: 1;
}
main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box:hover .roulette-title {
  color: var(--casino-all-hover);
}
main.full-wrap #casino-page .col-center .blackjack {
  margin-bottom: 10px;
  overflow: hidden;
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider {
  position: relative;
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box {
  border-radius: 5px;
  margin-top: 10px;
  transition: all 0.5s ease;
  width: auto;
  cursor: pointer;
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image img {
  width: 100%;
  display: block;
  border-radius: 5px;
  transition: all 0.5s ease;
  margin: auto;
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image .play-now {
  border-radius: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  transition: all 0.5s ease;
  z-index: 9;
  font-weight: 600;
  line-height: 16px;
  font-size: 15px;
  height: 44px;
  padding: 0 16px;
  color: var(--forth-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  background-color: var(--primary-color);
  border: none;
  text-transform: uppercase;
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image .play-now:hover {
  background-color: var(--forth-color);
  color: var(--primary-color);
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image .bottom-badge {
  z-index: 2;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: normal;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: var(--white-text);
  background-color: var(--badge-bg);
  border-radius: 0 0 5px 5px;
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image:hover img {
  transform: scale(1.05);
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image:hover .play-now {
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image:hover:after {
  opacity: 1;
}
main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box:hover .blackjack-title {
  color: var(--casino-all-hover);
}
main.full-wrap #casino-page .col-center .baccarat {
  margin-bottom: 10px;
  overflow: hidden;
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider {
  position: relative;
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box {
  border-radius: 5px;
  margin-top: 10px;
  transition: all 0.5s ease;
  width: auto;
  cursor: pointer;
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image img {
  width: 100%;
  display: block;
  border-radius: 5px;
  transition: all 0.5s ease;
  margin: auto;
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image .play-now {
  border-radius: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  transition: all 0.5s ease;
  z-index: 9;
  font-weight: 600;
  line-height: 16px;
  font-size: 15px;
  height: 44px;
  padding: 0 16px;
  color: var(--forth-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  background-color: var(--primary-color);
  border: none;
  text-transform: uppercase;
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image .play-now:hover {
  background-color: var(--forth-color);
  color: var(--primary-color);
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image .bottom-badge {
  z-index: 2;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: normal;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: var(--white-text);
  background-color: var(--badge-bg);
  border-radius: 0 0 5px 5px;
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image:hover img {
  transform: scale(1.05);
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image:hover .play-now {
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image:hover:after {
  opacity: 1;
}
main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box:hover .baccarat-title {
  color: var(--casino-all-hover);
}
main.full-wrap #casino-page .col-center .tv-shows {
  margin-bottom: 0px;
  overflow: hidden;
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider {
  position: relative;
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box {
  border-radius: 5px;
  margin-top: 10px;
  transition: all 0.5s ease;
  width: auto;
  cursor: pointer;
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image img {
  width: 100%;
  display: block;
  border-radius: 5px;
  transition: all 0.5s ease;
  margin: auto;
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image .play-now {
  border-radius: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  transition: all 0.5s ease;
  z-index: 9;
  font-weight: 600;
  line-height: 16px;
  font-size: 15px;
  height: 44px;
  padding: 0 16px;
  color: var(--forth-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  background-color: var(--primary-color);
  border: none;
  text-transform: uppercase;
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image .play-now:hover {
  background-color: var(--forth-color);
  color: var(--primary-color);
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image .bottom-badge {
  z-index: 2;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: normal;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: var(--white-text);
  background-color: var(--badge-bg);
  border-radius: 0 0 5px 5px;
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image:hover img {
  transform: scale(1.05);
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image:hover .play-now {
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image:hover:after {
  opacity: 1;
}
main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box:hover .tv-shows-title {
  color: var(--casino-all-hover);
}
main.full-wrap #casino-page .col-center .casino-detail-page .top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 5px;
}
main.full-wrap #casino-page .col-center .casino-detail-page .top-header .top-title {
  margin: 0 16px 0 0;
  color: var(--top-title-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: capitalize;
}
main.full-wrap #casino-page .col-center .casino-detail-page .top-header a {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: normal;
  height: 40px;
  padding: 10px;
  background: var(--top-bg);
  border-radius: 5px;
  color: var(--top-title-color);
}
main.full-wrap #casino-page .col-center .casino-detail-page .top-header a:hover {
  background: var(--casino-btn-hover);
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box {
  border-radius: 5px;
  transition: all 0.5s ease;
  width: 10.3%;
  cursor: pointer;
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image img {
  width: 100%;
  display: block;
  border-radius: 5px;
  transition: all 0.5s ease;
  margin: auto;
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image .play-now {
  border-radius: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  transition: all 0.5s ease;
  z-index: 9;
  font-weight: 600;
  line-height: 15px;
  font-size: 15px;
  height: 44px;
  padding: 0 16px;
  color: var(--forth-color);
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  background-color: var(--primary-color);
  border: none;
  text-transform: uppercase;
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image .play-now:hover {
  background-color: var(--forth-color);
  color: var(--primary-color);
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image .bottom-badge {
  z-index: 2;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: normal;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: var(--white-text);
  background-color: var(--badge-bg);
  border-radius: 0 0 5px 5px;
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image:hover img {
  transform: scale(1.05);
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image:hover .play-now {
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image:hover:after {
  opacity: 1;
}
main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box:hover .all-top-title {
  color: var(--casino-all-hover);
}
main.new-casino-page .col-center-casino {
  padding: 0 0 0 10px;
}
main.new-casino-page .casino-banner {
  margin-bottom: 6px;
  overflow: hidden;
}
main.new-casino-page .casino-banner .live-casino-slider {
  position: relative;
  transition: all 0.5s ease;
  border-radius: 5px;
}
main.new-casino-page .casino-banner .live-casino-slider .casino-box {
  border-radius: 5px;
}
main.new-casino-page .casino-banner .live-casino-slider .casino-box img {
  border-radius: 5px;
  width: 100%;
  display: block;
}
main.new-casino-page .casino-banner .live-casino-slider .headline-btn {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  position: absolute;
  bottom: 30px;
  left: 16px;
  z-index: 5;
  padding: 14px 16px;
  color: var(--black-text);
  text-decoration: none;
  background-color: var(--white-text);
  border-radius: 5px;
  box-shadow: 0 1px 0 #b3b3b3, 0 2px 2px rgba(0, 0, 0, 0.3019607843), 0 3px 6px rgba(0, 0, 0, 0.5019607843);
  transition: box-shadow 0.2s ease;
}
main.new-casino-page .casino-banner .live-casino-slider .headline-btn:hover {
  box-shadow: 0 0 12px var(--white-text);
}
main.new-casino-page .casino-banner .live-casino-slider .swiper-button-next,
main.new-casino-page .casino-banner .live-casino-slider .swiper-button-prev {
  color: var(--top-title-color);
  opacity: 0;
}
main.new-casino-page .casino-banner .live-casino-slider .swiper-button-next::after,
main.new-casino-page .casino-banner .live-casino-slider .swiper-button-prev::after {
  font-size: 16px;
  font-weight: 900;
}
main.new-casino-page .casino-banner .live-casino-slider .swiper-button-next {
  right: 0;
  background: var(--white-text);
  width: 40px;
  border-radius: 25px 0px 0px 25px;
  padding: 20px;
  outline: none;
}
main.new-casino-page .casino-banner .live-casino-slider .swiper-button-next::after {
  margin-left: 8px;
}
main.new-casino-page .casino-banner .live-casino-slider .swiper-button-prev {
  left: 0;
  top: 50%;
  background: var(--white-text);
  width: 40px;
  border-radius: 0 25px 25px 0;
  padding: 20px;
  outline: none;
}
main.new-casino-page .casino-banner .live-casino-slider .swiper-button-prev::after {
  margin-right: 8px;
}
main.new-casino-page .casino-banner .live-casino-slider:hover .swiper-button-next {
  opacity: 1;
  animation: animate-btn 0.5s ease;
}
main.new-casino-page .casino-banner .live-casino-slider:hover .swiper-button-prev {
  opacity: 1;
  animation: animate-btn 0.5s ease;
}
@keyframes animate-btn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
main.new-casino-page .new-casino-section {
  margin-top: 14px;
}
main.new-casino-page .new-casino-section .tab-view {
  border-radius: 4px;
  background-color: var(--dropdown-bg);
  border: 1px solid var(--button-color2);
  min-width: 100px;
  max-width: 100%;
  display: inline-block;
}
main.new-casino-page .new-casino-section .tab-view .tabs-section {
  width: auto;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 1.25rem;
  scrollbar-width: none;
  margin: 0 0 0px 0;
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .tab-inner {
  position: relative;
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .tab-inner a {
  color: var(--primary-text-color);
  display: block;
  padding: 13px 15px 10px;
  transition: all 0.2s ease-in;
  position: relative;
  z-index: 1;
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .tab-inner a .game-text {
  font-size: 14px;
  color: var(--primary-text-color);
  text-transform: capitalize;
  display: inline-block;
  margin-top: 5px;
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .tab-inner a.active {
  position: relative;
  transition: all 0.2s ease-in;
  background: var(--button-bg);
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .tab-inner a.active .game-text {
  color: var(--white-text);
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .tab-inner a.active:first-child {
  border-radius: 4px 0 0 4px;
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .tab-inner a.active:last-child {
  border-radius: 0 4px 4px 0;
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .tab-inner a:focus {
  background-color: transparent;
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .tab-inner a:focus.active {
  background-color: transparent;
}
main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .indicator {
  display: none;
}
main.new-casino-page .new-casino-section .content-section {
  position: relative;
}
main.new-casino-page .new-casino-section .content-section .game-dropdown {
  position: absolute;
  width: 20%;
  text-align: end;
  right: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  transition: all 0.2s;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.035em;
  padding: 12px 16px;
  color: var(--primary-text-color);
  background: var(--casino-game-tab-bg);
  text-transform: capitalize;
  border-radius: 4px;
  border: 1px solid var(--button-color2);
}
main.new-casino-page .new-casino-section .content-section .game-dropdown i {
  position: absolute;
  top: 50%;
  right: 10px;
  color: var(--top-title-color);
  font-size: 12px;
  transform: translateY(-50%);
}
main.new-casino-page .new-casino-section .content-section .game-dropdown-content {
  background: var(--casino-game-tab-bg) !important;
  background-image: unset;
  border-radius: 4px;
  top: 45px !important;
  z-index: 97;
  position: absolute;
  border: none;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  max-height: 250px;
}
main.new-casino-page .new-casino-section .content-section .game-dropdown-content .item {
  border-bottom: 1px solid var(--title-border);
  width: 100%;
  text-align: left;
}
main.new-casino-page .new-casino-section .content-section .game-dropdown-content .item .title {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 35px;
  line-height: 35px;
  font-size: 14px !important;
  font-weight: 500;
  padding: 0 10px;
  color: var(--primary-text-color) !important;
}
main.new-casino-page .new-casino-section .content-section .game-dropdown-content .item .title img {
  width: 20px;
  height: auto;
}
main.new-casino-page .new-casino-section .content-section .games-content {
  transition: all 0.2s;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--forth-color);
  margin: 14px 0;
  width: 80%;
  position: relative;
  padding: 6px 0px;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-title .line {
  width: 70%;
  position: absolute;
  background-color: var(--button-color2);
  height: 3px;
  margin-left: 15px;
  margin-top: 16px;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner {
  display: inline-grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  flex-wrap: wrap;
  justify-content: start;
  margin: 0;
  gap: 12px;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div {
  position: relative;
  margin-bottom: 6px;
  line-height: 1;
  cursor: pointer;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div img {
  width: 100%;
  border-radius: 8px;
  position: relative;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div:hover {
  transition: 0.4s all;
  transform: translateY(4px);
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div:hover img {
  background-color: transparent;
  box-shadow: 0px 2px 4px 0px var(--new-casino-boxShdaow);
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div:hover::before, main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div:hover::after {
  display: none;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div:hover .game-overlay {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div::before, main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div::after {
  content: "";
  border-radius: 8px;
  background-color: var(--primary-color);
  padding: 2px;
  position: absolute;
  height: 100%;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div::before {
  top: 1px;
  opacity: 0.5;
  width: 95%;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div::after {
  top: 8px;
  opacity: 0.3;
  width: 88%;
  z-index: -1;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div .game-overlay {
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: all 0.45s ease;
  justify-content: center;
  align-items: center;
  left: 50%;
  top: 49.6%;
  transform: translate(-50%, -50%) scale(0);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  border-radius: 8px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div .game-overlay span {
  background: var(--button-bg);
  padding: 6px 10px;
  border-radius: 6px;
  display: inline-block;
  position: relative;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div .game-overlay span::before {
  content: "";
  background: var(--primary-color);
  position: absolute;
  top: 4px;
  width: 100%;
  height: 100%;
  right: -4px;
  z-index: -1;
  border-radius: 6px;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div .game-overlay span:hover {
  background: var(--primary-color);
  color: var(--black-text);
  transition: all 0.3s ease;
}
main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div .game-overlay span:hover::before {
  background: var(--button-color);
  top: -5px;
  left: -5px;
}
main.new-casino-pageTwo .col-center-casino {
  padding: 0 0 0 10px;
}
main.new-casino-pageTwo .casino-banner {
  margin-bottom: 6px;
  overflow: hidden;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider {
  position: relative;
  transition: all 0.5s ease;
  border-radius: 5px;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider .casino-box {
  border-radius: 5px;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider .casino-box img {
  border-radius: 5px;
  width: 100%;
  display: block;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider .headline-btn {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  position: absolute;
  bottom: 30px;
  left: 16px;
  z-index: 5;
  padding: 14px 16px;
  color: var(--black-text);
  text-decoration: none;
  background-color: var(--white-text);
  border-radius: 5px;
  box-shadow: 0 1px 0 #b3b3b3, 0 2px 2px rgba(0, 0, 0, 0.3019607843), 0 3px 6px rgba(0, 0, 0, 0.5019607843);
  transition: box-shadow 0.2s ease;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider .headline-btn:hover {
  box-shadow: 0 0 12px var(--white-text);
}
main.new-casino-pageTwo .casino-banner .live-casino-slider .swiper-button-next,
main.new-casino-pageTwo .casino-banner .live-casino-slider .swiper-button-prev {
  color: var(--top-title-color);
  opacity: 0;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider .swiper-button-next::after,
main.new-casino-pageTwo .casino-banner .live-casino-slider .swiper-button-prev::after {
  font-size: 16px;
  font-weight: 900;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider .swiper-button-next {
  right: 0;
  background: var(--white-text);
  width: 40px;
  border-radius: 25px 0px 0px 25px;
  padding: 20px;
  outline: none;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider .swiper-button-next::after {
  margin-left: 8px;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider .swiper-button-prev {
  left: 0;
  top: 50%;
  background: var(--white-text);
  width: 40px;
  border-radius: 0 25px 25px 0;
  padding: 20px;
  outline: none;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider .swiper-button-prev::after {
  margin-right: 8px;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider:hover .swiper-button-next {
  opacity: 1;
  animation: animate-btn 0.5s ease;
}
main.new-casino-pageTwo .casino-banner .live-casino-slider:hover .swiper-button-prev {
  opacity: 1;
  animation: animate-btn 0.5s ease;
}
@keyframes animate-btn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
main.new-casino-pageTwo .new-casino-sectionTwo {
  margin-top: 14px;
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section {
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 1.25rem;
  scrollbar-width: none;
  margin: 0 0 0px 0;
  border-radius: 4px;
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner {
  position: relative;
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
  gap: 8px;
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a {
  color: var(--primary-text-color);
  display: block;
  padding: 10px 15px;
  transition: all 0.2s ease-in;
  position: relative;
  z-index: 1;
  text-align: center;
  border-radius: 6px;
  min-width: 98px;
  height: 92px;
  background-color: var(--dropdown-bg);
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a .games-logo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid var(--button-color2);
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a .game-text {
  font-size: 14px;
  color: var(--primary-text-color);
  text-transform: capitalize;
  display: inline-block;
  margin-top: 5px;
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a.active {
  position: relative;
  transition: all 0.2s ease-in;
  box-shadow: inset 0px 0px 11px 2px var(--tab-active-shadow);
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a.active .game-text {
  color: var(--button-color2);
  font-weight: 600;
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a.active .games-logo {
  background: var(--button-bg);
  border: 2px solid var(--primary-color);
  box-shadow: 0px 0px 7px 3px var(--games-logo-shadow);
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a:focus {
  background-color: transparent;
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a:focus.active {
  background-color: transparent;
}
main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .indicator {
  display: none;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section {
  position: relative;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .game-dropdown {
  width: 20%;
  text-align: end;
  right: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  transition: all 0.2s;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.035em;
  padding: 12px 16px;
  color: var(--primary-text-color);
  background: var(--casino-game-tab-bg);
  border: 1px solid var(--button-color2);
  text-transform: capitalize;
  border-radius: 4px;
  position: absolute;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .game-dropdown i {
  position: absolute;
  top: 50%;
  right: 10px;
  color: var(--top-title-color);
  font-size: 12px;
  transform: translateY(-50%);
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .game-dropdown-content {
  background: var(--casino-game-tab-bg) !important;
  background-image: unset;
  border-radius: 4px;
  top: 45px !important;
  z-index: 97;
  position: absolute;
  border: none;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  max-height: 250px;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .game-dropdown-content .item {
  border-bottom: 1px solid var(--title-border);
  width: 100%;
  text-align: left;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .game-dropdown-content .item .title {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 35px;
  line-height: 35px;
  font-size: 14px !important;
  font-weight: 500;
  padding: 0 10px;
  color: var(--primary-text-color) !important;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .game-dropdown-content .item .title img {
  width: 20px;
  height: auto;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content {
  transition: all 0.2s;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--forth-color);
  margin: 14px 0;
  width: 80%;
  position: relative;
  padding: 6px 0px;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner {
  display: inline-grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  flex-wrap: wrap;
  justify-content: start;
  margin: 0;
  gap: 12px;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner .games-div {
  position: relative;
  line-height: 10px;
  cursor: pointer;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner .games-div img {
  width: 100%;
  border-radius: 8px;
  position: relative;
  border: 2px solid var(--button-color2);
  position: relative;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner .games-div:hover {
  transition: 0.4s all;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner .games-div:hover img {
  background-color: transparent;
  box-shadow: 0px 2px 4px 0px var(--new-casino-boxShdaow);
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner .games-div:hover::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent, var(--button-color2) 122%);
  z-index: 1;
  position: absolute;
  border-radius: 7px;
  left: 0;
  top: 0;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner .games-div:hover .game-overlay {
  top: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  background: var(--primary-color);
  color: var(--black-text);
  border-radius: 4px;
  padding: 18px 10px;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner .games-div .game-overlay {
  display: flex;
  transition: all 0.45s ease;
  justify-content: center;
  align-items: center;
  top: 0;
  width: 70%;
  height: 10%;
  position: absolute;
  border-radius: 0;
  font-size: 14px;
  color: var(--white-text);
  text-transform: uppercase;
  font-weight: 600;
  background: var(--button-bg);
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner .games-div .game-overlay span {
  display: inline-block;
  position: relative;
}
main.new-casino-pageThree .col-center-casino {
  padding: 0 0 0 10px;
}
main.new-casino-pageThree .casino-banner {
  margin-bottom: 6px;
  overflow: hidden;
}
main.new-casino-pageThree .casino-banner .live-casino-slider {
  position: relative;
  transition: all 0.5s ease;
  border-radius: 5px;
}
main.new-casino-pageThree .casino-banner .live-casino-slider .casino-box {
  border-radius: 5px;
}
main.new-casino-pageThree .casino-banner .live-casino-slider .casino-box img {
  border-radius: 5px;
  width: 100%;
  display: block;
}
main.new-casino-pageThree .casino-banner .live-casino-slider .headline-btn {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  position: absolute;
  bottom: 30px;
  left: 16px;
  z-index: 5;
  padding: 14px 16px;
  color: var(--black-text);
  text-decoration: none;
  background-color: var(--white-text);
  border-radius: 5px;
  box-shadow: 0 1px 0 #b3b3b3, 0 2px 2px rgba(0, 0, 0, 0.3019607843), 0 3px 6px rgba(0, 0, 0, 0.5019607843);
  transition: box-shadow 0.2s ease;
}
main.new-casino-pageThree .casino-banner .live-casino-slider .headline-btn:hover {
  box-shadow: 0 0 12px var(--white-text);
}
main.new-casino-pageThree .casino-banner .live-casino-slider .swiper-button-next,
main.new-casino-pageThree .casino-banner .live-casino-slider .swiper-button-prev {
  color: var(--top-title-color);
  opacity: 0;
}
main.new-casino-pageThree .casino-banner .live-casino-slider .swiper-button-next::after,
main.new-casino-pageThree .casino-banner .live-casino-slider .swiper-button-prev::after {
  font-size: 16px;
  font-weight: 900;
}
main.new-casino-pageThree .casino-banner .live-casino-slider .swiper-button-next {
  right: 0;
  background: var(--white-text);
  width: 40px;
  border-radius: 25px 0px 0px 25px;
  padding: 20px;
  outline: none;
}
main.new-casino-pageThree .casino-banner .live-casino-slider .swiper-button-next::after {
  margin-left: 8px;
}
main.new-casino-pageThree .casino-banner .live-casino-slider .swiper-button-prev {
  left: 0;
  top: 50%;
  background: var(--white-text);
  width: 40px;
  border-radius: 0 25px 25px 0;
  padding: 20px;
  outline: none;
}
main.new-casino-pageThree .casino-banner .live-casino-slider .swiper-button-prev::after {
  margin-right: 8px;
}
main.new-casino-pageThree .casino-banner .live-casino-slider:hover .swiper-button-next {
  opacity: 1;
  animation: animate-btn 0.5s ease;
}
main.new-casino-pageThree .casino-banner .live-casino-slider:hover .swiper-button-prev {
  opacity: 1;
  animation: animate-btn 0.5s ease;
}
@keyframes animate-btn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
main.new-casino-pageThree .new-casino-sectionThree {
  margin-top: 14px;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .tabs-section {
  width: 80%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 1.25rem;
  scrollbar-width: none;
  margin: 0;
  background: var(--white-color);
  border-radius: 50px;
  box-shadow: 2px 2px 2px #b7b7b7;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .tabs-section .tabs-outer {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  padding: 6px;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .tabs-section .tabs-outer .tab-inner {
  position: relative;
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .tabs-section .tabs-outer .tab-inner a {
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  transition: all 0.2s ease-in;
  position: relative;
  z-index: 1;
  text-align: center;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .tabs-section .tabs-outer .tab-inner a .game-text {
  font-size: 14px;
  color: var(--primary-text-color);
  text-transform: capitalize;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .tabs-section .tabs-outer .tab-inner a.active {
  position: relative;
  transition: all 0.2s ease-in;
  background: var(--button-bg);
  border-radius: 50px;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .tabs-section .tabs-outer .tab-inner a.active .game-text {
  color: var(--white-color);
  font-weight: 600;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .tabs-section .tabs-outer .tab-inner a:focus {
  background-color: transparent;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .tabs-section .tabs-outer .tab-inner a:focus.active {
  background-color: transparent;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .tabs-section .tabs-outer .indicator {
  display: none;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .game-dropdown {
  width: 20%;
  text-align: end;
  right: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 45px;
  transition: all 0.2s;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.035em;
  padding: 12px 16px;
  color: var(--primary-text-color);
  background: var(--casino-game-tab-bg);
  border: 2px solid var(--button-color2);
  text-transform: capitalize;
  border-radius: 50px;
  position: relative;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .game-dropdown i {
  position: absolute;
  top: 50%;
  right: 10px;
  color: var(--top-title-color);
  font-size: 12px;
  transform: translateY(-50%);
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .game-dropdown-content {
  background: var(--casino-game-tab-bg) !important;
  background-image: unset;
  border-radius: 4px;
  top: 50px !important;
  z-index: 97;
  position: absolute;
  border: none;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  max-height: 250px;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .game-dropdown-content .item {
  border-bottom: 1px solid var(--title-border);
  width: 100%;
  text-align: left;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .game-dropdown-content .item .title {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 35px;
  line-height: 35px;
  font-size: 14px !important;
  font-weight: 500;
  padding: 0 10px;
  color: var(--primary-text-color) !important;
}
main.new-casino-pageThree .new-casino-sectionThree .casino-top-section .game-dropdown-content .item .title img {
  width: 20px;
  height: auto;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section {
  position: relative;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content {
  transition: all 0.2s;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content::before {
  content: "";
  width: 100%;
  height: 250px;
  background-color: var(--primary-color);
  position: absolute;
  top: 114px;
  z-index: -1;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content .game-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--forth-color);
  margin: 14px 0;
  width: 80%;
  position: relative;
  padding: 6px 0px;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content .game-details {
  padding: 0 14px;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content .game-details .games-inner .games-div {
  position: relative;
  line-height: 10px;
  cursor: pointer;
  width: 300px;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content .game-details .games-inner .games-div img {
  width: 100%;
  border-radius: 8px;
  position: relative;
  border: 2px solid var(--button-color2);
  position: relative;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content .game-details .games-inner .games-div:hover {
  transition: 0.4s all;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content .game-details .games-inner .games-div:hover img {
  background-color: transparent;
  box-shadow: 0px 2px 4px 0px var(--new-casino-boxShdaow);
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content .game-details .games-inner .games-div:hover .game-overlay {
  top: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  background: var(--primary-color);
  color: var(--black-text);
  border-radius: 4px;
  padding: 18px 10px;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content .game-details .games-inner .games-div .game-overlay {
  display: flex;
  transition: all 0.45s ease;
  justify-content: center;
  align-items: center;
  top: 0;
  width: 70%;
  height: 10%;
  position: absolute;
  border-radius: 0;
  font-size: 14px;
  color: var(--white-text);
  text-transform: uppercase;
  font-weight: 600;
  background: var(--button-bg);
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: none;
}
main.new-casino-pageThree .new-casino-sectionThree .content-section .games-content .game-details .games-inner .games-div .game-overlay span {
  display: inline-block;
  position: relative;
}
main.sticky-margin {
  margin-top: 175px;
}
main .col-center {
  padding-right: 320px !important;
}
main .col-center .sports-title {
  width: 100%;
  padding: 0px 10px 13px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  position: relative;
  color: var(--primary-text-color);
  margin: 0px 5px;
}
main .col-center .top-content .slider1 {
  width: auto;
  overflow: hidden;
  position: relative;
  height: auto;
  transition: all 0.5s ease-in;
  display: inherit;
}
main .col-center .top-content .slider1 .swiper-horizontal > .swiper-pagination-bullets,
main .col-center .top-content .slider1 .swiper-pagination-bullets.swiper-pagination-horizontal,
main .col-center .top-content .slider1 .swiper-pagination-custom, main .col-center .top-content .slider1 .swiper-pagination-fraction {
  text-align: center;
  left: 0;
}
main .col-center .top-content .slider1 .swiper-pagination-bullet-active {
  background: var(--background-color);
  scale: 1.5;
}
main .col-center .top-content .slider1 .swiper-pagination-bullet {
  background: var(--background-color);
  opacity: 0.8;
}
main .col-center .top-content .swiper-container .swiper-slide a {
  margin-bottom: 10px;
}
main .col-center .top-content .swiper-container .swiper-slide a img {
  border-radius: 20px;
  width: 99.5%;
  height: 100%;
  border: 1px solid var(--play-with-border);
  display: block;
  margin-bottom: 10px;
}
main .col-center .top-content .upper-slider {
  position: absolute;
  z-index: 1;
  right: 25px;
  bottom: 0;
  width: 61%;
  margin: 0 35px;
}
main .col-center .live-sports {
  position: relative;
  z-index: 1;
  right: 0;
  bottom: 0px;
  margin: 0 40px;
}
main .col-center .live-sports .sports-slider {
  overflow: auto;
}
main .col-center .live-sports .sports-slider .swiper-slide {
  width: 180px !important;
  background: var(--gradient-bg-1);
  box-shadow: var(--live-sport-shadow);
  align-items: center;
  height: 85px;
  border-radius: 45px;
  margin: 10px;
  position: relative;
  transform: none;
}
main .col-center .live-sports .sports-slider .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background: linear-gradient(290deg, var(--primary-color) 10%, #f9f9f9 70%);
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details {
  position: relative;
  top: 10px;
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details .team-1,
main .col-center .live-sports .sports-slider .swiper-slide .team-details .team-2 {
  text-align: center;
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details .team-bg {
  background-color: var(--icon-bg);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details .team-bg img {
  width: 30px;
  height: 30px;
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details .vs-img {
  margin: 0px 6px;
  position: relative;
  top: -11px;
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details .vs-img svg {
  width: 25px;
  height: 25px;
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details .vs-img svg path {
  fill: var(--primary-color);
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details .team-title {
  position: relative;
  top: 3px;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--primary-text-color);
  display: inline-block;
  width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details .team-title .marquee {
  position: relative;
  overflow: hidden;
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details .team-title .marquee .marquee-inner {
  display: inline-block;
  width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  animation: marquee_reverse 5s linear infinite;
  animation-play-state: paused;
}
@keyframes marquee_reverse {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-80%);
  }
}
main .col-center .live-sports .sports-slider .swiper-slide .team-details .team-title:hover .marquee-inner {
  text-overflow: inherit;
  width: auto;
  animation-play-state: running;
  animation: marquee 5s linear infinite;
}
main .col-center .live-sports .sports-slider .swiper-slide .number {
  width: 50px;
  margin: auto;
  position: relative;
  bottom: -20px;
  border-radius: 5px;
}
main .col-center .live-sports .sports-slider .swiper-slide .number .left-no {
  background-color: var(--primary-color);
  width: 25px;
  text-align: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: var(--primary-text-color);
  font-size: 15px;
  font-weight: 600;
}
main .col-center .live-sports .sports-slider .swiper-slide .number .right-no {
  background-color: var(--secondary-color);
  width: 25px;
  text-align: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--primary-color);
  font-size: 15px;
  font-weight: 600;
}
main .col-center .live-sports .sports-slider .swiper-button-next {
  right: -35px;
  top: 44%;
}
main .col-center .live-sports .sports-slider .swiper-button-prev {
  left: -35px;
  top: 44%;
}
main .col-center .live-sports .sports-slider .swiper-button-next,
main .col-center .live-sports .sports-slider .swiper-button-prev {
  height: 25px;
  --swiper-navigation-size: 20px;
  color: var(--primary-text-color);
  width: 25px;
  border-radius: 8px;
  font-weight: 700;
}
main .col-center .popular-games.trending-games .popular-scroll .slider-scroll .populer-slider .item_main {
  border: none;
  padding: 0;
}
main .col-center .popular-games .popular-title {
  width: auto;
  min-width: 120px;
  height: 30px;
  text-align: center;
  left: 0px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--inplay-collapsible-title);
  position: relative;
}
main .col-center .popular-games .popular-title .live-event-title {
  display: flex;
  align-items: center;
  position: relative;
  padding: 15px 5px 0px 0px;
  justify-content: flex-start;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  text-transform: capitalize;
}
main .col-center .popular-games .popular-title .live-event-title .icon-holder-big {
  margin: inherit;
}
main .col-center .popular-games .popular-games-bg {
  background: transparent;
  padding: 8px 0px 0px;
  border-radius: 10px;
  margin: 0px 0 0px;
  display: block;
  width: 100%;
  height: 100%;
  cursor: default;
}
main .col-center .popular-games .popular-scroll {
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 2.25rem;
  scrollbar-width: none;
  width: 100%;
  height: 100%;
}
main .col-center .popular-games .popular-scroll .slider-scroll {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider {
  position: relative;
  margin-top: 0;
  display: flex;
  flex-wrap: nowrap;
}
main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider .item_main {
  margin: 12px 5px 0 1px;
  width: 130px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--play-with-border);
  border-radius: 8px;
  background: var(--background-color);
  padding: 3px;
}
main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider .item_main a img {
  max-width: 100%;
  border-radius: 8px;
  display: block;
}
main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider .item_main:hover::before {
  opacity: 0.8;
  background-color: var(--secondary-color);
  background-image: linear-gradient(#3f3f4f 10%, #000000 100%);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
  border-radius: 8px;
}
main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider .item_main:hover .play-btn {
  transform: translateY(10px);
  opacity: 1;
}
main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider .item_main .play-btn {
  transition: 0.7s;
  position: absolute;
  top: 23%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 9;
  height: 16px;
  line-height: 1.1;
  opacity: 0;
  cursor: pointer;
}
main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider .item_main .play-btn h4 {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  height: auto;
  line-height: 1.3;
  color: var(--white-text);
  background-color: transparent;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0 5px;
}
main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider .item_main .play-btn h4 .sub-title {
  font-size: 9px;
}
main .col-center .popular-games .popular-scroll.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main .col-center .popular-games .slide-arrow {
  position: absolute;
  width: 99%;
  height: auto;
  top: 42%;
}
main .col-center .popular-games .slide-arrow .left-arrow {
  position: absolute;
  left: -10px;
  color: var(--primary-text-color);
  transition: all 0.3s ease-in;
}
main .col-center .popular-games .slide-arrow .left-arrow i {
  font-size: 12px;
}
main .col-center .popular-games .slide-arrow .right-arrow {
  position: absolute;
  right: 0px;
  color: var(--primary-text-color);
  transition: all 0.3s ease-in;
}
main .col-center .popular-games .slide-arrow .right-arrow i {
  font-size: 12px;
}
main .col-center .all-sports-dropdown .sports-dropdown {
  display: flex;
  margin: 10px 5px;
  position: relative;
  max-width: 100%;
}
main .col-center .all-sports-dropdown .sports-dropdown li {
  display: block;
  float: left;
  width: 100%;
  max-width: 220px;
  margin: 0 5px;
}
main .col-center .all-sports-dropdown .sports-dropdown li .game-dropdown,
main .col-center .all-sports-dropdown .sports-dropdown li .date-dropdown,
main .col-center .all-sports-dropdown .sports-dropdown li .tournaments-dropdown {
  display: flex;
  align-items: center;
  color: var(--dropdown-text);
  font-size: 14px;
  font-weight: 600;
  border-radius: 200px;
  cursor: pointer;
  padding: 10px 22px 10px 12px;
  height: 40px;
  transition: all 0.2s;
  position: relative;
  width: 100%;
  line-height: 1.1;
}
main .col-center .all-sports-dropdown .sports-dropdown li .game-dropdown span,
main .col-center .all-sports-dropdown .sports-dropdown li .date-dropdown span,
main .col-center .all-sports-dropdown .sports-dropdown li .tournaments-dropdown span {
  z-index: 1;
  display: flex;
  align-items: center;
}
main .col-center .all-sports-dropdown .sports-dropdown li .game-dropdown span svg,
main .col-center .all-sports-dropdown .sports-dropdown li .date-dropdown span svg,
main .col-center .all-sports-dropdown .sports-dropdown li .tournaments-dropdown span svg {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
main .col-center .all-sports-dropdown .sports-dropdown li .game-dropdown .icon-holder-big,
main .col-center .all-sports-dropdown .sports-dropdown li .date-dropdown .icon-holder-big,
main .col-center .all-sports-dropdown .sports-dropdown li .tournaments-dropdown .icon-holder-big {
  margin: 0;
}
main .col-center .all-sports-dropdown .sports-dropdown li .game-dropdown i,
main .col-center .all-sports-dropdown .sports-dropdown li .date-dropdown i,
main .col-center .all-sports-dropdown .sports-dropdown li .tournaments-dropdown i {
  position: absolute;
  right: 10px;
}
main .col-center .all-sports-dropdown .sports-dropdown li .game-dropdown::before,
main .col-center .all-sports-dropdown .sports-dropdown li .date-dropdown::before,
main .col-center .all-sports-dropdown .sports-dropdown li .tournaments-dropdown::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-radius: inherit;
  background-color: var(--dropdown-bg);
}
main .col-center .all-sports-dropdown .sports-dropdown li .game-dropdown::after,
main .col-center .all-sports-dropdown .sports-dropdown li .date-dropdown::after,
main .col-center .all-sports-dropdown .sports-dropdown li .tournaments-dropdown::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(290deg, var(--dropdown-border) 10%, var(--primary-color) 70%);
}
main .col-center .all-sports-dropdown .sports-dropdown li .dropdown-content {
  top: 40px !important;
  left: auto !important;
  border-radius: 10px;
  z-index: 9;
  position: absolute;
  min-width: 100px;
  max-height: 250px;
  border: none;
  background-image: none;
}
main .col-center .all-sports-dropdown .sports-dropdown li .dropdown-content li {
  line-height: 1;
  min-height: 30px;
  padding: 0 7px;
  background-color: transparent;
  border-bottom: none;
  transition: ease-in 0.2s;
  margin: 0;
  display: flex;
  width: 100%;
  align-items: center;
  transition: all ease-in 0.3s;
}
main .col-center .all-sports-dropdown .sports-dropdown li .dropdown-content li a {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
main .col-center .all-sports-dropdown .sports-dropdown li .dropdown-content li a .icon-holder-big {
  margin: 0;
  margin-right: 5px;
}
main .col-center .all-sports-dropdown .sports-dropdown li .dropdown-content li:hover {
  background: var(--primary-color);
  transition: all ease-in 0.3s;
}
main .col-center .all-sports-dropdown .sports-dropdown li .dropdown-content li:hover a {
  color: var(--white-text) !important;
}
main .col-center .all-sports-dropdown .sports-dropdown li .dropdown-content li:hover a .sports-icon {
  background-image: url("https://cdn.cloudd.live/content/assets/images/new-beta-sports-icons.png?v=0.6");
}
main .col-center .live-events {
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 2.25rem;
  scrollbar-width: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 5px 5px 5px 0;
  position: relative;
  bottom: 0px;
}
main .col-center .live-events .slider-scroll {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
main .col-center .live-events .slider-scroll .scroll-slider {
  display: flex;
  flex-wrap: nowrap;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items {
  display: inline-block;
  text-align: center;
  min-width: 240px;
  width: auto;
  height: auto;
  background: var(--gradient-bg-1);
  box-shadow: var(--button-shadow);
  align-items: center;
  border-radius: 15px;
  margin: 5px;
  position: relative;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .live-event-title {
  background-color: var(--primary-color);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 1px 5px 1px 1px;
  text-align: left;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .live-event-title .live-title {
  position: relative;
  background-color: transparent;
  color: var(--white-text);
  border-radius: 0;
  font-size: 11px;
  padding: 2px 2px 2px 8px;
  line-height: 100%;
  text-transform: uppercase;
  margin-right: 0;
  height: 100%;
  border-right: 1px solid var(--border-color3);
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .live-event-title .event-name {
  color: var(--white-text);
  font-size: 12px;
  font-weight: 600;
  padding-left: 5px;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams {
  display: grid;
  padding: 5px;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-1,
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-2 {
  padding: 5px 2px;
  display: flex;
  width: auto;
  float: left;
  align-items: center;
  justify-content: space-between;
  float: left;
  position: relative;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-1 .teams-details,
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-2 .teams-details {
  display: flex;
  align-items: center;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-1 .teams-details .team-bg,
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-2 .teams-details .team-bg {
  background-color: var(--icon-bg);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-1 .teams-details .team-bg img,
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-2 .teams-details .team-bg img {
  max-width: 35px;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-1 .teams-details .team-title,
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-2 .teams-details .team-title {
  padding: 0 5px;
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-1 .score,
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-2 .score {
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 600;
  padding-left: 5px;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-1 .teams-details .team-title {
  position: relative;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-1 .teams-details .team-title::after {
  position: absolute;
  border-bottom: 1px solid var(--primary-color);
  content: "";
  width: 95%;
  left: 4px;
  bottom: -6px;
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-1 .no-icon {
  background-color: var(--team-1-no-icon-bg);
  color: var(--teams-no-icon-text);
}
main .col-center .live-events .slider-scroll .scroll-slider .event-items .event-teams .team-2 .no-icon {
  background-color: var(--team-2-no-icon-bg);
  color: var(--teams-no-icon-text);
}
main .col-center .live-events.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main .col-center .blog-section {
  padding: 0 5px;
}
main .col-center .blog-section .blog-image img {
  border-radius: 10px;
}
main .col-center .blog-section .blog-image nav {
  box-shadow: unset;
  margin: auto;
  height: 70px;
  margin-top: -47px;
  position: relative;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 2.25rem;
  scrollbar-width: none;
  text-align: center;
  background-color: transparent;
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 10px;
  z-index: 1;
  padding: 0;
}
main .col-center .blog-section .blog-image nav .nav-wrapper {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  background-color: var(--blog-nav-bg);
  padding: 0px 20px;
  border-radius: 10px;
}
main .col-center .blog-section .blog-image nav .nav-wrapper ul {
  height: 100%;
  flex-wrap: nowrap;
  display: flex !important;
}
main .col-center .blog-section .blog-image nav .nav-wrapper ul li {
  margin-right: 20px;
  line-height: inherit;
}
main .col-center .blog-section .blog-image nav .nav-wrapper ul li a {
  color: var(--blog-menu-text);
  font-size: 14px !important;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  position: relative;
  height: 100%;
  font-weight: 400;
}
main .col-center .blog-section .blog-image nav .nav-wrapper ul li a:hover {
  color: var(--blog-menu-active-text);
  background-color: var(--blog-menu-active-bg);
  border-bottom: 4px solid var(--blog-menu-active-border);
}
main .col-center .blog-section .blog-image nav .nav-wrapper ul li a.active {
  color: var(--blog-menu-active-text);
  background-color: var(--blog-menu-active-bg);
  border-bottom: 4px solid var(--blog-menu-active-border);
}
main .col-center .blog-section .blog-image nav .nav-wrapper ul li:last-child {
  margin-right: 0;
}
main .col-center .blog-section .blog-item-section {
  margin-top: 18px;
  padding: 0 3px;
}
main .col-center .blog-section .blog-item-section .row .col.xl7 {
  width: 70%;
  padding-right: 30px;
}
main .col-center .blog-section .blog-item-section .row .col.xl5 {
  width: 30%;
}
main .col-center .blog-section .blog-item-section .blog-block {
  margin-bottom: 16px;
  overflow: hidden;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_title {
  color: var(--blog-text);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.38px;
  text-transform: capitalize;
  margin-top: 0px;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_title:after {
  content: "";
  border-bottom: 2px solid var(--blog-title-border);
  display: block;
  width: 30px;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider {
  position: relative;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 {
  border-radius: 10px;
  background: var(--blog-card-bg);
  box-shadow: var(--blog-card-shadow);
  height: auto;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card {
  padding: 24px 30px;
  margin: 0px;
  height: 100%;
  background: transparent;
  box-shadow: none;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-image img {
  transition: all 0.5s ease;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-image:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -100%;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(16, 18, 21, 0.41) 51.04%, rgba(204, 255, 0, 0.4) 100%);
  z-index: 9;
  transition: all 0.5s ease;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content {
  padding: 25px 0px 0px;
  border-radius: 0;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .blog-details {
  margin: 0 0px 7px;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .blog-details .date i {
  color: var(--blog-icon-text);
  margin-right: 10px;
  font-size: 17px;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .blog-details .date span {
  color: var(--blog-text);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: capitalize;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .blog-details.justify-content-between {
  justify-content: space-between !important;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .more-link {
  width: 33px;
  height: 33px;
  border: 1px solid var(--blog-link-border);
  border-left-width: 2px;
  border-right-width: 2px;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  background: var(--blog-link-bg);
  line-height: 37px;
  text-align: center;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .more-link svg {
  fill: var(--blog-link-text);
  width: 30px;
  height: 15px;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-title {
  color: var(--blog-text);
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 0;
  font-weight: 500;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card:hover .card-image::after {
  bottom: 0;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card:hover .card-image img {
  transform: scale(1.1);
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card:hover .card-content .card-title {
  color: var(--blog-hover-text);
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card:hover .card-content .more-link {
  border-color: var(--blog-hover-link-border);
  background: var(--blog-hover-link-bg);
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card:hover .card-content .more-link svg {
  fill: var(--blog-link-hover);
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .swiper-button-next,
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .swiper-button-prev {
  color: var(--primary-text-color);
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .swiper-button-next::after,
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .swiper-button-prev::after {
  font-size: 16px;
  font-weight: 900;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .swiper-button-next {
  right: 0;
}
main .col-center .blog-section .blog-item-section .blog-block .blog_slider .swiper-button-prev {
  left: 0;
}
main .col-center .blog-section h1,
main .col-center .blog-section h2,
main .col-center .blog-section h3,
main .col-center .blog-section h4,
main .col-center .blog-section h5 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  color: var(--blog-text);
}
main .col-center .blog-section img {
  width: 100%;
  border-radius: 10px;
}
main .col-center .blog-section ol {
  padding-left: 15px;
}
main .col-center .blog-section ol li {
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  color: var(--blog-details-text);
}
main .col-center .blog-section ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  color: var(--blog-details-text);
}
main .col-center .blog-item-section .inner-breadcumbs nav {
  background-color: transparent;
  box-shadow: unset;
  border-bottom: 1px solid var(--blog-breadcrumb-border);
  height: auto;
  line-height: unset;
  margin-bottom: 15px;
}
main .col-center .blog-item-section .inner-breadcumbs nav a {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: var(--blog-text);
}
main .col-center .blog-item-section .inner-breadcumbs nav a:before {
  display: none;
}
main .col-center .blog-item-section .inner-breadcumbs nav a i {
  float: unset !important;
  font-size: 10px;
  margin: 0px 9px;
  height: auto;
  line-height: 1;
}
main .col-center .blog-item-section .inner-breadcumbs nav a.active {
  color: var(--blog-breadcrumb-active);
}
main .col-center .blog-item-section .inner-breadcumbs .nav-wrapper {
  padding-bottom: 15px !important;
}
main .col-center .blog-item-section .blog-desc .details_img {
  position: relative;
  margin-bottom: 15px;
}
main .col-center .blog-item-section .blog-desc .details_img img {
  width: 100%;
  border-radius: 10px;
}
main .col-center .blog-item-section .blog-desc .details_img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 98%;
  border-radius: 10px;
  background-color: var(--blog-img-overlay);
}
main .col-center .blog-item-section .blog-desc .details_img .all-bages {
  display: flex;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 9;
}
main .col-center .blog-item-section .blog-desc .details_img .all-bages span.badge {
  padding: 8px 16px;
  height: auto;
  border-radius: 20px;
  font-size: 15px;
  line-height: 18px;
  color: var(--blog-badges-text);
  background-color: var(--blog-badges-bg);
  text-transform: uppercase;
  font-weight: 600;
  margin: 0px 10px 0px 0px;
  cursor: pointer;
}
main .col-center .blog-item-section .blog-desc .main-description .title {
  margin-bottom: 10px;
}
main .col-center .blog-item-section .blog-desc .main-description .title h6 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  color: var(--blog-text);
}
main .col-center .blog-item-section .blog-desc .main-description .title .date i {
  color: var(--blog-icon-text);
  margin-right: 12px;
  font-size: 18px;
}
main .col-center .blog-item-section .blog-desc .main-description .title .date span {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: var(--blog-text);
  font-weight: 500;
}
main .col-center .blog-item-section .blog-desc .main-description .title.justify-content-between {
  justify-content: space-between !important;
}
main .col-center .blog-item-section .blog-desc .main-description p {
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  color: var(--blog-details-text);
  margin-bottom: 20px;
}
main .col-center .blog-item-section .blog-desc .blog-accordian {
  margin-top: 40px;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible {
  box-shadow: unset;
  border: unset;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li {
  margin-bottom: 10px;
  background: var(--blog-collaps-bg);
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: var(--blog-collaps-border);
  border-radius: 20px;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-header {
  border-bottom: unset !important;
  padding: 20px 20px !important;
  font-size: 16px;
  line-height: 27px;
  background: transparent;
  color: var(--blog-text);
  font-weight: 500;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-header span {
  width: 80%;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-header i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
  color: var(--blog-collaps-icon);
  background-color: var(--blog-collaps-icon-bg);
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-header.justify-content-between {
  justify-content: space-between !important;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-body {
  background: var(--blog-collaps-bg) !important;
  border-bottom: unset !important;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-top: 10px !important;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-body ul {
  padding-left: 30px !important;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-body ul li {
  position: relative;
  border: unset;
  border-radius: unset;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-body ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -29px;
  width: 10px;
  height: 10px;
  background-color: var(--blog-list-bg);
  border-radius: 50%;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-body ul li p {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  line-height: unset;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li.active {
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: var(--blog-collaps-active-border);
  border-radius: 20px;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li.active .collapsible-header {
  border-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 0px !important;
}
main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li.active .collapsible-header i {
  transform: rotate(180deg);
}
main .col-center .rightbox h5 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--blog-text);
  text-transform: capitalize;
  border-bottom: 1px solid var(--blog-breadcrumb-border);
  margin: 0px 0px 20px;
  line-height: 24px;
  padding-bottom: 15px;
}
main .col-center .rightbox .card {
  border-radius: 10px;
  background: var(--blog-card-bg);
  box-shadow: var(--blog-card-shadow);
  padding: 24px 30px;
  position: relative;
}
main .col-center .rightbox .card .card-image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
main .col-center .rightbox .card .card-image img {
  border-radius: 10px;
  width: 100%;
  transition: all 0.5s ease;
}
main .col-center .rightbox .card .card-image:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -100%;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(16, 18, 21, 0.41) 51.04%, rgba(204, 255, 0, 0.4) 100%);
  z-index: 9;
  transition: all 0.5s ease;
}
main .col-center .rightbox .card .card-content {
  padding: 25px 0px 0px;
  border-radius: 0;
}
main .col-center .rightbox .card .card-content .blog-details {
  margin-bottom: 7px;
}
main .col-center .rightbox .card .card-content .blog-details .date i {
  color: var(--blog-icon-text);
  margin-right: 10px;
  font-size: 18px;
}
main .col-center .rightbox .card .card-content .blog-details .date span {
  color: var(--blog-text);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: capitalize;
}
main .col-center .rightbox .card .card-content .blog-details.justify-content-between {
  justify-content: space-between !important;
}
main .col-center .rightbox .card .card-content .more-link {
  width: 33px;
  height: 33px;
  border: 1px solid var(--blog-link-border);
  border-left-width: 2px;
  border-right-width: 2px;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  background: var(--blog-link-bg);
  line-height: 37px;
  text-align: center;
}
main .col-center .rightbox .card .card-content .more-link svg {
  fill: var(--blog-link-text);
  width: 30px;
  height: 15px;
}
main .col-center .rightbox .card .card-title {
  color: var(--blog-text);
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 0;
  font-weight: 600;
}
main .col-center .rightbox .card:hover .card-image::after {
  bottom: 0;
}
main .col-center .rightbox .card:hover .card-image img {
  transform: scale(1.1);
}
main .col-center .rightbox .card:hover .card-content .card-title {
  color: var(--blog-hover-text);
}
main .col-center .rightbox .card:hover .card-content .more-link {
  border-color: var(--blog-hover-link-border);
  background: var(--blog-hover-link-bg);
}
main .col-center .rightbox .card:hover .card-content .more-link svg {
  fill: var(--blog-link-hover);
}
main .col-center .rightbox .card .all-bages {
  position: absolute;
  top: 44px;
  left: 49px;
  z-index: 9;
}
main .col-center .rightbox .card .all-bages span.badge {
  padding: 8px 16px;
  height: auto;
  border-radius: 20px;
  font-size: 15px;
  line-height: 18px;
  color: var(--blog-badges-text);
  background-color: var(--blog-badges-bg);
  text-transform: uppercase;
  font-weight: 600;
  margin: 0px 10px 0px 0px;
  cursor: pointer;
}
main .col-center .rightsidebar {
  position: fixed;
  top: 0;
  right: 15px;
  bottom: 10px;
  margin-top: 80px;
  height: auto;
  width: 300px;
  z-index: 1;
  border-radius: 20px;
  background-color: var(--rightsidebar-bg);
  overflow-x: scroll;
  box-shadow: var(--box-shadow4);
  border: 1px solid var(--play-with-border);
}
main .col-center .rightsidebar .live-match {
  padding-left: 5px;
  padding-right: 5px;
}
main .col-center .rightsidebar .live-match .title h3 {
  padding: 10px;
  font-size: 13px;
  text-align: left;
  margin-bottom: 0;
  margin-top: 0;
  color: var(--primary-text-color);
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main .col-center .rightsidebar .live-match .title h3 .icons {
  display: flex;
  align-items: center;
}
main .col-center .rightsidebar .live-match .title h3 .icons svg {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
main .col-center .rightsidebar .live-match .title h3 .icons svg path {
  fill: var(--primary-text-color);
}
main .col-center .rightsidebar .live-match .title h3 .live-tv-icon svg {
  width: 20px;
  height: 20px;
}
main .col-center .rightsidebar .live-match .title h3 .live-tv-icon svg path,
main .col-center .rightsidebar .live-match .title h3 .live-tv-icon svg rect {
  fill: var(--primary-text-color);
}
main .col-center .rightsidebar .live-match .title h3 .live-tv-icon svg.close-btn path {
  stroke: var(--primary-color);
}
main .col-center .rightsidebar .promotion-tab ul.tabs {
  height: 30px;
  justify-content: center;
  display: flex;
  background-color: var(--rightsidebar-bg);
}
main .col-center .rightsidebar .promotion-tab ul.tabs li.tab {
  line-height: 30px;
  height: 30px;
  margin-top: 5px;
}
main .col-center .rightsidebar .promotion-tab ul.tabs li.tab a {
  font-size: 13px;
  font-weight: 400;
  color: var(--right-menu-text-light-color);
  text-transform: capitalize;
  padding: 0 10px;
  border-right: 1px solid var(--recent-activity-bg);
}
main .col-center .rightsidebar .promotion-tab ul.tabs li.tab a:focus, main .col-center .rightsidebar .promotion-tab ul.tabs li.tab a.active {
  color: var(--right-menu-text-color);
  background-color: transparent;
  font-weight: 600;
}
main .col-center .rightsidebar .promotion-tab ul.tabs li:nth-last-child(2) a {
  border-right: 0;
}
main .col-center .rightsidebar .promotion-tab ul.tabs .indicator {
  background-color: transparent;
}
main .col-center .rightsidebar .promotion-tab .tab-contents {
  margin: 7px 7px 0;
  height: 100%;
  border-radius: 8px;
  overflow: auto;
}
main .col-center .rightsidebar .promotion-tab .tab-contents #promo-tab,
main .col-center .rightsidebar .promotion-tab .tab-contents #cash-tab {
  padding: 10px;
  color: var(--primary-text-color);
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act {
  border-radius: 8px;
  padding: 8px 5px;
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act:nth-child(odd) {
  background: var(--recent-activity-bg);
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act:nth-child(even) {
  background-color: transparent;
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act a.act-name {
  display: flex;
  transition: all 0.5s;
  cursor: pointer;
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act a.act-name .icon-holder-verysmall {
  position: relative;
  top: 2px;
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act a.act-name .title {
  font-size: 11px;
  font-weight: 500;
  color: var(--recent-activity-subtitle);
  display: block;
  line-height: 1.2;
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act a.act-name .title .sport-name {
  line-height: 1;
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act a.act-name .team-name {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: capitalize;
  color: var(--recent-activity-title);
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act a.act-name .team-name .vs-img {
  margin: 0 5px;
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act a.act-name .team-name .vs-img svg {
  width: 13px;
  height: 13px;
  position: relative;
  top: 4px;
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act a.act-name .team-name .vs-img svg path {
  fill: var(--third-color);
}
main .col-center .rightsidebar .promotion-tab .tab-contents .recent-act a:hover {
  margin-left: 5px;
  transition: all 0.5s;
}
main .col-center .rightsidebar .livecasino {
  width: 100%;
  padding: 0px 6px 10px;
}
main .col-center .rightsidebar .livecasino .title {
  margin: 5px 0 10px;
  display: flex;
  justify-content: space-around;
}
main .col-center .rightsidebar .livecasino .title .casino-title {
  padding: 5px 10px;
  font-size: 13px;
  margin-bottom: 0;
  line-height: 28px;
  margin-top: 0;
  color: var(--right-menu-text-light-color);
  font-weight: 500;
  border-right: 1px solid var(--recent-activity-bg);
  cursor: pointer;
  position: relative;
  flex-grow: 1;
  text-align: center;
}
main .col-center .rightsidebar .livecasino .title .casino-title.active {
  color: var(--right-menu-text-color);
  font-weight: 400;
}
main .col-center .rightsidebar .livecasino .title .casino-title:last-child {
  border-right: 0;
}
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap .game-item {
  width: 48.5%;
  height: auto;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  margin: 2px;
  transition: all 0.4s ease-out;
  z-index: 1;
  border-radius: 10px;
}
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap .game-item .blink-new {
  top: 5px;
  right: 5px;
}
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap .game-item .thumb {
  display: flex;
  align-items: center;
}
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap .game-item .thumb img {
  border-radius: 10px;
  width: 100%;
  height: auto;
}
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap .game-item .play-btn {
  transition: 0.7s;
  position: absolute;
  top: 28%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 9;
  height: 16px;
  line-height: 1.1;
  opacity: 0;
}
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap .game-item .play-btn a {
  color: var(--black-text);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 15px;
  line-height: 1.1;
  font-size: 10px;
  font-weight: 600;
  position: relative;
  z-index: 2;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-decoration: none !important;
}
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap .game-item:hover::before {
  opacity: 0.8;
  background-image: var(--provider-hover-color);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 8px;
}
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap .game-item:hover .play-btn {
  transform: translateY(10px);
  opacity: 1;
}
main .col-center .rightsidebar .livecasino .game-slider .flex-wrap .game-item:hover .caption {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
main .col-center .promo-tab {
  background-color: var(--background-color);
  border-radius: 12px;
  margin: 0px 0px 10px;
  padding-bottom: 8px;
  border: 1px solid var(--play-with-border);
}
main .col-center .promo-tab .sports-btn {
  text-align: center;
}
main .col-center .promo-tab .sports-btn a {
  padding: 2px 10px;
  font-size: 13px;
  text-transform: capitalize;
  color: var(--primary-text-color);
  font-weight: 500;
  cursor: pointer;
  position: relative;
  text-align: center;
  box-shadow: var(--casino-shadow);
  margin: 18px 5px 8px;
  border-radius: 8px;
  min-width: 80px;
  height: 40px;
  line-height: 30px;
  display: inline-block;
  transition: all 0.3s ease-in;
  border: 2px solid var(--border-color);
}
main .col-center .promo-tab .sports-btn a.active, main .col-center .promo-tab .sports-btn a:hover {
  border: 2px solid var(--primary-color);
  background-color: var(--primary-color);
  color: var(--black-text);
  box-shadow: none;
}
main .col-center .promo-tab .promo-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
main .col-center .promo-tab .promo-details .coupens {
  width: 48%;
  border-radius: 10px;
  background: var(--coupen-bg);
  margin: 5px;
  padding: 17px 17px 8px 17px;
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid var(--play-with-border);
  transition: all 0.3s ease-in;
}
main .col-center .promo-tab .promo-details .coupens:hover, main .col-center .promo-tab .promo-details .coupens.active {
  border: 1px solid var(--primary-color);
  transition: all 0.3s ease-in;
}
main .col-center .promo-tab .promo-details .coupens .coupens-position {
  position: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  height: 185px;
  max-height: 185px;
  border-radius: 12px;
  background-position: top;
  background-color: var(--coupens-promo-bg);
}
main .col-center .promo-tab .promo-details .coupens .coupens-position .coupens-top-part {
  display: flex;
  padding: 20px 0px 8px 20px;
  border-radius: 10px;
}
main .col-center .promo-tab .promo-details .coupens .coupens-position .coupens-top-part .coupens-text {
  width: 75%;
}
main .col-center .promo-tab .promo-details .coupens .coupens-position .coupens-top-part .coupens-img {
  width: 50%;
}
main .col-center .promo-tab .promo-details .coupens .coupens-position .coupens-top-part .coupens-img img {
  mix-blend-mode: luminosity;
  width: 100%;
  height: 100%;
}
main .col-center .promo-tab .promo-details .coupens .coupens-bottom-text {
  display: flex;
  justify-content: space-between;
  padding: 15px 0 10px;
}
main .col-center .promo-tab .promo-details .coupens .event-btn {
  margin: 2% 0;
}
main .col-center .promo-tab .promo-details .coupens .event-btn .btn {
  color: var(--black-text);
  background-color: var(--third-color);
  border-radius: 4px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  width: 90px;
  font-size: 14px;
  font-weight: 600;
}
main .col-center .promo-tab .promo-details .coupens .title {
  font-size: 2.2vw;
  font-weight: 600;
  color: var(--third-color);
  z-index: 9;
}
main .col-center .promo-tab .promo-details .coupens .title2 {
  font-size: 25px;
  font-weight: 600;
  color: var(--white-text);
  line-height: 1.1;
  margin-bottom: 10px;
  text-transform: capitalize;
}
main .col-center .promo-tab .promo-details .coupens .cash {
  font-size: 14px;
  max-width: 191px;
  font-weight: 400;
  color: var(--white-text);
  line-height: 1.1;
}
main .col-center .promo-tab .promo-details .coupens .coupens-bets {
  color: var(--coupens-bets-text);
  font-weight: 500;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.1;
}
main .col-center .promo-tab .promo-details .coupens .timer {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary-text-color);
  display: flex;
  max-width: 226px;
  padding: 5px 0px 9px 0px;
}
main .col-center .promo-tab .promo-details .coupens .timer .icon {
  background-color: var(--coupens-icon-bg);
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
main .col-center .promo-tab .promo-details .coupens .timer .icon svg {
  width: 20px;
  height: 20px;
}
main .col-center .promo-tab .promo-details .coupens .timer .icon svg path {
  fill: var(--white-text);
}
main .col-center .promo-tab .promo-details .coupens .timer .time .end-in {
  font-size: 12px;
  font-weight: 500;
  color: var(--coupens-end-in-text);
}
main .col-center .promo-tab .promo-details .coupens .timer .time .days {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  color: var(--coupens-days-text);
}
main .col-center .promo-tab .promo-details .coupens .read-more {
  position: inherit;
  padding: 0;
  margin-left: 10px;
  width: 30%;
  text-align: right;
}
main .col-center .promo-tab .promo-details .coupens .read-more a {
  background: var(--coupens-icon-bg);
  color: var(--coupens-read-more);
  border-radius: 12px;
  font-weight: 500;
  transition: all 0.2s ease-in;
  bottom: 30px;
  width: 125px;
  height: 50px;
  line-height: 50px;
  margin: 0 2px;
  font-size: 13px;
  display: inline-block;
  padding: 0;
  text-align: center;
}
main .col-center .promo-tab .promo-details .coupens .read-more a:hover {
  color: var(--black-text);
  background-color: var(--primary-color);
  transition: all 0.2s ease-in;
}
main .col-center .promo-details-tab {
  padding: 10px;
  background-color: var(--background-color);
  border-radius: 12px;
  margin: 10px 0;
  border: 1px solid var(--play-with-border);
}
main .col-center .promo-details-tab .pdetails .top-details {
  display: flex;
}
main .col-center .promo-details-tab .pdetails .top-details .bonus-detail {
  border-radius: 10px;
  background-position-y: 20%;
  background-position-x: 10px;
  position: relative;
}
main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .offer-details {
  float: left;
}
main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .offer-details .title {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
  margin: 15px 5px 5px;
  color: var(--primary-text-color);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .offer-details .team-title {
  font-size: 14px;
  font-weight: 500;
  margin: 2px 5px;
  color: var(--primary-text-color);
  line-height: 1.5;
}
main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .back-button .btn {
  background-color: var(--primary-color);
  color: var(--black-text);
  border-radius: 5px;
  font-weight: 600;
  padding: 5px 10px;
  width: 100%;
  height: 40px;
  line-height: 2.3;
  cursor: pointer;
  font-size: 13px;
  text-transform: capitalize;
  transition: all 0.2s;
  position: relative;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  box-shadow: none;
  letter-spacing: 0;
  border: 1px solid var(--forth-color);
  background: linear-gradient(to right, var(--button-color2) 50%, var(--primary-color) 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .back-button .btn i {
  font-size: 12px;
  margin-right: 2px;
}
main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .back-button .btn:hover, main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .back-button .btn.active {
  color: var(--white-color) !important;
  transition: all 0.3s;
  background-position: left bottom;
}
main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .back-button .btn:hover .animate-btn, main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .back-button .btn.active .animate-btn {
  color: var(--white-color) !important;
}
main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .back-button .btn .animate-btn {
  z-index: 1;
  position: relative;
}
main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .promo-code {
  font-size: 16px;
  color: var(--primary-text-color);
  float: right;
  line-height: 1.2;
  margin: 15px 5px 5px;
  font-weight: 500;
}
main .col-center .promo-details-tab .pdetails .top-details .promo-image {
  padding-right: 0;
  display: flex;
  align-items: center;
}
main .col-center .promo-details-tab .pdetails .top-details .promo-image img {
  border-radius: 8px;
}
main .col-center .promo-details-tab .pdetails .promo-tabs {
  margin: 5px 0;
  padding: 5px 10px;
}
main .col-center .promo-details-tab .pdetails .promo-tabs ul.tabs {
  background-color: transparent;
  border-radius: 8px;
  margin: 5px 0;
  height: 30px;
}
main .col-center .promo-details-tab .pdetails .promo-tabs ul.tabs .tab {
  line-height: 30px;
  height: 30px;
}
main .col-center .promo-details-tab .pdetails .promo-tabs ul.tabs .tab a {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
  text-transform: capitalize;
  padding: 0 10px;
}
main .col-center .promo-details-tab .pdetails .promo-tabs ul.tabs .tab a:focus, main .col-center .promo-details-tab .pdetails .promo-tabs ul.tabs .tab a.active {
  background-color: transparent;
  font-weight: 600;
}
main .col-center .promo-details-tab .pdetails .promo-tabs ul.tabs .indicator {
  background: var(--button-bg);
}
main .col-center .promo-details-tab .pdetails .promo-tabs .tab-contents {
  padding: 2px 10px 2px 10px;
}
main .col-center .promo-details-tab .pdetails .promo-tabs .tab-contents .details p {
  margin: 5px 0;
  color: var(--primary-text-color);
  font-size: 13px;
  font-weight: 400;
}
main .col-center .promo-details-tab .pdetails .promo-tabs .play-now-btn .btn {
  background-color: var(--primary-color);
  color: var(--black-text);
  border-radius: 5px;
  font-weight: 600;
  padding: 5px 10px;
  height: 40px;
  line-height: 2.3;
  cursor: pointer;
  font-size: 13px;
  text-transform: uppercase;
  transition: all 0.2s;
  position: relative;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 10px;
  box-shadow: none;
  width: 100%;
  max-width: 180px;
  display: block;
  border: 1px solid var(--forth-color);
  background: linear-gradient(to right, var(--button-color2) 50%, var(--primary-color) 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
main .col-center .promo-details-tab .pdetails .promo-tabs .play-now-btn .btn i {
  font-size: 12px;
  margin-right: 2px;
}
main .col-center .promo-details-tab .pdetails .promo-tabs .play-now-btn .btn:hover, main .col-center .promo-details-tab .pdetails .promo-tabs .play-now-btn .btn.active {
  color: var(--white-color) !important;
  transition: all 0.3s;
  background-position: left bottom;
}
main .col-center .promo-details-tab .pdetails .promo-tabs .play-now-btn .btn:hover .animate-btn, main .col-center .promo-details-tab .pdetails .promo-tabs .play-now-btn .btn.active .animate-btn {
  color: var(--primary-color) !important;
}
main .col-center .promo-details-tab .pdetails .promo-tabs .play-now-btn .btn .animate-btn {
  z-index: 1;
  position: relative;
}
main .col-center.casino-fullpage {
  padding-right: 0 !important;
}
main .col-center.casino-fullpage iframe {
  border-radius: 20px;
}
main .col-center .live-match {
  position: relative;
}
main .col-center .live-match .close-video {
  position: absolute;
  right: 13px;
  top: 20px;
  cursor: pointer;
}
main .col-center .live-match .close-video svg {
  width: 18px;
  height: 18px;
}
main .col-center .live-match .close-video svg path {
  stroke: var(--primary-color);
}
main .col-center .live-match iframe {
  border-radius: 20px;
}
main .col-center.vip .vip-all-content {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
main .col-center.vip .vip-all-content .top-content {
  background-image: url(../images/vip-banner-bg.png?v=0.6);
  background-color: var(--ac-card-bg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  border: 1px solid var(--play-with-border);
  border-bottom: none;
  box-sizing: border-box;
  align-items: flex-start;
  align-content: center;
  flex-wrap: wrap;
  position: relative;
}
main .col-center.vip .vip-all-content .top-content .vip-banner {
  width: 100%;
  margin: 0 auto;
  padding: 0px 50px;
  text-align: center;
}
main .col-center.vip .vip-all-content .top-content .vip-banner .vip-progressbar {
  margin: 6px 20px 0 20px;
}
main .col-center.vip .vip-all-content .top-content .vip-banner .vip-progressbar .progress-lavel {
  display: flex;
  justify-content: space-between;
}
main .col-center.vip .vip-all-content .top-content .vip-banner .vip-progressbar .progress-lavel .lavel .leavel-number {
  font-size: 14px;
  color: var(--primary-text-color);
  font-weight: 600;
}
main .col-center.vip .vip-all-content .top-content .vip-banner .vip-progressbar .progress-lavel .lavel .level-count {
  font-size: 14px;
  color: var(--third-color);
  font-weight: 600;
}
main .col-center.vip .vip-all-content .top-content .vip-banner .vip-progressbar .progress-lavel .vip-score .score-number {
  color: var(--third-color);
  text-align: right;
  font-size: 14px;
  font-weight: 600;
}
main .col-center.vip .vip-all-content .top-content .vip-banner .vip-progressbar .progress-lavel .vip-score .score-number strong {
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 600;
}
main .col-center.vip .vip-all-content .top-content .vip-banner .vip-progressbar .progress {
  border-radius: 27px;
  border: 1.9px solid var(--black-text);
  background: var(--white-text);
  height: 6px;
  margin: 5px 0;
}
main .col-center.vip .vip-all-content .top-content .vip-banner .vip-progressbar .progress .determinate {
  border-radius: 27px;
  background-color: var(--primary-color);
}
main .col-center.vip .vip-all-content .top-content .vip-banner .vip-progressbar .progress .vip-bets-count {
  background: var(--button-bg);
}
main .col-center.vip .vip-all-content .top-content .vip-lavel {
  margin: 10px 0px !important;
  text-align: center;
}
main .col-center.vip .vip-all-content .top-content .vip-lavel a.vip-btn {
  border-radius: 18px;
  background: var(--primary-color);
  padding: 8px 15px;
  color: #15141a;
  font-weight: 600;
  display: inline-block;
  font-size: 13px;
}
main .col-center.vip .vip-all-content .top-content .vip-lavel a.vip-btn span {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
}
main .col-center.vip .vip-all-content .top-content .vip-lavel a.vip-btn span strong {
  color: var(--third-color);
}
main .col-center.vip .vip-all-content .top-content .vip-lavel-btn {
  position: absolute;
  top: 0;
  left: 0;
}
main .col-center.vip .vip-all-content .top-content .vip-lavel-btn .vip-btn {
  border-radius: 5px 0px 10px 0px;
  background: var(--primary-color);
  padding: 11px 20px;
  color: #3E58D3;
  font-weight: 600;
  display: inline-block;
}
main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-slide a img {
  width: 165px;
  border-radius: unset;
  border: none;
  margin: auto;
}
main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-slide.swiper-slide-next, main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-slide.swiper-slide-prev {
  filter: blur(1.5px);
  opacity: 0.8;
}
main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-prev {
  left: 0%;
  position: absolute;
  top: 18%;
  z-index: 10;
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  display: flex;
  background: var(--button-bg);
  border: 1px solid var(--primary-color);
}
main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-prev.swiper-button-disabled {
  background: #969696;
}
main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-prev.swiper-button-disabled img {
  opacity: 0.4;
}
main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-next {
  right: 0%;
  position: absolute;
  top: 18%;
  z-index: 10;
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  display: flex;
  background: var(--button-bg);
  border: 1px solid var(--primary-color);
}
main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-next.swiper-button-disabled {
  background: #969696;
}
main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-next.swiper-button-disabled img {
  opacity: 0.4;
}
main .col-center.vip .vip-all-content .vip-benefits {
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  border: 1px solid var(--play-with-border);
  border-top: none;
  z-index: 9;
  background-color: var(--ac-card-bg);
}
main .col-center.vip .vip-all-content .vip-benefits ul.tabs {
  text-align: center;
  background-color: transparent;
  border-bottom: 1px solid var(--vip-text);
}
main .col-center.vip .vip-all-content .vip-benefits ul.tabs .tab {
  text-transform: capitalize;
}
main .col-center.vip .vip-all-content .vip-benefits ul.tabs .tab a {
  color: var(--vip-tab-color);
  font-weight: 600;
}
main .col-center.vip .vip-all-content .vip-benefits ul.tabs .tab a.active {
  color: var(--primary-text-color) !important;
  font-weight: 600;
  background-color: transparent !important;
}
main .col-center.vip .vip-all-content .vip-benefits ul.tabs .indicator {
  display: none;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event {
  margin: 10px 13px 0px;
  position: relative;
  z-index: 9;
  padding: 0 5px;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .row {
  display: flex;
  overflow-x: auto;
  margin-bottom: 0 !important;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col {
  padding: 0 2px;
  margin-bottom: 10px;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-event-title {
  font-size: 26px;
  text-align: center;
  font-weight: 600;
  color: var(--primary-text-color);
  margin-bottom: 8px;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-event-title span {
  color: var(--third-color);
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-card {
  border: 1px solid var(--black-text);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-card .daily-details {
  position: relative;
  display: block;
  height: 100%;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-card .daily-details .daily-img {
  height: 100%;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-card .daily-details .daily-img img {
  height: 100%;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-card .daily-details .daily-img-text {
  color: var(--withdraw-bg);
  margin-top: 8px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.48px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-card .daily-details .daily-text {
  font-size: 40px;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  text-transform: uppercase;
  background: linear-gradient(120deg, #FFF 17.6%, rgba(255, 255, 255, 0) 111.76%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-card .daily-details .daily-text span {
  font-size: 31px;
  font-weight: 500;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-card .daily-details .daily-img img {
  width: 100%;
  height: 100%;
  display: block;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-card .checkout-details {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}
main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-card .checkout-details span {
  color: var(--black-text);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
}
main .col-center.vip .vip-all-content .vip-benefits .benefits-left {
  position: absolute;
  top: 80px;
  left: -24px;
  z-index: 0;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw {
  border-top: 1px solid var(--play-with-border);
  border-bottom: 1px solid var(--play-with-border);
  background: var(--ac-card-bg);
  padding: 10px 15px;
  position: relative;
  z-index: 9;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 9;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .bonus-text .text {
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  text-align: left;
  color: var(--bonus-text-color);
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .bonus-text .text span {
  margin-left: 5px;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .bonus-text .text span svg {
  width: 20px;
  height: 20px;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .bonus-text .withdraw-price {
  color: var(--primary-text-color);
  font-size: 24px !important;
  font-weight: 500;
  letter-spacing: -0.48px;
  margin: 0;
  margin-top: 4px;
  text-align: left;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .withdraw-btn {
  border-radius: 6px;
  border: 1px solid var(--play-with-border);
  background: var(--primary-color);
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 2px 2px #000000;
  width: 250px;
  position: relative;
  z-index: 1 !important;
  background: linear-gradient(to right, var(--button-color2) 50%, var(--primary-color) 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .withdraw-btn:hover, main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .withdraw-btn.active {
  color: var(--white-color) !important;
  transition: all 0.3s;
  background-position: left bottom;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .withdraw-btn:hover .animate-btn, main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .withdraw-btn.active .animate-btn {
  color: var(--white-color) !important;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details {
  margin: 20px 0 0;
  position: relative;
  z-index: 9;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info {
  border-radius: 12px;
  border: 1px solid #000;
  background: #1FC3D9;
  position: relative;
  height: 100%;
  overflow: hidden;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info.promo-orignal {
  background: var(--blue-bg);
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info.promo-slots {
  background: var(--orange-bg);
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info.promo-live {
  background: var(--pink-bg);
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info.promo-sports {
  background: var(--purple-bg);
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info .promo-img {
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  justify-content: center;
  align-items: center;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info .promo-img .promo-right-img {
  width: 40%;
  padding: 5px 5px 5px 0;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info .promo-img .promo-text {
  padding: 20px 5px 20px 15px;
  width: 52%;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info .promo-img .promo-text .text {
  color: var(--withdraw-bg);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.36px;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info .promo-img .promo-text .text span {
  padding-left: 9px;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info .promo-img .promo-text .details {
  color: var(--withdraw-bg);
  margin-top: 8px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.48px;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details .promo-info:after {
  position: absolute;
  content: " ";
  width: 40%;
  height: 100%;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
}
main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .withdraw-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
main .col-center.vip .vip-all-content .vip-condition {
  background-color: var(--ac-card-bg);
  border-radius: 15px;
}
main .col-center.vip .vip-all-content .vip-condition .daily-event-title {
  font-size: 26px;
  text-align: center;
  font-weight: 600;
  color: var(--primary-text-color);
  margin-bottom: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--primary-text-color);
}
main .col-center.vip .vip-all-content .vip-condition .daily-event-title span {
  color: var(--third-color);
}
main .col-center.vip .vip-all-content .vip-condition .condition {
  padding: 10px 20px;
  border-bottom: 1px solid var(--primary-text-color);
}
main .col-center.vip .vip-all-content .vip-condition .condition .condition-title {
  display: flex;
  margin-top: 5px;
}
main .col-center.vip .vip-all-content .vip-condition .condition .condition-title .text {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--primary-text-color);
}
main .col-center.vip .vip-all-content .vip-condition .condition .condition-title .text svg {
  height: 18px;
  width: 18px;
}
main .col-center.vip .vip-all-content .vip-condition .condition .condition-title .text svg path {
  fill: var(--primary-color);
}
main .col-center.vip .vip-all-content .vip-condition .condition .amount {
  color: var(--primary-text-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding-top: 5px;
  text-align: left;
}
main .col-center.vip .vip-all-content .vip-condition .condition .condition-details .input-field {
  padding: 22px 13px 3px 0px;
  border-radius: 8px;
  margin-bottom: 0px;
  margin-top: 0px;
}
main .col-center.vip .vip-all-content .vip-condition .condition .condition-details .input-field label {
  top: 22px;
  left: 0px;
  font-size: 16px;
  font-weight: 500;
  line-height: 14px;
  color: var(--light-text-color);
}
main .col-center.vip .vip-all-content .vip-condition .condition:last-child {
  border: none;
}
main .col-center.vip .vip-all-content .vip-condition .condition:first-child {
  border-top: 1px solid var(--primary-text-color);
}
main .col-center.vip .download-app-section {
  border-radius: 8px;
  background: var(--download-app-bg);
  border: 1.5px solid var(--play-with-border);
  padding: 10px 7px 13px;
  margin: 32px 0px 20px !important;
}
main .col-center.vip .download-app-section .app-info img {
  margin-right: 6px;
  width: 24px;
  height: 20px;
}
main .col-center.vip .download-app-section .app-info a {
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
  color: var(--primary-text-color);
  display: block;
  margin-bottom: 10px;
}
main .col-center.vip .download-app-section .app-info p {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.01em;
  color: var(--primary-text-color);
}
main .col-center.vip .download-app-section .app-images {
  position: relative;
}
main .col-center.vip .download-app-section .app-images::before {
  content: "";
  border: 1px solid var(--app-image-border);
  background: var(--background-color);
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 80%;
  width: 100%;
}
main .col-center.vip .download-app-section .app-images img {
  margin: -30px auto 0px;
  display: block;
  z-index: 1;
  position: relative;
  height: 145px;
}
main .col-center .mobile-app .steps-list {
  margin-top: 10px;
}
main .col-center .mobile-app .steps-list .step-title {
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 500;
  color: var(--install-title);
  display: inline-block;
  margin-bottom: 10px;
}
main .col-center .mobile-app .steps-list .steps-item {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
main .col-center .mobile-app .steps-list .steps-item .step-img {
  width: 35px;
}
main .col-center .mobile-app .steps-list .steps-item .step-img img {
  width: 100%;
  display: block;
}
main .col-center .mobile-app .steps-list .steps-item .step-info {
  width: 80%;
}
main .col-center .mobile-app .steps-list .steps-item .step-info p {
  margin: 0;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 400;
  color: var(--install-title);
}
main .col-center .mobile-app .steps-list .steps-item .step-info .share-menu {
  width: 45%;
  display: block;
}
main .col-center .mobile-app .steps-list .steps-item .step-info .home-add-menu {
  border-radius: 8px;
  background-color: var(--background-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.06);
  padding: 10px;
  width: 320px;
  border: 1px solid var(--border-color3);
}
main .col-center .mobile-app .steps-list .steps-item .step-info .home-add-menu span {
  font-size: 14px;
  color: var(--primary-text-color);
  text-transform: capitalize;
}
main .col-center .mobile-app .steps-list .steps-item .step-info .home-add-menu a {
  display: inline-block;
}
main .col-center .mobile-app .steps-list .steps-item .step-info .home-add-menu a svg {
  vertical-align: middle;
}
main .col-center .mobile-app .steps-list .steps-item .step-info .home-add-menu a svg path {
  fill: var(--icon-bg);
}
main .col-center .mobile-app .main-title {
  margin-bottom: 15px;
  font-weight: 500;
}
main .col-center .mobile-app .main-title h2 {
  font-size: 30px;
  color: var(--mobile-app-heading);
  font-weight: 600;
  margin: 8px 0 10px;
}
main .col-center .mobile-app .main-title p {
  font-size: 14px;
  line-height: 22.68px;
  color: var(--mobile-app-text-color);
}
main .col-center .mobile-app .main-content {
  border: 1px solid var(--mobile-tab-active-border);
  border-radius: 14px;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 10px;
  background: var(--mobile-main-bg);
}
main .col-center .mobile-app .main-content .left-section {
  background: var(--right-bg-color);
  border: 1px solid var(--mobile-tab-right-border);
  border-radius: 14px;
  width: 50%;
  float: left;
  padding-bottom: 50px;
}
main .col-center .mobile-app .main-content .left-section img {
  margin: auto;
  display: block;
}
main .col-center .mobile-app .main-content .right-section {
  width: 50%;
  float: left;
  padding: 20px 20px 0px;
}
main .col-center .mobile-app .main-content .right-section > .row {
  margin-bottom: 0px !important;
}
main .col-center .mobile-app .main-content .right-section ul.tabs {
  background-color: var(--mobile-tab-bg);
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid var(--primary-color);
  height: 43px;
}
main .col-center .mobile-app .main-content .right-section ul.tabs .indicator {
  background-color: var(--mobile-tab-active-bg);
  border-radius: 8px;
  border: 1px solid var(--mobile-tab-active-border);
  font-weight: 700;
  min-height: 36px !important;
  background-position: center;
  text-align: center;
  position: absolute;
  margin-bottom: 3px;
  margin-left: 2px;
}
main .col-center .mobile-app .main-content .right-section ul.tabs .tab {
  line-height: 42px;
  cursor: pointer;
  width: 50%;
  height: 43px;
}
main .col-center .mobile-app .main-content .right-section ul.tabs .tab a {
  color: var(--mobile-tab-font);
  background-color: transparent;
  font-weight: 700;
  z-index: 1;
  position: relative;
  text-transform: none;
  font-size: 16px;
}
main .col-center .mobile-app .main-content .right-section ul.tabs .tab a:focus, main .col-center .mobile-app .main-content .right-section ul.tabs .tab a:active {
  color: var(--mob-tab-color);
  text-align: center;
}
main .col-center .mobile-app .main-content .right-section ul.tabs .tab a:visited::after:active {
  color: var(--mob-tab-color);
}
main .col-center .mobile-app .main-content .right-section ul.tabs .tab .active {
  color: var(--mob-tab-color) !important;
  font-weight: 700;
}
main .col-center .mobile-app .main-content .right-section .ios {
  padding: 20px 0px;
}
main .col-center .mobile-app .main-content .right-section .ios .contents {
  padding: 0px 35px 0px 20px;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .title {
  font-size: 23px;
  color: var(--mobile-app-heading);
  font-weight: 500;
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .title svg {
  margin-right: 8px;
  width: 30px;
  height: 30px;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .title svg path {
  fill: var(--mobileapp-icon-color);
}
main .col-center .mobile-app .main-content .right-section .ios .contents p {
  font-weight: 400;
  color: var(--mobile-app-text-color);
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install .content {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install .content .left-side {
  margin-left: 2px;
  margin-right: 10px;
  display: grid;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install .content .right-side {
  font-size: 15px;
  font-weight: 500;
  color: var(--mobile-app-text-color);
}
main .col-center .mobile-app .main-content .right-section .ios .contents .qr {
  align-items: center;
  display: flex;
  margin-top: 24px;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .qr .qr-code-img {
  float: left;
  margin-right: 10px;
  border: 1px solid var(--left-menu-bg);
  border-radius: 8px;
  padding: 5px;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .qr .qr-code-img img {
  max-width: 90px;
  width: 100%;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .qr .qr-content {
  font-weight: 400;
  color: var(--mobile-app-text-color);
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction .mobile img {
  align-items: center;
  display: block;
  justify-content: center;
  margin: auto;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction .instruction h2 {
  font-size: 18px;
  font-weight: 700;
  padding-top: 0px;
  margin-top: 15px;
  color: var(--mobile-app-heading);
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction .instruction p {
  font-size: 14px;
  font-weight: 500;
  color: var(--mobile-app-text-color);
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible {
  border-radius: 8px;
  box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.0588235294);
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible .collapsible-header {
  border-radius: 8px;
  font-size: 14px;
  color: var(--placeholder-mobile-app) !important;
  font-weight: 600;
  justify-content: space-between;
  background: var(--collps-bg-mobile);
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible .collapsible-header i {
  width: 26px;
  height: 26px;
  background: var(--ios-collaps-bg);
  border-radius: 6px;
  font-size: 16px;
  display: grid;
  align-items: center;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible .collapsible-header .caret {
  color: #999;
  margin-right: 0;
  transition: transform 0.2s ease;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible .collapsible-header .fa-minus {
  transform: rotate(0deg);
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible .collapsible-header .fa-plus {
  transform: rotate(0deg);
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible.active .collapsible-header {
  color: white;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible.active .collapsible-header .caret {
  color: white;
  transform: rotate(-180deg);
  transform-origin: 0.6em 0.5em;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction ul.collapsible .collapsible-body p {
  color: var(--mobile-app-text-color);
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction .arrow-red {
  position: relative;
  align-items: center;
  text-align: center;
  margin-top: -20px;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction .icon-row {
  width: 100%;
  background: var(--mobile-main-bg);
  display: flex;
  justify-content: space-around;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.0588235294);
  margin-top: -10px;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction .icon-row .icon {
  display: flex;
  color: var(--mobile-app-bottom-border);
  font-size: 15px;
  width: 70px;
  height: 50px;
  align-items: center;
  justify-content: center;
}
main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction .icon-row .icon.active {
  color: var(--mobile-app-bottom-icon);
  border: solid 2px var(--mobile-app-bottom-border);
  border-radius: 7px;
}
main .col-center .mobile-app .main-content .right-section .android {
  padding: 20px 0px;
}
main .col-center .mobile-app .main-content .right-section .android .contents {
  padding: 0px 35px 0px 20px;
}
main .col-center .mobile-app .main-content .right-section .android .contents .title {
  font-size: 23px;
  color: var(--mobile-app-heading);
  font-weight: 500;
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
main .col-center .mobile-app .main-content .right-section .android .contents .title svg {
  margin-right: 8px;
  width: 30px;
  height: 30px;
}
main .col-center .mobile-app .main-content .right-section .android .contents .title svg path {
  fill: var(--mobileapp-icon-color);
}
main .col-center .mobile-app .main-content .right-section .android .contents p {
  color: var(--mobile-app-text-color);
  font-weight: 400;
}
main .col-center .mobile-app .main-content .right-section .android .contents .install {
  margin-left: 30px;
}
main .col-center .mobile-app .main-content .right-section .android .contents .install .content {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
main .col-center .mobile-app .main-content .right-section .android .contents .install ul li {
  list-style-type: number;
  margin-bottom: 10px;
  font-weight: 400;
  color: var(--mobile-app-text-color);
}
main .col-center .mobile-app .main-content .right-section .android .contents .download-btn {
  display: block;
  width: 100%;
  background: var(--primary-color);
  color: var(--black-text);
  padding: 10px 10px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid var(--black-text);
  font-weight: 600;
  cursor: pointer;
}
main .col-center .mobile-app .main-content .right-section .android .contents .download-btn:hover {
  background: var(--button-color);
  color: var(--primary-color);
}
main .col-center .mobile-app .main-content .right-section .android .contents .require-content {
  color: Var(--require-text);
  font-size: 11px;
  padding: 0px 18px;
}
main .col-center .mobile-app .main-content .right-section .android .contents .mobile {
  margin-top: 10px;
}
main .col-center .mobile-app .main-content .right-section .android .contents .mobile img {
  align-items: center;
  display: block;
  justify-content: center;
  margin: auto;
}
main .col-center .mobile-app .main-content .right-section .android .contents .device-os {
  font-size: 13px;
  text-indent: 18px;
  border: 1px solid var(--mobile-tab-active-border);
  font-weight: 500;
  color: var(--mobile-app-text-color);
  background-color: var(--mobile-select-bg);
  border-radius: 6px;
  height: 45px;
  line-height: 45px;
}
main .col-center .mobile-app .main-content .right-section .android .contents .select-wrapper {
  background-color: var(--mobile-select-bg);
  border-radius: 6px;
}
main .col-center .mobile-app .main-content .right-section .android .contents .select-wrapper .caret {
  width: 24px;
  height: 24px;
  background: var(--ios-collaps-bg);
  border: thin solid var(--mobile-tab-active-border);
  border-radius: 4px;
  margin-right: 10px;
}
main .col-center .mobile-app .main-content .right-section .android .contents .select-wrapper input.select-dropdown {
  font-size: 14px;
  border-radius: 7px;
  text-indent: 18px;
  border: 1px solid var(--mobile-tab-active-border);
  font-weight: 400;
  color: var(--mobile-app-text-color);
}
main .col-center .mobile-app .main-content .right-section .android .contents .select-wrapper .dropdown-content {
  width: 100%;
}
main .col-center .mobile-app .main-content .right-section .android .contents .select-wrapper .dropdown-content li {
  font-weight: 400;
}
main .col-center .mobile-app .main-content .right-section .android .contents .select-wrapper .dropdown-content li span {
  color: var(--mobile-app-text-color) !important;
}
main .col-center .mobile-app .main-content .right-section .android .contents .select-wrapper .dropdown-content.select-dropdown {
  margin: 0 auto;
  top: 48px !important;
}
main .col-center .mobile-app .install-title {
  margin: 10px 0 10px;
}
main .col-center .mobile-app .install-title h2 {
  margin: 0;
  font-size: 22px;
  color: var(--primary-text-color);
  font-weight: 500;
}
main .col-center .mobile-app .install-title h2 span {
  font-weight: 500;
  font-size: 20px;
}
main .col-center .mobile-app .install-title p {
  margin: 5px 0 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--install-title);
}
main .col-center .mobile-app .install-btns {
  margin: 20px auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .col-center .mobile-app .install-btns .download-btn-animate {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .col-center .mobile-app .install-btns .download-btn {
  display: inline-block;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 17px;
  padding: 8px 20px;
  color: var(--forth-color);
  background-color: var(--primary-color);
  border-radius: 6px;
  border: 1px solid var(--blog-blue-border);
  text-align: center;
}
main .col-center .mobile-app .install-btns .download-btn img {
  width: 22px;
}
main .col-center .mobile-app .install-btns .download-btn:hover .animate-btn {
  color: var(--primary-color);
}
main .col-center .mobile-app .install-btns .download-btn.button-animate {
  position: relative;
  background: linear-gradient(to right, var(--button-color2) 50%, var(--primary-color) 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
main .col-center .mobile-app .install-btns .download-btn.button-animate:hover, main .col-center .mobile-app .install-btns .download-btn.button-animate.active {
  color: var(--white-color) !important;
  transition: all 0.3s;
  background-position: left bottom;
}
main .col-center .mobile-app .install-btns .download-btn.button-animate:hover img, main .col-center .mobile-app .install-btns .download-btn.button-animate.active img {
  filter: invert(100%) sepia(42%) saturate(3545%) hue-rotate(28deg) brightness(102%) contrast(103%);
}
main .col-center .mobile-app .install-btns .download-btn.button-animate:hover .animate-btn, main .col-center .mobile-app .install-btns .download-btn.button-animate.active .animate-btn {
  color: var(--primary-color) !important;
}
main .col-center .mobile-app .install-btns .download-btn.button-animate .animate-btn {
  z-index: 1;
  position: relative;
  padding-left: 10px;
}
main .col-center .mobile-app .install-btns .play-btn {
  background: var(--button-bg);
  margin-left: 10px;
}
main .col-center .mobile-app .app-information-main {
  background-color: var(--background-color);
  border-radius: 10px;
  border: 1px solid var(--border-color3);
  margin: 15px 0;
}
main .col-center .mobile-app .app-information-main table {
  padding: 10px;
}
main .col-center .mobile-app .app-information-main table tr {
  border-bottom: 1px solid var(--black-border);
}
main .col-center .mobile-app .app-information-main table tr:last-child {
  border-bottom: 1px solid transparent;
}
main .col-center .mobile-app .app-information-main table tr td {
  padding: 5px;
  border-right: 1px solid var(--black-border);
  width: 50%;
}
main .col-center .mobile-app .app-information-main table tr td:last-child {
  border-right: 1px solid transparent;
}
main .col-center .mobile-app .app-information-main table tr td .app-info-left {
  display: flex;
  gap: 10px;
  align-items: center;
}
main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img {
  display: flex;
  justify-content: end;
  border-radius: 4px;
  padding: 5px;
}
main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img svg {
  padding-left: 10px;
  width: 40px;
  height: 30px;
}
main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img.info-yellow svg path {
  fill: var(--yellow-bg);
}
main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img.info-blue svg path {
  fill: var(--info-blue);
}
main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img.info-darkblue svg path {
  fill: var(--info-darkblue);
}
main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img.info-pink svg path {
  fill: var(--info-pink);
}
main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img.info-purple svg path {
  fill: var(--info-purple);
}
main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img.info-green svg path {
  fill: var(--info-green);
}
main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-title {
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
}
main .col-center .mobile-app .app-information-main table tr td .app-desc span {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  color: var(--primary-text-color);
}
main .col-center .mobile-app .app-information-main table tr:first-child td:first-child .app-info-left .app-info-img {
  border-top-left-radius: 10px;
}
main .col-center .mobile-app .app-information-main table tr:last-child td:first-child .app-info-left .app-info-img {
  border-bottom-left-radius: 10px;
}
main .col-center .mobile-app .online-betting-section {
  background-color: var(--background-color);
  padding: 10px;
  border: 1px solid var(--border-color3);
  border-radius: 10px;
  margin: 15px 0;
}
main .col-center .mobile-app .online-betting-section .bet-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--primary-text-color);
  display: inline-block;
}
main .col-center .mobile-app .online-betting-section .feature-list {
  padding-left: 5px;
  margin: 5px 0 10px;
}
main .col-center .mobile-app .online-betting-section .feature-list .feature-item {
  margin-bottom: 5px;
}
main .col-center .mobile-app .online-betting-section .feature-list .feature-item span {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--install-title);
  font-weight: 400;
}
main .col-center .mobile-app .online-betting-section .feature-list .feature-item span::before {
  content: "";
  height: 4px;
  width: 4px;
  background-color: var(--primary-text-color);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
main .col-center .mobile-app .online-betting-section .feature-list .feature-item:last-child {
  margin-bottom: 0;
}
main .col-center .mobile-app .online-betting-section p {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
  color: var(--install-title);
  margin: 0;
}
main .col-center .mobile-app .supported-device-section {
  background-color: var(--background-color);
  padding: 10px;
  border: 1px solid var(--border-color3);
  border-radius: 10px;
  margin: 15px 0;
}
main .col-center .mobile-app .supported-device-section .support-device-list {
  -moz-column-count: 4;
       column-count: 4;
}
main .col-center .mobile-app .supported-device-section .support-device-list .support-device {
  margin: 6px 0;
}
main .col-center .mobile-app .supported-device-section .support-device-list .support-device span {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--install-title);
  font-weight: 400;
}
main .col-center .mobile-app .supported-device-section .support-device-list .support-device span::before {
  content: "";
  height: 4px;
  width: 4px;
  background-color: var(--primary-text-color);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
main .col-center .mobile-app .supported-device-section .support-device-list .install-btns {
  margin-top: 35px;
}
main .col-center .mobile-app .supported-device-section .support-device-list .install-btns .download-btn {
  width: 100%;
}
main .col-center .mobile-app .how-download-section {
  display: flex;
  gap: 20px;
  margin: 15px 0;
}
main .col-center .mobile-app .how-download-section .download-step-img {
  border-radius: 10px;
  border: 1px solid var(--black-border);
  width: 15%;
  height: 500px;
}
main .col-center .mobile-app .how-download-section .download-step-img iframe {
  border-radius: 10px;
}
main .col-center .mobile-app .how-download-section .download-step-img img {
  display: block;
  border-radius: 10px;
  width: 100%;
}
main .col-center .mobile-app .how-download-section .download-step-img .download-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
main .col-center .mobile-app .how-download-section .download-step-img .download-video-text span {
  position: absolute;
  bottom: 2%;
  left: 5%;
  z-index: 2;
  color: var(--white-text);
  font-size: 20px;
}
main .col-center .mobile-app .how-download-section .download-step-img .download-video-text span .youtube-logo {
  display: inline-block;
  vertical-align: middle;
  width: 45%;
  border-radius: 0;
}
main .col-center .mobile-app .register-steps-box {
  margin: 20px 0;
}
main .col-center .mobile-app .register-steps-box .register-steps-main {
  margin: 15px 0;
  display: flex;
  gap: 25px;
}
main .col-center .mobile-app .register-steps-box .register-steps-main .register-step {
  width: 15%;
  display: flex;
  gap: 15px;
  flex-direction: column;
  justify-content: space-between;
}
main .col-center .mobile-app .register-steps-box .register-steps-main .register-step .register-step-content span {
  font-size: 13px;
  color: var(--install-title);
}
main .col-center .mobile-app .register-steps-box .register-steps-main .register-step .register-step-content span strong {
  color: var(--install-title);
  font-weight: 600;
  opacity: 0.8;
}
main .col-center .mobile-app .register-steps-box .register-steps-main .register-step .regiter-step-img {
  width: 100%;
}
main .col-center .mobile-app .register-steps-box .register-steps-main .register-step .regiter-step-img img {
  width: 100%;
  display: block;
}
main .col-center .mobile-app .register-steps-box .install-title {
  width: 50%;
}
main .col-center .mobile-app .deposit-method {
  margin: 15px 0;
}
main .col-center .mobile-app .deposit-method .deposit-method-detail {
  background-color: var(--background-color);
  border-radius: 22px;
  border: 1px solid var(--border-color3);
  margin: 15px 0;
}
main .col-center .mobile-app .deposit-method .deposit-method-detail table {
  padding: 10px;
}
main .col-center .mobile-app .deposit-method .deposit-method-detail table tr {
  border-bottom: 1px solid var(--black-border);
}
main .col-center .mobile-app .deposit-method .deposit-method-detail table tr tbody:last-child {
  border-bottom: 1px solid transparent;
}
main .col-center .mobile-app .deposit-method .deposit-method-detail table tr th {
  border-right: 1px solid var(--black-border);
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: var(--primary-text-color);
}
main .col-center .mobile-app .deposit-method .deposit-method-detail table tr th:last-child {
  border-right: 1px solid transparent;
}
main .col-center .mobile-app .deposit-method .deposit-method-detail table tr td {
  padding: 5px;
  border-right: 1px solid var(--black-border);
  text-align: center;
}
main .col-center .mobile-app .deposit-method .deposit-method-detail table tr td:last-child {
  border-right: 1px solid transparent;
}
main .col-center .mobile-app .deposit-method .deposit-method-detail table tr td span {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: var(--primary-text-color);
  opacity: 0.7;
}
main .col-center .mobile-app .deposit-method .deposit-method-detail table tbody tr:last-child {
  border-bottom: 1px solid transparent;
}
main .col-center .mobile-app .casino-app {
  display: flex;
}
main .col-center .mobile-app .casino-app .casino-app-detail {
  width: 50%;
}
main .col-center .mobile-app .casino-app .regiter-step-img {
  display: flex;
  width: 50%;
  gap: 35px;
}
main .col-center .mobile-app .casino-app .regiter-step-img img {
  width: 100%;
}
main.account-pages .ac_slider {
  margin: 5px 0px;
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 2.25rem;
  scrollbar-width: none;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider {
  display: flex;
  flex-wrap: nowrap;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main {
  display: inline-block;
  text-align: center;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a {
  width: 125px;
  height: 45px;
  padding: 5px 10px;
  margin: 10px 10px 10px 0;
  position: relative;
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--ac-slider-bg);
  box-shadow: var(--ac-slider-shadow);
  border: 1px solid var(--play-with-border);
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a.active {
  background: var(--ac-slider-title);
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a.active .item_details .title {
  color: var(--ac-slider-bg);
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a.active .item_details .item-svg svg path {
  fill: var(--ac-slider-bg);
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a.active .deposit-btn .item-svg svg path,
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a.active .deposit-btn .item-svg svg rect {
  fill: none;
  stroke: var(--ac-slider-bg) !important;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a .item_details {
  display: flex;
  align-items: center;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a .item_details .item-svg {
  display: flex;
  align-items: center;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a .item_details .item-svg svg {
  width: 20px;
  height: 20px;
  display: inline-block;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a .item_details .item-svg svg path,
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a .item_details .item-svg svg rect {
  fill: var(--ac-slider-title);
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a .item_details .title {
  font-size: 13px;
  font-weight: 600;
  color: var(--ac-slider-title);
  line-height: 1.3;
  margin-left: 10px;
  text-align: left;
}
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a .deposit-btn .item-svg svg path,
main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a .deposit-btn .item-svg svg rect {
  fill: none;
  stroke: var(--ac-slider-title);
}
main.account-pages .ac_slider .slick-arrow {
  height: 16px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
main.account-pages .ac_slider .slick-prev {
  left: 2px;
  top: 40%;
  z-index: 9;
}
main.account-pages .ac_slider .slick-prev {
  transform: rotate(180deg);
}
main.account-pages .ac_slider .slick-prev:before,
main.account-pages .ac_slider .slick-next:before {
  opacity: 0;
}
main.account-pages .ac_slider .slick-next {
  right: 2px;
  z-index: 9;
}
main.account-pages .ac_slider.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main.account-pages .col-center .card {
  background: var(--ac-card-bg);
  border-radius: 20px;
  box-shadow: var(--box-shadow);
  margin-top: 0;
  float: left;
  width: 100%;
  border: 1px solid var(--play-with-border);
}
main.account-pages .col-center .card.remove-border {
  border: 0;
  background-color: transparent;
}
main.account-pages .col-center .card.remove-border .card-content {
  padding: 0;
}
main.account-pages .col-center .card .card-content {
  padding: 0 24px 10px;
  float: left;
  width: 100%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .top-banner {
  padding: 20px;
  background-color: var(--refer-earn-bg);
  border: 1px solid var(--play-with-border);
  border-radius: 10px;
  margin: 5px 0 16px;
  background-image: url("../images/new-referel-banner.png?v=0.6");
  background-repeat: no-repeat;
  background-size: 100%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 20%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code {
  background-color: var(--banner-invite-code);
  border-radius: 5px;
  border: 1px solid var(--primary-color);
  padding: 5px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
  width: 50%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-input {
  display: flex;
  align-items: center;
  width: 95%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-input input {
  border-bottom: unset !important;
  color: var(--white-text);
  margin-bottom: 0 !important;
  height: auto;
  border: 0;
  padding-left: 0;
  font-size: 14px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-input input:focus {
  border-bottom: none !important;
  box-shadow: none !important;
}
main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-btn {
  display: inline-block;
  background-color: var(--white-text);
  color: var(--forth-color);
  padding: 10px;
  font-size: 14px;
  border-radius: 4px;
  font-weight: 700;
  margin-right: 10px;
  width: 27%;
  text-align: center;
}
main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a {
  color: var(--white-text);
  font-size: 15px;
  font-weight: 300;
}
main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn {
  width: 5%;
  text-align: right;
}
main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn svg {
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main {
  padding: 10px;
  border: 1px solid var(--play-with-border);
  background-color: var(--referral-bg);
  border-radius: 10px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item {
  border-radius: 10px;
  border: 1px solid var(--primary-color);
  padding: 10px;
  width: 25%;
  padding-bottom: 5px;
  background: linear-gradient(352deg, var(--score-header-title-bg) 50%, rgba(37, 37, 37, 0) 85%);
  position: relative;
  z-index: 1;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item h3 {
  margin: 0;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  color: var(--white-text);
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item span {
  font-size: 40px;
  font-weight: 500;
  color: var(--primary-color);
  display: block;
  text-align: center;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 40%;
  top: 0;
  background-color: var(--black-text);
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 75% 0, 35% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 75% 0%, 75% 0, 35% 100%, 0% 100%);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  z-index: -1;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar {
  display: flex;
  align-items: center;
  margin: 10px 0 0px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel {
  margin-right: 5px;
  width: 10%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel .lavel .leavel-number {
  font-size: 14px;
  color: var(--white-text);
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel .lavel .level-count {
  font-size: 14px;
  color: var(--primary-color);
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress {
  border-radius: 27px;
  border: 1.9px solid var(--white-text);
  background: var(--white-text);
  height: 15px;
  width: 91.5%;
  margin: 0;
}
main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress .determinate {
  border-radius: 27px;
  border: 1.2px solid var(--white-text);
  background-color: var(--refer-earn-bg);
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main {
  margin-bottom: 20px;
  margin-top: 15px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2 {
  font-size: 20px;
  text-transform: capitalize;
  color: var(--primary-text-color);
  font-weight: 600;
  position: relative;
  padding-right: 10px;
  margin: 0;
  margin-bottom: 20px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 83%;
  height: 0.3px;
  background-color: var(--account-statement-name-border);
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list {
  display: flex;
  justify-content: space-between;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item {
  border-radius: 10px;
  border: 1px solid var(--play-with-border);
  background-color: var(--refer-earn-bg);
  width: 33%;
  padding: 5px 8px 0;
  position: relative;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content {
  width: 50%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content h3 {
  font-size: 23px;
  text-transform: uppercase;
  color: var(--primary-color);
  font-weight: 800;
  text-shadow: 0.732px 2.036px 0px #000;
  margin: 0;
  width: 100%;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content p {
  color: var(--white-text);
  font-size: 30px;
  font-weight: 500;
  margin: 0;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content span {
  color: var(--white-text);
  font-weight: 300;
  font-size: 16px;
  opacity: 0.51;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-img img {
  width: 158px;
  display: block;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main {
  margin-bottom: 12px;
  border: 1px solid var(--play-with-border);
  padding: 10px;
  background-color: var(--bonus-rule-bg);
  border-radius: 10px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rule-head {
  padding: 5px;
  background-color: var(--refer-earn-bg);
  border: 1px solid var(--ac-slider-title);
  border-radius: 5px;
  margin-bottom: 10px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rule-head span {
  color: var(--white-text);
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rule-head svg {
  vertical-align: middle;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-top p {
  color: var(--primary-text-color);
  font-weight: 400;
  font-size: 16px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-top p span {
  font-weight: 700;
  color: var(--ac-slider-title);
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing {
  display: flex;
  justify-content: space-between;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box {
  width: 60%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box p {
  text-transform: capitalize;
  color: var(--primary-text-color);
  margin-top: 0;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul {
  padding-left: 20px;
  list-style-type: disc;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li {
  margin: 18px 0;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p {
  font-size: 14px;
  color: var(--primary-text-color);
  margin: 5px 0;
  font-weight: 400;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p span {
  font-weight: 600;
  position: relative;
  padding-left: 10px;
  font-size: 15px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 5px;
  width: 5px;
  border-radius: 100%;
  background-color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-bg {
  width: 32%;
  margin-right: -10px;
  margin-bottom: -10px;
  align-self: end;
}
main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-bg img {
  width: 100%;
  display: block;
  border-bottom-right-radius: 10px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .win-head {
  padding: 5px;
  background-color: var(--refer-earn-bg);
  border: 1px solid var(--ac-slider-title);
  border-radius: 5px;
  position: relative;
  z-index: 10;
  margin: 0;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .win-head span {
  color: var(--white-text);
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .win-head svg {
  vertical-align: middle;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main {
  margin-bottom: 10px;
  border: 1px solid var(--play-with-border);
  padding: 10px;
  background-color: var(--bonus-rule-bg);
  border-radius: 10px;
  margin-top: -10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 25px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box {
  display: flex;
  justify-content: space-between;
  font-family: "Outfit";
  align-items: center;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner {
  display: flex;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
  width: 35%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img {
  position: relative;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .top_win_img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  border: 2px solid var(--play-with-border);
  -o-object-fit: cover;
     object-fit: cover;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .num_img {
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-60%);
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-content .winner-id {
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-content .winner-amount {
  color: var(--third-color);
  font-size: 40px;
  font-weight: 400;
  line-height: normal;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right {
  width: 65%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail {
  display: flex;
  align-items: center;
  border: 1px solid var(--play-with-border);
  padding: 10px;
  background-color: var(--winner-list-bg);
  border-radius: 10px;
  justify-content: space-between;
  margin-bottom: 8px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail {
  display: flex;
  align-items: center;
  gap: 45px;
  width: 35%;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail .winner_num img {
  width: 40px;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-amount {
  color: var(--third-color);
  font-size: 26px;
  font-weight: 400;
  width: 25%;
  text-align: right;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-text {
  width: 40%;
  text-align: center;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-text p {
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
  opacity: 0.4;
  margin: 0;
}
main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-id {
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}
main.account-pages .col-center .card .card-content h4 {
  margin: auto;
  text-align: center;
  position: relative;
  height: 35px;
}
main.account-pages .col-center .card .card-content h4 .card-title {
  margin: auto;
  position: relative;
  top: -17px;
  left: 0;
  right: 0;
  width: 240px;
  height: 60px;
  z-index: 0;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: var(--badge-text-color);
}
main.account-pages .col-center .card .card-content h4 .card-title svg,
main.account-pages .col-center .card .card-content h4 .card-title img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 65px;
}
main.account-pages .col-center .card .card-content h4 .card-title .title {
  font-size: 14px;
  font-weight: 600;
  color: var(--black-text);
  z-index: 9;
}
main.account-pages .col-center .card .card-content label {
  color: var(--light-text-color);
  font-size: 12px;
  font-weight: 500;
  padding-left: 0px;
}
main.account-pages .col-center .card .card-content .input-col input {
  position: relative;
  margin-top: 10px;
}
main.account-pages .col-center .card .card-content .input-box {
  position: relative;
  top: 33px;
}
main.account-pages .col-center .card .card-content input {
  height: auto;
  line-height: 30px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 400;
  color: var(--light-text-color);
  box-sizing: border-box;
  padding: 0 5px;
}
main.account-pages .col-center .card .card-content input:focus {
  box-shadow: none !important;
}
main.account-pages .col-center .card .card-content input:focus + label {
  color: var(--primary-text-color) !important;
  font-weight: 600 !important;
}
main.account-pages .col-center .card .card-content input.datepicker {
  border-bottom: 1px solid var(--border-color2);
}
main.account-pages .col-center .card .card-content .input-field .select-wrapper .caret {
  z-index: 1;
  fill: var(--light-text-color);
}
main.account-pages .col-center .card .card-content [type=search] {
  margin-top: -5px;
}
main.account-pages .col-center .card .card-content [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  border: 2px solid var(--border-color2);
  border-radius: 5px;
  height: 18px;
  width: 18px;
}
main.account-pages .col-center .card .card-content [type=checkbox].filled-in:checked + span:not(.lever):after {
  border: 2px solid var(--primary-color);
  background-color: var(--primary-color);
  border-radius: 5px;
  top: 5px;
  width: 16px;
  height: 16px;
}
main.account-pages .col-center .card .card-content [type=checkbox].filled-in:checked + span:not(.lever):after {
  height: 18px;
  width: 18px;
}
main.account-pages .col-center .card .card-content [type=checkbox].filled-in:checked + span:not(.lever):before {
  border-right: 2px solid var(--black-text);
  border-bottom: 2px solid var(--black-text);
  top: 1px;
  left: 2px;
  width: 6px;
  height: 12px;
}
main.account-pages .col-center .card .card-content [type=checkbox] + span:not(.lever) {
  padding-left: 25px;
  line-height: 22px;
  color: var(--light-text-color);
  font-weight: 500;
  font-size: 12px;
  margin: 0 5px;
}
main.account-pages .col-center .card .card-content .gold {
  position: relative;
  top: 22px;
  left: 5px;
  background-color: var(--primary-color);
  color: var(--black-text);
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  height: 30px;
  line-height: 30px;
  border: 1px solid var(--play-with-border);
}
main.account-pages .col-center .card .card-content .gold:hover {
  background: var(--button-color);
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content {
  width: 100%;
  display: table;
  padding: 5px 10px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-staus-box {
  padding: 5px;
  height: auto;
  min-height: 40px;
  line-height: 40px;
  border-radius: 12px;
  width: 100%;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-staus-box .kyc-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-staus-box .kyc-title .status {
  padding: 5px 8px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 11px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-staus-box .kyc-title .approved {
  background-color: #1B944B;
  color: var(--white-text);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-staus-box .kyc-title .pending {
  background-color: #E13A3A;
  color: var(--white-text);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-staus-box .kyc-title .decline {
  background-color: #E13A3A;
  color: var(--white-text);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-title .declinemsg {
  padding-left: 5px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload {
  display: flex;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown {
  padding: 5px 15px 0;
  margin: 0px 0 15px;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 12px;
  max-width: 90%;
  position: relative;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .select-dropdown {
  border-bottom: 1px solid transparent;
  border: none;
  background: transparent;
  margin-bottom: 0;
  border-radius: 0px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .dropdown-content {
  top: 30px !important;
  right: 0;
  width: 190px !important;
  left: auto !important;
  border: 1px solid var(--primary-color);
  border-radius: 3px;
  background-color: var(--background-color);
  transition: all 0.4s;
  height: auto !important;
  scrollbar-width: none;
  scroll-padding-top: 150px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .dropdown-content [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  border: 2px solid var(--select-check-box-bg);
  background-color: var(--select-check-box-bg);
  border-radius: 3px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .dropdown-content [type=checkbox].filled-in:checked + span:not(.lever):after {
  border: 2px solid var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  border-radius: 3px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .dropdown-content [type=checkbox].filled-in:checked + span:not(.lever):before {
  border-right: 2px solid var(--black-text) !important;
  border-bottom: 2px solid var(--black-text) !important;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .dropdown-content .collection-item {
  line-height: 2;
  padding: 5px 15px;
  min-height: 35px;
  border-bottom: 1px solid transparent;
  background-color: transparent;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .dropdown-content .collection-item:first-child {
  margin-top: 8px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .dropdown-content .collection-item:last-child {
  margin-bottom: 5px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .dropdown-content .collection-item [type=checkbox] + span:not(.lever) {
  padding-left: 30px;
  line-height: 18px;
  height: 25px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown label {
  text-align: left;
  top: 22px;
  left: 12px;
  color: var(--light-text-color);
  font-weight: 500;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .adhaar-dropdown {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--light-text-color);
  position: relative;
  height: 25px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown .adhaar-dropdown .arrows {
  position: absolute;
  right: 0;
  top: -10px;
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .document-details .input-field {
  padding: 2px 8px !important;
  margin: 0;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 12px;
  max-width: 90%;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .document-details .input-field input {
  border: none;
  color: var(--primary-text-color);
  display: block;
  width: 100%;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 0 !important;
  padding: 20px 0px 0px 5px;
  border-bottom: none;
  box-shadow: none;
  background: transparent;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .document-details .input-field label {
  text-align: left;
  top: 22px;
  left: 12px;
  color: var(--light-text-color);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id {
  height: 100%;
  width: 100%;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn {
  height: 100%;
  width: 49%;
  margin: auto;
  position: relative;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn {
  line-height: 40px;
  color: var(--light-text-color);
  font-size: 12px;
  font-weight: 500;
  border-radius: 10px !important;
  text-transform: capitalize;
  height: 100%;
  position: relative;
  cursor: pointer;
  padding: 25px 15px 50px;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  box-shadow: var(--deposit-box-shadow);
  border-radius: 5px;
  text-align: left;
  float: unset;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn .upload-inner-title {
  display: block;
  color: var(--light-text-color);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn .upload-title {
  margin-top: 5px;
  display: block;
  color: var(--primary-text-color);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a {
  width: 40px;
  display: block;
  margin-left: 20px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a i {
  font-size: 12px;
  color: var(--light-text-color);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a svg {
  width: 40px;
  height: 40px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a svg path {
  fill: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .upload-document {
  border-radius: 0px 0px 10px 10px !important;
  border-top: 1px solid var(--deposit-input-border);
  padding: 12px 20px !important;
  background-color: var(--primary-color);
  color: var(--black-text);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  height: auto;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .upload-document:hover {
  background: var(--button-color);
  transition: all 0.3s ease-in;
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .img-upload {
  padding: 7px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .img-upload .document-image {
  display: flex;
  align-items: center;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .img-upload .document-image img {
  max-width: 175px;
  border-radius: 7px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-wrapper {
  margin: 0;
  padding: 0 !important;
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-wrapper input {
  padding: 0;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box {
  padding: 0 5px 5px 5px;
  margin-bottom: 10px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box label {
  margin: 0 10px;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box [type=radio]:checked + span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box [type=radio]:not(:checked) + span {
  padding-left: 30px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box [type=radio]:checked + span:after,
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box [type=radio].with-gap:checked + span:after {
  background-color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box [type=radio]:checked + span:after {
  border: 4px solid var(--secondary-color);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box [type=radio]:not(:checked) + span:before,
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box [type=radio]:not(:checked) + span:after {
  border: 2px solid var(--border-color);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box [type=radio] + span:before,
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-box [type=radio] + span:after {
  margin: 3px;
  width: 20px;
  height: 20px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details {
  display: flex;
  align-items: center;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .select-wrapper input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .select-wrapper input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .select-wrapper input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .select-wrapper input {
  padding: 0px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown {
  padding: 5px 15px 0;
  margin: 0;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 12px;
  max-width: 400px;
  float: left;
  width: 100%;
  position: relative;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown input {
  border-bottom: 1px solid transparent;
  height: 40px;
  font-size: 14px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown .dropdown-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown .dropdown-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown .dropdown-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown .dropdown-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown .dropdown-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown .dropdown-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown .dropdown-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown .dropdown-content {
  top: 40px !important;
  background-color: var(--background-color);
  width: auto !important;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown .btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown .btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown .btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown .btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown .btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown .btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown .btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown .btn {
  background-color: transparent;
  color: var(--light-text-color);
  box-shadow: none;
  width: 100%;
  text-align: left;
  padding: 0;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 500;
  overflow: auto;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown .btn .arrows,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown .btn .arrows,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown .btn .arrows,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown .btn .arrows,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown .btn .arrows,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown .btn .arrows,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown .btn .arrows,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown .btn .arrows {
  position: absolute;
  right: 10px;
  top: 2px;
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown .btn .arrows i,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown .btn .arrows i,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown .btn .arrows i,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown .btn .arrows i,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown .btn .arrows i,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown .btn .arrows i,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown .btn .arrows i,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown .btn .arrows i {
  font-size: 12px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li {
  padding: 10px;
  display: flex;
  border-bottom: 1px solid var(--border-color);
  transition: ease-in 0.2s;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li:last-child,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li:last-child,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li:last-child,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li:last-child,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li:last-child,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li:last-child,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li:last-child,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li:last-child {
  border-bottom: none;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li:hover {
  background-color: var(--bg-color);
  color: var(--primary-color);
  transition: ease-in 0.2s;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li.active,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li.active,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li.active,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li.active,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li.active,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li.active,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li.active,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li.active {
  background-color: var(--bg-color);
  color: var(--primary-color);
  transition: ease-in 0.2s;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .bank-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .upi-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .bank-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .upi-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .bank-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .upi-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .bank-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .upi-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .bank-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .upi-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .bank-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .upi-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .bank-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .upi-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .bank-list,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .upi-list {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .bank-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .upi-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .bank-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .upi-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .bank-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .upi-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .bank-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .upi-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .bank-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .upi-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .bank-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .upi-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .bank-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .upi-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .bank-list .left-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .upi-list .left-content {
  float: left;
  width: auto;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .bank-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .bank-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .upi-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .upi-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .bank-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .bank-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .upi-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .upi-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .bank-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .bank-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .upi-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .upi-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .bank-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .bank-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .upi-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .upi-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .bank-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .bank-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .upi-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .upi-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .bank-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .bank-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .upi-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .upi-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .bank-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .bank-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .upi-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .upi-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .bank-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .bank-list .left-content .ac-details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .upi-list .left-content .details,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .upi-list .left-content .ac-details {
  color: var(--light-text-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .bank-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .bank-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .upi-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .upi-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .bank-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .bank-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .upi-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .upi-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .bank-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .bank-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .upi-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .upi-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .bank-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .bank-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .upi-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .upi-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .bank-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .bank-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .upi-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .upi-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .bank-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .bank-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .upi-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .upi-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .bank-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .bank-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .upi-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .upi-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .bank-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .bank-list .left-content .ac-details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .upi-list .left-content .details span,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .upi-list .left-content .ac-details span {
  height: auto;
  line-height: 1.1;
  padding: 0;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .bank-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .upi-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .bank-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .upi-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .bank-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .upi-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .bank-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .upi-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .bank-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .upi-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .bank-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .upi-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .bank-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .upi-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .bank-list .right-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .upi-list .right-content {
  float: right;
  width: auto;
  margin: 0 5px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .bank-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .upi-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .bank-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .upi-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .bank-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .upi-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .bank-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .upi-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .bank-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .upi-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .bank-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .upi-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .bank-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .upi-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .bank-list .right-content a.btn,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .upi-list .right-content a.btn {
  color: var(--black-text) !important;
  background-color: var(--primary-color);
  border-radius: 4px;
  width: 70px;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
  font-weight: 600;
  padding: 0 10px;
  margin: 0 2px;
  text-align: center;
  box-shadow: none;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .bank-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown li .upi-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .bank-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .upi-dropdown li .upi-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .bank-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .bank-dropdown li .upi-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .bank-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .upi-dropdown li .upi-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .bank-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .bank-dropdown li .upi-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .bank-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .upi-dropdown li .upi-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .bank-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .bank-dropdown li .upi-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .bank-list .right-content a.btn:hover,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .upi-dropdown li .upi-list .right-content a.btn:hover {
  background: var(--button-color);
  color: var(--white-text) !important;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .add-bank,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .add-bank,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .add-bank,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .add-bank {
  color: var(--light-text-color);
  font-size: 13px;
  font-weight: 500;
  width: 150px;
  margin: 0px 10px 0 15px;
  top: -6px;
  position: relative;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .add-bank i,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .upi-details .add-bank i,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .bank-details .add-bank i,
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi .upi-details .add-bank i {
  width: 18px;
  height: 18px;
  background-color: var(--primary-color);
  border-radius: 50%;
  color: var(--black-text);
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin: auto;
  margin-right: 7px;
  font-size: 11px;
  line-height: 1.2;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .select-upi {
  margin-bottom: 5px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-amount {
  padding: 2px 8px;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 12px;
  margin: auto;
  max-width: 400px;
  float: left;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-amount input {
  border: none;
  color: var(--primary-text-color);
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 0;
  padding: 20px 0px 0px 5px;
  border-bottom: none;
  box-shadow: none;
  background: transparent;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-amount label {
  text-align: left;
  top: 22px;
  left: 12px;
  color: var(--light-text-color);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-amount {
  font-size: 10px;
  font-weight: 500;
  color: var(--light-text-color);
  margin: 5px 0px;
  text-transform: capitalize;
  float: left;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-amount strong {
  color: var(--primary-text-color);
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .text-danger {
  color: var(--stake-color);
  font-size: 12px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list {
  margin: 10px 0 !important;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-dropdown,
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .upi-list-dropdown,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-dropdown,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .upi-list-dropdown {
  padding: 2px 15px 0;
  margin: 10px 0 5px;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 12px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-dropdown input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .upi-list-dropdown input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-dropdown input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .upi-list-dropdown input {
  border-bottom: 1px solid transparent;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0px;
  border: none;
  background: transparent;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-dropdown .select-wrapper input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .upi-list-dropdown .select-wrapper input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-dropdown .select-wrapper input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .upi-list-dropdown .select-wrapper input {
  padding: 0px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank label,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list label {
  text-align: left;
  top: 22px;
  left: 12px;
  color: var(--light-text-color);
  font-weight: 500;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .dropdown-content,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .dropdown-content {
  top: 30px !important;
  max-height: 400px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-ifsc .input-field,
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-account-no .input-field,
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-ac-name .input-field,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-ifsc .input-field,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-account-no .input-field,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-ac-name .input-field {
  padding: 5px 8px !important;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 12px;
  float: left;
  width: 100%;
  margin: 10px 0 5px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-ifsc input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-account-no input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-ac-name input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-ifsc input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-account-no input,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-ac-name input {
  border: none;
  color: var(--primary-text-color);
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 0;
  padding: 20px 0px 0px 5px;
  border-bottom: none;
  box-shadow: none;
  background: transparent;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-ifsc label,
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-account-no label,
main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .bank-ac-name label,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-ifsc label,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-account-no label,
main.account-pages .col-center .card .card-content .withraw .withraw-content .upi-list .bank-ac-name label {
  text-align: left;
  top: 22px;
  left: 12px;
  color: var(--light-text-color);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bottom-w-amt {
  font-size: 10px;
  font-weight: 500;
  color: var(--light-text-color);
  margin: 5px 0px;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .bottom-w-amt strong {
  color: var(--primary-text-color);
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .fa-chevron-down {
  color: var(--light-text-color) !important;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content .submit-btn .btn:hover::after {
  border-radius: 4px;
}
main.account-pages .col-center .card .card-content .withraw .withraw-content > .row:first-child {
  margin-bottom: 10px;
}
main.account-pages .col-center .card .card-content .balance-tabs {
  padding: 5px 0px;
}
main.account-pages .col-center .card .card-content .balance-tabs .bal-cols {
  display: flex;
  align-items: center;
  padding-left: 0;
}
main.account-pages .col-center .card .card-content .balance-tabs .bal-cols:first-child .left-bal-content {
  margin-left: 0;
}
main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .left-bal-content {
  margin: 0 15px 0 15px;
  display: flex;
}
main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .left-bal-content img {
  width: 100%;
  max-width: 45px;
}
main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .right-bal-content {
  float: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--light-text-color);
}
main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .right-bal-content .value {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}
main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .right-bal-content .value.real-balance {
  color: var(--real-balance-color);
}
main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .right-bal-content .value.withdraw-balance {
  color: var(--withdraw-balance-color);
}
main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .right-bal-content .value.current-balance {
  color: var(--current-balance-color);
}
main.account-pages .col-center .card .card-content .balance-tabs .right-border {
  border-right: 1px solid var(--border-color);
}
main.account-pages .col-center .card .card-content .bonus-wallets {
  border-radius: 10px;
  padding: 5px 10px;
  background: var(--bonus-wallets-bg);
  position: relative;
  border: 1px solid var(--play-with-border);
}
main.account-pages .col-center .card .card-content .bonus-wallets .bonus-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--black-text);
  margin: 10px auto;
}
main.account-pages .col-center .card .card-content .bonus-wallets .wallet-select {
  display: flex;
  align-items: center;
}
main.account-pages .col-center .card .card-content .bonus-wallets .wallet-select .close-icon a {
  color: var(--black-text);
  font-size: 12px;
  margin-left: 10px;
}
main.account-pages .col-center .card .card-content .bonus-wallets .wallet-select .switch {
  position: relative;
  background: var(--third-color);
  border-radius: 15px;
  margin: 10px auto;
  height: 26px;
  width: 120px;
}
main.account-pages .col-center .card .card-content .bonus-wallets .wallet-select .switch input:focus + label {
  color: var(--white-text) !important;
}
main.account-pages .col-center .card .card-content .bonus-wallets .wallet-select .switch-label-off {
  padding-left: 2px;
}
main.account-pages .col-center .card .card-content .bonus-wallets .wallet-select .switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 60px;
  line-height: 26px;
  font-size: 11px;
  font-weight: 500;
  color: var(--white-text);
  text-align: center;
  cursor: pointer;
  padding: 0 5px;
  opacity: 0.7;
}
main.account-pages .col-center .card .card-content .bonus-wallets .wallet-select .switch-input:checked + .switch-label {
  transition: 0.15s ease-out;
  color: var(--black-text);
  opacity: 1;
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .bonus-wallets .wallet-select .switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 60px;
}
main.account-pages .col-center .card .card-content .bonus-wallets .wallet-select .switch-selection {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  display: block;
  width: 58px;
  height: 22px;
  border-radius: 15px;
  background-color: var(--primary-color);
  transition: left 0.15s ease-out;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin: 10px 0;
  gap: 10px;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
  position: relative;
  width: 32.5%;
  height: 100%;
  min-height: 140px;
  float: left;
  background-image: url(../images/coupen-details-bg.png?v=0.6);
  background-repeat: no-repeat;
  box-shadow: var(--coupen-box-shadow);
  border-radius: 16px;
  background-position: top;
  background-size: cover;
  border: 1px solid var(--play-with-border);
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens {
  padding: 11px 11px 20px;
  position: relative;
  z-index: 1;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text {
  width: 56%;
  padding-left: 5px;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .timer {
  color: var(--white-text);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .timer img {
  width: 13px;
  margin-right: 5px;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .title {
  color: var(--white-text);
  text-align: left;
  padding: 3px 0px 2px;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .date1 {
  color: var(--camp-bets-text);
  text-align: left;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  font-style: italic;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .more-bets {
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--camp-bets-text);
  border-radius: 12px;
  display: inline-block;
  margin: 10px 0px 10px;
  text-transform: uppercase;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn {
  gap: 10px;
  margin-top: 7px;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn {
  width: 100%;
  height: 40px;
  padding: 0px 5px;
  border-radius: 8px;
  background: var(--background-color);
  color: var(--primary-text-color);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: capitalize;
  text-align: center;
  box-shadow: unset;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn.claim-btn {
  color: var(--white-text);
  border: 1px solid var(--white-text);
  background: var(--camp-bets-bg);
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn.redeemed {
  background: var(--expire-claim-bg);
  border-color: transparent;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn.redeemed:hover {
  background: var(--expire-claim-bg);
  border-color: transparent;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn:hover {
  color: var(--black-text);
  background-color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn.expire-btn {
  display: grid;
  align-items: center;
  line-height: 1;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn.expire-btn span {
  line-height: 1;
  height: auto;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .cancel {
  border-radius: 8px;
  background: var(--primary-color);
  color: var(--black-text);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  box-shadow: unset;
  position: absolute;
  top: 6%;
  padding: 0px 20px;
  right: 10px;
  height: 30px;
  line-height: 30px;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .cancel:hover {
  background: var(--button-bg);
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details {
  margin-top: -36px !important;
  display: none;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images {
  gap: 7px;
  padding: 50px 13px 0px;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values {
  background-image: url(../images/bets-required-bg.png?v=0.6);
  background-repeat: no-repeat;
  width: 24%;
  background-size: contain;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .name {
  color: var(--white-text);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  padding: 6px 0px 11px;
  text-align: center;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .value {
  color: var(--white-text);
  font-size: 23px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: capitalize;
  padding: 5px 0px 12px;
  text-align: center;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bets-bottom {
  padding: 10px;
  display: block;
  float: left;
  width: 100%;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bets-bottom .exposure {
  color: var(--camp-bets-bg);
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bets-bottom .open-bets {
  float: right;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bets-bottom .open-bets .btn {
  background: var(--camp-bets-bg);
  border-radius: 6px;
  color: var(--white-text);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bets-bottom .open-bets .btn:hover {
  background: var(--primary-color);
  color: var(--black-text);
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens.expired .expire-content {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens.expired .inner-coupens .all-btn .claim-btn {
  background: var(--expire-claim-bg);
  border-color: transparent;
}
main.account-pages .col-center .card .card-content .pagination li a {
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 500;
}
main.account-pages .col-center .card .card-content .pagination li a i {
  font-size: 12px;
}
main.account-pages .col-center .card .card-content .pagination li.disabled a {
  color: var(--light-text-color);
}
main.account-pages .col-center .card .card-content .pagination li.active {
  background-color: var(--primary-color);
  border: 1px solid var(--play-with-border);
}
main.account-pages .col-center .card .card-content .pagination li.active a {
  color: var(--black-text);
}
main.account-pages .col-center .card .card-content .user-deposit {
  width: 100%;
  max-width: 700px;
  margin: auto;
  text-align: center;
  padding-top: 20px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method {
  padding: 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .wl-balance {
  font-size: 12px;
  font-weight: 500;
  color: var(--light-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .wl-balance strong {
  font-weight: 700;
  font-size: 16px;
  color: var(--primary-text-color);
  margin: 0 0 0 5px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .payment-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--primary-text-color);
  margin: 20px 0px 10px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer {
  display: flex;
  justify-content: center;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a {
  text-transform: capitalize;
  font-size: 13px;
  color: var(--primary-text-color);
  padding: 10px 20px;
  margin: 10px 7px 10px;
  position: relative;
  width: 160px;
  height: 80px;
  box-shadow: var(--bank-box-shadow);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: var(--bank-box-bg);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a .payment-img {
  border: 2px solid var(--bank-image-border);
  width: 55px;
  height: 25px;
  padding: 3px 5px;
  border-radius: 100px;
  background-color: var(--payment-image-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a .payment-img img {
  max-width: 45px;
  height: auto;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a h2 {
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.04em;
  margin: 3px 0px 0px;
  width: 100%;
  text-align: left;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a:hover, main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a.active {
  background: var(--primary-color);
  color: var(--black-text);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a.whatsapp-icon h6 {
  font-size: 11px;
  margin-left: 0px;
  line-height: 4px;
  margin-bottom: 5px;
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details {
  display: block;
  float: left;
  width: 100%;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details.disable {
  opacity: 0.3;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .title {
  font-size: 12px;
  font-weight: 500;
  color: var(--light-text-color);
  margin: 5px 0px;
  text-transform: capitalize;
  text-align: left;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details {
  border-radius: 10px;
  margin: 10px 0 0;
  flex-wrap: wrap;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details table tr {
  border: none;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details table tr td {
  padding: 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details table tr td.title {
  color: var(--light-text-color);
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details table tr td.sub-title {
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
  padding: 0 3px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details table tr td.copy-img {
  cursor: pointer;
  padding: 0 0px 0 5px;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details table tr td.copy-img svg {
  width: 18px;
  height: 18px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details table tr td.copy-img svg path {
  fill: var(--copy-svg-color);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details table tr.qr-codes .left-col .qr-title {
  text-transform: capitalize;
  color: var(--light-text-color);
  font-size: 13px;
  font-weight: 500;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details table tr.qr-codes .right-col img {
  max-width: 125px;
  padding: 5px 3px 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content {
  background-color: var(--input-color);
  border: 1px solid var(--deposit-input-border);
  box-shadow: var(--deposit-box-shadow);
  border-radius: 5px;
  width: 100%;
  text-align: left;
  padding: 5px 10px;
  position: relative;
  margin: 5px 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .label {
  font-size: 11px;
  color: var(--light-text-color);
  font-weight: 500;
  letter-spacing: 0.5px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .gpay-id {
  font-size: 14px;
  color: var(--primary-text-color);
  font-weight: 600;
  padding: 3px 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons {
  position: absolute;
  top: 55%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons svg {
  width: 20px;
  height: 20px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons svg path {
  fill: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied {
  left: 30%;
  transform: translateX(-50%);
  line-height: 15px;
  top: -45px;
  position: absolute;
  background-color: var(--primary-color);
  padding: 10px 12px;
  border-radius: 2px;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied span {
  font-size: 14px;
  font-weight: 500;
  color: var(--copied-text);
  display: flex;
  align-items: center;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied span i {
  margin-right: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied .copied-arrows {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--primary-color);
  position: absolute;
  bottom: -8px;
  left: 53%;
  transform: translateX(-50%);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .qr-codes .qr-title {
  color: var(--primary-text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .qr-codes .right-col img {
  margin: auto;
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details {
  width: 100%;
  float: left;
  position: relative;
  display: block;
  margin: 5px 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content {
  display: flex;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .label {
  font-size: 11px;
  color: var(--light-text-color);
  font-weight: 500;
  letter-spacing: 0.5px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .gpay-id {
  font-size: 14px;
  color: var(--primary-text-color);
  font-weight: 600;
  padding: 3px 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .icons {
  position: absolute;
  top: 55%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .icons svg {
  width: 20px;
  height: 20px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .icons svg path {
  fill: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .upload-imgs {
  width: 70%;
  float: left;
  margin-right: 14px;
  background-color: var(--input-color);
  border: 1px solid var(--deposit-input-border);
  box-shadow: var(--deposit-box-shadow);
  border-radius: 5px;
  text-align: left;
  padding: 5px 10px;
  position: relative;
  margin: 5px 14px 6px 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .scanner {
  width: 28%;
  float: right;
  background-color: var(--input-color);
  border: 1px solid var(--deposit-input-border);
  box-shadow: var(--deposit-box-shadow);
  border-radius: 5px;
  text-align: left;
  padding: 5px 10px;
  position: relative;
  margin: 5px 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .qr-codes .qr-title {
  color: var(--primary-text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .qr-codes .right-col img {
  margin: auto;
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content {
  float: left;
  display: block;
  width: 100%;
  margin: 10px 0 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg {
  border-radius: 10px;
  width: 48.9%;
  float: left;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg:first-child {
  margin: 5px 7px 5px 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg:last-child {
  margin: 5px 0px 5px 7px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input {
  border: 1px solid var(--deposit-input-border);
  box-shadow: var(--deposit-box-shadow);
  border-radius: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input label {
  color: var(--light-text-color);
  font-size: 13px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input::-webkit-input-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 14px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input:-moz-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 14px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input::-moz-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 14px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input:-ms-input-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 14px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input::-webkit-outer-spin-button,
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input .icons {
  position: absolute;
  top: 55%;
  right: 15px;
  transform: translateY(-50%);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input .icons svg {
  width: 20px;
  height: 20px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input .icons svg path {
  fill: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input:focus + label {
  color: var(--primary-text-color) !important;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-payment {
  margin-bottom: 10px;
  clear: left;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-payment .upi-id {
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-payment .upi-id .upi-text {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-payment .upi-id .input-field {
  padding: 0px 8px;
  margin: 0;
  background-color: var(--input-color);
  border: 1px solid var(--deposit-input-border);
  border-radius: 4px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-payment .upi-id .input-field input {
  padding: 10px 0px 10px 5px !important;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-payment .scan-id {
  background-color: var(--input-color);
  border: 1px solid var(--deposit-input-border);
  box-shadow: var(--deposit-box-shadow);
  border-radius: 5px;
  padding: 5px 10px 10px;
  position: relative;
  margin: 15px 0 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-payment .scan-id h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 10px 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-payment .scan-id .qr-icon img {
  width: 150px;
  max-width: 100%;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .back-page {
  text-align: left;
  margin-bottom: 20px;
  border: 1px solid var(--deposit-input-border);
  box-shadow: var(--deposit-box-shadow);
  border-radius: 5px;
  padding: 5px 15px 15px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .back-page h6 {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 5px;
  line-height: 22px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .back-page .balance-check p {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .back-page .balance-check .balance-btn {
  display: flex;
  width: 50%;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .user-warning-note {
  width: 100%;
  float: left;
  position: relative;
  display: block;
  margin: 5px 0;
  text-align: left;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .user-warning-note .title {
  font-size: 13px;
  font-weight: 600;
  color: var(--stake-color);
  margin: 2px 0px;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .user-warning-note .title i {
  animation-name: blinker2;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .user-warning-note .note-content {
  font-size: 11px;
  font-weight: 600;
  color: var(--stake-color);
  margin: 5px 0 5px;
  line-height: 1.2;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification {
  clear: both;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown .base-timer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown .base-timer .base-timer__svg {
  transform: scaleX(-1);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown .base-timer .base-timer__svg .base-timer__circle {
  fill: none;
  stroke: none;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown .base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining {
  stroke-width: 4px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: var(--base-timer__path);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown .base-timer .base-timer__label {
  position: absolute;
  width: 170px;
  height: 170px;
  top: 40px;
  left: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 50px;
  text-align: center;
  font-size: 31px;
  font-weight: 700;
  line-height: 48px;
  color: var(--white-text);
  background: var(--black-text);
  border-radius: 50%;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification .title {
  font-weight: 600;
  text-align: left;
  margin-bottom: 10px;
  color: var(--primary-text-color);
  font-size: 23px;
  line-height: 20px;
  letter-spacing: -1px;
  padding-top: 20px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification p {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  color: var(--light-text-color);
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification .payment-amount {
  height: 40PX;
  padding: 0px 20px;
  border-radius: 4px;
  background: var(--payment-verify-amount-bg);
  font-size: 19px;
  font-weight: 600;
  text-align: center;
  color: var(--white-text);
  line-height: 40px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept {
  padding: 40px 0px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept img {
  width: 27%;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept h2 {
  font-weight: 500;
  font-size: 50px;
  line-height: 70px;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept button {
  width: 292.76px;
  height: 59.5px;
  background: var(--payment-accept-btn-bg);
  border-radius: 27.1637px;
  font-weight: 500;
  font-size: 24.2696px;
  line-height: 29px;
  color: var(--white-text);
  border: none;
  cursor: pointer;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept p {
  font-weight: 500;
  font-size: 16.4613px;
  line-height: 20px;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-reject button {
  background: var(--payment-reject-btn-bg);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-reject a span {
  font-weight: 700;
  font-size: 30px;
  line-height: 37px;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-reject a img {
  width: auto;
  padding-right: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .transaction-btn button {
  height: 40px !important;
  padding: 0px 20px;
  border-radius: 4px;
  background: var(--primary-color);
  font-size: 16px !important;
  font-weight: 600;
  text-align: center;
  color: var(--black-text);
  width: 100% !important;
  border: unset;
  text-transform: capitalize;
  cursor: pointer;
  margin-top: 0 !important;
  border: 1px solid var(--play-with-border);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .transaction-btn button:hover {
  background: var(--button-color);
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .add-amount {
  font-size: 9px;
  font-weight: 500;
  color: var(--light-text-color);
  margin: 5px 0px;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .add-amount strong {
  color: var(--primary-text-color);
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .select-deposit-mode {
  margin: 10px 0;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .select-deposit-mode .wp-deposit-details {
  text-align: left;
  padding: 5px 0 10px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .select-deposit-mode .wp-deposit-details .wp-list {
  padding: 0 15px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .select-deposit-mode .wp-deposit-details .wp-list li {
  list-style: disc;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-text-color);
  line-height: 1.7;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .select-deposit-mode .wp-deposit-details .deposit-media {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-method .select-deposit-mode .wp-deposit-details .deposit-media a {
  margin: 0 10px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-btn {
  clear: left;
  margin-bottom: 15px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-btn .payment-transfer {
  display: flex;
  justify-content: flex-start;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-btn .payment-transfer a {
  text-transform: capitalize;
  font-size: 27px;
  color: var(--primary-text-color);
  margin: 10px 7px 10px;
  position: relative;
  width: 160px;
  height: 50px;
  box-shadow: var(--bank-box-shadow);
  border-radius: 8px;
  display: flex;
  align-items: center;
  background: var(--bank-box-bg);
  justify-content: center;
  padding: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-btn .payment-transfer a h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.04em;
  margin: 3px 0px 0px;
  width: 100%;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-btn .payment-transfer a img {
  max-width: 85px;
  max-height: 30px;
}
main.account-pages .col-center .card .card-content .user-deposit .payment-btn .payment-transfer a:hover, main.account-pages .col-center .card .card-content .user-deposit .payment-btn .payment-transfer a.active {
  background: var(--primary-color);
  color: var(--black-text);
  border: 1px solid var(--play-with-border);
}
main.account-pages .col-center .card .card-content .user-deposit .or-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary-text-color);
  margin-bottom: 0;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn {
  float: left;
  width: 100%;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .amount {
  border-radius: 10px;
  background-color: var(--background-color);
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .amount input {
  padding: 7px !important;
  width: 95%;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss {
  width: 100%;
  height: 100%;
  display: inline-block;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn {
  line-height: 40px;
  color: var(--light-text-color);
  font-size: 12px;
  font-weight: 500;
  border-radius: 10px;
  background-color: transparent;
  box-shadow: none;
  text-transform: capitalize;
  display: grid;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  text-align: left;
  gap: 15px;
  padding: 25px 15px 50px;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn a {
  width: 31px;
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn a i {
  font-size: 12px;
  color: var(--light-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn a svg {
  width: 50px;
  height: 50px;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn a svg path {
  fill: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn .upload-inner-title {
  display: block;
  color: var(--light-text-color);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn .upload-title {
  margin-top: 5px;
  display: block;
  color: var(--primary-text-color);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .img-upload .document-image img {
  width: 100%;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .upload-btn {
  border-radius: 0px 0px 5px 5px;
  border-top: 1px solid var(--deposit-input-border);
  padding: 12px 20px !important;
  background-color: var(--primary-color);
  color: var(--black-text);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  height: auto;
  position: absolute;
  bottom: 0;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .upload-btn input {
  opacity: 0;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .upload-btn:hover {
  background: var(--button-color);
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 100%;
  height: 45px;
  display: block;
  float: initial;
  color: var(--black-text);
  line-height: 36px;
  font-size: 14px;
  box-shadow: none;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  transition: all ease-in 0.2s;
  margin: auto;
  background: var(--primary-color);
  box-shadow: var(--button-shadow);
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn:before, main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn::after {
  transition: all 0.5s ease-out;
  position: absolute;
  content: attr(data-effect);
  backface-visibility: hidden;
  top: 0;
  left: 0;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn::after {
  opacity: 1;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  color: transparent;
  z-index: 0;
  border-radius: 4px;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn:hover::after {
  right: 0;
  background: var(--button-color);
  color: var(--primary-color);
  transition: all ease-in 0.4s;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn:hover .animate-btn {
  z-index: 1;
  position: relative;
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn .animate-btn {
  z-index: 1;
  position: relative;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn#button-background {
  position: relative;
  background-color: rgba(255, 255, 255, 0.3);
  border: white;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn#button-background #swipe-slider {
  transition: width 0.3s, border-radius 0.3s, height 0.3s;
  position: absolute;
  left: -10px;
  background-color: #00bcd4;
  width: 100px;
  border-radius: 4px;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn#button-background #swipe-slider.unlocked {
  transition: all 0.3s;
  width: inherit;
  left: 0 !important;
  height: inherit;
  border-radius: inherit;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .can-btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 150px;
  height: 45px;
  display: block;
  color: var(--light-text-color);
  line-height: 36px;
  font-size: 14px;
  box-shadow: none;
  font-weight: 500;
  border-radius: 4px;
  text-transform: capitalize;
  text-align: center;
  transition: all 0.2s;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .can-btn:hover {
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #button-background {
  position: relative;
  background: var(--background-color);
  width: 190px;
  height: 50px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid var(--primary-text-color);
  transition: all ease-in 0.2s;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #button-background.bg-converted {
  background: var(--button-color);
  border: 2px solid var(--white-text);
  transition: all ease-in 0.2s;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #button-background.bg-converted .slide-text {
  color: var(--white-text);
  position: relative;
  left: -45px;
  transition: all ease-in 0.2s;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #slider {
  transition: width 0.3s, border-radius 0.3s, height 0.3s;
  position: relative;
  left: 0px;
  top: 0px;
  background: var(--icon-bg);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin-right: 8px;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #slider.unlocked {
  transition: all 0.3s;
  left: 0 !important;
  left: calc(60% + 25px) !important;
  border-radius: 50%;
  z-index: 9;
  background: linear-gradient(228.05deg, #BF131E 12.77%, #C50000 29.21%, #1E0230 104.5%);
  border: 2px solid var(--border-color3);
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #slider.unlocked svg path {
  fill: var(--white-text);
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .slide-text {
  color: var(--primary-text-color);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .loading {
  display: none;
}
main.account-pages .col-center .card .card-content .user-deposit form .input-field {
  padding: 5px 8px;
  margin: 0;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 4px;
}
main.account-pages .col-center .card .card-content .user-deposit form .input-field input {
  border: none;
  padding: 20px 0px 0px 5px !important;
  color: var(--primary-text-color);
  display: block;
  width: 98%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 0 !important;
  box-shadow: none;
  background: transparent;
}
main.account-pages .col-center .card .card-content .user-deposit form .input-field input:focus {
  border-bottom: none !important;
  box-shadow: none !important;
}
main.account-pages .col-center .card .card-content .user-deposit form .input-field input:focus + label {
  color: var(--secondary-color) !important;
}
main.account-pages .col-center .card .card-content .user-deposit form .input-field label {
  text-align: left;
  top: 22px;
  left: 12px;
  color: var(--primary-text-color);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
}
main.account-pages .col-center .card .card-content .user-deposit .submit-btn {
  display: block;
  float: left;
  width: 100%;
}
main.account-pages .col-center .card .card-content .user-deposit .submit-btn .btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 310px;
  height: 45px;
  display: block;
  float: initial;
  color: var(--black-text);
  line-height: 36px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  transition: all ease-in 0.2s;
  margin: auto;
  background: var(--primary-color);
  box-shadow: var(--button-shadow);
  border: 1px solid var(--play-with-border);
}
main.account-pages .col-center .card .card-content .user-deposit .submit-btn .btn:before, main.account-pages .col-center .card .card-content .user-deposit .submit-btn .btn::after {
  transition: all 0.5s ease-out;
  position: absolute;
  content: attr(data-effect);
  backface-visibility: hidden;
  top: 0;
  left: 0;
}
main.account-pages .col-center .card .card-content .user-deposit .submit-btn .btn::after {
  opacity: 1;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  color: transparent;
  z-index: 0;
  border-radius: 4px;
}
main.account-pages .col-center .card .card-content .user-deposit .submit-btn .btn:hover::after {
  right: 0;
  background: var(--button-color);
  color: var(--white-text);
  transition: all ease-in 0.4s;
}
main.account-pages .col-center .card .card-content .user-deposit .submit-btn .btn:hover .animate-btn {
  z-index: 1;
  position: relative;
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .user-deposit .submit-btn .btn .animate-btn {
  z-index: 1;
  position: relative;
}
main.account-pages .col-center .card .card-content .user-deposit .submit-btn .can-btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 150px;
  height: 45px;
  display: block;
  color: var(--light-text-color);
  line-height: 36px;
  font-size: 14px;
  box-shadow: none;
  font-weight: 500;
  border-radius: 4px;
  text-transform: capitalize;
  text-align: center;
  transition: all 0.2s;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit .submit-btn .can-btn:hover {
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new {
  border-radius: 8px;
  max-width: 700px;
  margin: auto;
  text-align: center;
  padding-top: 20px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .bank-slider {
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 2.25rem;
  scrollbar-width: none;
  border: 1px solid var(--play-with-border);
  border-radius: 5px;
  padding: 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .bank-slider .slider-scroll {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .bank-slider .slider-scroll .select-transfer {
  display: flex;
  justify-content: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .bank-slider .slider-scroll .select-transfer a {
  font-size: 14px;
  color: var(--deposit-title-text);
  padding: 10px 12px;
  margin: 5px 7px 5px;
  position: relative;
  min-width: 140px;
  width: auto;
  height: 45px;
  box-shadow: none;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-transform: uppercase;
  background: transparent;
  transition: all 0.3s ease-in;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .bank-slider .slider-scroll .select-transfer a:hover, main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .bank-slider .slider-scroll .select-transfer a.active {
  transition: all 0.3s ease-in;
  background: var(--primary-color);
  color: var(--black-text);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .bank-slider .slider-scroll .select-transfer a h2 {
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.04em;
  margin: 0px 0px 0px;
  width: 100%;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .bank-slider.active {
  cursor: grab;
  cursor: -webkit-grab;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-help {
  margin-top: 8px;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-help img {
  max-width: 400px;
  width: 100%;
  display: block;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 5px;
  padding: 2px 0px 5px;
  position: relative;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img {
  width: 33.33%;
  text-align: left;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img img {
  width: 85px;
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img.payment-loader img {
  width: 150px;
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img.payment-loader span {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img.netbanking-icon {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img.netbanking-icon img {
  filter: var(--netbanking-icon);
  width: 30px;
  display: inline-block;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img span {
  font-size: 14px;
  font-weight: 600;
  color: var(--deposit-title-text);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .payment-loader {
  width: 33.33%;
  text-align: left;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .payment-loader span {
  font-size: 14px;
  font-weight: 600;
  color: var(--deposit-title-text);
  display: block;
  line-height: 1.2;
  clear: left;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .payment-loader img {
  width: 180px;
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-text {
  width: 33.33%;
  text-align: right;
  position: absolute;
  right: 10px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-text span {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  cursor: pointer;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-text span a {
  color: var(--deposit-title-text);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-text svg {
  vertical-align: middle;
  width: 15px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-text svg path {
  fill: var(--ac-slider-title);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .select-deposit-mode {
  margin: 10px 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .select-deposit-mode .wp-deposit-details {
  text-align: left;
  padding: 5px 0 10px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .select-deposit-mode .wp-deposit-details .wp-list {
  padding: 0 15px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .select-deposit-mode .wp-deposit-details .wp-list li {
  list-style: disc;
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-text-color);
  line-height: 1.8;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .select-deposit-mode .wp-deposit-details .deposit-media {
  display: flex;
  justify-content: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .select-deposit-mode .wp-deposit-details .deposit-media a {
  margin: 0 10px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .select-deposit-mode .wp-deposit-details .deposit-media a img {
  width: 100%;
  max-width: 400px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-options {
  margin: 10px 0 10px;
  display: flex;
  justify-content: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-options .box {
  vertical-align: middle;
  display: block !important;
  width: 100%;
  max-width: 650px;
  margin: 0 10px;
  padding: 0 5px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-options .box .opt-1 {
  min-width: 130px;
  height: 45px;
  background: transparent;
  color: var(--primary-text-color);
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  box-shadow: none;
  text-transform: capitalize;
  margin: 3px 3px;
  padding: 0;
  border: 1px solid var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-options .box .opt-1.active {
  background-color: var(--primary-color);
  transition: all 0.3s ease-in;
  border: 1px solid var(--primary-color);
  color: var(--black-text);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value {
  padding: 10px;
  border-radius: 5px;
  margin-top: 15px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value h2 {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid var(--deposit-input-border);
  text-align: left;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate {
  margin: 10px 0 15px;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  gap: 12px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate a {
  border: 1px solid var(--primary-text-color);
  border-radius: 8px;
  padding: 10px;
  background-image: unset;
  color: var(--primary-text-color);
  transition: all 0.3s ease-in;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate a .bid-amount {
  font-size: 14px;
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate a:hover, main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate a.active {
  background-color: var(--primary-color);
  transition: all 0.3s ease-in;
  border: 1px solid var(--primary-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate a:hover span, main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate a.active span {
  color: var(--black-text);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .deposit-or-title {
  position: relative;
  margin-bottom: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .deposit-or-title span {
  display: inline-block;
  border: 1px solid var(--deposit-input-border);
  border-radius: 100%;
  text-transform: uppercase;
  background-color: var(--deposit-banking-bg);
  position: relative;
  z-index: 1;
  font-weight: 600;
  width: 28px;
  height: 28px;
  text-align: center;
  font-size: 13px;
  padding: 0px;
  line-height: 25px;
  color: var(--light-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .deposit-or-title:before {
  content: "";
  background: var(--deposit-input-border);
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .deposit-input {
  margin-bottom: 5px;
  position: relative;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .deposit-input input {
  background-color: transparent;
  border: none !important;
  border-bottom: 1px solid var(--deposit-input-border) !important;
  border-radius: 0;
  height: 35px;
  box-shadow: none !important;
  padding-left: 20px;
  font-weight: 600;
  font-size: 18px;
  font-style: normal;
  line-height: 14px;
  opacity: 1;
  margin: 0;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .deposit-input input::-moz-placeholder {
  font-weight: 400;
  color: var(--light-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .deposit-input input::placeholder {
  font-weight: 400;
  color: var(--light-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .deposit-input span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: 700;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .add-amount {
  font-size: 10px;
  font-weight: 500;
  color: var(--light-text-color);
  margin: 5px 0;
  text-transform: capitalize;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .add-amount strong {
  color: var(--primary-text-color);
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens {
  position: relative;
  margin-bottom: 15px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens h2 {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: none;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens a {
  text-align: left;
  display: block;
  color: var(--primary-text-color);
  padding: 10px;
  border: 1px solid var(--play-with-border);
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative;
  background: var(--background-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens a img {
  width: 27px;
  margin-right: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens a i {
  vertical-align: middle;
  color: var(--primary-text-color);
  font-size: 18px;
  position: absolute;
  right: 10px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens a .coupens-content {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  text-transform: capitalize;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 500;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens a .coupens-content span {
  font-size: 14px;
  font-weight: 500;
  color: var(--third-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens .dropdown-content {
  top: 80px !important;
  border: 1px solid var(--play-with-border);
  border-radius: 0 0 5px 5px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens .dropdown-content li a {
  font-size: 14px;
  border: unset;
  border-bottom: 1px solid var(--play-with-border);
  border-radius: 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens .dropdown-content li a span {
  padding: 0 10px;
  color: var(--third-color) !important;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .submit-btn {
  margin-bottom: 5px;
  margin-top: 8px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment {
  margin-bottom: 10px;
  clear: left;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .upi-id {
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .upi-id .upi-text {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .upi-id .input-field {
  padding: 0px 8px;
  margin: 0;
  background-color: var(--input-color);
  border: 1px solid var(--deposit-input-border);
  border-radius: 4px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .upi-id .input-field input {
  padding: 10px 0px 10px 5px !important;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id {
  border: 1px solid var(--play-with-border);
  border-radius: 6px;
  padding: 5px 10px 10px;
  position: relative;
  margin: 15px 0 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 10px 0;
  text-decoration: underline;
  text-decoration-color: var(--play-with-border);
  color: var(--ac-slider-title);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex {
  align-items: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr {
  width: 50%;
  margin: 0 -10px -10px;
  border-bottom-left-radius: 8px;
  background-image: url(../images/mobile-qr-scan.png?v=0.6);
  background-size: cover;
  height: 280px;
  background-repeat: no-repeat;
  position: relative;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr img {
  width: 100%;
  max-width: 82px;
  position: absolute;
  top: 65px;
  left: 110px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text {
  width: 50%;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text h3 {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text .base-timer {
  position: relative;
  width: 130px;
  height: 130px;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text .base-timer .base-timer__svg {
  transform: scaleX(-1);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text .base-timer .base-timer__svg .base-timer__circle .base-timer__path-elapsed {
  stroke-width: 0px;
  stroke: var(--base-timer-path-elapsed);
  fill: transparent;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text .base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining {
  stroke-width: 3px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
  fill: var(--deposit-banking-bg);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text .base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining.green {
  color: var(--base-timer-remain-green);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text .base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining.orange {
  color: var(--base-timer-remain-orange);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text .base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining.red {
  color: var(--base-timer-remain-red);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text .base-timer .base-timer__label {
  position: absolute;
  width: 90px;
  height: 90px;
  top: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  color: var(--copied-text);
  background: #fff;
  border-radius: 50%;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .or-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-text-color);
  margin-bottom: 0;
  margin-top: 12px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn {
  border: 1px solid var(--play-with-border);
  box-shadow: var(--deposit-box-shadow);
  border-radius: 5px;
  padding: 5px 10px 0px 10px;
  position: relative;
  margin: 12px 0 0;
  clear: left;
  margin-bottom: 15px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn h3 {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 12px;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer {
  display: flex;
  justify-content: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a {
  text-transform: capitalize;
  font-size: 27px;
  color: var(--primary-text-color);
  margin: 10px 7px 10px;
  position: relative;
  width: 150px;
  height: 100px;
  box-shadow: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  background: var(--notification-background);
  justify-content: center;
  padding: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.04em;
  margin: 3px 0px 0px;
  width: 100%;
  text-align: left;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a img {
  max-width: 85px;
  max-height: 60px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a:hover, main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a.active {
  background: var(--primary-color);
  color: var(--black-text);
  border: 1px solid var(--play-with-border);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a.phonepe-bg {
  background-color: var(--phonepe-bg);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a.gpay-bg {
  background-color: var(--gpay-bg);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a.paytm-bg {
  background-color: var(--paytm-bg);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer span {
  text-transform: capitalize;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 500;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .add-amount {
  font-size: 12px;
  font-weight: 500;
  color: var(--deposit-title-text);
  margin: 15px 0px;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .add-amount strong {
  color: var(--deposit-title-text);
  font-weight: 700;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .submit-btn {
  float: unset;
  margin-top: 8px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .submit-btn .btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 100%;
  height: 50px;
  display: block;
  float: initial;
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  transition: all ease-in 0.2s;
  margin: auto;
  background: var(--deposit-payment-btn);
  box-shadow: none;
  border: 1px solid var(--play-with-border) !important;
  background: linear-gradient(to right, var(--button-color2) 50%, var(--primary-color) 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .submit-btn .btn:hover, main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .submit-btn .btn.active {
  color: var(--white-text);
  transition: all 0.3s;
  background-position: left bottom;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .submit-btn .btn .animate-btn {
  z-index: 1;
  position: relative;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details {
  display: block;
  float: left;
  width: 100%;
  border: 1px solid var(--play-with-border);
  border-radius: 5px;
  padding: 5px 10px 0px 10px;
  margin-top: 15px;
  margin-bottom: 12px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details.disable {
  opacity: 0.3;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .title {
  font-size: 16px;
  font-weight: 500;
  color: var(--ac-slider-title);
  margin: 5px 0px;
  text-transform: capitalize;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details {
  border-radius: 0px;
  margin: 10px 0 10px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--deposit-input-border);
  border-top: 1px solid var(--deposit-input-border);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details table tr {
  border: none;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details table tr td {
  padding: 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details table tr td.title {
  color: var(--light-text-color);
  font-size: 12px;
  font-weight: 500;
  padding: 0 3px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details table tr td.sub-title {
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
  padding: 0 3px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details table tr td.copy-img {
  cursor: pointer;
  padding: 0 0px 0 5px;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details table tr td.copy-img svg {
  width: 18px;
  height: 18px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details table tr td.copy-img svg path {
  fill: var(--copy-svg-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details table tr.qr-codes .left-col .qr-title {
  text-transform: capitalize;
  color: var(--light-text-color);
  font-size: 13px;
  font-weight: 500;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details table tr.qr-codes .right-col img {
  max-width: 125px;
  padding: 5px 3px 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 5px;
  width: 100%;
  text-align: left;
  padding: 5px 10px 5px 0;
  position: relative;
  margin: 5px 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .label {
  font-size: 12px;
  color: var(--light-text-color);
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .gpay-id {
  font-size: 14px;
  color: var(--primary-text-color);
  font-weight: 400;
  padding: 3px 0;
  width: 85%;
  text-transform: uppercase;
  line-height: 1.3;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons svg {
  width: 20px;
  height: 20px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons svg path {
  fill: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: var(--play-with-border);
  text-decoration: underline;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied {
  left: 44%;
  transform: translateX(-50%);
  line-height: 15px;
  top: -45px;
  position: absolute;
  background-color: var(--primary-color);
  padding: 8px 12px;
  border-radius: 2px;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied span {
  font-size: 14px;
  color: var(--black-text);
  display: flex;
  align-items: center;
  font-weight: 500;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied span i {
  margin-right: 5px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied .copied-arrows {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--primary-color);
  position: absolute;
  bottom: -8px;
  left: 53%;
  transform: translateX(-50%);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .qr-codes .qr-title {
  color: var(--primary-text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .qr-codes .right-col img {
  margin: auto;
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details span {
  font-weight: 500;
  text-align: center;
  font-size: 12.367px;
  font-style: normal;
  line-height: normal;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details span strong {
  font-weight: 700;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .submit-btn {
  float: unset;
  margin-top: 10px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .submit-btn .btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 100%;
  height: 50px;
  display: block;
  float: initial;
  color: var(--black-text);
  line-height: 40px;
  font-size: 14px;
  box-shadow: none;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  transition: all ease-in 0.2s;
  margin: auto;
  background: var(--deposit-payment-btn);
  box-shadow: none;
  border: 1px solid var(--play-with-border) !important;
  background: linear-gradient(to right, var(--button-color2) 50%, var(--primary-color) 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .submit-btn .btn:hover, main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .submit-btn .btn.active {
  color: var(--white-color) !important;
  transition: all 0.3s;
  background-position: left bottom;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .submit-btn .btn:hover .animate-btn, main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .submit-btn .btn.active .animate-btn {
  color: var(--white-color) !important;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details {
  width: 100%;
  float: left;
  position: relative;
  display: block;
  margin: 5px 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content {
  display: flex;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .label {
  font-size: 11px;
  color: var(--light-text-color);
  font-weight: 500;
  letter-spacing: 0.5px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .gpay-id {
  font-size: 14px;
  color: var(--primary-text-color);
  font-weight: 600;
  padding: 3px 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .icons {
  position: absolute;
  top: 55%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .icons svg {
  width: 20px;
  height: 20px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .icons svg path {
  fill: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-imgs {
  width: 70%;
  float: left;
  border: 1px solid var(--play-with-border);
  box-shadow: none;
  border-radius: 5px;
  text-align: left;
  padding: 5px 10px;
  position: relative;
  margin: 5px 14px 6px 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-width {
  width: 100%;
  margin: 5px 0px 6px 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .scanner {
  width: 28%;
  float: right;
  background-color: var(--deposit-banking-bg);
  border: 1px solid var(--play-with-border);
  box-shadow: none;
  border-radius: 5px;
  text-align: left;
  padding: 5px 10px;
  position: relative;
  margin: 5px 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .qr-codes .qr-title {
  color: var(--primary-text-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .qr-codes .right-col img {
  margin: auto;
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn {
  float: left;
  width: 100%;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .amount {
  border-radius: 10px;
  background-color: var(--background-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .amount input {
  padding: 7px !important;
  width: 95%;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss {
  width: 100%;
  height: 100%;
  display: inline-block;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn {
  line-height: 40px;
  color: var(--light-text-color);
  font-size: 12px;
  font-weight: 500;
  border-radius: 10px;
  background-color: transparent;
  box-shadow: none;
  text-transform: capitalize;
  display: grid;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  text-align: left;
  gap: 15px;
  padding: 25px 15px 50px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn a {
  width: 31px;
  display: block;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn a i {
  font-size: 12px;
  color: var(--light-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn a svg {
  width: 50px;
  height: 50px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn a svg path {
  fill: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn .upload-inner-title {
  display: block;
  color: var(--light-text-color);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn .upload-title {
  margin-top: 5px;
  display: block;
  color: var(--primary-text-color);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .img-upload .document-image img {
  width: 100%;
  max-height: 120px;
  text-align: center;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .upload-btn {
  border-radius: 0px 0px 5px 5px;
  border-top: 1px solid var(--deposit-input-border);
  padding: 12px 20px !important;
  background-color: var(--deposit-payment-btn);
  color: var(--play-with-border);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  height: auto;
  position: absolute;
  bottom: 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .upload-btn input {
  opacity: 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .upload-btn:hover {
  background: var(--deposit-payment-btn-hover);
  color: var(--ac-slider-bg);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 100%;
  height: 45px;
  display: block;
  float: initial;
  color: var(--black-text);
  line-height: 36px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  transition: all ease-in 0.2s;
  margin: auto;
  background: var(--primary-color);
  box-shadow: var(--button-shadow);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn:before, main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn::after {
  transition: all 0.5s ease-out;
  position: absolute;
  content: attr(data-effect);
  backface-visibility: hidden;
  top: 0;
  left: 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn::after {
  opacity: 1;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  color: transparent;
  z-index: 0;
  border-radius: 4px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn:hover::after {
  right: 0;
  background: var(--button-color);
  color: var(--primary-color);
  transition: all ease-in 0.4s;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn:hover .animate-btn {
  z-index: 1;
  position: relative;
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn .animate-btn {
  z-index: 1;
  position: relative;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn#button-background {
  position: relative;
  background-color: rgba(255, 255, 255, 0.3);
  border: white;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn#button-background #swipe-slider {
  transition: width 0.3s, border-radius 0.3s, height 0.3s;
  position: absolute;
  left: -10px;
  background-color: #00bcd4;
  width: 100px;
  border-radius: 4px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn#button-background #swipe-slider.unlocked {
  transition: all 0.3s;
  width: inherit;
  left: 0 !important;
  height: inherit;
  border-radius: inherit;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .can-btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 150px;
  height: 45px;
  display: block;
  color: var(--light-text-color);
  line-height: 36px;
  font-size: 14px;
  box-shadow: none;
  font-weight: 500;
  border-radius: 4px;
  text-transform: capitalize;
  text-align: center;
  transition: all 0.2s;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .can-btn:hover {
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details #button-background {
  position: relative;
  background: var(--background-color);
  width: 190px;
  height: 50px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid var(--primary-text-color);
  transition: all ease-in 0.2s;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details #button-background.bg-converted {
  background: var(--button-color);
  border: 2px solid var(--white-text);
  transition: all ease-in 0.2s;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details #button-background.bg-converted .slide-text {
  color: var(--white-text);
  position: relative;
  left: -45px;
  transition: all ease-in 0.2s;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details #slider {
  transition: width 0.3s, border-radius 0.3s, height 0.3s;
  position: relative;
  left: 0px;
  top: 0px;
  background: var(--icon-bg);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin-right: 8px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details #slider.unlocked {
  transition: all 0.3s;
  left: 0 !important;
  left: calc(60% + 25px) !important;
  border-radius: 50%;
  z-index: 9;
  background: linear-gradient(228.05deg, #BF131E 12.77%, #C50000 29.21%, #1E0230 104.5%);
  border: 2px solid var(--border-color3);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details #slider.unlocked svg path {
  fill: var(--white-text);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .slide-text {
  color: var(--primary-text-color);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .loading {
  display: none;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content {
  float: left;
  display: block;
  width: 100%;
  margin: 10px 0 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg {
  border-radius: 10px;
  width: 48.9%;
  float: left;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg:first-child {
  margin: 5px 7px 5px 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg:last-child {
  margin: 5px 0px 5px 7px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg .add-amount {
  font-size: 9px;
  font-weight: 500;
  color: var(--light-text-color);
  text-transform: capitalize;
  margin: 5px 0px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg .add-amount strong {
  color: var(--primary-text-color);
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input {
  border: 1px solid var(--play-with-border);
  box-shadow: none;
  border-radius: 5px;
  padding: 5px 8px;
  margin: 0px;
  position: relative;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input label {
  color: var(--light-text-color);
  font-size: 13px;
  text-align: left;
  top: 22px;
  left: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
  display: block;
  width: 98%;
  line-height: 1.5;
  box-shadow: none;
  margin-bottom: 0px !important;
  border-width: initial;
  border-style: none;
  border-color: initial;
  -o-border-image: initial;
     border-image: initial;
  border-radius: 0px;
  background: transparent;
  padding: 20px 0px 0px 5px !important;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input::-webkit-input-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 14px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input:-moz-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 14px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input::-moz-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 14px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input:-ms-input-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 14px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input::-webkit-outer-spin-button,
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input .icons {
  position: absolute;
  top: 55%;
  right: 15px;
  transform: translateY(-50%);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input .icons svg {
  width: 20px;
  height: 20px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input .icons svg path {
  fill: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input:focus + label {
  color: var(--primary-text-color) !important;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .submit-btn {
  display: block;
  clear: left;
  width: 100%;
  margin-bottom: 15px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .submit-btn .btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 100%;
  height: 45px;
  display: block;
  float: initial;
  line-height: 36px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  transition: all ease-in 0.2s;
  margin: auto;
  background: var(--deposit-payment-btn);
  box-shadow: none;
  border: 1px solid var(--play-with-border) !important;
  background: linear-gradient(to right, var(--button-color2) 50%, var(--primary-color) 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .submit-btn .btn:hover, main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .submit-btn .btn.active {
  color: var(--white-text);
  transition: all 0.3s;
  background-position: left bottom;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .submit-btn .btn .animate-btn {
  z-index: 1;
  position: relative;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .submit-btn .can-btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 150px;
  height: 45px;
  display: block;
  color: var(--light-text-color);
  line-height: 36px;
  font-size: 14px;
  box-shadow: none;
  font-weight: 500;
  border-radius: 4px;
  text-transform: capitalize;
  text-align: center;
  transition: all 0.2s;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .submit-btn .can-btn:hover {
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .deposit-countdown {
  width: 100%;
  height: 100%;
  min-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .deposit-countdown .base-timer {
  position: relative;
  width: 130px;
  height: 130px;
  margin: auto;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .deposit-countdown .base-timer .base-timer__svg {
  transform: scaleX(-1);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .deposit-countdown .base-timer .base-timer__svg .base-timer__circle .base-timer__path-elapsed {
  stroke-width: 0px;
  stroke: var(--base-timer-path-elapsed);
  fill: transparent;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .deposit-countdown .base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining {
  stroke-width: 4px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
  fill: var(--deposit-banking-bg);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .deposit-countdown .base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining.green {
  color: #2EAA50;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .deposit-countdown .base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining.orange {
  color: #2EAA50;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .deposit-countdown .base-timer .base-timer__svg .base-timer__circle .base-timer__path-remaining.red {
  color: #2EAA50;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .deposit-countdown .base-timer .base-timer__label {
  position: absolute;
  width: 90px;
  height: 90px;
  top: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  color: var(--copied-text);
  background: #fff;
  border-radius: 50%;
}
main.account-pages .col-center .card .card-content .user-deposit-new .go-back-btn {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
  text-align: center;
  margin: 5px 0;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-footer {
  text-align: center;
  padding: 15px 10px 0;
  position: relative;
  width: 100%;
  bottom: 0;
  z-index: 1;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-footer p {
  color: var(--light-text-color);
  font-size: 11px;
  line-height: 15px;
  margin: 0 0 8px;
  font-weight: 500;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-footer p span {
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-text-color);
  text-transform: capitalize;
  padding: 0 10px;
  border-right: 1px solid var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-footer p span:last-child {
  border-right: none;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-footer p span strong {
  font-weight: 700;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-footer .payment-footer-img {
  margin-top: 15px;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-footer .payment-footer-img img {
  height: auto;
}
main.account-pages .col-center .card .card-content .user-deposit-new .payment-footer img {
  width: auto;
  height: 20px;
}
main.account-pages .col-center .card .card-content .user-referel {
  max-width: 700px;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .inner-layer {
  padding: 25px 10px;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .inner-layer .referel-bg {
  position: relative;
  background-image: url("../images/coingift.png?v=0.3");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .inner-layer .invite-text .invite-heading {
  text-align: left;
  font-size: 18px;
  font-weight: 600;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .inner-layer .invite-text .invite-sub-text {
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .inner-layer .invite-image {
  width: 100%;
  height: auto;
  max-width: 100px;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .inner-layer .invite-input {
  border-radius: 2px !important;
  background-color: var(--invite-textbox-bg) !important;
  width: 100%;
  background: var(--search-bg);
  color: var(--model-input-color);
  height: 30px;
  line-height: 30px;
  border: 1px solid var(--border-color2);
  font-size: 12px;
  font-weight: 600;
  padding-left: 10px;
  text-transform: lowercase;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .inner-layer .invite-input:focus {
  box-shadow: none;
  border: 1px solid var(--border-color2) !important;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .inner-layer .total-heading {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .invite-copy {
  width: 30px;
  height: 32px;
  background: var(--light-text-color);
  padding: 7px;
  cursor: pointer;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .invite-copy .copy-color {
  fill: var(--model-input-color) !important;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .invite-btn {
  cursor: pointer;
  padding: 2px 2px;
  border: 0;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .invite-btn .inputbtntext {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .invite-btn .social-media {
  margin-top: 5px;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .invite-btn .social-media a .icon {
  margin-right: 5px;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .invite-btn .social-media a .icon svg {
  width: 18px;
  height: 18px;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .invite-btn .social-media a .icon svg path {
  fill: var(--third-color);
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .terms {
  font-size: 11px;
  font-weight: 500;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .gradient-hr {
  background: linear-gradient(to right, transparent, var(--arrow-color), transparent);
  height: 1px;
  border: 0;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .vertical-hr {
  border: 0;
  border-left: 1px solid var(--arrow-color);
  height: 100%;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .total-count {
  font-size: 20px;
  font-weight: 600;
  margin-top: 3px;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .hightlight {
  color: var(--third-color) !important;
  font-size: 16px;
}
main.account-pages .col-center .card .card-content .user-referel .outer-layer .referel-header {
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .faq-content {
  padding: 10px 15px;
}
main.account-pages .col-center .card .card-content .faq-content h4.title {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 10px 0;
}
main.account-pages .col-center .card .card-content .faq-content .collapsible {
  border-radius: 8px;
  border: none;
  box-shadow: none;
  margin: 0;
}
main.account-pages .col-center .card .card-content .faq-content .collapsible li .collapsible-header {
  position: relative;
  padding: 5px 10px 5px 15px;
  border-radius: 0;
  background-color: transparent;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color3);
}
main.account-pages .col-center .card .card-content .faq-content .collapsible li .collapsible-header .collapse-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .faq-content .collapsible li .collapsible-header i {
  color: var(--primary-text-color);
  margin-right: 0;
  font-size: 14px;
  line-height: 25px;
  width: 15px;
  margin-left: auto;
  transform: rotate(0deg);
  transition: all ease-in 0.3s;
}
main.account-pages .col-center .card .card-content .faq-content .collapsible li.active .collapsible-header i {
  transform: rotate(-180deg);
  transition: all ease-in 0.3s;
}
main.account-pages .col-center .card .card-content .faq-content .collapsible li .collapsible-body {
  padding: 10px 15px;
  border-bottom: 1px solid var(--border-color);
}
main.account-pages .col-center .card .card-content .faq-content .collapsible li .collapsible-body .collaps-content {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .paymets-methods h4.title {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 20px 0;
}
main.account-pages .col-center .card .card-content .paymets-methods .payments-contents .image_wrapper {
  text-align: center;
  margin: 15px 0;
}
main.account-pages .col-center .card .card-content .paymets-methods .payments-contents .image_wrapper img {
  max-width: 100%;
  height: 40px;
}
main.account-pages .col-center .card .card-content .tutorial-content h4.title {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 15px 5px 5px;
}
main.account-pages .col-center .card .card-content .tutorial-content .sub-title {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
  margin-bottom: 10px;
}
main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tabs {
  text-align: center;
  margin: 15px 0 10px;
  background-color: transparent;
}
main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tabs .indicator {
  display: none;
}
main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tabs .tab a {
  background: var(--primary-color);
  color: var(--black-text);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  width: 280px;
  text-align: center;
}
main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tabs .tab a:hover, main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tabs .tab a.active {
  background: var(--button-color);
  color: var(--primary-color);
}
main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tab-contents .all-videos {
  display: flex;
  padding: 15px;
  gap: 15px;
}
main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tab-contents .all-videos .video {
  position: relative;
  display: block;
  width: 100%;
  max-width: 350px;
}
main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tab-contents .all-videos .video .player {
  width: 100%;
  max-width: 350px;
  z-index: 1;
  position: relative;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 6px;
}
main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tab-contents .all-videos .video .play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 9;
}
main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tab-contents .all-videos .video .play-button-wrapper .play-gif {
  cursor: pointer;
  pointer-events: auto;
}
main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tab-contents .all-videos .video .play-button-wrapper .play-gif svg {
  width: 50px;
  height: 50px;
  fill: rgba(50, 50, 50, 0.968627451);
  cursor: pointer;
  background-color: var(--white-text);
  border-radius: 50%;
  opacity: 0.9;
}
main.account-pages .col-center .card .card-content .contact-content .title {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 20px 0;
}
main.account-pages .col-center .card .card-content .contact-content .contact-details {
  text-align: left;
  width: 100%;
  max-width: 400px;
  margin: auto;
  margin-bottom: 50px;
}
main.account-pages .col-center .card .card-content .contact-content .contact-details .email,
main.account-pages .col-center .card .card-content .contact-content .contact-details .contact-us,
main.account-pages .col-center .card .card-content .contact-content .contact-details .wp-contact {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-text-color);
  padding: 0;
}
main.account-pages .col-center .card .card-content .contact-content .contact-details .email svg,
main.account-pages .col-center .card .card-content .contact-content .contact-details .contact-us svg,
main.account-pages .col-center .card .card-content .contact-content .contact-details .wp-contact svg {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
main.account-pages .col-center .card .card-content .contact-content .contact-details .email i,
main.account-pages .col-center .card .card-content .contact-content .contact-details .contact-us i,
main.account-pages .col-center .card .card-content .contact-content .contact-details .wp-contact i {
  font-size: 18px;
  color: var(--primary-text-color);
  margin-right: 5px;
}
main.account-pages .col-center .card .card-content .contact-content .contact-details .email a {
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-text-color);
}
main.account-pages .col-center .card .card-content .contact-content .contact-details .address {
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-text-color);
  line-height: 1.5;
  margin-bottom: 10px;
}
main.account-pages .col-center .card .card-content .contact-content .contact-details .address svg {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
main.account-pages .col-center .card .card-content .contact-content .contact-details .social-icons {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  max-width: 250px;
}
main.account-pages .col-center .card .card-content .contact-content .contact-details .social-icons a img {
  height: 35px;
}
main.account-pages .col-center .card .card-content .datepicker-controls input {
  border: none !important;
}
main.account-pages .col-center .profitloss {
  margin-top: 10px;
}
main.account-pages .col-center .profitloss .collapsible {
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 5px;
}
main.account-pages .col-center .profitloss .collapsible .collapsible-header {
  background-color: transparent;
  border-bottom: 0px;
  display: flex;
  justify-content: end;
}
main.account-pages .col-center .profitloss .collapsible .collapsible-body {
  background: var(--profile-club-bg);
  position: absolute;
  z-index: 1;
  top: 90px;
  right: 25px;
}
main.account-pages .col-center .profitloss .collapsible .collapsible-body .paddig-filter {
  padding: 0px 12px;
}
main.account-pages .col-center .profitloss .collapsible .collapsible-body .paddig-filter1 {
  padding: 0px 12px 0px 0px;
}
main.account-pages .col-center .profitloss .collapsible .collapsible-body .browser-default {
  border: 1.6px solid var(--profileloss-browser-color);
  color: var(--profileloss-browser-text-color);
  border-radius: 4px;
}
main.account-pages .col-center .profitloss .collapsible .collapsible-body .date {
  border: 1.6px solid var(--profileloss-browser-color) !important;
  background: none !important;
  height: 45px;
  border-radius: 4px !important;
}
main.account-pages .col-center .profitloss .collapsible .collapsible-body input[type=date]::-webkit-calendar-picker-indicator {
  content: url(../images/DateIcon.svg);
  background: transparent;
  padding: 5px;
}
main.account-pages .col-center .profitloss .collapsible .collapsible-body .btn {
  font-size: 14px;
  font-weight: 600;
  background: var(--profileloss-browser-btn-color);
  border-radius: 4px;
  width: 100%;
}
main.account-pages .col-center .profitloss .card {
  background: var(--profile-user-bg);
  border-radius: 20px;
  margin: 0;
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  display: flex;
  flex-wrap: wrap;
  font-family: "Outfit";
  font-weight: 600;
}
main.account-pages .col-center .profitloss .card .date-col {
  width: 72px;
  background: var(--account-statement-date-bg);
  border: 1.036px solid var(--account-statement-date-border);
  text-align: center;
  border-radius: 20px;
  letter-spacing: 0.02em;
  color: var(--account-statement-date-text);
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
main.account-pages .col-center .profitloss .card .date-col.active {
  background: var(--account-statement-active-date-bg);
}
main.account-pages .col-center .profitloss .card .date-col .full-date-center {
  padding: 0;
  justify-content: center;
}
main.account-pages .col-center .profitloss .card .date-col .full-date-between {
  display: unset;
  justify-content: unset;
}
main.account-pages .col-center .profitloss .card .date-col .date {
  font-size: 34px;
  line-height: 44px;
  align-items: unset;
  margin: 0 3px;
}
main.account-pages .col-center .profitloss .card .date-col .month {
  font-size: 13px;
  line-height: 17px;
  color: var(--account-statement-month-text);
  align-items: unset;
  margin: 0 3px;
}
main.account-pages .col-center .profitloss .card .date-col .time {
  font-size: 11px;
  line-height: 14px;
  align-items: unset;
  margin: 0 3px;
}
main.account-pages .col-center .profitloss .card .detail {
  padding: 10px;
  padding-left: 12px;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 52px);
}
main.account-pages .col-center .profitloss .card .detail .name {
  width: 100%;
  border: 0.7px solid var(--account-statement-name-border);
  border-radius: 20px;
  padding: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.015em;
  color: var(--account-statement-name-color);
}
main.account-pages .col-center .profitloss .card .detail .name .act-name {
  display: flex;
}
main.account-pages .col-center .profitloss .card .detail .name .act-name .icon-holder-verysmall {
  width: 18px;
  height: 14px;
  position: relative;
  top: 1px;
}
main.account-pages .col-center .profitloss .card .detail .name .vs-img {
  display: inline-block;
}
main.account-pages .col-center .profitloss .card .detail .name .vs-img svg {
  width: 12px;
  height: 12px;
}
main.account-pages .col-center .profitloss .card .detail .name .vs-img svg path {
  fill: var(--third-color);
}
main.account-pages .col-center .profitloss .card .detail .label {
  font-weight: 400;
  font-size: 10px;
  line-height: 107.6%;
  color: var(--oneclick-stake-betinput);
  margin-right: 4px;
  margin-inline: 0.7px;
}
main.account-pages .col-center .profitloss .card .detail element.style {
  border-radius: 0px;
}
main.account-pages .col-center .profitloss .card .detail .round {
  width: 28px;
  height: 28px;
  background: var(--account-statement-round-bg);
  border-radius: 20px;
  font-size: 10px;
  line-height: 107.6%;
  color: var(--account-statement-round-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
main.account-pages .col-center .profitloss .card .detail .rupees {
  font-size: 15px;
  line-height: 107.6%;
  color: var(--account-statement-date-bg);
}
main.account-pages .col-center .profitloss .card .detail .debit {
  color: var(--account-statement-debit);
}
main.account-pages .col-center .profitloss .card .detail .debit.active {
  color: var(--account-statement-active-debit);
}
main.account-pages .col-center .profitloss .card .detail .credit {
  color: var(--account-statement-credit);
}
main.account-pages .col-center .profitloss .card .detail .credit.active {
  color: var(--account-statement-active-credit);
}
main.account-pages .col-center .profitloss .card .img {
  margin-bottom: -3px;
}
main.account-pages .col-center .account-statement {
  margin-top: 18px;
}
main.account-pages .col-center .account-statement .card {
  background: var(--profile-user-bg);
  border-radius: 20px;
  margin: 0;
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  display: flex;
  flex-wrap: wrap;
  font-family: "Outfit";
  font-weight: 600;
  width: 100%;
}
main.account-pages .col-center .account-statement .card .date-col {
  width: 72px;
  background: var(--account-statement-date-bg);
  border: 1.036px solid var(--account-statement-date-border);
  border-radius: 20px;
  text-align: center;
  letter-spacing: 0.02em;
  color: var(--account-statement-date-text);
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
main.account-pages .col-center .account-statement .card .date-col.active {
  background: var(--account-statement-active-date-bg);
}
main.account-pages .col-center .account-statement .card .date-col .full-date-center {
  padding: 0;
  justify-content: center;
}
main.account-pages .col-center .account-statement .card .date-col .full-date-between {
  display: unset;
  justify-content: unset;
}
main.account-pages .col-center .account-statement .card .date-col .date {
  font-size: 34px;
  line-height: 44px;
  align-items: unset;
  margin: 0 3px;
}
main.account-pages .col-center .account-statement .card .date-col .month {
  font-size: 13px;
  line-height: 17px;
  color: var(--account-statement-month-text);
  align-items: unset;
  margin: 0 3px;
}
main.account-pages .col-center .account-statement .card .date-col .time {
  font-size: 11px;
  line-height: 14px;
  align-items: unset;
  margin: 0 3px;
}
main.account-pages .col-center .account-statement .card .detail {
  padding: 10px;
  padding-left: 12px;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 52px);
}
main.account-pages .col-center .account-statement .card .detail .name {
  width: 100%;
  border: 0.7414px solid var(--account-statement-name-border);
  border-radius: 20px;
  padding: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.015em;
  color: var(--account-statement-name-color);
}
main.account-pages .col-center .account-statement .card .detail .name .act-name {
  display: flex;
}
main.account-pages .col-center .account-statement .card .detail .name .act-name .icon-holder-verysmall {
  width: 18px;
  height: 14px;
  position: relative;
  top: 1px;
}
main.account-pages .col-center .account-statement .card .detail .name .vs-img {
  display: inline-block;
}
main.account-pages .col-center .account-statement .card .detail .name .vs-img svg {
  width: 12px;
  height: 12px;
}
main.account-pages .col-center .account-statement .card .detail .name .vs-img svg path {
  fill: var(--third-color);
}
main.account-pages .col-center .account-statement .card .detail .label {
  font-weight: 300;
  font-size: 10px;
  line-height: 107.6%;
  color: var(--oneclick-stake-betinput);
  margin-right: 4px;
  margin-inline: 0.7px;
  margin-bottom: 3px;
}
main.account-pages .col-center .account-statement .card .detail element.style {
  border-radius: 0px;
}
main.account-pages .col-center .account-statement .card .detail .round {
  width: 28px;
  height: 28px;
  background: var(--account-statement-round-bg);
  border-radius: 20px;
  font-size: 10px;
  line-height: 107.6%;
  color: var(--account-statement-round-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
main.account-pages .col-center .account-statement .card .detail .rupees {
  font-size: 15px;
  line-height: 107.6%;
  color: var(--light-text-color);
}
main.account-pages .col-center .account-statement .card .detail .debit {
  color: var(--account-statement-debit);
}
main.account-pages .col-center .account-statement .card .detail .debit.active {
  color: var(--account-statement-active-debit);
}
main.account-pages .col-center .account-statement .card .detail .debit.total-balance {
  color: var(--forth-color);
}
main.account-pages .col-center .account-statement .card .detail .credit {
  color: var(--account-statement-credit);
}
main.account-pages .col-center .account-statement .card .detail .credit.active {
  color: var(--account-statement-active-credit);
}
main.account-pages .col-center .account-statement .card .detail .amount-data {
  width: 40%;
}
main.account-pages .col-center .account-statement .card .detail .amount-data:last-child {
  justify-content: end;
  text-align: right;
}
main.account-pages .col-center .account-statement .card .detail .amount-data:first-child {
  justify-content: start;
}
main.account-pages .col-center .account-statement .card .img {
  margin-bottom: -3px;
}
main.account-pages .dropdown-content {
  height: auto !important;
  top: 32px !important;
}
main.account-pages .dropdown-content li {
  min-height: 40px;
  line-height: 40px;
}
main.account-pages .dropdown-content li span,
main.account-pages .dropdown-content li a {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}
main.account-pages button:focus {
  background-color: var(--primary-color);
  color: var(--badge-text-color);
  border-radius: 8px;
}
main.account-pages button:focus svg {
  fill: var(--badge-text-color);
}
main.account-pages button svg {
  fill: var(--primary-text-color);
}
main.account-pages .submit-btn .btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 200px;
  height: 45px;
  display: block;
  float: initial;
  color: var(--black-text);
  line-height: 36px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.2s;
  margin: auto;
  background: var(--primary-color);
  box-shadow: var(--button-shadow);
  border: 1px solid var(--play-with-border);
  background: linear-gradient(to right, var(--button-color2) 50%, var(--primary-color) 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
main.account-pages .submit-btn .btn:hover, main.account-pages .submit-btn .btn.active {
  color: var(--white-text);
  transition: all 0.3s;
  background-position: left bottom;
}
main.account-pages .submit-btn .btn .btn {
  z-index: 1;
  position: relative;
}
main.account-pages .submit-btn .can-btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 130px;
  height: 45px;
  display: block;
  color: var(--forth-color);
  line-height: 36px;
  font-size: 14px;
  box-shadow: none;
  font-weight: 500;
  border-radius: 4px;
  text-transform: capitalize;
  text-align: center;
  transition: all 0.2s;
  margin: auto;
}
main.account-pages .submit-btn .can-btn:hover {
  color: var(--primary-text-color);
}
main.account-pages .user-profile .profile-content {
  width: 100%;
  display: table;
  padding: 10px 0px 15px;
}
main.account-pages .user-profile .profile-content .photo-upload {
  display: flex;
}
main.account-pages .user-profile .profile-content .photo-upload .upload-id {
  height: 100%;
  width: 95%;
  display: flex;
}
main.account-pages .user-profile .profile-content .photo-upload .upload-id .btn {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 600;
  background-color: #C7C7C7;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  position: relative;
}
main.account-pages .user-profile .profile-content .photo-upload .upload-id .btn input[type=file] {
  width: 80px;
  left: auto;
  right: auto;
}
main.account-pages .user-profile .profile-content .photo-upload .upload-id .btn .plus-icon a {
  position: absolute;
  background-color: var(--primary-color);
  width: 22px;
  height: 22px;
  border-radius: 30px;
  bottom: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.account-pages .user-profile .profile-content .photo-upload .upload-id .btn .plus-icon a svg {
  width: 18px;
  height: 18px;
}
main.account-pages .user-profile .profile-content .photo-upload .upload-id .btn .plus-icon a svg line {
  stroke: var(--white-text);
  stroke-width: 3px;
}
main.account-pages .user-profile .profile-content .user-bg {
  border-radius: 15px;
  background: var(--profile-user-bg);
  border: 1px solid var(--play-with-border);
}
main.account-pages .user-profile .profile-content .user-top-content {
  display: flex;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  overflow: auto;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload {
  position: relative;
  padding-top: 10px;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .right-arrow {
  position: absolute;
  cursor: pointer;
  z-index: 9;
  right: 10px;
  top: 15px;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .right-arrow svg {
  width: 15px;
  height: 15px;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .right-arrow svg path {
  fill: var(--profile-main-title);
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .upload-id {
  height: 100%;
  width: 100%;
  display: flex;
  text-align: center;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .upload-id .btn {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 600;
  background-color: var(--third-color);
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  position: relative;
  cursor: inherit;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .upload-id .btn input[type=file] {
  width: 80px;
  left: auto;
  right: auto;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .upload-id .btn .plus-icon a {
  position: absolute;
  background-color: var(--third-color);
  border: 2px solid var(--primary-color);
  width: 22px;
  height: 22px;
  border-radius: 30px;
  bottom: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .upload-id .btn .plus-icon a svg {
  width: 18px;
  height: 18px;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .upload-id .btn .plus-icon a svg line {
  stroke: var(--primary-color);
  stroke-width: 3px;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .user-title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--profile-main-title);
  line-height: 1.5;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .user-title .edit-button a {
  color: var(--primary-text-color);
  font-size: 13px;
  margin-left: 6px;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .user-id {
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: var(--profile-sub-title);
  line-height: 1.5;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content {
  display: flex;
  width: 100%;
  padding: 10px 0;
  justify-content: center;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right {
  display: grid;
  float: left;
  padding: 0 5px;
  line-height: 2;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .v-status,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .v-status {
  margin: 0 3px 0 5px;
  font-size: 12px;
  font-weight: 600;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .v-status.verified,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .v-status.verified {
  color: var(--forth-color);
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .v-status.not-verified,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .v-status.not-verified {
  color: var(--stake-color);
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .edit-button a,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .edit-button a {
  color: var(--primary-text-color);
  font-size: 12px;
  margin-left: 3px;
  background: var(--bet-collapse-btn-color);
  border-radius: 5px;
  padding: 5px 7px;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .number,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .gender,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .email,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .b-day,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .number,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .gender,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .email,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .b-day {
  display: inline-flex;
  align-items: center;
  color: var(--profile-sub-title);
  font-size: 13px;
  font-weight: 400;
  height: 25px;
  line-height: 1.2;
  margin-top: 2px;
  margin-bottom: 2px;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .number svg,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .gender svg,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .email svg,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .b-day svg,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .number svg,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .gender svg,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .email svg,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .b-day svg {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .number svg path,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .gender svg path,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .email svg path,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .b-day svg path,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .number svg path,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .gender svg path,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .email svg path,
main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .b-day svg path {
  fill: var(--profile-sub-title-icon);
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 100%;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content {
  display: flex;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover-image {
  float: left;
  display: block;
  padding: 0 15px 0 20px;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover {
  float: left;
  display: block;
  width: 100%;
  text-align: center;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover .turnover-date {
  font-size: 16px;
  font-weight: 400;
  color: var(--profile-turnover-date);
  margin: 10px 5px 5px 5px;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover .total-turnover {
  font-size: 20px;
  font-weight: 600;
  color: var(--profile-main-title);
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content {
  display: flex;
  padding: 2px;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .deposit-request,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .withdraw-request {
  margin: 0px 5px 7px;
  text-align: center;
  overflow: hidden;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .deposit-request h4,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .withdraw-request h4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--profile-main-title);
  text-align: center;
  margin: 0 0 5px;
  height: auto;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .deposit-request .deposit-request-bg,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .deposit-request .withdraw-request-bg,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .withdraw-request .deposit-request-bg,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .withdraw-request .withdraw-request-bg {
  height: auto;
  max-height: 100px;
  overflow-x: auto;
  padding: 5px 8px;
  border-radius: 15px;
  background: var(--profile-club-bg);
  box-shadow: var(--profile-club-box-shadow);
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .deposit-request table tr,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .withdraw-request table tr {
  border-bottom: none;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .deposit-request table tr th,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .withdraw-request table tr th {
  font-size: 11px;
  color: var(--profile-club-plans);
  font-weight: 600;
  line-height: 1;
  padding: 3px 3px 7px;
  text-align: center;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .deposit-request table tr td,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .withdraw-request table tr td {
  font-size: 10px;
  font-weight: 500;
  color: var(--profile-total-profit);
  padding: 1px 3px;
  position: relative;
  text-align: center;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content {
  float: left;
  padding: 5px 25px;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content {
  float: right;
  padding: 5px 25px;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content {
  position: relative;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .title,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .title {
  font-size: 16px;
  font-weight: 500;
  color: var(--profile-total-profit);
  text-transform: uppercase;
  text-align: center;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .sub-title,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .sub-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--profile-sub-title);
  text-transform: capitalize;
  text-align: center;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .progresspoint,
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .progresspoint {
  position: absolute;
  transition: all 1s;
  border-radius: 24px;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  background: var(--silver-progress-btn);
  bottom: -37%;
  right: 39%;
  z-index: 1;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress {
  width: 100%;
  float: left;
  display: block;
  position: relative;
  margin-top: 10px;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .track {
  position: relative;
  height: 5px;
  background: var(--progress-track-color);
  width: 85%;
  margin: auto;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content {
  float: left;
  padding: 10px 25px;
  margin-top: 10px;
  position: relative;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .progresspoint {
  position: absolute;
  transition: all 1s;
  border-radius: 24px;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  background: var(--ruby-progress-btn);
  top: -30%;
  left: 45%;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .title {
  font-size: 16px;
  font-weight: 600;
  color: var(--progress-ruby-text);
  text-transform: uppercase;
  text-align: center;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .sub-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--profile-sub-title);
  text-transform: capitalize;
  text-align: center;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content {
  float: left;
  padding: 10px 25px;
  position: relative;
  left: 15%;
  margin-top: 10px;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content .progresspoint {
  position: absolute;
  transition: all 1s;
  border-radius: 24px;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  background: var(--gold-progress-btn);
  top: -30%;
  left: 43%;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content .title {
  font-size: 16px;
  font-weight: 600;
  color: var(--progress-gold-text);
  text-transform: uppercase;
  text-align: center;
}
main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content .sub-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--profile-sub-title);
  text-transform: capitalize;
  text-align: center;
}
main.account-pages .user-profile .profile-content .statistics-content {
  display: flex;
  margin-bottom: 0;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription {
  float: left;
  width: 100%;
  height: 100%;
  display: block;
  padding: 10px 15px;
  position: relative;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .slide-arrow {
  position: absolute;
  width: 100%;
  height: auto;
  top: 57%;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .slide-arrow .left-arrow {
  position: absolute;
  left: -12px;
  color: var(--primary-text-color);
  transition: all 0.3s ease-in;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .slide-arrow .right-arrow {
  position: absolute;
  right: 18px;
  color: var(--primary-text-color);
  transition: all 0.3s ease-in;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .slide-arrow .left-arrow,
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .slide-arrow .right-arrow {
  font-size: 12px;
  cursor: pointer;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription h4 {
  color: var(--profile-sub-header);
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0;
  text-align: left;
  height: auto;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .bottomhead {
  font-size: 14px;
  color: var(--profile-total-profit);
  font-weight: 400;
  margin-bottom: 5px;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions {
  display: flex;
  width: 100%;
  float: left;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .left-sub {
  width: 50%;
  height: 100%;
  float: left;
  text-align: center;
  background: var(--profile-club-bg);
  border-radius: 15px;
  box-shadow: var(--profile-club-box-shadow);
  display: block;
  margin-right: 5px;
  padding: 10px 0;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .left-sub .achieved {
  color: var(--profile-total-profit);
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .left-sub .achieved-amount {
  font-size: 35px;
  color: var(--profile-main-title);
  font-weight: 400;
  cursor: pointer;
  margin: 26px 0;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub {
  width: 50%;
  float: left;
  margin: auto;
  height: 100%;
  display: block;
  margin-left: 5px;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .top,
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .bottom {
  text-align: center;
  background: var(--profile-club-bg);
  border-radius: 15px;
  box-shadow: var(--profile-club-box-shadow);
  padding: 10px 0;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .top .totalwagerhead,
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .top .remainwagerhead,
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .bottom .totalwagerhead,
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .bottom .remainwagerhead {
  font-size: 15px;
  color: var(--profile-total-profit);
  font-weight: 400;
  line-height: 1;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .top .totalwageramount,
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .top .remainwageramount,
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .bottom .totalwageramount,
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .bottom .remainwageramount {
  font-size: 20px;
  color: var(--profile-main-title);
  font-weight: 400;
  cursor: pointer;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .top {
  margin-bottom: 10px;
}
main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .subsciptions .right-sub .bottom {
  margin-bottom: 5px;
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics {
  float: left;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .top-content {
  float: left;
  display: block;
  width: 100%;
  padding: 10px;
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .top-content .left-content {
  float: left;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--profile-sub-header);
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .top-content .left-content svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .top-content .left-content svg path {
  fill: var(--profile-sub-header);
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .top-content .right-content {
  float: right;
  font-size: 14px;
  font-weight: 600;
  color: var(--profile-main-title);
  display: flex;
  align-items: center;
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .top-content .right-content svg {
  width: 12px;
  height: 12px;
  margin-left: 10px;
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .top-content .right-content svg path {
  fill: var(--profile-main-title);
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content {
  float: left;
  display: flex;
  width: 100%;
  justify-content: center;
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content .box {
  width: 33%;
  float: left;
  margin: 10px;
  text-align: center;
  background: var(--profile-club-bg);
  border-radius: 15px;
  box-shadow: var(--profile-club-box-shadow);
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content .box .title {
  color: var(--profile-total-profit);
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0 5px;
}
main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content .box .discription {
  color: var(--profile-main-title);
  font-size: 2.3vw;
  font-weight: 500;
  margin: 15px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
main.account-pages .user-profile .profile-content .club-loyalti {
  padding: 30px 15px;
  margin: 20px 10px 0px 10px;
}
main.account-pages .user-profile .profile-content .club-loyalti .club-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--profile-sub-header);
  margin: 5px 0 15px 15px;
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans {
  display: flex;
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans {
  background-color: var(--profile-club-bg);
  box-shadow: var(--profile-club-box-shadow);
  border-radius: 15px;
  padding: 10px;
  float: left;
  width: 100%;
  height: 100%;
  display: block;
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .title-bg {
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  width: auto;
  min-width: 120px;
  height: 35px;
  float: left;
  text-align: center;
  top: -15px;
  left: 10px;
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .title-bg .title {
  font-size: 16px;
  font-weight: 500;
  color: var(--profile-club-title);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px 5px 10px;
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .silver-bg {
  background-image: url(../images/silver-plan-bg.png?v=0.6);
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .gold-bg {
  background-image: url(../images/gold-plan-bg.png?v=0.6);
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .turnover-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--profile-main-title);
  float: left;
  width: 100%;
  padding-left: 10px;
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .turnover-amount {
  font-size: 2vw;
  font-weight: 600;
  color: var(--profile-main-title);
  float: left;
  width: 100%;
  padding: 0 0 5px 10px;
  text-transform: uppercase;
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .turnover-benefits {
  float: left;
  width: 100%;
  display: block;
  padding-left: 10px;
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .turnover-benefits .benefit-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--profile-main-title);
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .turnover-benefits .plan-details ul li {
  font-size: 14px;
  font-weight: 400;
  color: var(--profile-club-plans);
  padding: 3px 0;
  position: relative;
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .turnover-benefits .plan-details ul li svg {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  position: relative;
  top: 3px;
}
main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .turnover-benefits .plan-details ul li svg path {
  stroke: var(--profile-main-title);
}
main.account-pages .user-profile .profile-content .profile-box {
  padding: 5px;
  height: auto;
}
main.account-pages .user-profile .profile-content .profile-box .profile-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
}
main.account-pages .user-profile .profile-content .profile-box .edit-title {
  font-size: 12px;
  font-weight: 500;
  color: var(--light-text-color);
}
main.account-pages .user-profile .profile-content .profile-details {
  margin: 15px 0 0;
}
main.account-pages .user-profile .profile-content .profile-details .fullname,
main.account-pages .user-profile .profile-content .profile-details .user-email,
main.account-pages .user-profile .profile-content .profile-details .user-mobile {
  margin: 0px 0 10px;
  width: 100%;
  float: left;
}
main.account-pages .user-profile .profile-content .profile-details .fullname .input-field,
main.account-pages .user-profile .profile-content .profile-details .user-email .input-field,
main.account-pages .user-profile .profile-content .profile-details .user-mobile .input-field {
  padding: 5px 8px !important;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 12px;
  max-width: 90%;
  float: left;
  width: 100%;
  margin-top: 3px;
}
main.account-pages .user-profile .profile-content .profile-details .fullname .input-field input,
main.account-pages .user-profile .profile-content .profile-details .user-email .input-field input,
main.account-pages .user-profile .profile-content .profile-details .user-mobile .input-field input {
  border: none;
  color: var(--primary-text-color);
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-bottom: 0;
  padding: 20px 0px 0px 5px;
  border-bottom: none;
  height: 25px;
}
main.account-pages .user-profile .profile-content .profile-details .fullname .input-field input:focus + label,
main.account-pages .user-profile .profile-content .profile-details .user-email .input-field input:focus + label,
main.account-pages .user-profile .profile-content .profile-details .user-mobile .input-field input:focus + label {
  color: var(--primary-text-color) !important;
  font-weight: 600;
}
main.account-pages .user-profile .profile-content .profile-details .fullname label,
main.account-pages .user-profile .profile-content .profile-details .user-email label,
main.account-pages .user-profile .profile-content .profile-details .user-mobile label {
  text-align: left;
  top: 22px;
  left: 12px;
  color: var(--light-text-color);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
}
main.account-pages .user-profile .profile-content .profile-details .fullname .check-box,
main.account-pages .user-profile .profile-content .profile-details .user-email .check-box,
main.account-pages .user-profile .profile-content .profile-details .user-mobile .check-box {
  position: absolute;
  right: 0;
  left: auto;
  top: 33px;
}
main.account-pages .user-profile .profile-content .profile-details .fullname .check-box [type=checkbox],
main.account-pages .user-profile .profile-content .profile-details .user-email .check-box [type=checkbox],
main.account-pages .user-profile .profile-content .profile-details .user-mobile .check-box [type=checkbox] {
  border: 1px solid var(--in-play);
}
main.account-pages .user-profile .profile-content .profile-details .fullname .check-box [type=checkbox].filled-in:not(:checked) + span:not(.lever):after,
main.account-pages .user-profile .profile-content .profile-details .user-email .check-box [type=checkbox].filled-in:not(:checked) + span:not(.lever):after,
main.account-pages .user-profile .profile-content .profile-details .user-mobile .check-box [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  border: 1px solid var(--in-play);
}
main.account-pages .user-profile .profile-content .profile-details .fullname .check-box [type=checkbox].filled-in:checked + span:not(.lever):after,
main.account-pages .user-profile .profile-content .profile-details .user-email .check-box [type=checkbox].filled-in:checked + span:not(.lever):after,
main.account-pages .user-profile .profile-content .profile-details .user-mobile .check-box [type=checkbox].filled-in:checked + span:not(.lever):after {
  border: 1px solid var(--in-play) !important;
  background-color: transparent !important;
}
main.account-pages .user-profile .profile-content .profile-details .fullname .check-box [type=checkbox].filled-in:checked + span:not(.lever):before,
main.account-pages .user-profile .profile-content .profile-details .user-email .check-box [type=checkbox].filled-in:checked + span:not(.lever):before,
main.account-pages .user-profile .profile-content .profile-details .user-mobile .check-box [type=checkbox].filled-in:checked + span:not(.lever):before {
  border-right: 2px solid var(--in-play) !important;
  border-bottom: 2px solid var(--in-play) !important;
}
main.account-pages .user-profile .profile-content .profile-details .country-details {
  padding: 2px 15px 0;
  margin: 0px 0 15px;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 12px;
  max-width: 90%;
  float: left;
  width: 100%;
  position: relative;
}
main.account-pages .user-profile .profile-content .profile-details .country-details label {
  text-align: left;
  top: 22px;
  left: 12px;
  color: var(--light-text-color);
  font-weight: 500;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
}
main.account-pages .user-profile .profile-content .profile-details .country-details .select-wrapper svg {
  opacity: 0;
}
main.account-pages .user-profile .profile-content .profile-details .country-details .down-arrow {
  position: absolute;
  color: var(--primary-color);
  background-color: #CCDAF9;
  right: 12px;
  top: 20px;
  width: 18px;
  height: 18px;
  line-height: 20px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main.account-pages .user-profile .profile-content .profile-details .country-details .down-arrow i {
  font-size: 10px;
  height: 9px;
}
main.account-pages .user-profile .profile-content .select-dropdown {
  border-bottom: none;
}
main.account-pages .user-profile .profile-content .select-wrapper {
  margin: 0;
  padding: 0 !important;
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
main.account-pages .user-profile .profile-content .select-wrapper input {
  padding: 0;
}
main.account-pages .user-profile .dropdown-content {
  top: 30px !important;
}
main.account-pages .modal .modal-content form .input-field input {
  border: none !important;
  background: transparent !important;
}
main .all-casinos .main-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
main .all-casinos .main-title h3 {
  padding: 0px 3px;
  font-size: 12px;
  text-align: left;
  margin-bottom: 0;
  line-height: 30px;
  margin-top: 0;
  color: var(--primary-text-color);
  font-weight: 600;
  cursor: default;
  position: relative;
  display: inline-block;
  display: flex;
  align-items: center;
}
main .all-casinos .main-title h3 svg {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
main .all-casinos .show-all a {
  border-radius: 8px;
  letter-spacing: 0px;
  font-weight: 500;
  line-height: 1.8;
  padding: 5px;
  color: var(--primary-text-color);
  cursor: pointer;
  font-size: 12px;
  text-transform: capitalize;
  float: right;
  transition: all 0.2s;
  position: relative;
}
main .all-casinos .show-all a:hover, main .all-casinos .show-all a.active {
  transform: scale(1.1);
  font-weight: 600;
  transition: all 0.2s;
}
main .all-casinos .portfolio {
  padding: 5px 10px;
  margin-bottom: 5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  flex-wrap: wrap;
}
main .all-casinos .portfolio .port-content {
  padding: 8px;
  width: 24%;
  border: 1px solid var(--play-with-border);
  background: var(--background-color);
  border-radius: 8px;
  left: auto;
  right: auto;
  float: left;
  margin: 5px !important;
  position: relative;
}
main .all-casinos .portfolio .port-content .favourite-icon {
  position: absolute;
  color: var(--white-text);
  right: 10px;
  top: 10px;
  font-size: 20px;
  z-index: 1;
  transition: all 0.2s ease-in;
  opacity: 0;
  cursor: pointer;
}
main .all-casinos .portfolio .port-content .favourite-icon:hover, main .all-casinos .portfolio .port-content .favourite-icon.active {
  color: var(--stake-color);
}
main .all-casinos .portfolio .port-content .favourite-icon:hover svg path, main .all-casinos .portfolio .port-content .favourite-icon.active svg path {
  fill: var(--primary-color) !important;
  stroke: var(--primary-color);
}
main .all-casinos .portfolio .port-content .port-inner {
  width: 100%;
  height: auto;
  cursor: pointer;
  position: relative;
}
main .all-casinos .portfolio .port-content .port-inner .blink-new {
  top: 10px;
  right: 6px;
}
main .all-casinos .portfolio .port-content .port-inner .content h4 {
  line-height: 1;
  margin: 5px 0 0px 0px;
}
main .all-casinos .portfolio .port-content .port-inner .content h4 a {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--casino-title);
  display: block;
}
main .all-casinos .portfolio .port-content .port-inner .content h4 .sub-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--casino-title);
  margin: 5px 0px 0px 0px;
  letter-spacing: 1px;
}
main .all-casinos .portfolio .port-content .port-inner .content h4 .game-icon img {
  width: auto;
  margin: auto;
  display: table;
  max-width: 70px;
  max-height: 40px;
}
main .all-casinos .portfolio .port-content .port-inner .thumb {
  display: flex;
  overflow: hidden;
  border-radius: 15px;
}
main .all-casinos .portfolio .port-content .port-inner .thumb img {
  width: 100%;
  height: auto;
  transition: ease-in-out 0.3s;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
main .all-casinos .portfolio .port-content .port-inner .port-btn {
  position: relative;
  transition: 0.7s;
  padding-left: 0.8rem !important;
  padding-top: 10px;
}
main .all-casinos .portfolio .port-content .port-inner .port-btn img {
  width: 45px;
}
main .all-casinos .portfolio .port-content .port-inner:hover .thumb img {
  transform: scale(1.1);
}
main .all-casinos .portfolio .port-content:hover .favourite-icon {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
main .all-casinos .casinos-sliders {
  display: block;
  flex-wrap: nowrap;
  z-index: 1;
  right: 0;
  bottom: 0px;
  margin: 0 40px;
}
main .all-casinos .casinos-sliders .casino-slider {
  overflow: auto;
}
main .all-casinos .casinos-sliders .swiper-button-next,
main .all-casinos .casinos-sliders .swiper-button-prev {
  height: 25px;
  --swiper-navigation-size: 20px;
  color: var(--primary-text-color);
  width: 25px;
  border-radius: 8px;
  font-weight: 700;
}
main .all-casinos .casinos-sliders .swiper-button-next {
  right: -35px;
  top: 50%;
}
main .all-casinos .casinos-sliders .swiper-button-prev {
  left: -35px;
  top: 50%;
}
main.profile-pages .col-center {
  padding: 0px 0px 10px 15px !important;
}
main.profile-pages .referel-title {
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
}
main.profile-pages .referel-title img {
  width: 16px;
}
main .live-title {
  color: var(--white-text);
  background-color: var(--in-play-bg);
  padding: 2px 8px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  border-radius: 11px;
  line-height: 18px;
  position: absolute;
}
main .live-title .live-blink {
  animation: blinker-live 3s linear infinite;
}
@keyframes blinker-live {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}

.input-field .helper-text {
  color: var(--error-text);
}

.landing-page .main-content {
  margin-top: 44px !important;
}

.news-feed {
  position: fixed;
  width: 100%;
  top: 88px;
  padding-right: 5px;
  background-color: var(--header-color);
  color: var(--primary-text-color);
  padding-left: 20px;
  height: 22px;
  display: flex;
  font-size: 13px;
  font-weight: normal;
  z-index: 91;
  left: 70px;
}
.news-feed .title {
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  margin-right: 5px;
  width: 85px;
  min-width: 85px;
  height: 20px;
  line-height: 20px;
  position: relative;
  top: 0px;
}
.news-feed .title i {
  margin-right: 5px;
}

.marquee-style .marquee-news {
  display: inline;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
  text-transform: capitalize;
}
.marquee-style .marquee-news i {
  height: auto;
  line-height: 10px;
  font-size: 10px;
}
.marquee-style .marquee-news .marquee-news-text {
  margin-left: 10px;
}

.material-tooltip {
  font-size: 12px;
  text-transform: capitalize;
  background-color: var(--secondary-color);
  padding: 5px;
  min-height: 20px;
  color: var(--primary-color);
  border-radius: 3px;
  font-weight: 500;
  margin-top: 20px;
}

#ymDivBar {
  z-index: 999 !important;
  bottom: 65px !important;
}

#swipe-right {
  background-image: none;
  max-width: 450px;
  max-height: 500px;
  background-color: transparent !important;
  box-shadow: none;
}
#swipe-right.modal .modal-content {
  height: calc(100% - 0px) !important;
  text-align: center;
}
#swipe-right.modal .modal-content .modal-body img {
  max-width: 130px;
  margin-top: 100px;
}
#swipe-right.modal .modal-content .modal-body .swipe-content p {
  font-size: 16px;
  font-weight: 600;
  color: var(--white-text);
}
#swipe-right.modal .modal-content .modal-body .swipe-content .close-btn {
  background: var(--button-bg);
  color: var(--white-text);
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: 500;
  width: 130px;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 20px;
}
#swipe-right.modal .modal-content .modal-body .swipe-content .close-btn:hover {
  background-color: var(--primary-color);
  color: var(--black-text);
}

.modal-overlay {
  opacity: 0.5 !important;
}

#referel-modal.modal {
  max-width: 510px !important;
  max-height: 600px;
  overflow-y: scroll;
}
#referel-modal.modal .close-icon {
  right: 7px;
  top: 8px;
  width: 30px;
  height: 30px;
}
#referel-modal.modal .modal-content {
  height: 100% !important;
  padding: 40px 25px 25px !important;
}
#referel-modal.modal .modal-content .outer-layer .inner-layer {
  background-color: var(--profile-user-bg) !important;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid var(--play-with-border);
}
#referel-modal.modal .modal-content .outer-layer .inner-layer .referel-bg {
  position: relative;
  background-image: url("../images/coingift.png?v=0.4");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
#referel-modal.modal .modal-content .outer-layer .inner-layer .invite-text .invite-heading {
  text-align: left;
  font-size: 18px;
  font-weight: 600;
}
#referel-modal.modal .modal-content .outer-layer .inner-layer .invite-text .invite-sub-text {
  font-size: 14px;
  font-weight: 500;
  align-items: center;
  color: var(--primary-text-color);
}
#referel-modal.modal .modal-content .outer-layer .inner-layer .invite-image {
  width: 100%;
  height: auto;
  max-width: 100px;
}
#referel-modal.modal .modal-content .outer-layer .inner-layer .invite-input {
  border-radius: 2px !important;
  background-color: var(--invite-textbox-bg) !important;
  width: 100%;
  background: var(--search-bg);
  color: var(--model-input-color);
  height: 30px;
  line-height: 30px;
  border: 1px solid var(--border-color2);
  font-size: 12px;
  font-weight: 600;
  padding-left: 10px;
  text-transform: lowercase;
}
#referel-modal.modal .modal-content .outer-layer .inner-layer .invite-input:focus {
  border-bottom: unset !important;
  box-shadow: none;
}
#referel-modal.modal .modal-content .outer-layer .inner-layer .total-heading {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
}
#referel-modal.modal .modal-content .outer-layer .invite-copy {
  width: 30px;
  height: 32px;
  background: var(--light-text-color);
  padding: 7px;
  cursor: pointer;
}
#referel-modal.modal .modal-content .outer-layer .invite-copy .copy-color {
  fill: var(--model-input-color) !important;
}
#referel-modal.modal .modal-content .outer-layer .invite-btn {
  cursor: pointer;
  padding: 2px 2px;
  border: 0;
}
#referel-modal.modal .modal-content .outer-layer .invite-btn .inputbtntext {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  color: var(--primary-text-color);
}
#referel-modal.modal .modal-content .outer-layer .invite-btn .social-media {
  margin-top: 5px;
}
#referel-modal.modal .modal-content .outer-layer .invite-btn .social-media a .icon {
  margin-right: 5px;
}
#referel-modal.modal .modal-content .outer-layer .invite-btn .social-media a .icon svg {
  width: 18px;
  height: 18px;
}
#referel-modal.modal .modal-content .outer-layer .invite-btn .social-media a .icon svg path {
  fill: var(--forth-color);
}
#referel-modal.modal .modal-content .outer-layer .terms {
  color: var(--icon-color);
  font-size: 11px;
  font-weight: 500;
  color: var(--primary-text-color);
}
#referel-modal.modal .modal-content .outer-layer .gradient-hr {
  background: linear-gradient(to right, transparent, var(--arrow-color), transparent);
  height: 1px;
  border: 0;
}
#referel-modal.modal .modal-content .outer-layer .vertical-hr {
  border: 0;
  border-left: 1px solid var(--arrow-color);
  height: 100%;
}
#referel-modal.modal .modal-content .outer-layer .total-count {
  font-size: 20px;
  font-weight: 600;
  margin-top: 3px;
}
#referel-modal.modal .modal-content .outer-layer .hightlight {
  color: var(--third-color) !important;
  font-size: 16px;
}
#referel-modal.modal .modal-content .outer-layer .referel-header {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
}

#otp-page.modal,
#password-page.modal {
  width: 100%;
  max-width: 600px;
  height: 100%;
  max-height: 500px;
  overflow-y: initial;
}
#otp-page.modal .modal-content,
#password-page.modal .modal-content {
  height: calc(100% - 60px) !important;
}
#otp-page.modal .otp-page,
#password-page.modal .otp-page {
  text-align: center;
}
#otp-page.modal .otp-page .otp-details,
#password-page.modal .otp-page .otp-details {
  margin-top: 30px;
}
#otp-page.modal .otp-page .otp-details .enter-number,
#password-page.modal .otp-page .otp-details .enter-number {
  display: flex;
  justify-content: center;
  align-items: center;
}
#otp-page.modal .otp-page .otp-details .enter-number .edit-button,
#password-page.modal .otp-page .otp-details .enter-number .edit-button {
  margin: 0 10px 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 600;
}
#otp-page.modal .otp-page .otp-details .enter-number .edit-button .edit-btn,
#password-page.modal .otp-page .otp-details .enter-number .edit-button .edit-btn {
  color: var(--third-color);
}
#otp-page.modal .otp-page .otp-details .enter-number .confirm-btn,
#password-page.modal .otp-page .otp-details .enter-number .confirm-btn {
  display: flex;
  align-items: center;
}
#otp-page.modal .otp-page .otp-details .enter-number .confirm-btn .v-status,
#password-page.modal .otp-page .otp-details .enter-number .confirm-btn .v-status {
  margin: 0 5px;
  font-size: 18px;
  font-weight: 600;
}
#otp-page.modal .otp-page .otp-details .enter-number .confirm-btn .v-status.verified,
#password-page.modal .otp-page .otp-details .enter-number .confirm-btn .v-status.verified {
  display: inline-block;
  height: 30px;
  width: 65px;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  line-height: 30px;
  background-color: var(--in-play);
  color: var(--black-text);
  padding: 0 5px;
  transition: all 0.2s;
}
#otp-page.modal .otp-page .otp-details .enter-number .confirm-btn .v-status.verified:hover,
#password-page.modal .otp-page .otp-details .enter-number .confirm-btn .v-status.verified:hover {
  background: var(--button-color);
  transition: all 0.2s;
  color: var(--white-text);
}
#otp-page.modal .otp-page .otp-details .enter-number .confirm-btn .v-status.not-verified,
#password-page.modal .otp-page .otp-details .enter-number .confirm-btn .v-status.not-verified {
  color: var(--stake-color);
}
#otp-page.modal .otp-page .otp-details .enter-number .verify-otp-mobcontrol-custom-input,
#password-page.modal .otp-page .otp-details .enter-number .verify-otp-mobcontrol-custom-input {
  padding-left: 50px !important;
}
#otp-page.modal .otp-page .otp-details .enter-password .input-field,
#password-page.modal .otp-page .otp-details .enter-password .input-field {
  margin: auto;
}
#otp-page.modal .otp-page .otp-details .enter-password .input-field input,
#password-page.modal .otp-page .otp-details .enter-password .input-field input {
  height: 30px;
}
#otp-page.modal .otp-page .otp-details .input-field,
#password-page.modal .otp-page .otp-details .input-field {
  padding: 2px 8px !important;
  margin: 0;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 12px;
  width: auto;
  max-width: 300px;
}
#otp-page.modal .otp-page .otp-details .input-field input,
#password-page.modal .otp-page .otp-details .input-field input {
  border-bottom: none;
  margin: 0;
  height: 40px;
  padding-top: 20px;
  box-shadow: none;
  color: var(--primary-text-color);
  font-size: 16px;
  font-weight: 500;
  padding-left: 4px;
  padding-bottom: 4px !important;
}
#otp-page.modal .otp-page .otp-details .input-field input:focus,
#password-page.modal .otp-page .otp-details .input-field input:focus {
  box-shadow: none;
}
#otp-page.modal .otp-page .otp-details .input-field label,
#password-page.modal .otp-page .otp-details .input-field label {
  text-align: left;
  top: 22px;
  left: 16px;
  color: var(--light-text-color);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
}
#otp-page.modal .otp-page .otp-details .wrap,
#password-page.modal .otp-page .otp-details .wrap {
  margin: 2em 1em 1em;
}
#otp-page.modal .otp-page .otp-details .wrap .text,
#password-page.modal .otp-page .otp-details .wrap .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--primary-text-color);
  text-transform: capitalize;
}
#otp-page.modal .otp-page .otp-details .bottom-border svg,
#password-page.modal .otp-page .otp-details .bottom-border svg {
  width: 100%;
}
#otp-page.modal .otp-page .otp-details .otp-expire,
#password-page.modal .otp-page .otp-details .otp-expire {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  margin: 15px 0px 5px;
  color: var(--primary-text-color);
}
#otp-page.modal .otp-page .otp-details .otp-expire .timer,
#password-page.modal .otp-page .otp-details .otp-expire .timer {
  display: inline-block;
  width: 60px;
  font-weight: 600;
}
#otp-page.modal .otp-page .otp-details .otp-verify .enter-otp,
#password-page.modal .otp-page .otp-details .otp-verify .enter-otp {
  font-size: 12px;
  font-weight: 500;
  color: var(--light-text-color);
  margin-top: 10px;
}
#otp-page.modal .otp-page .otp-details .otp-verify input[type=text],
#otp-page.modal .otp-page .otp-details .otp-verify input[type=number],
#otp-page.modal .otp-page .otp-details .otp-verify input[type=tel],
#otp-page.modal .otp-page .otp-details .otp-verify .otp-input,
#password-page.modal .otp-page .otp-details .otp-verify input[type=text],
#password-page.modal .otp-page .otp-details .otp-verify input[type=number],
#password-page.modal .otp-page .otp-details .otp-verify input[type=tel],
#password-page.modal .otp-page .otp-details .otp-verify .otp-input {
  margin: 0 5px;
  text-align: center;
  line-height: 80px;
  font-size: 35px;
  font-weight: 500;
  color: var(--primary-text-color);
  background: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 15px;
  outline: none;
  width: 50px;
  height: 50px;
  transition: all 0.2s ease-in-out;
}
#otp-page.modal .otp-page .otp-details .otp-verify input[type=text]:focus, #otp-page.modal .otp-page .otp-details .otp-verify input[type=text].active,
#otp-page.modal .otp-page .otp-details .otp-verify input[type=number]:focus,
#otp-page.modal .otp-page .otp-details .otp-verify input[type=number].active,
#otp-page.modal .otp-page .otp-details .otp-verify input[type=tel]:focus,
#otp-page.modal .otp-page .otp-details .otp-verify input[type=tel].active,
#otp-page.modal .otp-page .otp-details .otp-verify .otp-input:focus,
#otp-page.modal .otp-page .otp-details .otp-verify .otp-input.active,
#password-page.modal .otp-page .otp-details .otp-verify input[type=text]:focus,
#password-page.modal .otp-page .otp-details .otp-verify input[type=text].active,
#password-page.modal .otp-page .otp-details .otp-verify input[type=number]:focus,
#password-page.modal .otp-page .otp-details .otp-verify input[type=number].active,
#password-page.modal .otp-page .otp-details .otp-verify input[type=tel]:focus,
#password-page.modal .otp-page .otp-details .otp-verify input[type=tel].active,
#password-page.modal .otp-page .otp-details .otp-verify .otp-input:focus,
#password-page.modal .otp-page .otp-details .otp-verify .otp-input.active {
  border: 1px solid var(--primary-color) !important;
  box-shadow: none !important;
}
#otp-page.modal .otp-page .otp-details .otp-verify .btn-verify,
#password-page.modal .otp-page .otp-details .otp-verify .btn-verify {
  position: relative;
  cursor: pointer;
  max-width: 180px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  line-height: 2;
  text-transform: uppercase;
  text-align: center;
  overflow: inherit;
  transition: all 0.2s;
  color: var(--black-text);
  background: var(--primary-color);
  box-shadow: var(--button-shadow);
  border-radius: 4px;
  padding: 0 10px;
  height: 45px;
  width: 150px;
  font-size: 14px;
  font-weight: 600;
}
#otp-page.modal .otp-page .otp-details .otp-verify .btn-verify:hover,
#password-page.modal .otp-page .otp-details .otp-verify .btn-verify:hover {
  background: var(--button-color);
  color: var(--white-text);
}
#otp-page.modal .otp-page .otp-details .otp-verify .send-code,
#password-page.modal .otp-page .otp-details .otp-verify .send-code {
  margin: 20px 0 10px;
}
#otp-page.modal .otp-page .otp-details .otp-verify .send-code .text,
#password-page.modal .otp-page .otp-details .otp-verify .send-code .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  margin: 5px 0px;
  color: var(--light-text-2);
}
#otp-page.modal .otp-page .otp-details .otp-verify .send-code .resend-code,
#password-page.modal .otp-page .otp-details .otp-verify .send-code .resend-code {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--third-color);
  transition: all 0.3s;
}
#otp-page.modal .otp-page .otp-details .otp-verify .send-code .resend-code:hover,
#password-page.modal .otp-page .otp-details .otp-verify .send-code .resend-code:hover {
  color: var(--primary-color);
  transition: all 0.3s;
}
#otp-page.modal form,
#password-page.modal form {
  margin: 20px;
}

#work-process.modal.not-work-process {
  height: 100% !important;
  width: 100%;
  max-width: 368px;
  max-height: 325px;
  top: 0 !important;
  bottom: 0;
  background: var(--primary-color) !important;
  border-radius: 5px;
  padding: 10px;
}
#work-process.modal.not-work-process .card-title {
  background: var(--button-bg);
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 10px;
  border: 1.5px solid var(--forth-color);
  border-radius: 5px;
  height: 47px;
}
#work-process.modal.not-work-process .card-title .title {
  color: var(--white-text);
  font-weight: 600;
  font-size: 16px;
}
#work-process.modal.not-work-process .card-title img.right-img {
  border-radius: 5px;
  right: 11px;
  position: absolute;
  height: 45px;
}
#work-process.modal.not-work-process .modal-content {
  height: calc(100% - 60px) !important;
  background: Var(--workprocess-content);
  border-radius: 5px;
  padding: 10px;
}
#work-process.modal.not-work-process .modal-content .steps {
  background-color: var(--work-content-bg);
  border-radius: 5px;
  padding: 15px 10px 10px;
  margin-bottom: 10px;
}
#work-process.modal.not-work-process .modal-content .steps .title {
  color: var(--worktitle);
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}
#work-process.modal.not-work-process .modal-content .steps .content {
  font-size: 11px;
  text-align: center;
  color: var(--primary-text-color);
  font-weight: 500;
}
#work-process.modal.not-work-process .modal-content .workprocess-footer {
  color: var(--primary-text-color);
  font-size: 11px;
  text-align: center;
  margin: 5px 0px;
  font-weight: 500;
}
#work-process.modal.not-work-process .close-icon {
  background-color: transparent;
}
#work-process.modal.not-work-process .close-icon i {
  color: var(--black-text);
}

.not-work-open {
  display: block;
  z-index: 1111;
}

.modal-overlay {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.79) !important;
  opacity: 0.8 !important;
}

#search.modal {
  height: 100% !important;
  width: 100%;
  max-width: 700px;
  max-height: 70%;
  top: 0 !important;
  bottom: 0;
}
#search.modal .modal-content {
  height: calc(100% - 70px) !important;
}
#search.modal .modal-content form .input-field input {
  padding: 5px !important;
}
#search.modal .web-search .web-search-box {
  width: 100%;
  left: 0;
  top: 55px;
  max-height: 100vh;
  padding-bottom: 0;
  border: 1px solid transparent;
}
#search.modal .web-search .web-search-box .searchLi a .web-search-match {
  display: block;
}
#search.modal .web-search .web-search-box .search-box {
  width: 100% !important;
  margin-bottom: 0;
}

#offer-popup {
  width: 600px;
  height: 320px;
  background-image: url(../images/password-popup.png?v=0.4);
}
#offer-popup .offer-details {
  margin-top: 25px;
}
#offer-popup .offer-details h6 {
  line-height: 30px;
  font-size: 20px;
  color: var(--primary-text-color);
}
#offer-popup .modal-footer {
  height: 100px;
}
#offer-popup .modal-footer .btn {
  padding: 0px 22px;
  font-size: 17px;
  position: relative;
  height: 45px;
  float: initial;
  color: var(--black-text);
  line-height: 45px;
  font-weight: 600;
  border-radius: 4px;
  text-align: center;
  background-color: var(--primary-color);
  box-shadow: unset;
  width: 121px;
}
#offer-popup .modal-footer .btn:hover {
  background: var(--button-color);
  color: var(--white-text);
}
#offer-popup .modal-footer .btn:hover svg path {
  fill: var(--white-text);
}
#offer-popup .modal-footer .btn svg {
  margin-right: 8px;
}
#offer-popup .modal-footer .btn svg path {
  fill: var(--black-text);
}
#offer-popup .modal-footer .modal-close {
  border: 1px solid var(--primary-color);
  color: var(--primary-text-color);
  background-color: transparent;
}
#offer-popup .modal-footer .modal-close:hover {
  background: var(--primary-color);
  color: var(--black-text);
  transition: all ease-in 0.2s;
}

#password-page.modal {
  max-height: 550px;
}

#otplessModal.modal {
  width: 390px;
  max-height: -moz-max-content;
  max-height: max-content;
  top: 30px !important;
}
#otplessModal.modal .modal-content {
  padding: 0;
  height: 100% !important;
}

#slider-popup.modal {
  background-image: unset;
  background-color: transparent !important;
  box-shadow: none;
  border: none;
  max-height: 100%;
  width: 34%;
}
#slider-popup.modal .close-icon {
  background-color: unset;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  height: auto;
  width: auto;
  top: 48px;
}
#slider-popup.modal .close-icon span {
  text-transform: uppercase;
  color: var(--primary-color);
  font-size: 14px;
  text-decoration: underline;
}
#slider-popup.modal .close-icon i {
  font-size: 14px;
  color: var(--primary-color);
}
#slider-popup.modal .modal-content {
  height: 100% !important;
}
#slider-popup.modal .modal-content .popup_slider {
  width: 100%;
  height: 95%;
  margin: auto;
}
#slider-popup.modal .modal-content .popup_slider .swiper-slide {
  text-align: center;
  margin: 0 auto;
  height: auto;
  width: 545px;
  margin-right: 25px;
}
#slider-popup.modal .modal-content .popup_slider .swiper-next,
#slider-popup.modal .modal-content .popup_slider .swiper-prev {
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#slider-popup.modal .modal-content .popup_slider .swiper-next .onboard-btn,
#slider-popup.modal .modal-content .popup_slider .swiper-prev .onboard-btn {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  padding: 8px 28px;
  text-align: center;
  border-radius: 4px;
  background: var(--button-bg);
  color: var(--primary-color);
  transition: all 0.2s;
  letter-spacing: 0.5px;
  width: 100%;
  min-width: 150px;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, var(--primary-color) 50%, var(--button-color2) 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
#slider-popup.modal .modal-content .popup_slider .swiper-next .onboard-btn:hover, #slider-popup.modal .modal-content .popup_slider .swiper-next .onboard-btn.active,
#slider-popup.modal .modal-content .popup_slider .swiper-prev .onboard-btn:hover,
#slider-popup.modal .modal-content .popup_slider .swiper-prev .onboard-btn.active {
  color: var(--white-text);
  transition: all 0.3s;
  background-position: left bottom;
}
#slider-popup.modal .modal-content .popup_slider .swiper-next .onboard-btn .animate-btn,
#slider-popup.modal .modal-content .popup_slider .swiper-prev .onboard-btn .animate-btn {
  z-index: 1;
  position: relative;
}
#slider-popup.modal .modal-content .popup_slider .swiper-prev .onboard-btn:hover::after {
  right: 0;
  background: var(--primary-color);
  color: var(--forth-color);
  transition: all ease-in 0.4s;
}
#slider-popup.modal .modal-content .popup_slider .swiper-prev .onboard-btn:hover .animate-btn {
  z-index: 1;
  position: relative;
  color: var(--forth-color);
}
#slider-popup.modal .modal-content .popup_slider .swiper-next .onboard-btn {
  background-color: var(--primary-color);
  color: var(--white-text);
}
#slider-popup.modal .modal-content .popup_slider .swiper-next .onboard-btn:hover {
  color: var(--black-text);
}
#slider-popup.modal .modal-content .popup_slider .prev-next-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 20px;
}
#slider-popup.modal .modal-content .popup_slider .swiper-pagination {
  display: block;
  bottom: 12%;
  position: static;
}
#slider-popup.modal .modal-content .popup_slider .swiper-pagination .swiper-pagination-bullet {
  background: var(--white-text);
  opacity: 1;
}
#slider-popup.modal .modal-content .popup_slider .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--primary-color);
}
#slider-popup.modal .modal-content .popup_slider .onboard-box {
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  row-gap: 10px;
}
#slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-title a {
  display: block;
  text-transform: uppercase;
  text-decoration: underline;
  color: var(--white-text);
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 3px;
}
#slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-title a span {
  color: var(--primary-color);
  text-decoration: underline;
}
#slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
  margin: auto;
  width: 80%;
}
#slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img img {
  display: block;
  width: 100%;
}
#slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-bottom-text span {
  text-transform: uppercase;
  font-size: 45px;
  color: var(--primary-color);
  font-weight: 800;
  margin-top: 0px;
  letter-spacing: 4px;
}
#slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-bottom-text h6 {
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 500;
  color: var(--white-text);
  margin-top: 0px;
  letter-spacing: 4px;
}

#cancel-popup.modal {
  max-width: 400px;
  height: 220px;
}
#cancel-popup.modal .modal-content {
  height: auto !important;
}
#cancel-popup.modal .modal-content .modal-header {
  margin-bottom: 10px;
}
#cancel-popup.modal .modal-content .modal-header h4 {
  text-align: center;
  font-size: 26px;
  margin: 0;
  color: var(--cancel-title);
}
#cancel-popup.modal .modal-content .modal-body {
  padding: 10px 0;
}
#cancel-popup.modal .modal-content .modal-body p {
  margin: 0;
  color: var(--cancel-content-color);
  text-align: center;
  font-size: 18px;
}
#cancel-popup.modal .modal-content .modal-footer {
  margin: auto;
  text-align: center;
  height: auto;
}
#cancel-popup.modal .modal-content .modal-footer button {
  transition: all 0.4s;
  line-height: normal;
  min-width: 150px;
  border: none;
  min-height: 40px;
  border-radius: 8px;
  margin: 0 5px;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
}
#cancel-popup.modal .modal-content .modal-footer button.confirm {
  background: var(--primary-color);
  color: var(--black-text);
  box-shadow: var(--button-shadow);
  border: 1px solid var(--play-with-border);
}
#cancel-popup.modal .modal-content .modal-footer button.confirm:hover {
  background: var(--button-bg);
  color: var(--primary-color);
}
#cancel-popup.modal .modal-content .modal-footer button.cancel {
  border: 1px solid var(--primary-color);
  color: var(--primary-text-color);
  background-color: transparent;
  box-shadow: none;
}
#cancel-popup.modal .modal-content .modal-footer button.cancel:hover {
  background: var(--primary-color);
}

.input-field .helper-text {
  display: block;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  min-height: 12px;
  font-size: 11px;
  line-height: 15px;
  float: left;
  width: 100%;
}

.helper-text {
  font-size: 11px;
  line-height: 15px;
  float: left;
  width: 100%;
}

.error {
  color: #dd4b39 !important;
  font-weight: 600;
}

.notice {
  background-color: var(--background-color);
  color: var(--primary-text-color);
}
.notice.visible {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation-fill-mode: forwards;
}

.dataTables_length {
  margin-right: 1em;
}

.dataTables_wrapper .dataTables_length {
  float: left;
  margin-right: 1em;
  top: 5px;
  position: relative;
}
.dataTables_wrapper .dataTables_length label {
  color: var(--primary-text-color);
  font-size: 12px;
  padding-left: 15px;
  font-weight: 600;
}
.dataTables_wrapper .dataTables_length select {
  display: inline-block;
  width: auto;
  height: auto;
  border: 1px solid var(--border-color2);
  background: var(--icon-bg);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: var(--primary-text-color);
}
.dataTables_wrapper .dataTables_filter {
  position: relative;
  top: -21px;
}
.dataTables_wrapper .dataTables_filter label {
  color: transparent;
}
.dataTables_wrapper .dataTables_filter input {
  background: var(--search-color);
  border-radius: 12px;
  width: 200px;
  height: 40px;
  font-style: italic;
  font-weight: 600;
  font-size: 14px;
  border: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMjBDMTUuNzQ2NyAyMCAyMCAxNS43NDY3IDIwIDEwLjVDMjAgNS4yNTMyOSAxNS43NDY3IDEgMTAuNSAxQzUuMjUzMjkgMSAxIDUuMjUzMjkgMSAxMC41QzEgMTUuNzQ2NyA1LjI1MzI5IDIwIDEwLjUgMjBaIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIxIDIxTDE5IDE5IiBzdHJva2U9IiNBN0E3QTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: 9px;
  padding: 0 0 0 40px;
}
.dataTables_wrapper .dataTables_filter input:focus {
  border-bottom: 1px solid var(--primary-color) !important;
  box-shadow: 0 1px 0 0 var(--primary-color) !important;
}
.dataTables_wrapper .dataTables_info {
  padding-left: 15px !important;
  color: var(--primary-text-color);
  font-size: 12px;
  font-weight: 600;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin-top: 0.25rem;
  padding: 0.25em 0.65em;
  color: var(--primary-text-color) !important;
  font-size: 12px;
  font-weight: 600;
  color: #4f4c4c !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: var(--light-text-color);
}

table.dataTable {
  width: 100% !important;
  font-size: 12px;
  font-weight: 500;
  color: var(--light-text-color);
}
table.dataTable thead tr {
  border-bottom: 1px solid transparent;
}
table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid transparent;
  text-align: left;
}
table.dataTable thead th {
  color: var(--primary-text-color);
}
table.dataTable tbody {
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background-color: var(--background-color);
}
table.dataTable tbody tr td {
  padding: 10px;
  border-top: 1px solid var(--border-color) !important;
}
table.dataTable tbody tr td a {
  color: var(--light-text-color);
}
table.dataTable tbody tr:hover {
  background-color: var(--table-tr-hover) !important;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  color: var(--primary-text-color);
  border-top: 1px solid var(--border-color);
}
table.dataTable tr {
  background-color: transparent !important;
  border-bottom: 1px solid var(--border-color);
}
table.dataTable tr td {
  background-color: transparent !important;
}

.sidebar-open {
  margin-left: 210px !important;
  transition: all 0.3s ease-in-out;
}

.dt-buttons {
  position: relative;
  top: 10px;
}

.btn-gold {
  background-color: var(--primary-color);
  box-shadow: 0 0 2px 0 var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--black-text);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 4px;
  padding: 3px 10px;
  margin-right: 3px;
  border: 1px solid var(--play-with-border);
}
.btn-gold:hover {
  border: 1px solid var(--secondary-color);
  background: var(--button-color);
  color: var(--primary-color);
  border-radius: 3px;
  transition: all ease-in 0.3s;
}

.new-call-icon {
  position: fixed;
  bottom: 265px !important;
  z-index: 99;
  right: 30px;
  cursor: pointer;
}
.new-call-icon img {
  width: 55px;
  height: 55px;
}

.whatsapp-id {
  position: fixed;
  bottom: 200px;
  z-index: 99;
  right: 33px;
  cursor: pointer;
}
.whatsapp-id .wp-bg {
  background: var(--whatsapp-btn);
  box-shadow: var(--whatsapp-btn-shadow);
  height: 52px;
  padding: 0;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 170px;
  padding-right: 0;
  position: relative;
  margin: auto;
  border-radius: 50px;
}
.whatsapp-id .wp-bg .close-btn {
  left: 0;
  position: absolute;
  top: -3px;
  z-index: 9999;
  background-color: var(--icon-bg2);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: var(--whatapp-close-shadow);
}
.whatsapp-id .wp-bg .close-btn i {
  font-size: 12px;
  color: var(--secondary-color);
}
.whatsapp-id .wp-bg .whatsapp-icon {
  margin-left: 5px;
  transform: translate(5px, 2px);
}
.whatsapp-id .wp-bg .whatsapp-icon img {
  width: 60px;
  max-width: 60px;
  height: 60px;
}
.whatsapp-id .wp-bg .description {
  display: grid;
  line-height: 1.5;
  color: var(--whatsapp-title);
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  padding-left: 35px;
}
.whatsapp-id .wp-bg .description span {
  font-size: 15px;
  font-weight: 500;
}
.whatsapp-id .wp-bg .description span strong {
  font-weight: 700;
}
.whatsapp-id .wp-bg .description a {
  color: var(--whatsapp-title);
  text-decoration: underline;
  font-weight: 700;
}
.whatsapp-id .wp-bg::after {
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #67dc7b;
  content: "";
  bottom: -10px;
  right: 18px !important;
  position: absolute;
  display: none;
}
.whatsapp-id .wp-icon {
  position: fixed;
  bottom: 170px;
  z-index: 4;
  right: 10px;
  display: none;
}
.whatsapp-id .wp-icon .icon-bg i {
  color: var(--whatsapp-id-green-color);
  font-size: 30px;
}
.whatsapp-id .wp-icon .icon-bg img {
  width: 80px;
  height: 80px;
}

.bonus-button {
  position: fixed;
  bottom: 286px;
  z-index: 99;
  right: 0px;
  cursor: pointer;
}
.bonus-button a {
  display: block;
}
.bonus-button a img {
  display: block;
  width: 120px;
}

.betPanel {
  position: relative;
}

.Overlay {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: var(--overlay-bg);
  box-shadow: var(--box-shadow3);
  top: 0;
}

.loader-responsive {
  top: 70px;
  position: relative;
  margin: auto;
  display: block;
}

.footer {
  background: var(--footer-bg);
  border-radius: 15px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  border: 1px solid transparent;
  margin-top: 5px;
}
.footer .row {
  margin-bottom: 10px;
}
.footer .footer-padding {
  padding: 15px 15px 10px 15px;
}
.footer .footer-logo img {
  width: 210px;
  height: 34px;
}
.footer .bet-content {
  font-size: 12px;
  font-weight: 400;
  color: var(--footer-subtitle);
  margin-top: 5px;
  text-align: justify;
  padding-bottom: 10px;
}
.footer .bet-content p {
  margin: 2px 0;
}
.footer .bet-content p a {
  color: var(--primary-text-color);
  font-weight: 600;
}
.footer .bet-content .popular-title {
  color: var(--primary-text-color);
  font-weight: 600;
}
.footer .bet-content .read_more {
  color: var(--footer-title);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.footer .readmore-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 170px;
  padding-right: 5px;
  /* Track */
}
.footer .readmore-scroll.scroll-bar::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.footer .readmore-scroll.scroll-bar::-webkit-scrollbar {
  width: 2px;
}
.footer .readmore-scroll.scroll-bar::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
}
.footer .readmore-scroll.scroll-bar::-webkit-scrollbar-track {
  background: #505050;
}
.footer .readmore-scroll.scroller {
  scrollbar-color: var(--primary-color) #505050;
  scrollbar-width: thin;
  scroll-padding-top: 0px;
}
.footer .readmore-scroll.scrollbar-hidden {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}
.footer .readmore-scroll::-webkit-scrollbar {
  width: 2px;
}
.footer .readmore-scroll::-webkit-scrollbar-track {
  border-radius: 2px;
}
.footer .global-partner {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.footer .global-partner h4 {
  font-size: 25px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--primary-text-color);
  margin: 10px 0 20px;
}
.footer .global-partner h4 span {
  color: var(--primary-color);
}
.footer .global-partner .partner-slider {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .global-partner .partner-slider .items-slide {
  text-transform: capitalize;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
  background-color: var(--game-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px;
  margin: 5px;
  position: relative;
  min-width: 80px;
  border-radius: 10px;
  line-height: 1.2;
  height: 60px;
}
.footer .global-partner .partner-slider .items-slide img {
  max-width: 100px;
  width: 100%;
}
.footer .reach-us s h4 {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--primary-color);
  margin: 10px;
}
.footer .reach-us .social-media a {
  margin: 0 5px;
}
.footer .reach-us .social-media a .icon img {
  width: 25px;
}
.footer .contact-us {
  float: left;
  width: 100%;
  display: block;
}
.footer .contact-us h4 {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--footer-title);
  margin: 10px 5px 10px 0;
}
.footer .contact-us .footer-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--footer-title);
  margin: 10px 5px 10px 0;
}
.footer .contact-us .contact {
  color: var(--footer-subtitle);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 7px 0;
}
.footer .contact-us .contact svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.footer .contact-us .contact svg path {
  fill: var(--forth-color);
}
.footer .safe-payment .pay-details h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--footer-title);
  line-height: 1.2;
  margin: 2.52rem 0 0.612rem 0;
  text-transform: capitalize;
}
.footer .safe-payment .pay-details .footer-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--footer-title);
  line-height: 1.2;
  margin: 2.52rem 0 0.612rem 0;
  text-transform: capitalize;
}
.footer .safe-payment .pay-details .pay-id {
  font-size: 12px;
  font-weight: 400;
  color: var(--footer-subtitle);
  margin-top: 5px;
  text-align: justify;
}
.footer .trusted-by {
  font-size: 15px;
  font-weight: 600;
  color: var(--footer-title);
  line-height: 1.2;
  margin: 2.52rem 0 0.612rem 0;
  text-transform: capitalize;
}
.footer .trusted-by .trusted {
  color: var(--primary-color);
  margin-right: 15px;
}
.footer .trusted-by .secure-img svg {
  width: 17px;
  height: 17px;
  position: relative;
  top: 4px;
  margin-right: 2px;
}
.footer .trusted-by .secure-img svg path {
  fill: var(--primary-color);
}
.footer .payment-img {
  margin-bottom: 7px;
  width: 100%;
}
.footer .payment-img img {
  width: 260px;
  height: 57px;
}
.footer .footer-col p img {
  width: 260px;
  height: 57px;
}
.footer .social-details {
  margin: 0 !important;
  padding: 15px 15px 15px 15px;
  border-top: 1px solid var(--border-color3);
}
.footer .social-details .social-media a {
  font-size: 12px;
  font-weight: 400;
  color: var(--footer-subtitle);
  display: flex;
  float: left;
  align-items: center;
  margin: 2px 7px;
}
.footer .social-details .social-media a .icon {
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin: auto;
  border-radius: 50%;
  margin-right: 5px;
}
.footer .social-details .social-media a .icon svg {
  width: 17px;
  height: 17px;
}
.footer .social-details .social-media a .icon svg path {
  fill: var(--forth-color);
}
.footer .social-details .about-us .links {
  margin: 0;
  line-height: 1;
}
.footer .social-details .about-us .links .link a {
  font-size: 12px;
  font-weight: 500;
  color: var(--footer-subtitle);
  padding-left: 6px;
  line-height: 1;
  position: relative;
  text-transform: capitalize;
  margin: 2px 7px;
}
.footer .social-details .about-us .links .link a::after {
  content: "";
  position: absolute;
  border: 0.5px solid var(--light-text-color);
  height: 10px;
  top: 1.5px;
  left: -2px;
}
.footer .game-rules {
  margin-top: 15px;
}
.footer .game-rules .icons {
  text-align: left;
}
.footer .game-rules .icons a img {
  width: 30px;
  height: 30px;
  margin: 0 3px;
}
.footer .download-buttons {
  display: flex;
  margin: 5px 0;
}
.footer .download-buttons .download-btn,
.footer .download-buttons .affiliate-btn {
  background: transparent;
  width: auto;
  color: var(--footer-title);
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 700;
  padding: 0 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in 0.2s;
  border: 1px solid var(--play-with-border);
  box-shadow: none;
}
.footer .download-buttons .download-btn svg,
.footer .download-buttons .affiliate-btn svg {
  margin-left: 5px;
  width: 14px;
  height: 14px;
  transition: all ease-in 0.2s;
}
.footer .download-buttons .download-btn svg path,
.footer .download-buttons .affiliate-btn svg path {
  fill: var(--footer-title);
}
.footer .download-buttons .download-btn:hover,
.footer .download-buttons .affiliate-btn:hover {
  background: var(--button-bg);
  color: var(--primary-color);
  transition: all ease-in 0.2s;
}
.footer .download-buttons .download-btn:hover svg path,
.footer .download-buttons .affiliate-btn:hover svg path {
  fill: var(--primary-color);
}
.footer .download-buttons .download-btn {
  margin-right: 7px;
}
.footer .download-buttons .affiliate-btn {
  background-color: var(--primary-color);
  color: var(--black-text);
}
.footer .gambling {
  color: var(--footer-title);
  font-size: 13px;
  font-weight: 500;
  margin: 8px 0 2px;
  line-height: 1.1;
}
.footer .footer-copyright {
  padding: 0 25px;
  margin: 5px 0px;
}
.footer .footer-copyright p {
  font-size: 10px;
  font-weight: 500;
  color: var(--footer-subtitle);
  text-align: justify;
  margin: 5px 0;
}
.footer .footer-copyright p a {
  color: var(--primary-text-color);
  font-weight: 600;
}
.footer .footer-copyright .title {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.footer .copyright {
  margin-bottom: 10px;
}
.footer .copyright .title {
  font-size: 12px;
  font-weight: 500;
  color: var(--footer-subtitle);
}
.footer .read_more-show {
  display: block !important;
}
.footer .readmore-text {
  display: none;
}

.toggle-switch {
  position: relative;
  margin: 0 5px;
  /* -------- Switch Styles ------------*/
  /* Toggle */
}
.toggle-switch .content {
  display: flex;
  width: 35px;
  height: 35px;
  background-color: var(--primary-color);
  border-radius: 50%;
}
.toggle-switch label, .toggle-switch .toggle {
  height: 35px;
  border-radius: 100px;
}
.toggle-switch label {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.toggle-switch .toggle {
  position: absolute;
  width: 35px;
  height: 35px;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-switch .names {
  width: 100%;
  height: 35px;
  position: absolute;
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toggle-switch .names p {
  margin: 0;
  font-weight: 600;
  font-size: 12px;
  border-radius: 20px;
  width: 35px;
  height: 35px;
  text-align: center;
  position: absolute;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggle-switch .names p i {
  height: 33px;
  line-height: 34px;
  font-size: 20px;
}
.toggle-switch .names p img {
  width: 20px;
  transition: all 0.5s;
}
.toggle-switch .names p.light img {
  width: 25px;
  transition: all 0.5s;
}
.toggle-switch .names p svg {
  transition: all 0.5s;
  width: 18px;
  height: 18px;
}
.toggle-switch [type=checkbox] {
  display: none;
}
.toggle-switch [type=checkbox]:checked + .switch-app label {
  transition: all 0.1s;
}
.toggle-switch [type=checkbox]:not(:checked) + .switch-app label .names .light i {
  color: #4a6776;
  transition: all 0.3s;
  opacity: 0;
}
.toggle-switch [type=checkbox]:not(:checked) + .switch-app label .names .light img {
  opacity: 0;
}
.toggle-switch [type=checkbox]:not(:checked) + .switch-app label .names .light svg {
  opacity: 0;
}
.toggle-switch [type=checkbox]:not(:checked) + .switch-app label .names .dark i {
  color: #858585;
  transition: all 0.3s;
}
.toggle-switch [type=checkbox]:checked + .switch-app label .names .light i {
  color: #ff9b09;
}
.toggle-switch [type=checkbox]:checked + .switch-app label .names .dark i,
.toggle-switch [type=checkbox]:checked + .switch-app label .names .dark img {
  opacity: 0;
}
.toggle-switch [type=checkbox]:checked + .switch-app label .names .dark i,
.toggle-switch [type=checkbox]:checked + .switch-app label .names .dark svg {
  opacity: 0;
}
.toggle-switch [type=checkbox]:not(:checked) + .switch-app label {
  transition: all 0.3s;
}
.toggle-switch [type=checkbox]:not(:checked) + .switch-app .toggle {
  top: 0px;
  left: 0px;
  z-index: 1;
}
.toggle-switch [type=checkbox]:checked + .switch-app .toggle {
  transform: translateX(100%);
  top: 2px;
  bottom: 2px;
  z-index: 1;
  opacity: 0;
}
.toggle-switch [type=checkbox]:checked + .switch-app .dark {
  opacity: 1;
}

.dropdown-content {
  background-color: var(--background-color) !important;
  background-image: url(../images/dropdown-bg.png?v=0.6);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  filter: var(--dropdown-shadow);
  box-shadow: none;
  border-radius: 8px;
}
.dropdown-content li {
  min-height: 35px;
}
.dropdown-content li span,
.dropdown-content li a {
  height: 35px;
  line-height: 35px;
  font-size: 13px !important;
  font-weight: 500;
  padding: 0 10px;
  color: var(--primary-text-color) !important;
}

/*==========Scroll-Top================*/
.Scroll-top_icon {
  float: left;
  width: 100%;
  position: relative;
}

.scrollToTop {
  width: 50px;
  height: 50px;
  padding: 10px;
  text-align: center;
  background: var(--secondary-color);
  font-weight: bold;
  text-decoration: none;
  position: fixed;
  bottom: 135px;
  right: 33px;
  display: none;
  z-index: 999;
  color: var(--primary-color);
  border-radius: 100px;
  animation: puls 3s linear infinite;
  line-height: 30px;
}

.scrollToTop:hover {
  text-decoration: none;
}

.scrollToTop svg {
  font-size: 20px;
}

@keyframes puls {
  0% {
    box-shadow: 0 0 0 0 rgb(0, 0, 0);
  }
  40% {
    box-shadow: 0 0 0 20px rgba(231, 75, 60, 0);
  }
  80% {
    box-shadow: 0 0 0 20px rgba(231, 75, 60, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(231, 75, 60, 0);
  }
}
.spark {
  animation: sparkBack 0.5s ease;
}

@keyframes sparkBack {
  0% {
    background-color: #76dfff;
    color: #000;
  }
  50% {
    background-color: #76dfff;
    color: #000;
  }
  100% {
    background-color: #76dfff;
    color: #000;
  }
}
.lay-1.spark {
  animation: sparkLay 0.5s ease;
}

.lay-rate.spark {
  animation: sparkLay 0.5s ease;
}

@keyframes sparkLay {
  0% {
    background-color: #ff96d2;
    color: #000;
  }
  50% {
    background-color: #ff96d2;
    color: #000;
  }
  100% {
    background-color: #ff96d2;
    color: #000;
  }
}
/* Scrollbar */
.scrollbar {
  margin: 0 0 1em 0;
  height: 0px;
  background: #ccc;
  line-height: 0;
}

.scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #292a33;
  cursor: pointer;
}

.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}

html {
  scroll-behavior: smooth;
}

.txt-red {
  color: red !important;
}

.txt-black {
  color: black !important;
}

.txt-green {
  color: #05CA25 !important;
}

.text-success {
  color: #28a745 !important;
}

#otp-popup.modal {
  width: 450px;
  max-height: 350px;
}
#otp-popup.modal .modal-content {
  padding: 15px 25px 0px;
  height: calc(100% - 60px) !important;
}
#otp-popup.modal .modal-content a.modal-close {
  color: var(--primary-text-color);
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  top: 0px;
  right: -10px;
  z-index: 9;
}
#otp-popup.modal .otp-page {
  text-align: center;
}
#otp-popup.modal .otp-page .otp-details .wrap {
  margin: 15px 5px 5px 5px;
}
#otp-popup.modal .otp-page .otp-details .wrap .text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--primary-text-color);
}
#otp-popup.modal .otp-page .otp-details .otp-verify .otp-image img {
  width: 130px;
}
#otp-popup.modal .otp-page .otp-details .otp-verify .input-field {
  padding: 15px 10px 0;
  margin: 0;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 12px;
  position: relative;
  height: 55px;
}
#otp-popup.modal .otp-page .otp-details .otp-verify .input-field .iti--allow-dropdown .iti__flag-container {
  top: 6px !important;
}
#otp-popup.modal .otp-page .otp-details .otp-verify .input-field input {
  color: var(--primary-text-color);
  padding: 5px 0px 0px 5px !important;
  height: 32px;
}
#otp-popup.modal .otp-page .otp-details .otp-verify .input-field label {
  text-align: left;
  top: 21px;
  left: 12px;
  color: var(--light-text-color);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
}
#otp-popup.modal .otp-page .otp-details .otp-verify .mobile-no {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
}
#otp-popup.modal .otp-page .otp-details .otp-verify .mobile-no strong {
  font-weight: 600;
}
#otp-popup.modal .otp-page .otp-details .otp-verify .btn-verify {
  cursor: pointer;
  max-width: 180px;
  line-height: 2;
  text-align: center;
  overflow: inherit;
  transition: all 0.2s;
  position: relative;
  top: 5px;
  width: 110px;
  padding: 0 10px;
  height: 50px;
  margin: auto;
  background: var(--gradient-bg-1);
  box-shadow: var(--button-shadow);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--submit-btn-text-color);
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
#otp-popup.modal .otp-page .otp-details .otp-verify .btn-verify:hover {
  background: var(--primary-color);
  color: var(--black-text);
}
#otp-popup.modal .otp-page .otp-details .otp-verify .send-code {
  margin-bottom: 10px;
}
#otp-popup.modal .otp-page .otp-details .otp-verify .send-code .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  margin: 5px 0px;
  color: var(--primary-text-color);
}
#otp-popup.modal .otp-page .otp-details .otp-verify .send-code .resend-code {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
}
#otp-popup .input-field .helper-text {
  top: 8px;
}

#small-deposit-modal.modal {
  width: 60%;
  max-width: 600px;
  max-height: 360px;
  height: 65%;
  background-color: var(--background-color);
  background-image: url(../images/popup-bg.png?v=0.7);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  border-radius: 20px;
  box-shadow: var(--box-shadow);
  top: 0 !important;
  bottom: 0;
  margin: auto;
}
#small-deposit-modal.modal .modal-content {
  max-height: 100%;
  overflow-y: auto;
  height: calc(100% - 60px) !important;
  overflow-x: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 0;
}
#small-deposit-modal.modal .modal-content .modal-body {
  padding: 0 25px 15px 25px;
}
#small-deposit-modal.modal .modal-content .modal-body .contents {
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-text-color);
  margin: 40px 0px 20px;
  text-transform: capitalize;
  text-align: center;
  line-height: 1.5;
}
#small-deposit-modal.modal .modal-content .modal-body .contents .verification-img {
  text-align: center;
  margin: 30px 0 10px;
}
#small-deposit-modal.modal .modal-content .modal-body .contents .verification-img img {
  max-width: 80px;
}
#small-deposit-modal.modal .modal-content .modal-footer {
  border-top: none;
  background-color: transparent;
  height: 70px;
}
#small-deposit-modal.modal .modal-content .modal-footer .submit-btn .btn {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  height: 45px;
  display: block;
  float: initial;
  color: var(--black-text);
  line-height: 36px;
  font-weight: 600;
  border-radius: 8px;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.2s;
  margin: auto;
  background: var(--primary-color) !important;
  box-shadow: var(--button-shadow);
  border: 1px solid var(--play-with-border);
}
#small-deposit-modal.modal .modal-content .modal-footer .submit-btn .btn:hover {
  background: var(--primary-color) !important;
  color: var(--black-text);
}
#small-deposit-modal.modal .modal-content .modal-footer .submit-btn .btn:hover::after {
  border-radius: 6px;
}

.modal {
  background-color: var(--background-color) !important;
  background-image: url("../images/popup-bg.png?v=0.7");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px !important;
  box-shadow: var(--box-shadow) !important;
  overflow-y: initial !important;
  top: 0 !important;
  bottom: 0;
}
.modal h5 {
  margin: auto;
  text-align: center;
  position: relative;
}
.modal h5 .card-title {
  margin: auto;
  position: relative;
  top: -18px;
  left: 0;
  right: 0;
  width: 280px;
  height: 60px;
  z-index: 0;
  display: inline-flex !important;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: var(--badge-text-color);
}
.modal h5 .card-title img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 65px;
}
.modal h5 .card-title .title {
  font-size: 16px;
  font-weight: 600;
  color: var(--black-text);
  z-index: 9;
}
.modal .close-icon {
  right: 2%;
  position: absolute;
  top: 2%;
  z-index: 9999;
  background-color: var(--icon-bg);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 3px;
}
.modal .close-icon i {
  font-size: 18px;
  color: var(--primary-text-color);
}
.modal .modal-content {
  padding: 30px 25px 30px;
  overflow-y: auto;
  height: calc(100% - 100px) !important;
}
.modal .modal-content form .input-field {
  padding: 5px 8px;
  margin: 0;
  background-color: var(--input-color);
  border: 1px solid var(--input-border);
  border-radius: 4px;
}
.modal .modal-content form .input-field label {
  text-align: left;
  top: 22px;
  left: 12px;
  color: var(--light-text-color);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.modal .modal-content form .input-field input {
  border: none;
  padding: 20px 0px 0px 5px !important;
  color: var(--primary-text-color);
  display: block;
  width: 98%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0;
  margin-bottom: 0 !important;
  box-shadow: none;
}
.modal .modal-content form .input-field input::-webkit-input-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 12px;
}
.modal .modal-content form .input-field input:-moz-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 12px;
}
.modal .modal-content form .input-field input::-moz-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 12px;
}
.modal .modal-content form .input-field input:-ms-input-placeholder {
  color: var(--primary-text-color) !important;
  font-size: 12px;
}
.modal .modal-content form .input-field input:focus + label {
  color: var(--secondary-color) !important;
}
.modal .modal-content form .input-field input:focus {
  border-bottom: none !important;
  box-shadow: none !important;
}
.modal .modal-footer {
  height: 70px !important;
  border-top: none !important;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  background-color: var(--background-color) !important;
}
.modal .modal-footer .submit-btn .submit-button {
  position: relative;
  top: 5px;
  width: 110px;
  padding: 0 10px;
  height: 50px;
  margin: auto;
  background: var(--primary-color);
  color: var(--black-text);
  box-shadow: var(--button-shadow);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid var(--play-with-border);
}
.modal .modal-footer .submit-btn .submit-button .submit-title {
  color: var(--black-text);
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.modal .modal-footer .submit-btn .submit-button:hover {
  background: var(--button-color);
  color: var(--white-text);
  transition: all 0.2s;
}
.modal .modal-footer .submit-btn .submit-button:hover .submit-title {
  color: var(--white-text);
}
.modal .modal-footer .submit-btn a.red {
  position: relative;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  max-width: 110px;
  height: 50px;
  color: var(--white-text);
  line-height: 2;
  font-size: 12px;
  font-weight: 600;
  border-radius: 15px;
  text-transform: uppercase;
  transition: all 0.2s;
  top: 5px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 1px 2px 15px rgba(0, 0, 0, 0.4588235294);
}
.modal#veronica {
  border-radius: 30px;
  background-color: var(--veronica-modal-bg);
  overflow-y: unset;
  height: 525px;
  max-height: 523px;
  width: 782px;
}
.modal#veronica .modal-close {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--veronica-modal-close);
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-text-color);
  z-index: 9;
}
.modal#veronica .modal-close i {
  color: var(--white-text);
}
.modal#veronica .modal-content {
  padding: 0;
  height: calc(100% - 0px) !important;
  border-radius: 30px;
  overflow-y: unset;
}
.modal#veronica .modal-content .modal-body a.popup-image img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.modal#veronica .modal-footer {
  border: none;
  background-color: transparent;
  text-align: left;
  height: 70px;
  left: 30px;
}
.modal#veronica .modal-footer a {
  background: var(--veronica-modal-btn-bg);
  -webkit-backdrop-filter: blur(31.1507px);
          backdrop-filter: blur(31.1507px);
  margin: 0;
  padding: 5px 10px;
  height: 45px;
  line-height: 60px;
  border-radius: 12px;
}
.modal#veronica .modal-footer a img {
  width: 150px;
}
.modal#veronica .modal-footer a:hover {
  background-color: var(--veronica-modal-bg);
  transition: all 0.2s;
}

.datepicker-modal {
  width: 370px !important;
  height: -moz-max-content !important;
  height: max-content !important;
  padding: 10px 0;
}
.datepicker-modal .modal-content {
  height: calc(100% - 0px) !important;
  padding: 0 !important;
}
.datepicker-modal .modal-content .datepicker-table abbr {
  color: var(--light-text-color);
}
.datepicker-modal .modal-content .datepicker-table td {
  color: var(--primary-text-color);
}
.datepicker-modal .modal-content .datepicker-table td.is-selected {
  background-color: var(--primary-color) !important;
  color: var(--black-text) !important;
}
.datepicker-modal .datepicker-cancel,
.datepicker-modal .datepicker-clear,
.datepicker-modal .datepicker-today,
.datepicker-modal .datepicker-done {
  border-radius: 10px;
  margin-right: 5px;
  color: var(--primary-text-color);
}

.datepicker-date-display {
  display: none;
}

.datepicker-controls .select-wrapper .caret {
  display: none;
}
.datepicker-controls .select-month input,
.datepicker-controls .select-year input {
  background-color: transparent !important;
  border: none !important;
  padding-left: 0 !important;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-done {
  color: var(--primary-text-color);
}

.web-search {
  position: relative;
}
.web-search .web-search-box {
  width: 175px;
  top: 5px;
  border: 1px solid var(--input-border);
  z-index: 91;
  max-height: 45vh;
  overflow-y: auto;
  padding-bottom: 18px;
  position: absolute;
  right: 0;
  left: -9px;
  box-shadow: var(--box-shadow2);
  border-radius: 12px;
  background-color: var(--background-color);
  background-image: url(../images/dropdown-bg.png?v=0.6);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.web-search .web-search-box .searchLi {
  width: 100%;
}
.web-search .web-search-box .searchLi a {
  display: block;
  text-transform: capitalize;
  color: var(--primary-text-color) !important;
  line-height: 1 !important;
  height: auto !important;
  padding: 5px !important;
  margin: 0;
  border-bottom: 1px solid var(--border-color) !important;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.web-search .web-search-box .searchLi a .title {
  font-weight: 700;
  font-size: 13px;
  padding: 0;
  line-height: 1.2;
}
.web-search .web-search-box .searchLi a i {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
}
.web-search .web-search-box .searchLi a:hover, .web-search .web-search-box .searchLi a:focus, .web-search .web-search-box .searchLi a.active {
  background-color: transparent !important;
}
.web-search .web-search-box .searchLi a:hover::after, .web-search .web-search-box .searchLi a:focus::after, .web-search .web-search-box .searchLi a.active::after {
  opacity: 0;
}
.web-search .web-search-box .searchLi a .search-match {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
  line-height: 1.5;
}
.web-search .web-search-box .searchLi a .search-date {
  font-size: 12px;
  font-weight: 600;
  color: var(--search-subtitle);
}
.web-search .web-search-box .searchLi:hover {
  background-color: var(--main-tabs-color);
  color: var(--primary-color);
  transition: ease-in 0.2s;
}
.web-search .web-search-box li:hover, .web-search .web-search-box li:focus, .web-search .web-search-box li.active {
  background-color: var(--background-color) !important;
}
.web-search .web-search-box li:hover a:hover, .web-search .web-search-box li:hover a:focus, .web-search .web-search-box li:hover a.active, .web-search .web-search-box li:focus a:hover, .web-search .web-search-box li:focus a:focus, .web-search .web-search-box li:focus a.active, .web-search .web-search-box li.active a:hover, .web-search .web-search-box li.active a:focus, .web-search .web-search-box li.active a.active {
  background-color: transparent;
}
.web-search .web-search-box .search-box {
  position: relative !important;
  width: 170px !important;
  height: 100% !important;
  float: left;
  margin-top: 0 !important;
  background-image: none !important;
  background: transparent !important;
}

#change-password.modal {
  width: 600px;
  height: 320px;
  background-image: url(../images/password-popup.png?v=0.7);
}
#change-password.modal .modal-content {
  padding: 0 45px 25px;
}
#change-password.modal .modal-content .change-password-content form .input-field {
  border: 1px solid var(--change-pass-border);
}
#change-password.modal .modal-content .change-password-content form .input-field input {
  height: auto;
  line-height: 25px;
}
#change-password.modal .modal-content .change-password-content .center-border {
  width: 75%;
}
#change-password.modal .modal-footer {
  bottom: 10px;
}
#change-password.modal .modal-footer .submit-btn {
  display: flex;
  justify-content: end;
}
#change-password.modal .modal-footer .submit-btn .submit-button {
  width: 190px;
  background: linear-gradient(to right, var(--button-color2) 50%, var(--primary-color) 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition: all 0.7s ease-out;
}
#change-password.modal .modal-footer .submit-btn .submit-button:hover, #change-password.modal .modal-footer .submit-btn .submit-button.active {
  color: var(--white-text);
  transition: all 0.3s;
  background-position: left bottom;
}
#change-password.modal .modal-footer .submit-btn a.red {
  margin: 0;
}

#rules.modal .modal-content {
  padding: 0 40px 40px;
}
#rules.modal .modal-content .modal-body p {
  margin: 10px 0;
  color: var(--light-text-color);
  font-size: 12px;
  font-weight: 500;
}
#rules.modal .modal-footer .submit-btn .submit-button {
  width: 220px;
}

#liability.modal .modal-content {
  height: calc(100% - 70px) !important;
}
#liability.modal .modal-content .modal-body .liability-table table thead tr th {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
}
#liability.modal .modal-content .modal-body .liability-table table tbody tr td {
  font-size: 12px;
  font-weight: 400 !important;
  color: var(--light-text-color);
}
#liability.modal .modal-content .modal-body .liability-table table tbody tr td a {
  color: var(--light-text-color);
}
#liability.modal .modal-content .modal-body .liability-table table tbody tr:last-child {
  border-bottom: 1px solid transparent;
}
#liability.modal .modal-content .modal-body .liability-table table tfoot {
  position: relative;
}
#liability.modal .modal-content .modal-body .liability-table table tfoot tr {
  border-bottom: 1px solid transparent;
}
#liability.modal .modal-content .modal-body .liability-table table tfoot tr .total-lia {
  position: absolute;
  right: 0;
  bottom: -20px;
  display: inline-block;
  width: 200px;
  height: auto;
  border: 1px solid var(--border-color2);
  background: var(--icon-bg);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: var(--primary-text-color);
}
#liability.modal .modal-content .modal-body .liability-table table tfoot tr .total-lia .total {
  margin-left: 15px;
}

#cbh.modal .modal-content .modal-body .liability-table table thead tr th {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
}
#cbh.modal .modal-content .modal-body .liability-table table tbody tr td {
  font-size: 12px;
  font-weight: 600 !important;
  color: var(--light-text-color);
}

#cashout.modal {
  background-color: var(--background-color);
  background-image: unset;
  height: 350px;
  width: 400px;
}
#cashout.modal .modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100% !important;
}
#cashout.modal .modal-content .modal-cashout-content svg {
  width: 126px;
  height: 96px;
}
#cashout.modal .modal-content .modal-cashout-content .cash-value {
  color: var(--cashout-text);
  font-size: 22px;
  font-weight: 700;
  line-height: 16px;
  text-transform: capitalize;
}
#cashout.modal .modal-content .modal-cashout-content .desc {
  color: var(--cashout-detail);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
#cashout.modal .modal-content .modal-cashout-content .odd-changes {
  margin-top: 10px;
}
#cashout.modal .modal-content .modal-cashout-content .odd-changes label span {
  color: var(--cashout-detail);
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  padding-left: 30px;
}
#cashout.modal .modal-content .modal-cashout-content .buttons {
  gap: 15px;
}
#cashout.modal .modal-content .modal-cashout-content .buttons .btn {
  width: 114px;
  height: 42px;
  border-radius: 4px;
  background-color: var(--cashout-bg);
  color: var(--white-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 42px;
  box-shadow: unset;
  position: relative;
  text-transform: capitalize;
}
#cashout.modal .modal-content .modal-cashout-content .buttons .btn:hover {
  color: var(--black-text);
}
#cashout.modal .modal-content .modal-cashout-content .buttons .btn.cancel {
  background-color: var(--cashout-cancel-bg);
  color: var(--cashout-cancel-text);
  transition: all 0.5s ease;
}
#cashout.modal .modal-content .modal-cashout-content .buttons .btn.cancel:after {
  display: none;
}
#cashout.modal .modal-content .modal-cashout-content .buttons .btn.cancel:hover {
  background-color: var(--cashout-bg);
  color: var(--white-text);
}

#modal-notification.modal {
  background-image: none;
  max-height: 650px;
  max-width: 720px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 550px;
  height: -moz-fit-content !important;
  height: fit-content !important;
}
#modal-notification.modal .close-icon {
  top: 15px;
  width: 30px;
  height: 30px;
}
#modal-notification.modal .modal-content {
  padding: 0;
  height: calc(100% - 0px) !important;
}
#modal-notification.modal .modal-content.no-image {
  max-width: 550px;
}
#modal-notification.modal .modal-content .main-content {
  display: flex;
  padding: 20px 25px 25px;
  margin: 0;
}
#modal-notification.modal .modal-content .main-content .icon {
  height: 50px;
}
#modal-notification.modal .modal-content .main-content .icon svg {
  width: 45px;
  height: 45px;
  position: relative;
  top: -5px;
}
#modal-notification.modal .modal-content .main-content .not-details .title {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary-text-color);
}
#modal-notification.modal .modal-content .main-content .not-details .bottom-content p {
  margin: 5px 0 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
  line-height: 1.3;
  text-align: justify;
  padding-right: 40px;
}
#modal-notification.modal .modal-content .main-content .not-details .bottom-content p span {
  font-size: 16px;
  font-weight: 500;
  margin: 0 2px;
}
#modal-notification.modal .modal-content .main-content .not-details .bottom-content table {
  margin: 10px 0px 0px 0px;
}
#modal-notification.modal .modal-content .main-content .not-details .bottom-content table tr {
  border: none;
}
#modal-notification.modal .modal-content .main-content .not-details .bottom-content table tr td {
  padding: 3px 0px;
  font-size: 13px;
  font-weight: 500;
}
#modal-notification.modal .modal-content .main-content .not-details .bottom-content table tr td.gray-text {
  color: var(--notification-popup-text);
}
#modal-notification.modal .modal-content .modal-footer {
  height: 100px;
}
#modal-notification.modal .modal-content .modal-footer .popup-btn {
  gap: 10px;
}
#modal-notification.modal .modal-content .modal-footer .popup-btn .btn {
  padding: 0px 15px;
  font-size: 14px;
  position: relative;
  height: 45px;
  float: initial;
  color: var(--black-text);
  line-height: 45px;
  font-weight: 600;
  border-radius: 4px;
  text-align: center;
  background-color: var(--primary-color);
  box-shadow: unset;
  width: 150px;
}
#modal-notification.modal .modal-content .modal-footer .popup-btn .btn:hover {
  background: var(--button-color);
  color: var(--white-text);
}
#modal-notification.modal .modal-content .modal-footer .popup-btn .btn:hover svg path {
  fill: var(--white-text);
}
#modal-notification.modal .modal-content .modal-footer .popup-btn .btn svg {
  margin-right: 8px;
}
#modal-notification.modal .modal-content .modal-footer .popup-btn .btn svg path {
  fill: var(--black-text);
}
#modal-notification.modal .modal-content .modal-footer .modal-close {
  border: 1px solid var(--primary-color);
  color: var(--primary-text-color);
  background-color: transparent;
}
#modal-notification.modal .modal-content .modal-footer .modal-close:hover {
  background: var(--primary-color);
  color: var(--black-text);
  transition: all ease-in 0.2s;
}

#Daily-Login-Bonus.modal {
  height: 100%;
  max-height: 630px;
  z-index: 9999 !important;
}
#Daily-Login-Bonus.modal .modal-content {
  height: calc(100% - 70px) !important;
}
#Daily-Login-Bonus.modal .modal-content .modal-body h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
  color: var(--primary-text-color);
}
#Daily-Login-Bonus.modal .modal-content .modal-body h3 span {
  color: var(--third-color);
}
#Daily-Login-Bonus.modal .modal-content .modal-body .bottom-border {
  text-align: center;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .bottom-border svg {
  width: 100%;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .bottom-border img {
  width: 100%;
  height: 2px;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-content {
  text-transform: capitalize;
  text-align: center;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-content p {
  margin: 5px 0px 0px;
  font-size: 18px;
  color: var(--primary-text-color);
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-content span {
  color: var(--third-color);
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 20px;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item {
  padding: 20px 20px 10px;
  background-image: url(../images/daily-login-bg.png?v=0.6);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 20%;
  position: relative;
  background-position: center;
  cursor: pointer;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item span {
  font-size: 14px;
  font-weight: 600;
  color: var(--black-text);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 10px;
  background-color: var(--white-text);
  border-radius: 0px 0px 5px 5px;
  border: 1px solid var(--black-text);
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .daily-bonus-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .daily-bonus-content img {
  width: 60%;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .daily-bonus-content .daily-bonus-text p {
  font-size: 24px;
  font-weight: 700;
  -webkit-text-stroke-width: 0.7px;
  -webkit-text-stroke-color: var(--black-text);
  margin: 15px 0px 0px;
  color: var(--primary-text-color);
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #0E0E0E;
  opacity: 0.6;
  border-radius: 10px;
  z-index: 0;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item.active:after {
  display: none;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item.missed {
  background-image: url(../images/daily-login-bg-gray.png?v=0.6);
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item.missed .daily-bonus-content img {
  filter: grayscale(1);
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item.claimed {
  position: relative;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item.claimed:before {
  content: "";
  background-image: url(../images/bonus-tick.png?v=0.6);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .missed-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99 !important;
  text-align: center;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .missed-content p {
  font-weight: 600;
  font-size: 18px;
  margin: 5px 0px;
  color: #E54B4B;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .missed-content img {
  width: 50px;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot {
  padding: 15px 15px;
  background-image: url(../images/daily-jackpot.png?v=0.6);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  position: relative;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-position: center;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .jackpot span {
  font-size: 55px;
  font-weight: 800;
  -webkit-text-stroke-width: 0.4px;
  -webkit-text-stroke-color: var(--black-text);
  margin: 0;
  text-shadow: 0px 6px 0px var(--black-text);
  color: var(--white-text);
  text-transform: uppercase;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .bonus span {
  font-size: 62px;
  font-weight: 800;
  -webkit-text-stroke-width: 0.4px;
  -webkit-text-stroke-color: var(--black-text);
  margin: 0px 5px;
  text-shadow: 0px 6px 0px var(--black-text);
  color: var(--white-text);
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .daily-jackpot-image {
  text-align: center;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .daily-jackpot-image img {
  width: 70%;
}
#Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #0E0E0E;
  opacity: 0.6;
  border-radius: 10px;
  z-index: 0;
}

#spin-popup.modal {
  overflow-y: initial;
  top: 0 !important;
  bottom: 0;
  height: 100%;
  max-height: 670px;
  width: 100%;
  max-width: 900px;
  z-index: 99 !important;
  background-color: var(--secondary-background-color) !important;
  box-shadow: 0 0 2px 2px #555;
  margin: auto;
}
#spin-popup.modal .modal-content {
  padding: 0px;
  height: 100% !important;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row {
  position: relative;
  display: flex;
  margin: 0;
  justify-content: center;
  align-items: center;
  width: 900px;
  height: 670px;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body {
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  transform: scale(0.7);
  cursor: pointer;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg1 {
  position: absolute;
  width: 25px;
  height: auto;
  left: 541px;
  z-index: 10;
  top: 95px;
  animation: spin 2s linear infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg2 {
  position: absolute;
  width: 25px;
  height: auto;
  left: 630px;
  z-index: 10;
  top: 305px;
  animation: spin 2s linear infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg3 {
  position: absolute;
  width: 25px;
  height: auto;
  left: 542px;
  top: 532px;
  z-index: 10;
  animation: spin 2s linear infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg4 {
  position: absolute;
  width: 25px;
  height: auto;
  left: 311px;
  top: 627px;
  z-index: 10;
  animation: spin 2s linear infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg5 {
  position: absolute;
  width: 25px;
  height: auto;
  left: 84px;
  top: 527px;
  z-index: 10;
  animation: spin 2s linear infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg6 {
  position: absolute;
  width: 25px;
  height: auto;
  left: -3px;
  top: 305px;
  z-index: 10;
  animation: spin 2s linear infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg7 {
  position: absolute;
  width: 25px;
  height: auto;
  left: 82px;
  top: 98px;
  z-index: 10;
  animation: spin 2s linear infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg8 {
  position: absolute;
  width: 25px;
  height: auto;
  top: 112px;
  left: 561px;
  z-index: 10;
  animation: spin 2s linear infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg9 {
  position: absolute;
  width: 25px;
  height: auto;
  left: 185px;
  top: 25px;
  z-index: 10;
  animation: spin 2s linear infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg10 {
  position: absolute;
  width: 25px;
  height: auto;
  left: 411px;
  top: 9px;
  z-index: 10;
  animation: spin 2s linear infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .spinButton {
  position: absolute;
  width: auto;
  background-color: transparent;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  transform: translateY(-52%);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .spinButton #spin-button {
  cursor: pointer;
  width: 150px;
  height: 150px;
  border: none;
  background: none;
  overflow: hidden;
  outline: none;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .spinButton #spin-button img {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  animation: beat 1s infinite;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container {
  text-align: center;
  position: relative;
  cursor: pointer;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel {
  width: 650px;
  height: 650px;
  border: 20px solid var(--wheel-star-bg);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 25px var(--segment-bg);
  z-index: 1;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: var(--black-text);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment {
  width: 50%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform-origin: 0% 100%;
  background-color: #add8e6;
  border: none;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment span {
  color: var(--gameback-color) !important;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(1) {
  background: var(--spinner-red-bg);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(1) .label {
  top: 64%;
  left: 33%;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(2) {
  background: var(--spinner-green-bg);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(3) {
  background: var(--spinner-red-bg);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(4) {
  background: var(--spinner-green-bg);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(5) {
  background: var(--spinner-red-bg);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(6) {
  background: var(--spinner-green-bg);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(7) {
  background: var(--spinner-red-bg);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(8) {
  background: var(--spinner-green-bg);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(9) {
  background: var(--spinner-red-bg);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment:nth-child(10) {
  background: var(--spinner-green-bg);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment .label {
  position: absolute;
  padding-top: 40px;
  top: 60%;
  left: 33%;
  transform: translate(-72%, -113%) skewY(51deg) !important;
  text-align: center;
  white-space: nowrap;
  color: transparent;
  font-weight: 400;
  font-size: 24px;
  line-height: 18px;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment .label::before {
  content: attr(data-text);
  position: absolute;
  transform: rotate(111deg);
  transform-origin: 6px 3px;
  white-space: nowrap;
  left: 1px;
  font-weight: 600;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .arrow {
  position: absolute;
  top: -30px;
  left: 42.3%;
  z-index: 100;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .arrow img {
  width: 100px;
  height: auto;
  transform: translateY(-13px);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body #confetti-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; /* Ensure confetti appears above other content */
  pointer-events: none;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .rem-attempt-box {
  position: absolute;
  top: 20px;
  left: 10px;
  cursor: pointer;
  line-height: 1;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .rem-attempt-box .attempt-box-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: center;
  background-color: var(--attempt-box-bg);
  box-shadow: -2px 0px 25px var(--attempt-box-bg);
  padding: 10px 15px;
  border-radius: 20px;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .rem-attempt-box .attempt-box-content p {
  margin: 0;
  color: var(--white-text);
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body #mute-button {
  background: none;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 10px;
}
#spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body #mute-icon {
  width: 24px; /* Adjust size as needed */
  filter: invert(1);
}
#spin-popup.modal .modal-close {
  right: -2%;
  position: absolute;
  top: -3%;
  z-index: 9999;
  background-color: var(--secondary-background-color);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 3px;
}
#spin-popup.modal .modal-close i {
  color: var(--white-text);
}
#spin-popup.open + .modal-overlay {
  z-index: 11 !important;
}
#spin-popup #result1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(25, 26, 33, 0.8588235294);
  display: none;
  z-index: 99 !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
#spin-popup #result1 #result2 {
  width: 300px;
  height: auto;
  background: linear-gradient(90deg, #3e57d8 0%, #192357 100%);
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  color: var(--white-text);
  border-radius: 15px;
  gap: 15px;
  padding: 25px 10px;
  transform: scale(0.7);
}
#spin-popup #result1 #result2 p {
  line-height: normal;
  margin: 0;
}
#spin-popup #result1 #result2 p #result {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
#spin-popup #result1 #result2 button {
  width: 185px;
  height: 60px;
  background-color: var(--segment-bg);
  border: 5px solid var(--segment-bg);
  border-radius: 10px;
  color: var(--wheel-star-bg);
  font-size: 19px;
  font-weight: 500;
  filter: drop-shadow(0 0 9px #ff0);
  cursor: pointer;
}

.open-spinner header .navbar-fixed {
  z-index: 1;
}
.open-spinner header .iconsidebar-menu, .open-spinner header .news-feed {
  z-index: 1;
}
.open-spinner main .col-center #social-side-icons {
  z-index: 1;
}
.open-spinner .whatsapp-id {
  z-index: 1;
}
.open-spinner .modal-overlay {
  z-index: 11 !important;
}
.open-spinner .bottom-tabs {
  z-index: 1;
}
.open-spinner .scrollToTop {
  z-index: 1;
}

@keyframes beat {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInLeft {
  opacity: 0;
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeInUp {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translatey(-10px);
  }
  to {
    opacity: 1;
    transform: translatey(0);
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

.animatedfadeInDown {
  opacity: 0;
}

.fadeInDown {
  opacity: 0;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
}

@media only screen and (max-width: 767px) {
  .bonus-button {
    bottom: 185px;
  }
  .new-call-icon {
    bottom: 80px !important;
    left: 10px;
    right: auto;
  }
  .new-call-icon img {
    width: 50px;
    height: 50px;
  }
  #otpless img {
    width: 100% !important;
  }
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
  .thank-you-page .thank-you-content .title {
    font-size: 30px;
  }
  .thank-you-page .thank-you-content .success-verification .text {
    font-size: 20px;
  }
  .page-notfound .error-images {
    height: 100px;
  }
  .page-notfound .error-images svg {
    width: 200px;
    height: 120px;
  }
  .page-notfound .error-images .left-text,
  .page-notfound .error-images .right-text {
    font-size: 5rem;
  }
  .page-notfound .error-images .left-text {
    left: 18%;
  }
  .page-notfound .error-images .right-text {
    right: 18%;
  }
  .page-notfound .mt-title h3 {
    font-size: 20px;
  }
  .page-notfound .mt-title h3::before, .page-notfound .mt-title h3::after {
    font-size: 18px;
    margin: 0 10px;
    position: relative;
    top: -2px;
  }
  .page-notfound .mt-title p {
    max-width: 90%;
    font-size: 14px;
  }
  .page-notfound .report-buttons {
    max-width: 100%;
  }
  .page-notfound .report-buttons a {
    margin: 0 5px;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 10px;
  }
  .landing-page .main-content {
    margin-top: 32px !important;
  }
  .news-feed {
    top: 75px;
    padding-left: 5px;
    z-index: 99;
    height: 13px;
    line-height: 13px;
  }
  .news-feed .title {
    height: 13px;
    line-height: 13px;
    top: 0;
  }
  header .navbar-fixed {
    height: 58px;
  }
  header .navbar-fixed #dropdown1 {
    right: 0px;
    top: 53px !important;
    position: fixed;
    left: 4px !important;
    width: 98% !important;
    border: 1px solid var(--primary-color);
    border-bottom: unset;
    height: 94vh !important;
    bottom: 0;
    z-index: 999 !important;
    overflow-y: auto;
  }
  header nav {
    height: 55px;
  }
  header nav .sidenav-trigger {
    height: 55px !important;
    margin: 0 3px 0 5px !important;
  }
  header nav .top-header {
    padding: 0 5px 0 0px !important;
    height: 53px;
  }
  header nav .top-header .user-menus ul li.deposit {
    margin: 0 5px 0 0px;
  }
  header nav .top-header .user-menus ul li.deposit a {
    width: 60px;
    height: 30px;
    line-height: 1.5;
    font-size: 11px;
    border-radius: 5px;
  }
  header nav .top-header .user-menus ul li.notification .not-dropdown {
    width: 99% !important;
    top: 60px !important;
    right: 2px;
    left: 2px !important;
    font-size: 12px;
    height: 77vh !important;
    max-height: 77vh;
    border-bottom-right-radius: 12px;
    min-height: 370px !important;
    position: fixed;
  }
  header nav .top-header .user-menus ul li.notification .not-dropdown .not-arrow:before {
    left: auto;
    right: 37px !important;
  }
  header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs #tab1,
  header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs #tab2 {
    overflow: auto;
    max-height: 61vh;
    height: auto;
  }
  header nav .top-header .user-menus ul li.notification .not-dropdown .not-shadow {
    position: initial;
  }
  header nav .top-header .user-menus ul li.notification .not-dropdown .not-shadow:before {
    bottom: 0;
    left: 1px;
    right: 1px;
  }
  header nav .top-header .user-menus ul li.notification li .notification-list.not-read:after {
    right: 10px;
  }
  header nav .top-header .user-menus ul li.notification a {
    background: var(--primary-color);
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
    margin-top: 0;
    align-content: center;
  }
  header nav .top-header .user-menus ul li.notification a .badge {
    right: 4px;
    width: 9px;
    height: 9px;
    min-width: 9px;
    font-size: 10px;
    background: var(--notification-badge);
    border: 1px solid var(--notification-badge-border);
  }
  header nav .top-header .user-menus ul li.language-btn, header nav .top-header .user-menus ul li.wallet-btn {
    height: 55px;
    line-height: 55px;
  }
  header nav .top-header .user-menus ul li.language-btn a, header nav .top-header .user-menus ul li.wallet-btn a {
    height: 35px;
    line-height: 35px;
    font-size: 11px;
    padding: 0 5px;
    width: auto;
    min-width: 82px;
    justify-content: flex-start;
    padding-right: 12px;
    border-radius: 5px;
  }
  header nav .top-header .user-menus ul li.language-btn a i, header nav .top-header .user-menus ul li.wallet-btn a i {
    font-size: 7px;
    width: 10px;
    height: 10px;
    right: 3px;
  }
  header nav .top-header .user-menus ul li.language-btn .dropdown-content, header nav .top-header .user-menus ul li.wallet-btn .dropdown-content {
    top: 45px !important;
  }
  header nav .top-header .user-menus .login-btn a {
    padding: 0 10px;
    width: 80px;
    height: 35px;
    font-size: 12px;
  }
  header nav .top-header .user-menus .login-btn:last-child a {
    margin-right: 0px;
  }
  header nav .top-header .brand-logo img {
    height: 24px !important;
    width: 160px !important;
  }
  header nav .sidenav-trigger .bar-img {
    top: 12px !important;
    width: 30px !important;
    height: 30px !important;
  }
  header .iconsidebar-menu-mobile .sidebar .iconMenu-bar {
    padding-top: 5px;
  }
  header .iconsidebar-menu .iconMenu-bar {
    padding-top: 5px;
  }
  main.profile-pages {
    margin-top: 0px !important;
  }
  main.full-wrap {
    margin: 40px 0px 15px 0px;
  }
  main.full-wrap.overlay {
    position: relative;
  }
  main.full-wrap.overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: blur(4.3px);
            backdrop-filter: blur(4.3px);
    background: rgba(0, 0, 0, 0.59);
    z-index: 91;
  }
  main.full-wrap #casino-page {
    margin: 0 10px !important;
  }
  main.full-wrap #casino-page .col-center .tv-shows {
    margin-bottom: 10px;
  }
  main.full-wrap #casino-page .col-center .all-top .top-header a {
    visibility: hidden;
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section {
    gap: 10px;
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box {
    width: 23.2% !important;
  }
  main.news-margin {
    margin: 20px 0px 15px 0px;
  }
  main.sticky-margin {
    margin-top: 180px;
  }
  main .login-page .top-content {
    margin-top: 0 !important;
  }
  main .col-center {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  main .col-center .promo-tab {
    margin: 0 5px 5px 5px;
  }
  main .col-center .promo-details-tab {
    padding: 5px;
    margin: 5px;
  }
  main .col-center .promo-details-tab .pdetails .top-details .bonus-detail {
    padding: 0 5px;
  }
  main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .back-button .btn {
    padding: 5px 10px;
    height: 35px;
    line-height: 2.3;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .back-button .btn i {
    font-size: 10px;
    margin-right: 5px;
  }
  main .col-center .slider .slider-scroll .scroll-slider .item_main {
    margin: 0 4px 0 0;
  }
  main .col-center .slider .slider-scroll .scroll-slider .item_main a {
    height: 33px;
  }
  main .col-center .slider .slider-scroll .scroll-slider .item_main a .inner-content .title {
    font-size: 12px;
    font-weight: 400;
  }
  main .col-center .all-sports-dropdown .sports-dropdown li {
    margin: 0 3px;
  }
  main .col-center .all-sports-dropdown .sports-dropdown li .game-dropdown,
  main .col-center .all-sports-dropdown .sports-dropdown li .date-dropdown,
  main .col-center .all-sports-dropdown .sports-dropdown li .tournaments-dropdown {
    font-size: 12px;
    padding: 5px;
    height: 35px;
  }
  main .col-center .all-sports-dropdown .sports-dropdown li .game-dropdown span svg,
  main .col-center .all-sports-dropdown .sports-dropdown li .date-dropdown span svg,
  main .col-center .all-sports-dropdown .sports-dropdown li .tournaments-dropdown span svg {
    width: 15px;
    height: 15px;
  }
  main .col-center .all-sports-dropdown .sports-dropdown li .dropdown-content {
    width: 180px !important;
  }
  main .col-center .all-sports-dropdown .sports-dropdown li.select-tournaments .dropdown-content {
    right: 0;
  }
  main .col-center .top-content {
    display: block;
  }
  main .col-center .top-content .slider1 {
    padding: 0 6px 0 5px;
  }
  main .col-center .top-content .swiper-container .swiper-slide a img {
    margin-bottom: 5px;
  }
  main .col-center .rightbox .card {
    padding: 15px;
    margin: 7px 0;
  }
  main .col-center .rightbox .card .card-content .more-link {
    margin-left: 0;
  }
  main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-prev {
    left: 1%;
  }
  main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-next {
    right: 1%;
  }
  main .col-center .mobile-app {
    padding: 10px;
  }
  main .col-center .mobile-app .steps-list .step-title {
    font-size: 18px;
  }
  main .col-center .mobile-app .main-title {
    margin-bottom: 5px;
  }
  main .col-center .mobile-app .main-title h2 {
    font-size: 22px;
    margin: 0;
  }
  main .col-center .mobile-app .main-title p {
    margin-top: 3px;
    margin-bottom: 5px;
  }
  main .col-center .mobile-app .register-steps-box {
    margin: 5px 0;
  }
  main .col-center .mobile-app .main-content .left-section {
    width: 100%;
    margin-bottom: 10px;
  }
  main .col-center .mobile-app .main-content .left-section img {
    width: 50%;
  }
  main .col-center .mobile-app .install-title {
    margin: 0px 0 5px;
  }
  main .col-center .mobile-app .install-title h2 {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  main .col-center .mobile-app .install-title h2 span {
    font-size: 16px;
  }
  main .col-center .mobile-app .install-title p {
    font-size: 15px !important;
  }
  main .col-center .mobile-app .install-process-section {
    flex-direction: column;
  }
  main .col-center .mobile-app .install-process-section .process-item {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .install-app-img img {
    width: 50%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head {
    margin-top: 8px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head svg {
    height: 30px;
    width: 30px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head span {
    font-size: 18px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head p {
    font-size: 16px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list {
    margin-top: 5px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .step-title {
    font-size: 18px;
    margin-bottom: 8px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item {
    margin-bottom: 8px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info p {
    font-size: 18px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .share-menu {
    width: 50%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .home-add-menu {
    width: 260px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr {
    gap: 10px;
    margin-top: 40px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-img {
    border-radius: 8px;
    padding: 8px;
    width: 15%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-info p {
    font-size: 18px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-title {
    font-size: 16px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img svg {
    width: 35px;
    height: 25px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-desc span {
    font-size: 16px;
  }
  main .col-center .mobile-app .online-betting-section {
    padding: 5px;
    margin: 10px 0;
  }
  main .col-center .mobile-app .online-betting-section .bet-title {
    font-size: 18px;
  }
  main .col-center .mobile-app .online-betting-section .feature-list {
    padding-left: 10px;
    margin: 5px 0;
  }
  main .col-center .mobile-app .online-betting-section .feature-list .feature-item span {
    font-size: 14px;
  }
  main .col-center .mobile-app .online-betting-section p {
    font-size: 15px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .support-device {
    margin: 5px 0;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .support-device span {
    font-size: 14px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .install-btns .download-btn {
    font-size: 14px;
    padding: 8px 15px;
  }
  main .col-center .mobile-app .how-download-section {
    gap: 10px !important;
    margin-bottom: 10px;
  }
  main .col-center .mobile-app .how-download-section .download-step-img {
    width: 25%;
    height: 300px;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-icon {
    width: 40%;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-text span {
    font-size: 14px;
  }
  main .col-center .mobile-app .register-steps-box .install-title {
    width: 100%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main {
    gap: 10px !important;
    margin-bottom: 10px;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step {
    width: 33%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step .register-step-content span {
    font-size: 14px;
  }
  main .col-center .mobile-app .deposit-method {
    margin: 10px 0;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail {
    border-radius: 10px;
    margin: 10px 0;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail table tr th {
    font-size: 16px !important;
    padding: 10px 5px !important;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail table tr td span {
    font-size: 14px !important;
  }
  main .col-center .mobile-app .casino-app .regiter-step-img {
    gap: 10px;
  }
  main .col-center .mobile-app .install-btns {
    margin: 10px auto 0px;
  }
  main .col-center .rightsidebar {
    position: relative;
    display: block;
    float: unset;
    width: 97%;
    left: auto;
    right: auto;
    border: none;
    margin: 0 auto;
  }
  main .col-center .blog-item-section {
    padding: 0 !important;
  }
  main .col-center .blog-item-section .inner-breadcumbs {
    margin-bottom: 10px !important;
  }
  main .col-center .blog-item-section .inner-breadcumbs nav {
    padding-bottom: 5px !important;
    margin-bottom: 5px;
  }
  main .col-center .rightbox h5 {
    margin: 0 0 10px;
    padding-bottom: 5px;
  }
  main .col-center .blog-section .blog-item-section {
    margin-top: 10px;
    padding: 0 5px;
  }
  main .col-center .blog-section .blog-item-section .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
  }
  main .col-center .blog-section .blog-item-section .row .col.xl7 {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  main .col-center .blog-section .blog-item-section .row .col.xl5 {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  main .col-center .blog-section .blog-item-section h2 {
    margin-bottom: 10px;
  }
  main .col-center .blog-section .blog-item-section .blog-desc .details_img {
    margin-bottom: 10px;
  }
  main .col-center .blog-section .blog-item-section .blog-desc .main-description p {
    margin-bottom: 10px;
  }
  main .col-center .blog-section .blog-item-section .blog-desc .blog-accordian {
    margin-top: 10px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_title {
    font-size: 16px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card {
    padding: 15px 20px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .blog-details .date i {
    margin-right: 5px;
    font-size: 14px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .blog-details .date span {
    font-size: 14px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .more-link {
    width: 25px;
    height: 25px;
    line-height: 31px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .more-link svg {
    width: 25px;
    height: 14px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-title {
    font-size: 15px;
    line-height: 20px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .swiper-button-prev {
    left: -5px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .swiper-button-next {
    right: -5px;
  }
  main .col-center .blog-item-section .inner-breadcumbs nav {
    margin-bottom: 10px;
  }
  main .col-center .live-sports {
    margin: 0px 30px;
    padding: 0 !important;
    display: none;
  }
  main .col-center .live-sports .sports-slider .swiper-button-next {
    right: -27px;
  }
  main .col-center .live-sports .sports-slider .swiper-button-prev {
    left: -27px;
  }
  main .col-center .promo-tab .promo-details .coupens {
    width: 100%;
    max-width: 480px;
    height: auto;
    padding: 5px;
    margin: 5px;
  }
  main .col-center .promo-tab .promo-details .coupens .timer {
    margin-top: 0px;
    padding: 5px 0px 0px 0px;
  }
  main .col-center .promo-tab .promo-details .coupens .timer .icon {
    height: 37px;
    width: 37px;
  }
  main .col-center .promo-tab .promo-details .coupens .read-more {
    padding: 5px 0px 5px 0px;
    width: 35%;
  }
  main .col-center .promo-tab .promo-details .coupens .read-more a {
    bottom: 0px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    padding: 0px 0px;
    margin: 0;
  }
  main .col-center .promo-tab .promo-details .coupens .coupens-bottom-text {
    padding: 5px 0 5px;
  }
  main .col-center .promo-tab .sports-btn a {
    margin: 10px 5px 5px;
  }
  main .col-center .popular-games .popular-title .live-event-title {
    font-size: 14px;
    padding: 5px 5px 0px 0px;
  }
  main .col-center .popular-games .popular-games-bg {
    padding: 0px 5px 0;
  }
  main .col-center .popular-games .slide-arrow {
    width: 97%;
  }
  main .col-center .popular-games .slide-arrow .right-arrow {
    right: 3px;
  }
  main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider .item_main {
    margin: 5px 2px 0;
  }
  main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider .item_main:first-child {
    margin-left: 0;
  }
  main .col-center .popular-games .popular-scroll .slider-scroll .populer-slider .item_main:last-child {
    margin-right: 0;
  }
  main .col-center.vip .vip-all-content .vip-condition {
    margin-top: 10px;
    margin: 10px auto 0px;
  }
  main .col-center.vip .vip-all-content .vip-condition .daily-event-title {
    margin-bottom: 0px;
  }
  main .col-center.vip .vip-all-content .vip-condition .condition {
    padding: 10px 10px;
  }
  main .col-center.vip .vip-all-content .vip-condition .condition .condition-title {
    margin-top: 0px;
  }
  main .col-center.vip .vip-all-content .vip-condition .condition .condition-details .input-field {
    padding-top: 18px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-slide a img {
    width: 100px;
  }
  main .col-center.vip .vip-all-content .top-content {
    height: 275px;
    align-content: flex-end;
  }
  main .col-center.vip .vip-all-content .top-content .vip-lavel {
    margin-top: 0px !important;
  }
  main .col-center.vip .vip-all-content .top-content .vip-lavel a.vip-btn {
    font-size: 12px;
    margin-top: 10px;
    padding: 6px 15px 6px;
  }
  main .col-center.vip .vip-all-content .top-content .vip-lavel a.vip-btn span {
    font-size: 18px;
  }
  main .col-center.vip .vip-all-content .top-content .vip-lavel-btn .vip-btn {
    padding: 10px 15px;
  }
  main .col-center.vip .vip-all-content .top-content .vip-banner {
    width: 100%;
    padding: 0px;
  }
  main .col-center.vip .vip-all-content .top-content .vip-banner .vip-progressbar {
    margin: 5px 12px;
  }
  main .col-center.vip .vip-all-content .vip-benefits {
    margin: 0px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event {
    margin: 10px 5px 0px;
    padding-top: 5px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row {
    display: flex;
    margin: 0px !important;
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col {
    padding: 0px;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-text {
    font-size: 25px;
    line-height: 25px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-text span {
    font-size: 22px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-img-text {
    font-size: 16px !important;
  }
  main .col-center.vip .vip-all-content .bounus-details .row {
    display: flex;
    flex-wrap: wrap;
  }
  main .col-center.vip .vip-all-content .bounus-details .row .col {
    margin-bottom: 10px !important;
  }
  main .col-center.vip .vip-all-content .bounus-details .promo-info .promo-img .promo-right-img {
    width: 48%;
  }
  main .col-center.vip .vip-all-content .bounus-details .promo-info .promo-img .promo-right-img img {
    width: 100%;
  }
  main .col-center.vip .vip-all-content .bounus-details .promo-info .promo-img .promo-text {
    padding: 20px 5px 20px 0px !important;
  }
  main .col-center.vip .vip-all-content .bounus-details .promo-info .promo-img .promo-text .text {
    font-size: 14px;
  }
  main .col-center.vip .download-app-section {
    margin-bottom: 20px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  main .col-center.vip .download-app-section .social-icon {
    padding-top: 10px;
  }
  main .col-center.vip .download-app-section .app-info a {
    font-size: 14px;
    margin: 0;
  }
  main .col-center.vip .download-app-section .app-info p {
    font-size: 12px;
  }
  main .col-center.vip .download-app-section .app-images img {
    height: 100px !important;
  }
  main .col-center .mobile-app .main-content {
    background-color: transparent;
    padding: 5px 5px;
    margin-bottom: 10px;
  }
  main .col-center .mobile-app .main-content .supported-device-section {
    margin: 5px 0;
  }
  main .col-center .mobile-app .main-content .right-section {
    width: 100%;
    padding: 0px;
  }
  main .col-center .mobile-app .main-content .right-section ul.tabs {
    background-color: var(--mobile-tab-bg);
    max-width: 100%;
  }
  main .col-center .mobile-app .main-content .right-section .ios {
    padding: 10px 0px 0px;
  }
  main .col-center .mobile-app .main-content .right-section .ios .contents {
    padding: 0px;
  }
  main .col-center .mobile-app .main-content .right-section .ios .contents p {
    font-size: 14px;
    margin: 5px 0;
  }
  main .col-center .mobile-app .main-content .right-section .ios .contents .title {
    font-size: 18px !important;
    margin-bottom: 5px;
  }
  main .col-center .mobile-app .main-content .right-section .ios .contents .install-mob-instruction .instruction h2 {
    font-size: 18px;
    font-weight: 700;
  }
  main .col-center .mobile-app .main-content .right-section .android {
    padding: 10px 0px 20px 0px;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents {
    padding: 0px;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents .title {
    font-size: 18px !important;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents .version p {
    font-weight: 600;
    margin-bottom: 6px;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents .install {
    margin-left: 16px;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents .install .content {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents .install ul li {
    list-style-type: number;
    margin-bottom: 10px;
  }
  main .col-center .slider {
    width: 99%;
    margin: 0px 0px;
    margin-right: 0;
    margin-left: 5px;
  }
  main .col-center .slider .slider-scroll .scroll-slider {
    padding: 5px 0 5px;
  }
  main .col-center .slider .slider-scroll .scroll-slider .item_main {
    margin-left: 0;
  }
  main .all-casinos .portfolio .port-content .port-inner .content h4 a {
    font-size: 11px;
    line-height: 15px;
  }
  main .all-casinos .portfolio .port-content .port-inner .content h4 .sub-title {
    font-size: 14px;
  }
  main.account-pages .ac_slider {
    padding: 0px;
  }
  main.account-pages .ac_slider .slider-scroll .scroll-slider .item_main a {
    margin: 5px 5px 0px 0;
  }
  main.account-pages .account-statement .card .detail .rupees {
    padding-left: 5px;
  }
  main.account-pages .account-statement .card .detail .label {
    margin-bottom: 0px;
  }
  main.account-pages .col-center .rightsidebar {
    margin-top: 7px;
  }
  main.account-pages .col-center .card {
    margin: 0 4px 5px 4px;
  }
  main.account-pages .col-center .card .remove-border {
    margin-bottom: 0 !important;
  }
  main.account-pages .col-center .card .card-content input {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .input-field .col.m1 {
    width: 20%;
  }
  main.account-pages .col-center .card .card-content .input-field .col.m4 {
    width: 30%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
    width: 100% !important;
    margin: 5px 0;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens {
    padding: 11px 5px 20px;
    background-size: cover;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text {
    width: 70%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .more-bets {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn {
    padding: 0px 4px;
    font-size: 10px;
    line-height: 32px;
    height: 32px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images {
    gap: 5px;
    padding: 50px 7px 0px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values {
    background-size: cover;
    border-top-right-radius: 7px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .value {
    font-size: 16px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .name {
    font-size: 8px;
    padding: 6px 0px 11px;
  }
  main.account-pages .col-center .card .card-content .balance-tabs .right-border {
    border: none;
  }
  main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .left-bal-content {
    margin-left: 0px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown .dropdown-content {
    min-width: 200px;
    max-height: 250px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown .dropdown-content li {
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown .dropdown-content li .bank-list .right-content a.btn {
    padding: 0 5px;
    width: 60px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown li .bank-list .left-content .details,
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown li .bank-list .left-content .ac-details,
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown li .bank-list .right-content .details,
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown li .bank-list .right-content .ac-details {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown li .bank-list .left-content .details span,
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown li .bank-list .left-content .ac-details span,
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown li .bank-list .right-content .details span,
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .col .bank-details .bank-dropdown li .bank-list .right-content .ac-details span {
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn {
    font-size: 12px;
    padding: 8px 7px 42px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn .upload-inner-title {
    font-size: 9px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn .upload-title {
    font-size: 9px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a {
    width: 20px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a svg {
    width: 20px;
    height: 20px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .upload-document {
    padding: 9px 20px !important;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-content {
    margin-bottom: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-content img {
    border-radius: 8px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main {
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-top p {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .user-deposit {
    margin-bottom: 5px;
    padding: 20px 0px 5px 0px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .slide-arrow .left-arrow {
    left: -8px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .slide-arrow .right-arrow {
    right: -13px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a {
    padding: 10px 7px;
    margin: 10px 3px 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .title {
    font-size: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons {
    right: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons svg {
    width: 17px;
    height: 17px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied {
    padding: 6px 6px;
    left: 17%;
    top: -38px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied span {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied .copied-arrows {
    left: 59%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .phone-pay-details table tr td {
    float: left;
    width: 100%;
    text-align: left;
    line-height: 1.2;
    margin: 1px 0px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .phone-pay-details table tr td.copy-img {
    float: initial;
    text-align: right;
    width: 30px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .upload-imgs {
    margin-right: 7px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .scanner {
    padding: 5px 4px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .qr-codes .qr-title {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg {
    width: 50%;
    padding: 7px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg:last-child {
    margin: 5px 0px 5px 0px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg:first-child {
    margin: 5px 0px 5px 0;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input {
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input {
    padding: 20px 0px 0px 1px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input label {
    font-size: 12px;
    line-height: 1.1;
    top: 20px;
    left: 7px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input .icons {
    right: 5px;
    top: 50%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input .icons svg {
    width: 17px;
    height: 17px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-options {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    gap: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-options .options {
    width: 28%;
    text-align: left;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown .base-timer {
    width: 220px;
    height: 220px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown .base-timer .base-timer__label {
    width: 150px;
    height: 150px;
    font-size: 22px;
    left: 35px;
    top: 35px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification .title {
    margin-bottom: 6px;
    font-size: 16px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification p {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification .payment-amount {
    margin: 10px 0px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept img {
    width: 40%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept h2 {
    font-size: 40px;
    line-height: 52px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept button {
    width: 185px;
    height: 41px;
    font-size: 16px;
    margin-top: 10px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept .transaction-btn {
    margin-top: 20px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-reject a span {
    font-size: 23px;
    line-height: normal;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-reject a span img {
    width: auto;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-id .upi-text {
    width: 22%;
    font-size: 15px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .payment-options .btn {
    width: 48.5%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .select-deposit-mode .wp-deposit-details .deposit-media {
    margin-top: 10px;
    display: block;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .select-deposit-mode .wp-deposit-details .deposit-media a {
    margin: 0;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-btn {
    overflow-x: auto;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-btn .payment-transfer {
    min-width: 200px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-btn .payment-transfer a h2 {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .submit-btn .btn {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #button-background {
    width: 165px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #slider {
    margin-right: 2px;
    width: 35px;
    height: 35px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #slider svg {
    width: 16px;
    height: 16px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #slider i {
    font-size: 8px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details .slide-text {
    font-size: 13px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn {
    padding: 20px 15px 50px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn .upload-inner-title {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn .upload-title {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn a svg {
    width: 31px;
    height: 21px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .upload-btn {
    padding: 8px 20px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .deposit-value .bid-rate {
    grid-template-columns: auto auto auto !important;
    gap: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new {
    margin-bottom: 5px;
    padding: 10px 0px 5px 0px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .slide-arrow .left-arrow {
    left: -8px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .slide-arrow .right-arrow {
    right: -13px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header {
    margin-top: 5px;
    justify-content: normal;
    padding: 0;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-text span {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img {
    width: auto;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img img {
    width: 70px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img span {
    font-size: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img span {
    display: none;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img.payment-loader span {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .banking-img.payment-loader img {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .payment-loader {
    width: auto;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .banking-header .payment-loader span {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details {
    padding: 5px 5px 0px 5px;
    margin-top: 5px;
    margin-bottom: 2px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value {
    margin-top: 5px;
    padding: 2px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value h2 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate {
    grid-template-columns: auto auto auto auto !important;
    gap: 5px;
    margin: 7px 0 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate a {
    padding: 7px 5px;
    border-radius: 5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate a span {
    font-size: 13px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate a .bid-amount {
    font-size: 13px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .choose-coupens h2 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .bank-slider .slider-scroll .select-transfer a {
    height: 35px;
    margin: 5px 5px;
    padding: 0 5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .select-transfer a {
    padding: 10px 15px !important;
    margin: 10px 3px 10px;
    width: auto !important;
    min-width: 90px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .title {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons {
    right: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons svg {
    width: 17px;
    height: 17px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied {
    padding: 6px 10px;
    left: 50%;
    top: -33px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied span {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied .copied-arrows {
    left: 59%;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .phone-pay-details table tr td {
    float: left;
    width: 100%;
    text-align: left;
    line-height: 1.2;
    margin: 1px 0px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .phone-pay-details table tr td.copy-img {
    float: initial;
    text-align: right;
    width: 30px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .scanner {
    padding: 5px 4px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .qr-codes .qr-title {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .submit-btn .btn {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details #button-background {
    width: 165px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details #slider {
    margin-right: 2px;
    width: 35px;
    height: 35px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details #slider svg {
    width: 16px;
    height: 16px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details #slider i {
    font-size: 8px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .submit-btn-details .slide-text {
    font-size: 13px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn {
    padding: 20px 15px 50px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn .upload-inner-title {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn .upload-title {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .btn a svg {
    width: 31px;
    height: 21px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .upload-content .upload-submit-btn .upload_ss-details .upload_ss .upload-btn {
    padding: 8px 20px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content {
    display: flex;
    gap: 5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg {
    width: 50%;
    padding: 0px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg:last-child {
    margin: 5px 0px 5px 0px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg:first-child {
    margin: 5px 0px 5px 0;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input {
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input input {
    padding: 20px 0px 0px 1px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input label {
    font-size: 12px;
    line-height: 1.1;
    top: 20px;
    left: 7px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input .icons {
    right: 5px;
    top: 50%;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount .user_input .icons svg {
    width: 17px;
    height: 17px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-options {
    margin: 5px 0 5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-options .box {
    display: block !important;
    margin: 0 auto 5px;
    padding: 0;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-options .box .opt-1 {
    width: 48.7%;
    margin: 3px 1px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-verification.countdown .base-timer {
    width: 220px;
    height: 220px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-verification.countdown .base-timer .base-timer__label {
    width: 220px;
    height: 220px;
    font-size: 22px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-verification .title {
    margin-bottom: 6px;
    font-size: 16px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-verification p {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-verification .payment-amount {
    margin: 10px 0px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-accept img {
    width: 40%;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-accept h2 {
    font-size: 40px;
    line-height: 52px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-accept button {
    width: 185px;
    height: 41px;
    font-size: 16px;
    margin-top: 10px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-accept .transaction-btn {
    margin-top: 20px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-reject a span {
    font-size: 23px;
    line-height: normal;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .payment-reject a span img {
    width: auto;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-id .upi-text {
    width: 22%;
    font-size: 15px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a {
    width: 70px;
    height: 60px;
    margin: 7px 4px 7px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a img {
    max-width: 43px;
    max-height: 43px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer span {
    font-weight: 600;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex {
    align-items: flex-end;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .select-deposit-mode .wp-deposit-details .wp-list li {
    font-size: 13px;
    line-height: 1.5;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .select-deposit-mode .wp-deposit-details .deposit-media a {
    margin: 0 2px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .payment-options .btn {
    width: 48.5%;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .select-deposit-mode .wp-deposit-details {
    padding: 5px 0 5px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .select-deposit-mode .wp-deposit-details .deposit-media {
    margin-top: 10px;
    display: block;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .select-deposit-mode .wp-deposit-details .deposit-media a {
    margin: 0;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-btn {
    overflow-x: auto;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-btn .payment-transfer {
    min-width: 200px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-btn .payment-transfer a h2 {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer-btn {
    overflow-x: auto;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-footer {
    padding: 5px 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-footer p span {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main {
    padding: 5px;
    margin-bottom: 0;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list {
    flex-direction: column;
    gap: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel {
    width: 50%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress {
    width: 80%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item h3 {
    font-size: 16px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item span {
    font-size: 32px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list {
    flex-direction: column;
    gap: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content {
    width: 60%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2::after {
    right: 5px;
    width: 40%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-img img {
    width: 100px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content p {
    font-size: 26px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content span {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box {
    flex-direction: column;
    gap: 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-title h2 {
    font-size: 28px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-img {
    position: absolute;
    right: -1px;
    top: -15px;
    width: 34%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content p {
    color: var(--white-text);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code {
    padding: 3px 4px;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-btn {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 700;
    margin-right: 3px;
    width: 45%;
    text-align: center;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-input input {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 70%;
    text-wrap: nowrap;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn {
    width: 7%;
    text-align: right;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn svg {
    height: 20px;
    width: 20px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner::after {
    top: -8px;
    width: 57%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list {
    margin-top: 25px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main {
    padding-bottom: 2px;
    margin-bottom: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box {
    flex-direction: column;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-content .winner-id {
    width: 95%;
    font-size: 16px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-content .winner-amount {
    font-size: 32px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail {
    flex-direction: column;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .win-head {
    margin-top: -18px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .win-head span {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .top_win_img {
    height: 80px;
    width: 80px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .num_img {
    width: 55%;
    right: -20px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right {
    margin-top: 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail {
    flex-direction: column;
    row-gap: 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail {
    gap: 20px;
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-text {
    width: 100%;
    text-align: left;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-text p {
    font-size: 16px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-amount {
    width: 100%;
    text-align: left;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner {
    padding: 10px;
    margin: 0 0 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing {
    flex-direction: column;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-bg {
    width: 50%;
    align-self: end;
    margin-right: -5px;
    margin-bottom: -5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-bg img {
    margin-left: auto;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rule-head span {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul {
    padding-left: 5px;
    list-style-type: disc;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p span {
    font-size: 15px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel {
    width: 50%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress {
    width: 80%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item h3 {
    font-size: 16px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item span {
    font-size: 32px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2::after {
    right: 5px;
    width: 40%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-img img {
    width: 100px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content p {
    font-size: 26px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content span {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rule-head span {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-bg {
    margin-left: 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul {
    padding-left: 5px;
    list-style-type: disc;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p span {
    font-size: 15px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .win-head {
    margin-top: -18px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .win-head span {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .top_win_img {
    height: 80px;
    width: 80px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .num_img {
    width: 55%;
    right: -20px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right {
    margin-top: 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail {
    flex-direction: column;
    row-gap: 0;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail {
    gap: 20px;
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-text {
    width: 100%;
    text-align: left;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-text p {
    font-size: 16px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-amount {
    width: 100%;
    text-align: left;
  }
  main.account-pages .col-center .card .card-content .faq-content {
    padding: 10px 0px;
  }
  main.account-pages .col-center .card .card-content .paymets-methods h4.title {
    font-size: 20px;
  }
  main.account-pages .col-center .card .card-content .paymets-methods .payments-contents .image_wrapper img {
    height: 30px;
  }
  main.account-pages .col-center .card .card-content .tutorial-content h4.title {
    font-size: 25px;
  }
  main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tabs {
    height: 40px;
    gap: 5px;
  }
  main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tabs .tab a {
    width: 100%;
    text-align: center;
    padding: 0 5px;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
  }
  main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tab-contents .all-videos {
    display: block;
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .contact-content .title {
    font-size: 25px;
  }
  main.account-pages .col-center .card .card-content .contact-content .contact-details {
    margin-bottom: 25px;
  }
  main.account-pages .col-center .account-statement {
    padding-bottom: 5px;
    margin-top: 5px;
  }
  main.account-pages .col-center .account-statement .card .detail .balance-data {
    padding-top: 10px;
  }
  main.account-pages .col-center .profitloss .card .detail .balance-data {
    padding-top: 10px;
  }
  main.account-pages .user-profile .profile-content {
    display: block;
  }
  main.account-pages .user-profile .profile-content .profile-details .fullname .input-field,
  main.account-pages .user-profile .profile-content .profile-details .user-email .input-field,
  main.account-pages .user-profile .profile-content .profile-details .user-mobile .input-field {
    max-width: 100%;
  }
  main.account-pages .user-profile .profile-content .profile-details .country-details {
    max-width: 100%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content {
    margin-top: 0;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content {
    display: block;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .deposit-request,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .withdraw-request {
    max-height: 120px;
  }
  main.profile-pages .col-center {
    padding: 0px 0px 10px 0px !important;
  }
  main.new-casino-page {
    margin: 0 10px;
  }
  main.new-casino-page .col-center-casino {
    margin-top: 40px;
    padding: 0 0 10px !important;
  }
  main.new-casino-page .new-casino-section {
    margin-top: 10px;
  }
  main.new-casino-page .new-casino-section .content-section .game-dropdown {
    width: 30%;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-title {
    width: 70%;
    margin: 10px 0;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-title .line {
    width: 50%;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  }
  main.new-casino-pageTwo {
    margin: 0 10px;
  }
  main.new-casino-pageTwo .col-center-casino {
    margin-top: 40px;
    padding: 0px 0px 10px !important;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo {
    margin-top: 10px;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .content-section .game-dropdown {
    width: 30%;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-title {
    width: 70%;
    margin: 10px 0;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  }
  main #button-background {
    position: relative;
    padding: 4px;
    display: flex;
    align-items: center;
    margin-right: 10px;
    height: 51px;
  }
  main #button-background #slider {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    margin: 3px 4px 4px 4px;
    width: 40px;
    height: 40px;
    transition: all 50ms linear;
    cursor: pointer;
  }
  main #button-background .slide-text {
    position: absolute !important;
    z-index: 8;
    top: 50%;
    right: 13px;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    transform: translateY(-50%);
  }
  main #button-background.bg-converted .slide-text {
    color: var(--white-text);
    right: -3px;
  }
  main .footer {
    clear: left;
    margin: 6px auto 85px;
    float: unset;
  }
  #swipe-right.modal .modal-content .modal-body .swipe-content p {
    font-size: 14px;
  }
  .chaport-container.chaport-container-positioned {
    bottom: 70px !important;
  }
  .footer .footer-logo img {
    width: 150px;
    height: 25px;
  }
  .table .dataTable thead th,
  .table .dataTable thead td {
    text-align: left;
  }
  .dataTables_wrapper .dataTables_filter {
    position: relative;
    top: 10px;
  }
  .dataTables_wrapper .dataTables_filter label {
    float: right;
  }
  .dataTables_wrapper .dataTables_filter label input {
    width: 150px !important;
    float: right;
    position: relative;
    top: -2px;
  }
  .dataTables_wrapper .dataTables_length {
    float: none;
    margin-top: 5px;
  }
  .sign-up-modal {
    max-height: 520px !important;
  }
  #work-process.modal.not-work-process {
    max-width: 345px;
  }
  #referel-modal.modal {
    height: 100% !important;
  }
  #referel-modal.modal .modal-content {
    padding: 40px 5px 5px !important;
  }
  #otp-page.modal,
  #password-page.modal {
    width: 97%;
    height: 90% !important;
    max-height: 65%;
  }
  #otp-page.modal form,
  #password-page.modal form {
    margin: 20px 0px;
  }
  #otp-page.modal .otp-page .otp-details .otp-verify input[type=text],
  #otp-page.modal .otp-page .otp-details .otp-verify input[type=number],
  #otp-page.modal .otp-page .otp-details .otp-verify input[type=tel],
  #password-page.modal .otp-page .otp-details .otp-verify input[type=text],
  #password-page.modal .otp-page .otp-details .otp-verify input[type=number],
  #password-page.modal .otp-page .otp-details .otp-verify input[type=tel] {
    margin: 0 2px;
    width: 40px !important;
    height: 45px !important;
  }
  #otp-page.modal form {
    margin: 20px 0px;
  }
  #otp-page.modal .otp-page .otp-details .otp-verify input[type=text],
  #otp-page.modal .otp-page .otp-details .otp-verify input[type=number],
  #otp-page.modal .otp-page .otp-details .otp-verify input[type=tel] {
    line-height: 43px;
    padding-left: 0;
    width: 41px !important;
    height: 45px !important;
    border-radius: 10px;
    margin: 0 2px;
  }
  #offer-popup {
    width: 97%;
    height: 390px !important;
    top: 15% !important;
    bottom: auto;
  }
  #offer-popup h5 .card-title {
    width: 200px;
    height: 52px;
  }
  #offer-popup h5 .card-title img {
    height: 60px;
  }
  #offer-popup .offer-details h6 {
    line-height: 27px;
    font-size: 17px;
  }
  .modal {
    width: 95%;
    height: 80% !important;
  }
  .modal .modal-content {
    padding: 25px 10px 25px;
  }
  .modal#veronica {
    width: 300px;
    height: 570px !important;
    max-height: 570px;
    border-radius: 15px;
    top: 4% !important;
    bottom: auto;
  }
  .modal#veronica .modal-content {
    border-radius: 15px;
  }
  .modal#veronica .modal-content .modal-body a.popup-image img {
    border-radius: 15px;
  }
  .modal#veronica .modal-footer {
    left: 10px;
    height: 65px;
    width: auto;
  }
  .modal#veronica .modal-footer a {
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
    padding: 5px;
  }
  .modal#veronica .modal-footer a img {
    width: 80px;
  }
  .datepicker-modal {
    height: 350px !important;
  }
  #change-password.modal {
    width: 97%;
    height: 390px !important;
    top: 15% !important;
    bottom: auto;
  }
  #change-password.modal .modal-content {
    padding: 0 30px 25px;
  }
  #change-password.modal .modal-content .change-password-content form .input-field {
    width: 100%;
  }
  #change-password.modal .modal-content .change-password-content form .mobile-row {
    margin-top: 15px;
  }
  .scrollToTop {
    left: 15px;
    bottom: 92px;
    z-index: 9;
    display: none !important;
  }
  .sidebar-open {
    margin-left: 0px !important;
  }
  #otp-popup.modal {
    width: 95%;
  }
  #cancel-popup.modal {
    height: 170px !important;
  }
  #cancel-popup.modal .modal-content .modal-body {
    padding: 0px 0 10px;
  }
  #cancel-popup.modal .modal-content .modal-body p {
    font-size: 16px;
  }
  .footer {
    width: 96% !important;
  }
  .footer .footer-padding {
    padding: 10px 5px 5px 5px;
  }
  .footer .footer-col p img {
    width: 210px;
    height: 46px;
  }
  .footer .global-partner h4 {
    font-size: 20px;
    margin: 10px 0 15px;
  }
  .footer .global-partner .partner-slider .items-slide {
    min-width: 30px;
    height: 40px;
  }
  .footer .global-partner .partner-slider .items-slide img {
    max-width: 50px;
  }
  .footer .reach-us {
    margin-bottom: 0;
    margin-top: 0 !important;
  }
  .footer .reach-us h4 {
    font-size: 14px;
    text-align: left;
    margin-left: 0;
  }
  .footer .reach-us .social-media {
    text-align: left;
  }
  .footer .reach-us .social-media a {
    margin: 0 3px;
  }
  .footer .reach-us .social-media a .icon img {
    width: 18px;
  }
  .footer .trusted-by {
    margin: 0px 0 10px;
  }
  .footer .gambling {
    font-size: 11px;
  }
  .footer .payment-img {
    justify-content: flex-start;
  }
  .footer .payment-img img {
    width: 210px;
    height: 46px;
  }
  .footer .payment-img .payimg-bg {
    width: 35px;
    height: 35px;
  }
  .footer .payment-img .payimg-bg img {
    max-width: 30px;
  }
  .footer .safe-payment .pay-details h4 {
    margin: 5px 0 5px;
  }
  .footer .contact-us {
    text-align: left;
    margin-top: 0 !important;
  }
  .footer .contact-us h4 {
    margin-left: 0;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .footer .contact-us .contact {
    justify-content: flex-start;
    padding-left: 0;
    float: left;
    width: 50%;
    font-size: 13px;
  }
  .footer .contact-us .contact svg {
    width: 15px;
    height: 15px;
    margin-right: 7px;
  }
  .footer .about-us .links {
    line-height: 1.1;
  }
  .footer .about-us .links .link a {
    font-size: 10px;
  }
  .footer .about-us .links .link:first-child a::after {
    display: block;
  }
  #toast-container {
    bottom: 75%;
    top: auto;
  }
  #ymDivBar {
    bottom: 75px !important;
  }
  #cashout.modal {
    height: 350px !important;
    width: 95%;
  }
  #cashout.modal .modal-content .modal-cashout-content svg {
    height: 71px;
  }
  #cashout.modal .modal-content .modal-cashout-content .cash-value {
    font-size: 19px;
  }
  #cashout.modal .modal-content .modal-cashout-content .desc {
    font-size: 15px;
  }
  #cashout.modal .modal-content .modal-cashout-content .buttons {
    margin-top: 20px !important;
  }
  #modal-notification.modal {
    width: 95% !important;
    min-width: 95% !important;
  }
  #modal-notification.modal .modal-content .main-content {
    padding: 15px 10px 15px;
  }
  #modal-notification.modal .modal-content .main-content .icon svg {
    width: 37px;
    height: 37px;
  }
  #modal-notification.modal .modal-content .main-content .not-details .title {
    font-size: 15px;
  }
  #modal-notification.modal .modal-content .main-content .not-details p {
    font-size: 13px;
  }
  .whatsapp-id {
    bottom: 210px !important;
    right: 5px !important;
  }
  .whatsapp-id .wp-bg .description {
    display: grid;
    line-height: 1.5;
    color: var(--whatsapp-title);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding-left: 30px;
  }
  .whatsapp-id .wp-bg .description a {
    font-size: 12px !important;
  }
  .whatsapp-id .wp-bg span {
    height: 29px !important;
    width: 100%;
    line-height: 30px;
    font-size: 13px !important;
  }
  #slider-popup.modal {
    width: 95% !important;
    height: 100% !important;
  }
  #slider-popup.modal .modal-content {
    height: 100% !important;
    padding: 30px 0px;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 53%;
  }
  #slider-popup.modal .modal-content .popup_slider .swiper-pagination {
    bottom: 12%;
  }
  #slider-popup.modal .modal-content .popup_slider .prev-next-btn {
    bottom: 5%;
  }
  #slider-popup.modal .close-icon {
    top: 42px;
  }
  #Daily-Login-Bonus.modal {
    height: 80% !important;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items {
    -moz-column-gap: 5px;
         column-gap: 5px;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item {
    width: 32%;
    margin-bottom: 5px;
    padding: 15px 5px 5px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot {
    padding: 15px 7px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .jackpot span {
    font-size: 38px;
    -webkit-text-stroke-width: 1px;
    text-shadow: 0px 0px 0px var(--black-text);
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .bonus span {
    font-size: 40px;
    -webkit-text-stroke-width: 1px;
    text-shadow: 0px 0px 0px var(--black-text);
  }
  #spin-popup.modal {
    width: 95%;
    max-width: 95%;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body {
    width: 100%;
  }
  #spin-popup #result1 {
    height: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 600px) {
  main .col-center.vip .vip-benefits .bonus-withdraw {
    padding: 10px;
  }
  main .col-center .footer .footer-col .trust-txt img {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown {
    max-width: 380px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-id .upi-text {
    width: 28% !important;
  }
  main.account-pages .withraw .withraw-content .bank-amount {
    max-width: 380px !important;
  }
}
@media (max-width: 600px) {
  main.new-casino-page .new-casino-section .tab-view .tabs-section .tabs-outer .tab-inner a {
    padding: 6px 10px 4px;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 8px;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div {
    margin-bottom: 6px;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .tab-view .tabs-section .tabs-outer .tab-inner a {
    padding: 8.5px 10px;
    min-width: 100px;
    height: 100px;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 8px;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner .games-div .game-overlay {
    width: 70%;
    height: 13%;
    font-size: 12px;
  }
}
@media only screen and (max-width: 575px) {
  main .all-casinos .main-title h3 {
    margin-left: 5px;
  }
  main .all-casinos .show-all a {
    margin-right: 5px;
  }
  main .all-casinos .portfolio .port-content {
    width: 32.1%;
    margin: 2px !important;
    padding: 3px;
  }
  main .all-casinos .portfolio .port-content .favourite-icon {
    font-size: 13px;
  }
  main .all-casinos .portfolio .port-content .favourite-icon svg {
    width: 17px;
    height: 17px;
  }
  main .all-casinos .portfolio .port-content .port-inner .thumb {
    border-radius: 8px;
  }
  main .all-casinos .portfolio .port-content .port-inner .port-btn {
    padding-top: 5px;
    padding-left: 5px !important;
  }
  main .all-casinos .portfolio .port-content .port-inner .content h4 {
    margin: 0;
  }
  main .all-casinos .portfolio .port-content .port-inner .content h4 a {
    line-height: 12px;
  }
  main .all-casinos .portfolio .port-content .port-inner .content h4 .sub-title {
    font-size: 12px;
    margin: 3px 0px 2px 0px;
  }
  main.account-pages .col-center .card {
    margin-top: 5px !important;
  }
  main.account-pages .col-center .card .card-content {
    padding: 0 6px 5px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details {
    gap: 5px;
    margin: 5px 0px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
    width: 100%;
    margin: 0px;
  }
  main.account-pages .col-center .card .card-content .input-box {
    margin-bottom: 10px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .submit-btn {
    margin-bottom: 0;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload {
    display: grid;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown {
    max-width: 100%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .document-details .input-field {
    max-width: 100%;
    margin: 0px 0 15px !important;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .btn {
    line-height: 1.1;
    padding: 15px 10px;
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .btn a {
    top: 0 !important;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .btn a i {
    font-size: 13px;
    line-height: 1.5;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown {
    max-width: 290px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .add-bank {
    font-size: 12px;
    width: 140px;
    margin: 0px 0px 0 5px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .add-bank i {
    margin-left: inherit;
    margin-right: 5px;
  }
  main.account-pages .col-center .card .card-content .balance-tabs {
    padding: 5px 0px;
  }
  main.account-pages .col-center .card .card-content .balance-tabs .bal-cols {
    padding: 8px 0;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-btn .payment-transfer a h2 {
    font-size: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-id {
    display: block !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-id .upi-text {
    width: 100% !important;
    font-size: 13px !important;
    margin-bottom: 5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-id .input-field {
    width: 100% !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-payment .scan-id h3 {
    line-height: 17px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .back-page h6 {
    font-size: 13px;
    line-height: 17px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .back-page .balance-check p {
    font-size: 13px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .gpay-id {
    width: 79%;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr {
    width: 55%;
    height: 170px;
    max-width: 180px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr img {
    max-width: 58px;
    top: 35px;
    left: 62px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text {
    width: 45%;
    margin: auto;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text h3 {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text .base-timer {
    width: 100px;
    height: 100px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text .base-timer .base-timer__label {
    width: 68px;
    height: 68px;
    top: 16.5px;
    left: 16px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-img {
    position: absolute;
    right: -1px;
    top: -9px;
    width: 34%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main {
    margin-bottom: 5px;
    margin-top: 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  main.account-pages .withraw .withraw-content .bank-amount {
    max-width: 290px !important;
  }
  main.account-pages .withraw .withraw-content .padding-0 {
    padding: 0;
  }
  main.account-pages .submit-btn {
    margin-bottom: 15px;
  }
  main.account-pages .submit-btn .btn {
    font-size: 12px;
    max-width: 165px;
  }
  main.account-pages .submit-btn .can-btn {
    max-width: 110px;
  }
  main.account-pages .user-profile .profile-content {
    padding: 0;
  }
  main.account-pages .user-profile .profile-content .user-top-content {
    display: block;
    padding-top: 0px !important;
    padding-bottom: 6px;
    margin: 0 !important;
  }
  main.account-pages .user-profile .profile-content .user-top-content .col {
    margin-bottom: 5px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  main.account-pages .user-profile .profile-content .user-top-content .col .users-details .profile-upload .upload-id .btn {
    height: 70px;
    width: 70px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover-image {
    padding: 0 5px 0 10px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover-image img {
    width: 40px;
    height: auto;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover .turnover-date {
    font-size: 13px;
    line-height: 1.3;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover .total-turnover {
    font-size: 16px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content {
    padding: 5px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .title,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .title {
    font-size: 13px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .sub-title,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .sub-title {
    font-size: 12px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .progresspoint,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .progresspoint {
    right: 27%;
    bottom: -43%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .track {
    width: 80%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content {
    padding: 5px;
    margin-top: 10px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .progresspoint {
    left: 33%;
    top: -41%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .title {
    font-size: 14px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .sub-title {
    font-size: 12px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content {
    padding: 5px;
    left: 0%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content .title {
    font-size: 14px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content .sub-title {
    font-size: 12px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content .progresspoint {
    top: -41%;
  }
  main.account-pages .user-profile .profile-content .statistics-content {
    display: block;
    margin: 0 !important;
  }
  main.account-pages .user-profile .profile-content .statistics-content .col {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
  }
  main.account-pages .user-profile .profile-content .statistics-content .col.user-top-content {
    padding-bottom: 0px !important;
  }
  main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription h4 {
    font-size: 14px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .slide-arrow {
    top: 58%;
    width: 98%;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics {
    padding: 5px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .top-content {
    padding: 5px 10px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .top-content .left-content {
    font-size: 14px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .top-content .left-content svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content {
    display: flex;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content .box {
    margin: 5px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content .box .title {
    font-size: 11px;
    font-weight: 600;
    padding: 0 2px;
    line-height: 1.2;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content .box .discription {
    font-size: 5vw;
    margin: 10px 0;
  }
  main.account-pages .user-profile .profile-content .club-loyalti {
    padding: 10px 0px;
    margin: 0px 0px;
  }
  main.account-pages .user-profile .profile-content .club-loyalti .all-plans {
    display: block;
  }
  main.account-pages .user-profile .profile-content .club-loyalti .all-plans .col {
    margin-bottom: 10px;
  }
  main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .turnover-amount {
    font-size: 7vw;
  }
  main.new-casino-page .new-casino-section .content-section .game-dropdown {
    position: relative;
    width: 100%;
    margin-top: 10px;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-title {
    padding-top: 0px;
    width: 100%;
    font-size: 18px;
    margin: 10px 0 4px;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-title .line {
    width: 45%;
    margin-top: 10px;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div .game-overlay {
    font-size: 12px;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div .game-overlay span {
    padding: 4px 6px;
    border-radius: 4px;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div .game-overlay span::before {
    top: 2px;
    right: -2px;
    border-radius: 4px;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner .games-div .game-overlay span:hover::before {
    top: -3px;
    left: -3px;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a {
    min-width: 100px;
    height: 90px;
    padding: 10px;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .casino-top-section .tabs-section .tabs-outer .tab-inner a .games-logo {
    width: 45px;
    height: 45px;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .content-section .game-dropdown {
    position: relative;
    width: 100%;
    margin-top: 10px;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-title {
    padding-top: 0px;
    width: 100%;
    font-size: 18px;
    margin: 10px 0 4px;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner .games-div:hover .game-overlay {
    padding: 2px;
  }
  main .col-center .slider {
    width: 98%;
  }
  main .col-center .mobile-app {
    padding: 5px;
  }
  main .col-center .promo-tab .promo-details .coupens {
    margin: 5px 5px 0px 5px;
  }
  main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .offer-details .title {
    font-size: 5vw;
    margin: 10px 5px 5px;
  }
  main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .offer-details .team-title {
    font-size: 3.3vw;
  }
  main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .promo-code {
    float: left;
    font-size: 3.5vw;
  }
  main .col-center .mobile-app .steps-list .steps-item .step-info .home-add-menu {
    width: 250px;
  }
  main .col-center .mobile-app .main-content .left-section {
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 10px;
  }
  main .col-center .mobile-app .main-content .left-section img {
    width: 50%;
  }
  main .col-center .mobile-app .install-process-section {
    flex-direction: column;
    padding: 5px;
    gap: 10px;
    margin: 8px 0;
  }
  main .col-center .mobile-app .install-process-section .process-item {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .install-app-img {
    padding: 5px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .home-add-menu {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info p {
    font-size: 14px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .share-menu {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr {
    margin-top: 25px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-img {
    width: 25%;
    border-radius: 5px;
    padding: 5px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-info {
    width: 60%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-info p {
    font-size: 14px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head p {
    font-size: 16px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .col.s12 {
    padding: 0;
  }
  main .col-center .mobile-app .app-information-main {
    margin: 8px 0;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img svg {
    width: 28px;
    height: 20px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-title {
    font-size: 14px !important;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-desc span {
    font-size: 14px !important;
  }
  main .col-center .mobile-app .supported-device-section {
    padding: 5px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list {
    -moz-column-count: 1 !important;
         column-count: 1 !important;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .install-btns {
    margin: 10px auto 5px;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail {
    width: 100%;
    overflow-x: auto;
  }
  main .col-center .mobile-app .how-download-section {
    flex-direction: column;
  }
  main .col-center .mobile-app .how-download-section .download-step-img {
    width: 100% !important;
    margin: auto;
    height: 400px !important;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-icon {
    width: 30%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main {
    flex-direction: column;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step {
    width: 100% !important;
    margin: auto !important;
  }
  main .col-center .mobile-app .casino-app {
    flex-direction: column;
    margin-bottom: 10px;
  }
  main .col-center .mobile-app .casino-app .casino-app-detail {
    width: 100%;
  }
  main .col-center .mobile-app .casino-app .regiter-step-img {
    flex-direction: column;
    width: 100%;
  }
  main .col-center .mobile-app .online-betting-section .feature-list .feature-item span {
    padding-left: 3px;
  }
  main .col-center .mobile-app .online-betting-section .feature-list .feature-item span::before {
    left: -10px;
  }
  main .col-center .mobile-app .install-btns {
    margin: 10px auto 0px;
    display: block;
  }
  main .col-center .mobile-app .install-btns .play-btn {
    margin-left: 0;
    margin-top: 10px;
  }
  main .col-center .mobile-app .install-btns .download-btn {
    width: 100%;
  }
  main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-prev {
    top: 13%;
    left: 1%;
  }
  main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-next {
    top: 13%;
    right: 1%;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-event-title {
    font-size: 18px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row {
    -moz-column-gap: 1px;
         column-gap: 1px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col {
    margin-bottom: 0px !important;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw {
    padding: 10px 10px 10px !important;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main {
    display: block;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .bonus-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .bonus-text .withdraw-price {
    text-align: center;
    margin-top: 0px;
    font-size: 18px !important;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .withdraw-btn {
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
  }
  main .col-center.vip .vip-all-content .vip-condition .daily-event-title {
    font-size: 18px;
  }
  main .col-center.vip .download-app-section {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  main .col-center .blog-section .blog-item-section .blog-block {
    margin-bottom: 10px;
  }
  main .col-center .blog-section .blog-item-section .blog-desc .blog-box1 .card {
    margin: 0px 0px 0px 0px;
  }
  main.profile-pages .col-center .card {
    margin-top: 22px !important;
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .casino-banner {
    margin-bottom: 5px !important;
  }
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .headline-btn {
    bottom: 22px !important;
    padding: 12px !important;
  }
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-prev,
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-next {
    width: 30px !important;
    padding: 10px !important;
  }
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-prev:after,
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-next:after {
    font-size: 12px !important;
  }
  main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image .play-now {
    padding: 0 14px !important;
    height: 42px !important;
  }
  main.full-wrap #casino-page .col-center .all-top .top-header .top-title {
    font-size: 16px !important;
    margin-right: 0 !important;
  }
  main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
    font-size: 14px !important;
  }
  #cancel-popup.modal .modal-content .modal-footer button {
    min-width: 140px;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 65%;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-title a {
    font-size: 25px;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-bottom-text h6 {
    font-size: 26px;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-bottom-text span {
    font-size: 35px;
  }
  #slider-popup.modal .modal-content .popup_slider .swiper-pagination {
    bottom: 11%;
  }
  #slider-popup.modal .modal-content .popup_slider .prev-next-btn {
    bottom: 5%;
  }
  #slider-popup.modal .close-icon {
    right: 0;
    top: 38px;
  }
  #slider-popup.modal .close-icon span {
    font-size: 12px;
  }
  #slider-popup.modal .close-icon i {
    font-size: 12px;
  }
  #small-deposit-modal.modal {
    width: 95%;
  }
  #small-deposit-modal.modal .modal-content .modal-body .contents {
    font-size: 13px;
  }
  #small-deposit-modal.modal .modal-content .modal-body .contents .verification-img img {
    max-width: 60px;
  }
  #modal-notification.modal .modal-content .modal-footer .popup-btn {
    gap: 7px;
  }
  #modal-notification.modal .modal-content .modal-footer .popup-btn .btn {
    padding: 0px 5px;
    font-size: 11px;
    height: 35px;
    color: var(--black-text);
    line-height: 35px;
    width: 120px;
  }
  .bottom-tabs .bottom-image svg {
    height: 105px !important;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body h3 {
    font-size: 24px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-content p {
    font-size: 16px;
    line-height: 22px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-content img {
    width: 55%;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items {
    margin-top: 10px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item span {
    font-size: 10px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .missed-content p {
    font-size: 16px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .missed-content img {
    width: 30px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot {
    margin-top: 5px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .jackpot span {
    font-size: 20px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .bonus span {
    font-size: 22px;
  }
  #spin-popup #result1 {
    height: 100% !important;
  }
  #spin-popup.modal {
    width: 95% !important;
    height: 93% !important;
    max-height: 70% !important;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row {
    width: 100% !important;
    height: 100% !important;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body {
    width: 100% !important;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body #mute-button {
    top: 27px;
    right: 20px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body #mute-button #mute-icon {
    width: 20px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body {
    margin-top: 50px !important;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .arrow {
    left: 41%;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel {
    width: 440px !important;
    height: 440px !important;
    border: 15px solid var(--wheel-star-bg);
    box-shadow: 0px 0px 25px var(--segment-bg);
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .wheel .segment .label {
    font-size: 20px;
    line-height: 8px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .wheel-container .arrow img {
    width: 85px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body .spinButton #spin-button img {
    width: 100px;
    height: 100px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg1 {
    left: 371px;
    width: 22px;
    top: 65px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg2 {
    left: 427px;
    top: 209px;
    width: 22px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg3 {
    left: 374px;
    top: 353px;
    width: 22px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg4 {
    left: 209px;
    top: 426px;
    width: 22px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg5 {
    left: 49px;
    top: 355px;
    width: 22px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg6 {
    left: -8px;
    top: 212px;
    width: 22px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg7 {
    left: 46px;
    top: 65px;
    width: 22px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg8 {
    top: 96px;
    left: 397px;
    width: 22px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg9 {
    left: 158px;
    top: 0px;
    width: 22px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg10 {
    left: 312px;
    top: 14px;
    width: 22px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .rem-attempt-box {
    top: 30px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .gameback .gameBack-btn {
    top: 30px;
  }
  .footer {
    width: 94.6% !important;
  }
}
@media (min-width: 400px) and (max-width: 575px) {
  .bottom-tabs .bottom-image svg {
    height: 115px !important;
  }
}
@media (min-width: 360px) and (max-width: 399px) {
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 80%;
  }
  #modal-notification.modal .modal-content .main-content .not-details .bottom-content {
    margin-left: -29px;
    margin-top: 14px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .daily-bonus-content {
    margin-top: 25px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .daily-bonus-content .daily-bonus-text p {
    font-size: 22px;
    margin: 10px 0px 0px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .missed-content p {
    font-size: 16px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot {
    width: 100%;
  }
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .headline-btn {
    bottom: 22px !important;
    padding: 10px !important;
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box {
    width: 31.2% !important;
  }
  main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown {
    max-width: 100%;
    margin-bottom: 8px;
  }
}
@media (min-width: 400px) and (max-width: 480px) {
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 82%;
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box {
    width: 31% !important;
  }
  main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown {
    max-width: 100%;
    margin-bottom: 8px;
  }
}
@media (min-width: 481px) and (max-width: 575px) {
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .progresspoint {
    left: 53%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .progresspoint,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .progresspoint {
    right: 39%;
  }
  main.account-pages .col-center .card {
    width: 98%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .name {
    font-size: 10px;
    padding: 8px 0px 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  main .all-casinos .main-title h3 {
    margin-left: 5px;
  }
  main .all-casinos .show-all a {
    margin-right: 5px;
  }
  main .all-casinos .portfolio .port-content {
    width: 31.5%;
  }
  main.account-pages .col-center .card {
    margin-top: 10px;
    width: 98.6% !important;
  }
  main.account-pages .col-center .card .card-content {
    padding: 5px 15px 0px;
  }
  main.account-pages .col-center .card .card-content .pagination {
    margin-bottom: 15px !important;
    margin-top: 5px !important;
  }
  main.account-pages .col-center .card .card-content .input-field.col.s6.m1.l2.input-col {
    width: 30%;
  }
  main.account-pages .col-center .card .card-content .input-field.col.s6.m3.l3.input-col {
    width: 35%;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr {
    height: 220px;
    max-width: 220px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr img {
    top: 50px;
    left: 82px;
    max-width: 70px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details {
    gap: 5px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text {
    width: 55%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .bets-details .bet-images .bets-values .name {
    font-size: 12px !important;
    padding: 13px 0px 11px !important;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .kyc-dropdown {
    max-width: 100%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .document-details .input-field {
    max-width: 100%;
    margin: 0px 0 15px !important;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank .input-field {
    padding-right: 15px !important;
  }
  main.account-pages .col-center .card .card-content .balance-tabs .bal-cols {
    padding: 10px 0;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept img {
    width: 30%;
  }
  main.account-pages .withraw .withraw-content .padding-0 {
    padding: 0;
  }
  main.account-pages .user-profile .profile-content {
    padding: 0px;
  }
  main.account-pages .user-profile .profile-content .user-top-content {
    display: block;
    margin-bottom: 0px;
  }
  main.account-pages .user-profile .profile-content .user-top-content.row {
    margin-bottom: 10px;
  }
  main.account-pages .user-profile .profile-content .user-top-content.row .col {
    padding: 0 0.3rem;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details {
    margin-bottom: 10px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .profile-upload .upload-id .btn {
    height: 60px;
    width: 60px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .user-title {
    font-size: 16px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .user-id {
    font-size: 12px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right {
    padding: 0 1px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .number,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .gender,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .email,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .b-day,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .number,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .gender,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .email,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .b-day {
    font-size: 10px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .number svg,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .gender svg,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .email svg,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .b-day svg,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .number svg,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .gender svg,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .email svg,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .b-day svg {
    margin-right: 2px;
    width: 12px;
    height: 12px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover-image {
    padding: 0 5px 0 10px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover-image img {
    width: 40px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover .turnover-date {
    font-size: 13px;
    line-height: 1.3;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .top-content .turnover .total-turnover {
    font-size: 16px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content {
    padding: 5px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .title,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .title {
    font-size: 13px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .sub-title,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .sub-title {
    font-size: 12px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .progresspoint,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .progresspoint {
    right: 36%;
    bottom: -42%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .track {
    width: 80%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content {
    padding: 5px;
    margin-top: 10px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .progresspoint {
    left: 41%;
    top: -41%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .title {
    font-size: 14px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .sub-title {
    font-size: 12px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content {
    padding: 5px;
    left: 0%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content .title {
    font-size: 14px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content .sub-title {
    font-size: 12px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .gold-content .progresspoint {
    top: -41%;
  }
  main.account-pages .user-profile .profile-content .statistics-content.row {
    margin-bottom: 10px;
  }
  main.account-pages .user-profile .profile-content .statistics-content.row .col {
    padding: 0 0.3rem;
  }
  main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription h4 {
    font-size: 16px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content {
    display: flex;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content .box {
    margin: 6px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content .box .title {
    font-size: 13px;
    margin: 10px 3px 5px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .sub-statistics .bottom-content .box .discription {
    font-size: 3.3vw;
    margin: 10px 0;
  }
  main.account-pages .user-profile .profile-content .club-loyalti {
    padding: 15px 0px;
    margin: 0 10px;
  }
  main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans {
    padding: 10px 5px;
  }
  main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .turnover-amount {
    font-size: 3.7vw;
  }
  main.account-pages .user-profile .profile-content .club-loyalti .all-plans .club-plans .turnover-benefits .plan-details ul li {
    font-size: 12px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .slide-arrow {
    top: 46%;
  }
  main.profile-pages .col-center .card {
    margin-top: 22px !important;
  }
  main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .promo-code {
    float: left;
  }
  .modal#veronica {
    height: 305px !important;
    width: 470px;
  }
  .bottom-tabs .bottom-image {
    background-image: radial-gradient(circle at 50% 6px, transparent 115px, var(--bottom-tab-bg) 57px);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
}
@media (min-width: 320px) and (max-width: 359px) {
  header nav .sidenav-trigger .bar-img {
    padding-left: 4px;
    top: 16px !important;
    width: 25px !important;
    height: 25px !important;
  }
  header nav .sidenav-trigger .bar-img svg {
    width: 22px;
    height: 22px;
  }
  header nav .top-header {
    padding: 0 5px 0 0px !important;
  }
  header nav .top-header .user-menus ul li.notification a {
    margin-right: 2px !important;
  }
  header nav .top-header .user-menus ul li.notification .not-dropdown {
    height: 74vh !important;
  }
  header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs #tab1,
  header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs #tab2 {
    max-height: 58vh;
  }
  header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs ul li a {
    padding: 12px 15px;
  }
  header nav .top-header .user-menus ul li.notification .not-dropdown .not-arrow:before {
    right: 30px !important;
  }
  header nav .top-header .user-menus ul li.notification li .notification-list.not-read:after {
    right: 7px;
    width: 6px;
    height: 6px;
  }
  header nav .top-header .user-menus ul li.mobile-avatar a, header nav .top-header .user-menus ul li.mobile-deposit a {
    margin-right: 2px !important;
  }
  header nav .top-header .user-menus ul li.language-btn, header nav .top-header .user-menus ul li.wallet-btn {
    margin: 0 2px;
  }
  header nav .top-header .user-menus ul li.language-btn a, header nav .top-header .user-menus ul li.wallet-btn a {
    font-size: 10px !important;
    padding: 0 4px !important;
    width: auto;
    min-width: 85px;
  }
  header nav .top-header .user-menus ul li.language-btn a i, header nav .top-header .user-menus ul li.wallet-btn a i {
    font-size: 8px !important;
    margin-left: 3px !important;
  }
  header nav .top-header .user-menus ul li.language-btn .dropdown-content, header nav .top-header .user-menus ul li.wallet-btn .dropdown-content {
    min-width: 220px;
  }
  header nav .top-header .user-menus .login-btn a {
    width: 60px !important;
    height: 35px !important;
    font-size: 10px !important;
    padding: 0 8px;
  }
  .page-notfound .mt-title h3 {
    font-size: 17px;
  }
  .page-notfound .mt-title p {
    font-size: 12px;
  }
  #modal-notification.modal .modal-content .main-content .not-details .bottom-content {
    margin-left: -29px;
    margin-top: 14px;
  }
  main.full-wrap .spin-popup-button {
    width: 40%;
  }
  main.full-wrap #casino-page .col-center .all-top .top-header .top-title {
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .headline-btn {
    bottom: 22px !important;
    padding: 10px !important;
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box {
    width: 31.1% !important;
  }
  main.full-wrap #casino-page .col-center .category-sliderWrapper .category-sports-dropdown {
    max-width: 100%;
    margin-bottom: 8px;
  }
  main.account-pages .col-center .card {
    width: 97.4%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
    width: 100% !important;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens {
    padding: 11px 5px 20px;
    background-position: 80% 100%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .title {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .more-bets {
    font-size: 11px;
    line-height: 24px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn {
    padding: 8px 2px;
    font-size: 10px;
    line-height: 1.5;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images {
    flex-wrap: wrap;
    gap: 8px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values {
    width: 48.5%;
    background-size: cover;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .value {
    font-size: 17px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .name {
    font-size: 13px;
    padding: 9px 0px 11px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .deposit-modal .amount-bg {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .deposit-modal .amount-bg .document-details {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a {
    padding: 7px 4px;
    margin: 12px 2px 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a .payment-img {
    width: 52px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a h2 {
    font-size: 9px !important;
    line-height: 12px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a h6 {
    font-size: 9px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-options .options {
    width: 28%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-options .options label span {
    padding-left: 29px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .qr-codes .qr-title {
    font-size: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg:first-child {
    margin: 5px 0px 5px 0;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details {
    margin: 10px 0 0px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .qr-codes .qr-title {
    font-size: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept h2 {
    font-size: 38px;
    line-height: 61px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept p {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown .base-timer {
    width: 180px !important;
    height: 180px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown .base-timer .base-timer__label {
    width: 180px !important;
    height: 180px !important;
    font-size: 19px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-verification.countdown p {
    font-size: 9.5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .back-page .balance-check .balance-btn {
    display: flex;
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .deposit-value .bid-rate {
    grid-template-columns: auto auto !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #button-background {
    width: 149px;
    margin-left: 7px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #slider.unlocked {
    left: calc(60% + 11px) !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload_ss-details .upload_ss .btn {
    padding: 10px 15px 41px !important;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown {
    max-width: 200px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner {
    padding: 20px 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-img {
    width: 30%;
    right: 0;
    top: -7px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-title h2 {
    font-size: 22px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content p {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code {
    padding: 3px 3px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-btn {
    padding: 5px;
    font-size: 11px;
    border-radius: 4px;
    margin-right: 2px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a {
    width: 49%;
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn svg {
    width: 20px;
    height: 20px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel .lavel .leavel-number {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2 {
    font-size: 16px;
  }
  main.account-pages .withraw .withraw-content .bank-amount {
    max-width: 200px !important;
  }
  main.account-pages .withraw .withraw-content .padding-0 {
    padding: 0;
  }
  main .col-center.vip .vip-all-content .top-content .vip-lavel a.vip-btn span {
    font-size: 16px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .daily-event-title {
    font-size: 18px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-text {
    font-size: 23px !important;
    line-height: 33px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-img-text {
    font-size: 14px !important;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw {
    padding: 14px 10px 6px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main {
    display: block;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .bonus-text .text {
    font-size: 12px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .withdraw-btn {
    margin-top: 10px;
    margin-bottom: 3px;
  }
  main .col-center.vip .vip-all-content .vip-condition .daily-event-title {
    font-size: 18px;
  }
  main .col-center.vip .download-app-section .col.s6.m9 {
    padding: 0 5px;
  }
  main .col-center.vip .download-app-section .app-info a {
    font-size: 12px;
    margin: 0;
  }
  main .col-center.vip .download-app-section .app-info p {
    font-size: 11px;
  }
  main .col-center.vip .download-app-section .app-images img {
    margin: -30px auto 6px;
    height: 95px;
  }
  main .all-casinos .portfolio .port-content {
    width: 48.5%;
  }
  main #button-background .slide-text {
    right: 8px;
    font-size: 10px;
  }
  #otp-page.modal .otp-page .otp-details .otp-verify input[type=text],
  #otp-page.modal .otp-page .otp-details .otp-verify input[type=number],
  #otp-page.modal .otp-page .otp-details .otp-verify input[type=tel],
  #password-page.modal .otp-page .otp-details .otp-verify input[type=text],
  #password-page.modal .otp-page .otp-details .otp-verify input[type=number],
  #password-page.modal .otp-page .otp-details .otp-verify input[type=tel] {
    margin: 0 1px;
  }
  .footer {
    width: 94.3% !important;
  }
  .footer .about-us .links .link a {
    padding-left: 3px;
    margin-right: 2px;
  }
  .footer .download-buttons .download-btn,
  .footer .download-buttons .affiliate-btn {
    padding: 0 7px;
  }
  .whatsapp-id .wp-bg .description span {
    height: 45px !important;
    font-size: 10px !important;
    height: 24px !important;
  }
  .whatsapp-id .wp-bg .close-btn {
    right: -6px !important;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-title a {
    font-size: 18px;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 74%;
  }
  #slider-popup.modal .modal-content .popup_slider .swiper-prev .onboard-btn,
  #slider-popup.modal .modal-content .popup_slider .swiper-next .onboard-btn {
    font-size: 12px;
  }
  #slider-popup.modal .modal-content .popup_slider .swiper-pagination {
    bottom: 14%;
  }
  #slider-popup.modal .modal-content .popup_slider .prev-next-btn {
    bottom: 8%;
  }
  #slider-popup.modal .close-icon {
    top: 4px;
  }
  #Daily-Login-Bonus.modal {
    max-height: 550px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .daily-bonus-content {
    margin-top: 25px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item .daily-bonus-content .daily-bonus-text p {
    font-size: 20px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item span {
    font-size: 9px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot {
    width: 100%;
  }
  #spin-popup.modal {
    width: 98% !important;
    max-width: 99% !important;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg1 {
    left: 373px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg7 {
    left: 46px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg2 {
    left: 422px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row .spin-body .wheel-body #starImg6 {
    left: -4px;
  }
  #spin-popup.modal .modal-close {
    right: 0%;
    top: -4%;
  }
  #cancel-popup.modal .modal-content .modal-footer button {
    min-width: 120px;
  }
  #cancel-popup.modal .modal-content {
    padding: 28px 10px 28px;
  }
  #cancel-popup.modal .modal-content .modal-body p {
    font-size: 14px;
  }
  .bottom-tabs .bottom-image svg {
    height: 100px !important;
  }
}
@media (min-width: 380px) and (max-width: 480px) {
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-img-text {
    font-size: 14px !important;
  }
  main.account-pages .col-center .card {
    width: 97.5%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown {
    max-width: 235px;
  }
  main.account-pages .withraw .withraw-content .bank-amount {
    max-width: 235px !important;
  }
}
@media (min-width: 360px) and (max-width: 379px) {
  header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs #tab1,
  header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs #tab2 {
    max-height: 60vh;
  }
  main.account-pages .col-center .card {
    width: 97.5%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #button-background {
    width: 160px !important;
    margin-left: 7px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .submit-btn-details #slider.unlocked {
    left: calc(60% + 15px) !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a {
    padding: 7px 6px;
    margin: 6px 3px 9px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a h2 {
    font-size: 9px;
    line-height: 11px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a h6 {
    font-size: 9px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .back-page .balance-check .balance-btn {
    display: flex;
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown {
    max-width: 200px;
  }
  main.account-pages .col-center .sports-title {
    padding: 0px 10px 6px !important;
  }
  main.account-pages .withraw .withraw-content .bank-amount {
    max-width: 200px !important;
  }
  main.account-pages .withraw .withraw-content .padding-0 {
    padding: 0;
  }
  main #button-background .slide-text {
    right: 8px;
  }
  main #button-background.bg-converted .slide-text {
    right: -8px;
  }
  main .col-center .inplay-list.events .team-details .team-2 {
    width: 86%;
  }
  main .col-center .inplay-list.events .team-details .team-list {
    margin: 0;
  }
  main .col-center .inplay-list.events .team-details .team-list .score {
    margin-right: 10px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-img img {
    top: 23px !important;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-img-text {
    font-size: 14px !important;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw {
    padding: 15px 10px 0px 10px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main {
    display: block !important;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .withdraw-btn {
    width: 100%;
    margin-top: 15px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .bonus-text .withdraw-price {
    margin-top: 10px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bounus-details {
    margin: 10px 0 0;
  }
  main .col-center.vip .vip-all-content .vip-condition .condition-details .input-field {
    padding: 22px 8px 3px;
  }
  main .col-center.vip .vip-all-content .vip-condition .condition-details .input-field label {
    left: 0px !important;
    font-size: 13px !important;
  }
  main .col-center.vip .vip-all-content .download-app-section .app-info a {
    font-size: 13px;
    margin: 0;
  }
  main .col-center.vip .vip-all-content .download-app-section .app-info p {
    font-size: 10px;
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box .all-top-image {
    width: 105px !important;
  }
  #slider-popup.modal .modal-content .popup_slider .swiper-pagination {
    bottom: 11%;
  }
  #slider-popup.modal .modal-content .popup_slider .prev-next-btn {
    bottom: 3%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav .top-header .user-menus ul .notification .not-dropdown .notification-tabs #tab11 {
    overflow: auto;
    height: 475px;
  }
  header nav .top-header .user-menus ul .notification .not-dropdown .notification-tabs #tab22 {
    overflow: auto;
    height: 475px;
  }
  header nav .top-header .user-menus ul .notification .not-dropdown .not-arrow:before {
    left: 87% !important;
  }
  .events-mobile {
    display: none;
  }
  main.full-wrap {
    margin: 40px 15px 15px 10px;
  }
  main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  main.sticky-margin {
    margin-top: 160px;
  }
  main .col-center {
    padding-right: 265px !important;
    padding-left: 0px !important;
  }
  main .col-center .top-content .upper-slider {
    bottom: 5px;
  }
  main .col-center .blog-section .blog-item-section {
    margin-top: 10px;
    padding: 0;
  }
  main .col-center .blog-section .blog-item-section .row .col.xl7 {
    width: 60% !important;
    padding-right: 10px;
  }
  main .col-center .blog-section .blog-item-section .row .col.xl5 {
    width: 40% !important;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card {
    padding: 15px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-title {
    font-size: 14px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .blog-details .date i {
    margin-right: 5px;
    font-size: 14px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .blog-details .date span {
    font-size: 14px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .more-link {
    width: 25px;
    height: 25px;
    line-height: 30px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .blog-box1 .card .card-content .more-link svg {
    width: 25px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .swiper-button-prev {
    left: -6px;
  }
  main .col-center .blog-section .blog-item-section .blog-block .blog_slider .swiper-button-next {
    right: -6px;
  }
  main .col-center .blog-item-section .inner-breadcumbs .nav-wrapper {
    padding-bottom: 10px !important;
  }
  main .col-center .rightbox h5 {
    margin: 0px 0px 15px;
    font-size: 15px;
    padding-bottom: 10px;
  }
  main .col-center .rightbox .card {
    padding: 14px;
  }
  main .col-center .rightbox .card .card-title {
    font-size: 13px;
    line-height: 20px;
  }
  main .col-center .rightbox .card .all-bages {
    top: 25px;
    left: 25px;
  }
  main .col-center .rightbox .card .all-bages .badge {
    padding: 2px 12px !important;
    font-size: 10px !important;
  }
  main .col-center .rightbox .card .card-content {
    padding: 16px 0px 0px;
  }
  main .col-center .rightbox .card .card-content .blog-details .date i {
    font-size: 15px;
  }
  main .col-center .rightbox .card .card-content .blog-details .date span {
    font-size: 12px;
  }
  main .col-center .rightbox .card .card-content .more-link {
    width: 28px;
    height: 25px;
    line-height: 26px;
  }
  main .col-center .rightbox .card .card-content .more-link svg {
    width: 25px;
    height: 12px;
  }
  main .col-center .rightsidebar {
    width: 260px;
    right: 5px;
  }
  main .col-center .rightsidebar .live-match {
    display: none;
  }
  main .col-center .rightsidebar .promotion-tab ul.tabs li.tab a {
    padding: 0 10px;
  }
  main .col-center .rightsidebar .livecasino .game-slider .flex-wrap .game-item {
    width: 48.3%;
  }
  main .col-center .promo-tab .promo-details .coupens {
    width: 100%;
    max-width: 480px;
    margin: 5px;
    padding: 10px;
  }
  main .col-center .promo-tab .promo-details .coupens .timer .icon {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
  main .col-center .promo-tab .promo-details .coupens .timer .icon svg {
    width: 15px;
    height: 15px;
  }
  main .col-center .promo-tab .promo-details .coupens .timer .time .end-in {
    font-size: 11px;
  }
  main .col-center .promo-tab .promo-details .coupens .timer .time .days {
    font-size: 11px;
  }
  main .col-center .promo-tab .promo-details .coupens .read-more a {
    bottom: -10px;
    width: 85px;
    height: 35px;
    line-height: 34px;
    font-size: 12px;
  }
  main .col-center .promo-details-tab .pdetails .top-details .bonus-detail .promo-code {
    float: left;
  }
  main .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a {
    padding: 10px 10px !important;
    margin: 10px 6px 10px !important;
  }
  main .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a h2 {
    font-size: 10px !important;
  }
  main .col-center .sports-title {
    padding: 5px 10px 5px !important;
  }
  main .col-center .col-center .mobile-app .main-content .right-section {
    padding: 0px 5px 0px;
  }
  main .col-center .col-center .mobile-app .main-content .right-section .ios .contents {
    padding: 0px 5px 0px 5px;
  }
  main .col-center.vip .vip-all-content .top-content {
    height: 278px;
  }
  main .col-center.vip .vip-all-content .top-content .vip-banner {
    width: 100%;
  }
  main .col-center.vip .vip-all-content .top-content .vip-lavel a.vip-btn {
    padding: 8px 15px 6px;
  }
  main .col-center.vip .vip-all-content .swiper-container.vip_slider .swiper-slide a img {
    width: 100px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row {
    display: flex;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col {
    padding: 0 5px;
    margin-bottom: 10px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  main .col-center.vip .vip-all-content .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-text {
    font-size: 28px;
    width: 150px;
  }
  main .col-center.vip .vip-all-content .bounus-details .row {
    display: flex;
    flex-wrap: wrap;
  }
  main .col-center.vip .vip-all-content .bounus-details .row .col {
    margin-bottom: 10px !important;
    padding: 0 5px;
  }
  main .col-center.vip .vip-all-content .bounus-details .promo-info .promo-img .promo-right-img {
    width: 48%;
  }
  main .col-center.vip .vip-all-content .bounus-details .promo-info .promo-img .promo-right-img img {
    width: 100%;
  }
  main .col-center.vip .vip-all-content .bounus-details .promo-info .promo-img .promo-text {
    padding: 20px 5px 20px 0px !important;
  }
  main .col-center.vip .vip-all-content .bounus-details .promo-info .promo-img .promo-text .text {
    font-size: 16px !important;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw {
    padding: 14px 10px;
  }
  main .col-center.vip .vip-all-content .vip-benefits .bonus-withdraw .bonus-main .withdraw-btn {
    width: 180px;
  }
  main .col-center.vip .download-app-section {
    padding: 10px 5px;
  }
  main .col-center.vip .download-app-section .app-images img {
    margin: -50px auto 0px;
    height: 100px !important;
  }
  main .col-center .mobile-app .main-content .right-section {
    padding: 0px 10px 0px;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents {
    padding: 0px 5px 0px 0px;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents .title {
    font-size: 16px;
  }
  main .col-center .mobile-app .main-content .right-section .ios .contents {
    padding: 0px 5px 0px 0px;
  }
  main .col-center .mobile-app .main-content .right-section .ios .contents .title {
    font-size: 16px;
  }
  main .col-center .mobile-app .install-btns .download-btn {
    font-size: 12px;
  }
  main .col-center .mobile-app .install-btns .download-btn .button-animate .animate-btn {
    padding-left: 5px;
  }
  main .col-center .mobile-app .install-title h2 {
    font-size: 20px;
  }
  main .col-center .mobile-app .install-title p {
    font-size: 16px;
  }
  main .col-center .mobile-app .steps-list {
    margin-top: 10px;
  }
  main .col-center .mobile-app .steps-list .step-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  main .col-center .mobile-app .steps-list .steps-item {
    gap: 10px;
    margin-bottom: 8px;
  }
  main .col-center .mobile-app .steps-list .steps-item .step-info p {
    font-size: 15px;
  }
  main .col-center .mobile-app .steps-list .steps-item .step-info .share-menu {
    width: 100%;
  }
  main .col-center .mobile-app .steps-list .steps-item .step-info .home-add-menu {
    width: 100%;
  }
  main .col-center .mobile-app .steps-list .steps-item .step-img {
    width: 10%;
  }
  main .col-center .mobile-app .install-process-section {
    gap: 10px;
  }
  main .col-center .mobile-app .install-process-section .process-item .install-app-img {
    padding: 12px;
  }
  main .col-center .mobile-app .install-process-section .process-item .install-app-img img {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head {
    margin-top: 10px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head svg {
    height: 30px;
    width: 30px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head span {
    font-size: 18px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head p {
    font-size: 14px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list {
    margin-top: 10px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .step-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item {
    gap: 10px;
    margin-bottom: 8px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info p {
    font-size: 15px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .share-menu {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .home-add-menu {
    width: 250px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-img {
    width: 10%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr {
    gap: 12px;
    margin-top: 30px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-img {
    border-radius: 8px;
    padding: 8px;
    width: 30%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-info p {
    font-size: 16px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img svg {
    width: 35px;
    height: 25px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-title {
    font-size: 16px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-desc span {
    font-size: 16px;
  }
  main .col-center .mobile-app .online-betting-section .bet-title {
    font-size: 16px;
  }
  main .col-center .mobile-app .online-betting-section .feature-list {
    padding-left: 10px;
    margin: 8px 0;
  }
  main .col-center .mobile-app .online-betting-section .feature-list .feature-item {
    margin-bottom: 6px;
  }
  main .col-center .mobile-app .online-betting-section .feature-list .feature-item span {
    font-size: 14px;
  }
  main .col-center .mobile-app .online-betting-section p {
    font-size: 15px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .support-device span {
    font-size: 13px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .install-btns .download-btn {
    font-size: 14px;
    padding: 8px 18px;
  }
  main .col-center .mobile-app .how-download-section {
    gap: 12px;
  }
  main .col-center .mobile-app .how-download-section .download-step-img {
    width: 25%;
    height: 450px;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-text span {
    font-size: 16px;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-icon {
    width: 40%;
  }
  main .col-center .mobile-app .register-steps-box .install-title {
    width: 100%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main {
    gap: 20px;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step {
    width: 32%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step-content span {
    font-size: 16px;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail table tr th {
    font-size: 18px;
    padding: 10px 5px;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail table tr td span {
    font-size: 16px;
  }
  main .col-center .mobile-app .casino-app {
    gap: 10px;
  }
  main .col-center .mobile-app .casino-app .regiter-step-img {
    gap: 12px;
  }
  main .col-center .mobile-app .android .contents .version {
    display: none;
  }
  main .col-center .mobile-app .android .contents .download-btn {
    display: none;
  }
  main .col-center .mobile-app .android .contents .mobile {
    display: none;
  }
  main .col-center .mobile-app .ios .contents .install-mob-instruction {
    display: none;
  }
  main.account-pages .col-center {
    padding-right: 255px !important;
  }
  main.account-pages .col-center .card .card-content {
    padding: 0 5px;
  }
  main.account-pages .col-center .card .card-content .pagination {
    margin-bottom: 5px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg {
    width: 48.4%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept img {
    width: 32%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept h2 {
    font-size: 45px;
    line-height: 50px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept button {
    width: 235px;
    height: 45px;
    font-size: 17px;
    margin-top: 20px !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-reject a span {
    font-size: 25px;
    line-height: 35px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-id .upi-text {
    width: 33% !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied {
    left: 29%;
    top: -40px;
    padding: 7px 5px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content .icons .tooltip-copied span {
    font-size: 13px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-btn .payment-transfer a h2 {
    font-size: 13px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a {
    width: 100px;
    height: 70px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a img {
    max-width: 50px;
    max-height: 50px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr {
    max-width: 200px;
    height: 200px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr img {
    max-width: 62px;
    top: 45px;
    left: 75px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .scan-id .d-flex .scan-qr-text {
    max-width: 350px;
    margin: auto;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .utr-amount-details .left-content .amount-bg {
    width: 48.4%;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .deposit-value .bid-rate {
    grid-template-columns: auto auto auto auto;
  }
  main.account-pages .col-center .card .card-content .tutorial-content .tutorial-details .tabs .tab a {
    width: auto;
    margin: 0 5px;
  }
  main.account-pages .col-center .card .card-content .input-field.col.s6.m1.l2.input-col {
    width: 30%;
  }
  main.account-pages .col-center .card .card-content .input-field.col.s6.m3.l3.input-col {
    width: 35%;
  }
  main.account-pages .col-center .card .card-content .balance-tabs .bal-cols {
    padding-left: 10px;
  }
  main.account-pages .col-center .card .card-content .balance-tabs .bal-cols:first-child {
    padding-left: 0;
  }
  main.account-pages .col-center .card .card-content .input-box {
    margin-bottom: 10px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content {
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .input-field {
    width: 85%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown {
    max-width: 270px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .add-bank {
    font-size: 12px;
    margin: 0px 5px 0 5px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .add-bank i {
    margin-right: 5px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .input-field {
    width: 100%;
    display: flex;
    float: unset;
    justify-content: space-between;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .input-field .kyc-dropdown {
    max-width: 50%;
    width: 49%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .input-field .document-details {
    width: 49%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .input-field .document-details .input-field {
    max-width: 100%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .input-field .upload-id .upload-btn .btn {
    font-size: 12px;
    padding: 16px 7px 42px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .input-field .upload-id .upload-btn .btn .upload-inner-title {
    font-size: 9px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .input-field .upload-id .upload-btn .btn .upload-title {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .input-field .upload-id .upload-btn .btn a {
    width: 25px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .input-field .upload-id .upload-btn .btn a svg {
    width: 25px;
    height: 25px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .input-field .upload-id .upload-btn .upload-document {
    padding: 9px 20px !important;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-amount {
    max-width: 270px;
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
    width: 100%;
    margin: 5px 4px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens {
    background-size: 100%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text {
    width: 59%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values {
    background-size: 100%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .name {
    padding: 10px 0px 11px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .value {
    font-size: 19px;
  }
  main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .left-bal-content {
    margin: 0 5px 0 0px;
  }
  main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .left-bal-content img {
    width: auto;
    max-width: 35px;
  }
  main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .right-bal-content {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .balance-tabs .bal-cols .right-bal-content .value {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page {
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box {
    flex-direction: column;
    gap: 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-title h2 {
    font-size: 28px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-img {
    position: absolute;
    right: -1px;
    top: -11px;
    width: 34%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content p {
    color: var(--white-text);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code {
    padding: 3px 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-btn {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 700;
    margin-right: 3px;
    width: 35%;
    text-align: center;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-input input {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    text-wrap: nowrap;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn {
    width: 8%;
    text-align: right;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner::after {
    top: -13px;
    width: 60%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item {
    width: 49%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item h3 {
    font-size: 16px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item span {
    font-size: 32px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel {
    margin-right: 5px;
    width: 40%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2 {
    font-size: 18px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2::after {
    width: 58%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list {
    flex-direction: column;
    gap: 25px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-img img {
    width: 130px;
    display: block;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing {
    flex-direction: column;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-bg {
    width: 60%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul {
    padding-left: 15px;
    list-style-type: disc;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p span {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box {
    flex-direction: column;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-content .winner-amount {
    font-size: 32px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .top_win_img {
    height: 80px;
    width: 80px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .num_img {
    right: -22px;
    width: 50px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right {
    width: 100%;
    margin-top: 30px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail {
    gap: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail .winner_num img {
    width: 30px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-amount {
    font-size: 18px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-text p {
    font-size: 12px;
  }
  main.account-pages .col-center .account-statement .card .detail .amount-data {
    display: flex !important;
  }
  main.account-pages .col-center .account-statement .card .detail .label {
    margin: 3px 4px !important;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content {
    display: block;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .deposit-request,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .withdraw-request {
    max-height: 120px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .progresspoint,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .progresspoint {
    right: 23%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .progresspoint {
    left: 25%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content {
    display: block;
    float: left;
  }
  main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .slide-arrow {
    top: 43%;
  }
  main.profile-pages .col-center {
    padding: 0px 0px 10px 15px !important;
  }
  main .all-casinos .portfolio .port-content {
    width: 47.8%;
  }
  main .footer {
    width: 100% !important;
    margin: 0;
    margin-bottom: 83px;
  }
  .page-notfound .mt-title p {
    max-width: 70%;
  }
  .page-notfound .report-buttons {
    max-width: 70%;
  }
  .page-notfound .error-images {
    height: 200px;
  }
  .page-notfound .error-images svg {
    width: 350px;
    height: 220px;
  }
  .page-notfound header nav .brand-logo {
    left: 0;
  }
  .modal#veronica {
    height: 483px;
    width: 720px;
  }
  #cashout.modal {
    height: 350px;
    width: 400px;
  }
  #cashout.modal .modal-cashout-content svg {
    height: 71px !important;
  }
  .bottom-tabs .bottom-image {
    top: -10px !important;
    background-image: radial-gradient(circle at 50% 6px, transparent 115px, var(--bottom-tab-bg) 57px);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
  .bottom-tabs .bottom-image svg {
    height: 105px !important;
  }
  .bottom-tabs ul.dropdown-content {
    max-width: 40% !important;
  }
  .sidebar-open {
    margin-left: 5px !important;
  }
  .dataTables_wrapper .dataTables_filter {
    top: 0px;
  }
  .scrollToTop {
    bottom: 90px;
    z-index: 9;
    right: auto;
    left: 20px;
  }
  .mobile-popup {
    display: none;
  }
  .footer .global-partner h4 {
    font-size: 20px;
    margin: 10px 0 15px;
  }
  .footer .reach-us {
    margin-bottom: 5px;
  }
  .footer .reach-us h4 {
    font-size: 16px;
  }
  .footer .reach-us .social-media a {
    margin: 0 5px;
  }
  .footer .reach-us .social-media a .icon img {
    width: 15px;
  }
  .footer .safe-payment .pay-details h4 {
    margin: 0.52rem 0 0.2rem 0;
  }
  .footer .trusted-by {
    margin: 0.2rem 0 1rem 0;
  }
  .footer .social-details {
    padding: 10px !important;
  }
  .footer .about-us .links .link a {
    font-size: 10px;
    padding-left: 3px;
    margin-right: 3px;
  }
  .footer .about-us .links .link a::after {
    height: 7px;
    top: 3px;
    left: -3px;
  }
  .footer .game-rules .icons a img {
    width: 20px;
    height: 20px;
  }
  #modal-notification.modal {
    max-width: 580px;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 65%;
  }
  #slider-popup.modal .modal-content .popup_slider .swiper-pagination {
    bottom: 14%;
  }
  #slider-popup.modal .modal-content .popup_slider .prev-next-btn {
    bottom: 6%;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item span {
    font-size: 11px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .jackpot span {
    font-size: 48px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .bonus span {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  .crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-157aw {
    width: 50px !important;
    height: 50px !important;
  }
  .crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf {
    bottom: 80px !important;
  }
  .crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf {
    bottom: 80px !important;
  }
  .news-feed {
    left: 0;
  }
  .landing-page .main-content {
    margin-top: 45px !important;
  }
  #search.modal {
    max-width: 100%;
    max-height: 75%;
    top: auto !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  header .navbar-fixed {
    z-index: 99;
  }
  header .iconsidebar-menu {
    left: -230px;
    z-index: 9999;
  }
  header .iconsidebar-menu .iconMenu-bar {
    width: 220px;
    background: var(--left-menu-bg);
  }
  header .iconsidebar-menu .iconMenu-bar.open .bar-icons {
    width: 180px;
  }
  header .iconsidebar-menu .iconMenu-bar .bar-icons {
    width: 180px;
    margin-left: 17px;
  }
  header .iconsidebar-menu .iconMenu-bar .bar-icons .sports-content {
    opacity: 1;
    display: flex !important;
    align-items: center;
    transition: all ease-in 0.2s;
  }
  header .iconsidebar-menu .iconMenu-bar .bar-icons .sports-content .badge {
    left: 0px;
  }
  header .iconsidebar-menu-mobile {
    left: 0;
  }
  header .iconsidebar-menu-mobile .sidebar .iconMenu-bar.open {
    width: 220px;
  }
  header nav {
    line-height: 55px;
  }
  header nav .sidenav-trigger {
    margin: 0 5px 0 10px;
    height: 70px;
  }
  header nav .sidenav-trigger .bar-img {
    top: 18px;
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header nav .sidenav-trigger .bar-img img {
    width: 28px;
  }
  header nav .sidenav-trigger .bar-img svg {
    width: 26px;
    height: 26px;
  }
  header nav .sidenav-trigger .bar-img svg path {
    stroke: var(--primary-text-color);
  }
  header nav .sidenav-trigger .bar-img .hamburger {
    background: var(--button-bg);
    width: 35px;
    height: 32px;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    padding: 3px 4px;
  }
  header nav .sidenav-trigger .bar-img .hamburger span {
    position: relative;
    display: block;
    width: 13px;
    height: 3px;
    margin: 3px 0;
    background-color: var(--primary-color);
    border-radius: 10px;
    transition: all 0.3s;
    left: 0;
    box-shadow: var(--box-shadow4);
  }
  header nav .sidenav-trigger .bar-img .hamburger span:nth-child(2) {
    width: 21px;
    right: 1px;
  }
  header nav .sidenav-trigger.active .bar-img .hamburger span:nth-child(1) {
    width: 19px;
    top: 5px;
    transform: rotate(45deg) translate(1px, 1px);
    margin-bottom: 0;
    right: 0px;
    left: 1px;
  }
  header nav .sidenav-trigger.active .bar-img .hamburger span:nth-child(2) {
    opacity: 0;
    background-color: transparent;
  }
  header nav .sidenav-trigger.active .bar-img .hamburger span:nth-child(3) {
    width: 19px;
    right: 0;
    bottom: 3px;
    transform: rotate(-45deg) translate(2px, -2px);
    margin-bottom: 0;
    left: 1px;
  }
  header nav .brand-logo {
    left: 5px;
    transform: translateX(0);
    margin-right: 10px !important;
  }
  header nav .top-header {
    padding: 0 5px 0 5px;
  }
  header nav .top-header .brand-logo img {
    width: 180px;
    height: 30px;
  }
  header nav .top-header .user-menus ul li.notification {
    order: 3;
  }
  header nav .top-header .user-menus ul li.notification a {
    background: var(--primary-color);
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    margin-top: 0;
    align-content: center;
    border: 1px solid var(--play-with-border);
  }
  header nav .top-header .user-menus ul li.notification a .badge {
    top: -5px;
    right: -3px;
    width: 14px;
    min-height: 14px;
    line-height: 9px;
    min-width: 10px;
    font-size: 10px;
    font-weight: 600;
    background: var(--notification-badge);
    border: 1px solid var(--notification-badge-border);
    color: var(--white-text);
  }
  header nav .top-header .user-menus ul li.notification .not-dropdown .notification-tabs ul li a {
    background-color: transparent;
    border-radius: 5px;
    height: 40px;
  }
  header nav .top-header .user-menus ul li.mobile-deposit a, header nav .top-header .user-menus ul li.mobile-avatar a {
    background: var(--primary-color);
    width: 27px;
    height: 27px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
  }
  header nav .top-header .user-menus ul li.mobile-deposit a svg,
  header nav .top-header .user-menus ul li.mobile-deposit a img, header nav .top-header .user-menus ul li.mobile-avatar a svg,
  header nav .top-header .user-menus ul li.mobile-avatar a img {
    width: 17px;
    height: 17px;
  }
  header nav .top-header .user-menus ul li.mobile-deposit {
    margin-left: 2px;
  }
  header nav .top-header .user-menus ul li.mobile-deposit a {
    background-color: var(--whatsapp-btn);
  }
  header nav .top-header .user-menus .avatar {
    order: 4;
  }
  header nav .top-header .user-menus .avatar a {
    background: var(--primary-color);
    width: 27px;
    height: 27px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
  }
  header nav .top-header .user-menus .avatar a img {
    width: 20px;
    height: 19px;
  }
  header nav .top-header .user-menus .avatar a .fa-chevron-down {
    display: none;
  }
  header nav .top-header .user-menus .avatar a.dropdown-trigger {
    width: 27px !important;
  }
  .dark .toggle-switch .content {
    background-color: transparent;
  }
  .dark .toggle-switch .names p svg path,
  .dark .toggle-switch .names p svg circle {
    fill: #ff9b09 !important;
    stroke: none !important;
  }
  .dark #user-dropdown-modal .modal-content .user-card .dw-details .dw-buttons .deposit-btn,
  .dark #user-dropdown-modal .modal-content .user-card .dw-details .dw-buttons .withdraw-btn {
    background: var(--black-text);
  }
  .dark #user-dropdown-modal .modal-content li:hover a {
    color: var(--black-text);
  }
  .dark #user-dropdown-modal .modal-content li:hover a svg path,
  .dark #user-dropdown-modal .modal-content li:hover a svg rect {
    fill: var(--black-text);
  }
  .dark .bottom-tabs ul li.active .title-name {
    color: var(--primary-color);
    font-weight: 500;
  }
  .dark .bottom-tabs ul li .title-name {
    color: var(--white-text);
    font-weight: 500;
  }
  .bottom-tabs {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -1px;
    color: var(--secondary-text-color);
    font-size: 13px;
    z-index: 98;
    display: block;
  }
  .bottom-tabs .bottom-image {
    width: 100%;
    position: absolute;
    top: -20px;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .bottom-tabs .bottom-image svg {
    width: 100%;
    height: 115px;
  }
  .bottom-tabs .bottom-image svg path,
  .bottom-tabs .bottom-image svg circle {
    fill: var(--bottom-tab-bg);
  }
  .bottom-tabs ul {
    display: flex;
    margin: 0;
  }
  .bottom-tabs ul li {
    flex-basis: 20%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    flex-direction: column;
  }
  .bottom-tabs ul li.active .title-name {
    color: var(--black-text);
  }
  .bottom-tabs ul li .title-name {
    color: var(--bottom-tab-text-color);
    z-index: 9;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 2px;
    margin-top: 3px;
  }
  .bottom-tabs ul li a {
    color: var(--primary-text-color);
    cursor: pointer;
    font-size: 11px;
    text-align: center;
    position: relative;
    display: flex;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    background-color: var(--bottom-tab-icon-bg);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    top: 2px;
  }
  .bottom-tabs ul li a img {
    width: 33px;
    height: 33px;
    display: inline-block;
    margin: auto;
  }
  .bottom-tabs ul li a svg {
    display: inline-block;
    margin: auto;
    width: 25px;
    height: 25px;
  }
  .bottom-tabs ul li a svg path,
  .bottom-tabs ul li a svg rect {
    stroke: var(--primary-color);
  }
  .bottom-tabs ul li a.blank-bg {
    background-color: transparent;
    width: auto;
    height: auto;
  }
  .bottom-tabs ul li a .badge {
    background-color: var(--primary-color);
    color: var(--badge-text-color);
    font-size: 9px;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    position: absolute;
    margin-left: 0;
    text-align: center;
    top: -1px;
    right: -3px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .bottom-tabs ul li a.active {
    background-color: var(--primary-color);
  }
  .bottom-tabs ul li a.active img {
    opacity: 1;
    filter: none;
  }
  .bottom-tabs ul li a.active svg path,
  .bottom-tabs ul li a.active svg circle,
  .bottom-tabs ul li a.active svg text,
  .bottom-tabs ul li a.active svg rect {
    stroke: var(--badge-text-color);
  }
  .bottom-tabs ul li a .username {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bottom-tabs ul li a .fa-times {
    font-size: 18px;
    color: var(--primary-text-color);
  }
  .bottom-tabs ul li.big {
    position: absolute;
    height: 70px;
    width: 20%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 10px;
  }
  .bottom-tabs ul li.big::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    width: 60px;
    height: 60px;
    background: var(--button-bg);
    border-radius: 100%;
    z-index: -1;
    margin: auto;
    box-shadow: none;
  }
  .bottom-tabs ul li.big a {
    position: relative;
    color: var(--primary-text-color);
    top: -13px;
    background-color: transparent;
    width: auto;
    height: auto;
  }
  .bottom-tabs ul li.big a i {
    font-size: 35px;
    position: relative;
    left: 1px;
    top: -2px;
    color: var(--whatsapp-id-green-color);
  }
  .bottom-tabs ul li.big a svg {
    width: 40px;
    height: 40px;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
  }
  .bottom-tabs ul li.big a img {
    width: auto;
    height: 40px;
    opacity: 1;
  }
  .bottom-tabs ul li.big a:hover, .bottom-tabs ul li.big a.active {
    box-shadow: none;
  }
  .bottom-tabs ul li.big a.bowler svg {
    fill: var(--light-text-color);
  }
  .bottom-tabs ul li.big:hover, .bottom-tabs ul li.big.active {
    background-color: transparent;
  }
  .bottom-tabs ul li .fill-icon svg path {
    fill: var(--light-text-color);
  }
  .bottom-tabs ul li.all-sports a svg path,
  .bottom-tabs ul li.all-sports a svg rect {
    stroke: none;
    fill: var(--white-text);
  }
  .bottom-tabs ul li.all-sports a.active svg path,
  .bottom-tabs ul li.all-sports a.active svg rect {
    fill: var(--black-text);
  }
  .bottom-tabs ul li.bottom-casino a svg path {
    stroke: none;
    fill: var(--white-text);
  }
  .bottom-tabs ul li.bottom-casino a.active svg path {
    stroke: none;
    fill: var(--black-text);
  }
  .bottom-tabs ul li.bottom-promo a svg rect {
    stroke: none;
  }
  .bottom-tabs ul li.bottom-promo a svg path {
    stroke: none;
    fill: var(--primary-color);
  }
  .bottom-tabs ul li.bottom-promo a.active svg path {
    stroke: none;
    fill: var(--white-text);
  }
  .bottom-tabs ul.dw-open {
    right: -5px !important;
    transform: translate3d(0, 0, 0px) !important;
  }
  .hide-bottom-tabs {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: all 1s ease;
  }
  .hide-bottom-tabs.show-bottom-tabs {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 1s ease;
  }
  main.new-casino-page .col-center-casino {
    padding: 0;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  main.new-casino-pageTwo .col-center-casino {
    padding: 0;
  }
  main.new-casino-pageTwo .new-casino-sectionTwo .content-section .games-content .game-details .games-inner {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  main .col-center .slider .slider-scroll .scroll-slider {
    padding: 5px 5px 5px 5px;
  }
  main .col-center.vip .vip-benefits .daily-event .row {
    margin: 0px -10px;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col {
    margin-bottom: 20px;
  }
  main .col-center.vip .vip-benefits .daily-event .daily-card .daily-details .daily-img-text {
    font-size: 16px !important;
    bottom: 0px !important;
    left: 7px !important;
  }
  main .col-center.vip .download-app-section .app-images img {
    height: 115px;
  }
  main .col-center .all-sports-dropdown .sports-dropdown {
    max-width: 100%;
  }
  main .col-center .all-sports-dropdown .sports-dropdown li.select-tournaments a .league-title {
    display: inline-block;
    width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  main .col-center .top-content .swiper-container .swiper-slide a img {
    border-radius: 0;
  }
  main .col-center .promo-details-tab .pdetails .promo-tabs {
    padding: 5px 10px 5px 0;
  }
  main .col-center .promo-details-tab .pdetails .promo-tabs ul.tabs .tab a {
    padding: 0 14px;
  }
  main .col-center .blog-section .blog-image img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  main .col-center .blog-section .blog-image nav {
    height: 55px;
    line-height: 55px;
    margin-top: -38px;
    z-index: 1;
    padding: 0;
  }
  main .col-center .blog-item-section .inner-breadcumbs nav a {
    font-size: 15px;
  }
  main .col-center .blog-item-section .blog-desc .details_img {
    margin-bottom: 5px;
  }
  main .col-center .blog-item-section .blog-desc .details_img .all-bages span.badge {
    padding: 2px 12px !important;
    font-size: 10px !important;
  }
  main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-header {
    padding: 18px 19px !important;
    font-size: 14px !important;
    line-height: 22px;
  }
  main .col-center .blog-item-section .blog-desc .blog-accordian ul.collapsible li .collapsible-body {
    padding: 10px 20px 20px !important;
  }
  main .col-center .blog-item-section .blog-desc .main-description div .title.justify-content-between {
    flex-wrap: wrap;
  }
  main .col-center .blog-item-section .blog-desc .main-description div .title h6, main .col-center .blog-item-section .blog-desc .main-description div .title h2 {
    width: 100%;
    line-height: 26px;
    font-size: 16px !important;
    order: 2;
    margin-top: 7px !important;
  }
  main .col-center .blog-item-section .blog-desc .main-description div .title .date span {
    font-size: 14px;
  }
  main .col-center .blog-item-section .blog-desc .main-description p {
    font-size: 13px !important;
    line-height: 22px !important;
    margin-top: 0;
    margin-bottom: 10px;
  }
  main .col-center .sports-title {
    padding: 5px 10px 7px !important;
  }
  main .col-center .mobile-app .install-title h2 {
    font-size: 20px;
  }
  main .col-center .mobile-app .install-title p {
    font-size: 16px;
  }
  main .col-center .mobile-app .install-process-section {
    gap: 10px;
  }
  main .col-center .mobile-app .install-process-section .process-item .install-app-img {
    padding: 12px;
  }
  main .col-center .mobile-app .install-process-section .process-item .install-app-img img {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head {
    margin-top: 10px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head svg {
    height: 30px;
    width: 30px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head span {
    font-size: 18px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head p {
    font-size: 14px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list {
    margin-top: 10px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .step-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item {
    gap: 10px;
    margin-bottom: 8px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info p {
    font-size: 15px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .share-menu {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .home-add-menu {
    width: 250px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-img {
    width: 10%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr {
    gap: 12px;
    margin-top: 30px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-img {
    border-radius: 8px;
    padding: 8px;
    width: 30%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-info p {
    font-size: 16px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img svg {
    width: 25px;
    height: 25px;
    padding-left: 0px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-title {
    font-size: 16px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-desc span {
    font-size: 16px;
  }
  main .col-center .mobile-app .online-betting-section .bet-title {
    font-size: 16px;
  }
  main .col-center .mobile-app .online-betting-section .feature-list {
    padding-left: 10px;
    margin: 8px 0;
  }
  main .col-center .mobile-app .online-betting-section .feature-list .feature-item {
    margin-bottom: 6px;
  }
  main .col-center .mobile-app .online-betting-section .feature-list .feature-item span {
    font-size: 14px;
  }
  main .col-center .mobile-app .online-betting-section p {
    font-size: 15px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list {
    -moz-column-count: 3;
         column-count: 3;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .support-device span {
    font-size: 13px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .install-btns .download-btn {
    font-size: 12px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .install-btns .download-btn .button-animate .animate-btn {
    padding-left: 5px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .install-btns .download-btn img {
    width: 16px;
  }
  main .col-center .mobile-app .how-download-section {
    gap: 12px;
  }
  main .col-center .mobile-app .how-download-section .download-step-img {
    width: 25%;
    height: 450px;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-text span {
    font-size: 16px;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-icon {
    width: 40%;
  }
  main .col-center .mobile-app .register-steps-box .install-title {
    width: 100%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main {
    gap: 20px;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step {
    width: 32%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step-content span {
    font-size: 16px;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail table tr th {
    font-size: 18px;
    padding: 10px 5px;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail table tr td span {
    font-size: 16px;
  }
  main .col-center .mobile-app .casino-app {
    gap: 10px;
  }
  main .col-center .mobile-app .casino-app .regiter-step-img {
    gap: 12px;
  }
  main .col-center .popular-games .slide-arrow .left-arrow {
    left: -4px;
  }
  main .all-casinos .portfolio {
    margin: 0;
    padding: 2px 0px;
    justify-content: center;
  }
  main .all-casinos .portfolio .port-content .favourite-icon {
    opacity: 1;
  }
  main.account-pages .user-profile .profile-content {
    display: block;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content {
    display: block;
    float: left;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right {
    padding: 0 2px;
    display: block;
    width: 100%;
    text-align: center;
    justify-content: center;
    line-height: 1.5;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .number,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .gender,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .email,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .number,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .gender,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .email {
    font-size: 13px;
    height: 15px;
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  main.account-pages .col-center .card .card-content .gold {
    left: 2px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content {
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-staus-box {
    min-height: 20px;
    line-height: 20px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-staus-box .withdrawable-amt {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .withdraw-bank {
    margin: 0 !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .deposit-value .bid-rate {
    grid-template-columns: auto auto auto auto;
    gap: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .pay-details .phone-pay-details .phonepay-content.upload-imgs {
    width: 68.9%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .left-content {
    margin: 15px 0 0;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .utr-amount-details .upload-content .upload-imgs {
    width: 68.9%;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer {
    overflow-x: auto;
    justify-content: flex-start;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
    width: 100% !important;
    margin: 5px 0;
  }
  main.account-pages .col-center .card .card-content .pagination {
    margin: 0;
  }
  main .suspend {
    font-size: 10px;
    top: 0px;
    height: 55px;
    left: 1px;
    width: 96%;
  }
  main .all-suspend {
    width: 100px;
    font-size: 12px;
    top: 4px;
    right: 2px;
  }
  main .match-odds {
    margin-bottom: 3px;
  }
  main .match-odds .matchrate {
    overflow: auto;
    height: 55px;
  }
  main .match-odds .matchrate .back-rate,
  main .match-odds .matchrate .lay-rate {
    height: 48px;
  }
  main .match-odds .matchrate .back-rate .second-rate,
  main .match-odds .matchrate .lay-rate .second-rate {
    font-size: 12px;
  }
  main.full-wrap #casino-page .col-center .category-sliderWrapper {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
  main.full-wrap #casino-page .col-center .category-sliderWrapper .all-category {
    width: 100%;
    margin-bottom: 0;
  }
  main.full-wrap #casino-page .col-center .category-sliderWrapper .categories-scroll {
    width: 100%;
  }
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .headline-btn {
    left: 50% !important;
    transform: translateX(-50%);
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box {
    width: 23.4%;
  }
  .toggle-switch .content {
    margin: auto;
    background-color: transparent;
  }
  .toggle-switch .names p {
    top: 7px;
  }
  .toggle-switch .names p svg {
    width: 22px;
    height: 22px;
  }
  .toggle-switch .names p svg path {
    stroke: var(--light-text-color);
  }
  .toggle-switch [type=checkbox]:not(:checked) + .switch-app .toggle {
    top: 8px;
  }
  #user-dropdown-modal {
    bottom: 0px;
    width: 100% !important;
    min-width: 100%;
    height: 90% !important;
    max-height: 90%;
    top: auto !important;
    padding-top: 0px;
    margin-bottom: 0;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    filter: var(--dropdown-shadow);
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid var(--primary-color);
    border-bottom: none;
  }
  #user-dropdown-modal .modal-content {
    padding: 0;
    height: calc(100% - 0px) !important;
  }
  #user-dropdown-modal .modal-content .user-card {
    padding: 10px 15px;
  }
  #user-dropdown-modal .modal-content .user-card .user-details {
    padding: 15px 0;
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
  }
  #user-dropdown-modal .modal-content .user-card .user-details .user-img {
    float: left;
    margin-right: 5px;
  }
  #user-dropdown-modal .modal-content .user-card .user-details .user-img img {
    max-width: 60px;
    border-radius: 10px;
    border: 4px solid var(--black-text);
    border-top: 2px solid var(--black-text);
    border-left: 2px solid var(--black-text);
  }
  #user-dropdown-modal .modal-content .user-card .user-details .users-content {
    display: block;
    height: 100%;
    line-height: 2;
    margin: 0 5px;
  }
  #user-dropdown-modal .modal-content .user-card .user-details .users-content .name {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-text-color);
    line-height: 1.3;
  }
  #user-dropdown-modal .modal-content .user-card .user-details .users-content .user-plans {
    font-size: 14px;
    font-weight: 500;
    color: var(--light-text-color);
  }
  #user-dropdown-modal .modal-content .user-card .dw-details {
    padding: 5px 0;
    float: left;
    width: 100%;
    display: block;
  }
  #user-dropdown-modal .modal-content .user-card .dw-details .dw-buttons {
    width: 100%;
    margin: 3px 0;
  }
  #user-dropdown-modal .modal-content .user-card .dw-details .dw-buttons .deposit-btn,
  #user-dropdown-modal .modal-content .user-card .dw-details .dw-buttons .withdraw-btn {
    width: 48.5%;
    margin: 0 2px;
    background: var(--white-text);
    color: var(--primary-text-color);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: none;
    border: 1px solid var(--border-color2);
    border-radius: 10px;
    height: 45px;
    line-height: 45px;
    transition: all ease-in 0.3s;
  }
  #user-dropdown-modal .modal-content .user-card .dw-details .dw-buttons .deposit-btn:hover, #user-dropdown-modal .modal-content .user-card .dw-details .dw-buttons .deposit-btn.active,
  #user-dropdown-modal .modal-content .user-card .dw-details .dw-buttons .withdraw-btn:hover,
  #user-dropdown-modal .modal-content .user-card .dw-details .dw-buttons .withdraw-btn.active {
    color: var(--white-text);
    background: var(--primary-color);
    transition: all ease-in 0.3s;
  }
  #user-dropdown-modal .modal-content .user-card .dw-details .dw-amounts {
    width: 100%;
    display: block;
    float: left;
    margin: 3px 0;
  }
  #user-dropdown-modal .modal-content .user-card .dw-details .dw-amounts .dw-btn {
    width: 48.5%;
    margin: 0 2px;
    display: inline-block;
    height: 60px;
    line-height: 2;
    border: 1px solid var(--border-color2);
    border-radius: 10px;
    float: left;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 500;
    color: var(--light-text-color);
  }
  #user-dropdown-modal .modal-content .user-card .dw-details .dw-amounts .dw-btn .av-amount {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-text-color);
  }
  #user-dropdown-modal .modal-content .user-card .dw-details .dw-amounts .avail-wallet {
    text-align: right;
  }
  #user-dropdown-modal .modal-content .user-card li {
    flex-basis: auto;
    height: 38px;
    min-height: 0;
    justify-content: flex-start;
    list-style: none;
    float: left;
    width: 100%;
    border-radius: 3px;
  }
  #user-dropdown-modal .modal-content .user-card li:first-child {
    margin-top: 15px;
  }
  #user-dropdown-modal .modal-content .user-card li.log-out a svg path {
    fill: none;
    stroke: var(--primary-text-color);
  }
  #user-dropdown-modal .modal-content .user-card li a {
    padding: 5px 0px;
    font-size: 13px;
    font-weight: 600;
    line-height: 2;
    color: var(--primary-text-color);
    flex-direction: initial;
    background-color: transparent;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #user-dropdown-modal .modal-content .user-card li a .user-list {
    display: flex;
    align-items: center;
  }
  #user-dropdown-modal .modal-content .user-card li a svg {
    display: inline-block;
    margin: 0 8px 0 0;
    width: 22px;
    height: 22px;
    position: relative;
  }
  #user-dropdown-modal .modal-content .user-card li a svg path,
  #user-dropdown-modal .modal-content .user-card li a svg rect {
    fill: var(--primary-text-color);
    stroke: none;
  }
  #user-dropdown-modal .modal-content .user-card li a i {
    font-size: 14px;
    margin-right: 5px;
  }
  #user-dropdown-modal .modal-content .user-card li a:hover, #user-dropdown-modal .modal-content .user-card li a.active {
    box-shadow: none;
  }
  #user-dropdown-modal .modal-content .user-card li a.close-btn {
    text-align: center;
    justify-content: center;
    bottom: 0px;
    position: inherit;
  }
  #user-dropdown-modal .modal-content .user-card li a.close-btn .fa-times {
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    color: var(--secondary-color);
    font-size: 20px;
    margin-right: 0;
    padding: 0px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: var(--primary-color);
    text-align: center;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px, rgba(0, 0, 0, 0.23) 0px 2px 5px;
  }
  #user-dropdown-modal .modal-content .user-card li a.close-btn:hover, #user-dropdown-modal .modal-content .user-card li a.close-btn:focus, #user-dropdown-modal .modal-content .user-card li a.close-btn.active {
    background-color: transparent;
  }
  #user-dropdown-modal .modal-content .user-card li a.close-btn:hover .fa-times, #user-dropdown-modal .modal-content .user-card li a.close-btn:focus .fa-times, #user-dropdown-modal .modal-content .user-card li a.close-btn.active .fa-times {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    transition: all ease-in 0.3s;
  }
  #user-dropdown-modal .modal-content .user-card li a.logout-btn {
    background: var(--primary-color);
    color: var(--white-text);
    border-radius: 10px;
    height: 45px;
    line-height: 45px;
    justify-content: center;
    margin-top: 10px;
    text-transform: uppercase;
  }
  #user-dropdown-modal .modal-content .user-card li a.logout-btn svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
  }
  #user-dropdown-modal .modal-content .user-card li a.logout-btn svg path {
    stroke: var(--white-text);
    fill: inherit;
  }
  #user-dropdown-modal .modal-content .user-card li a .right svg {
    top: 3px;
  }
  #user-dropdown-modal .modal-content .user-card li a .right svg path {
    fill: inherit;
    stroke: var(--primary-text-color);
  }
  #user-dropdown-modal .modal-content .user-card li:hover {
    background: var(--primary-color);
  }
  #user-dropdown-modal .modal-content .user-card li:hover a {
    color: var(--white-text);
  }
  #user-dropdown-modal .modal-content .user-card li:hover a svg path {
    fill: var(--white-text);
    stroke: none;
  }
  #user-dropdown-modal .modal-content .user-card li:hover a i {
    color: var(--white-text);
  }
  #user-dropdown-modal .modal-content .user-card li:hover a .right svg path {
    fill: var(--white-text);
    stroke: var(--white-text);
  }
  #spin-popup.modal {
    width: 700px;
  }
  #spin-popup.modal .modal-content .popup_container .popup_inner .popup_content .spin-row {
    width: 700px;
  }
  #matched-unmatched.modal {
    height: 100% !important;
    max-height: 60%;
    top: auto !important;
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  #matched-unmatched.modal .modal-content {
    height: calc(100% - 125px) !important;
  }
  .whatsapp-id {
    z-index: 98;
    bottom: 155px !important;
    left: auto;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    right: 17px !important;
  }
  .whatsapp-id .wp-bg {
    height: 50px;
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    box-shadow: none;
  }
  .whatsapp-id .wp-bg .description {
    display: none;
  }
  .whatsapp-id .wp-bg .description span {
    height: 30px;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
  }
  .whatsapp-id .wp-bg .description span a {
    font-size: 13px;
  }
  .whatsapp-id .wp-bg .description a {
    color: var(--primary-color);
    text-decoration: underline;
    font-size: 12px;
  }
  .whatsapp-id .wp-bg .close-btn {
    right: 0;
    top: -1px;
    left: unset;
    background: transparent;
    display: none;
  }
  .whatsapp-id .wp-bg .close-btn i {
    color: var(--primary-color);
  }
  .whatsapp-id .wp-bg .whatsapp-icon {
    margin-left: 0px;
    text-align: right;
    transform: none;
  }
  .whatsapp-id .wp-bg .whatsapp-icon img {
    width: 50px;
    max-width: 50px;
    height: 50px;
  }
  .whatsapp-id .wp-bg .description {
    font-size: 10px;
    padding: 0 18px 0 9px;
  }
  .whatsapp-id .customer-service:after {
    bottom: -12px;
    right: 44% !important;
  }
  .whatsapp-id .wp-icon {
    display: none;
  }
  .whatsapp-id-mobile {
    display: block;
  }
  .footer {
    margin-bottom: 85px;
    display: block;
    float: left;
    margin-left: 9px;
    width: 98% !important;
    margin-top: 0;
  }
  .footer .readmore-scroll {
    max-height: 140px;
  }
  .footer .bet-content {
    padding-bottom: 0;
    text-align: justify;
  }
  .footer .game-rules {
    margin-top: 5px;
  }
  .footer .game-rules .icons {
    text-align: center;
  }
  .footer .game-rules .icons a img {
    width: 25px;
    height: 25px;
  }
  .footer .gambling {
    text-align: center;
  }
  .footer .social-details {
    padding: 10px 0 10px;
    margin: 0 !important;
  }
  .footer .social-details .social-media {
    margin-bottom: 5px;
    padding: 0px 10px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer .social-details .social-media a {
    width: auto;
    font-size: 12px;
    margin: 2px 5px 2px 2px;
  }
  .footer .social-details .social-media a .icon {
    margin: inherit;
    margin-right: 10px;
  }
  .footer .social-details .about-us {
    float: left !important;
    width: 100%;
    display: block;
    padding: 5px 15px 0;
  }
  .footer .social-details .about-us .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer .social-details .about-us .links .left-col .link,
  .footer .social-details .about-us .links .right-col .link {
    width: auto;
    display: block;
    float: left;
  }
  .footer .social-details .about-us .links .left-col .link a,
  .footer .social-details .about-us .links .right-col .link a {
    font-size: 11px;
    line-height: 2;
  }
  .footer .safe-payment .pay-details h4,
  .footer .safe-payment .pay-details .footer-title {
    text-align: center;
    margin: 0.52rem 0 0.2rem 0;
  }
  .footer .safe-payment .pay-details .pay-id {
    text-align: center;
  }
  .footer .download-buttons {
    justify-content: center;
  }
  .footer .trusted-by {
    text-align: center;
  }
  .footer .payment-img {
    text-align: center;
  }
  .footer .contact-us {
    text-align: center;
  }
  .footer .contact-us .contact {
    justify-content: center;
    padding-left: 0;
    float: left;
    width: 50%;
    font-size: 13px;
  }
  #slider-popup.modal {
    width: 80%;
  }
  #Daily-Login-Bonus.modal {
    width: 95%;
    max-width: 95%;
    max-height: 610px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item.claimed:before {
    background-size: 100%;
  }
}
@media (min-width: 993px) {
  .bottom-tabs {
    display: none;
  }
  .live-broadcast-popup {
    width: 350px;
    height: 290px;
    display: block;
    background-color: var(--background-color);
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    border-radius: 18px;
    line-height: 1;
    box-shadow: var(--box-shadow);
    cursor: move;
  }
  .live-broadcast-popup .popup-header h5 {
    margin: auto;
    text-align: center;
    position: relative;
  }
  .live-broadcast-popup .popup-header h5 .card-title {
    margin: auto;
    position: relative;
    top: -14px;
    left: 0;
    right: 0;
    width: 200px;
    height: 40px;
    z-index: 1;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: var(--primary-text-color);
  }
  .live-broadcast-popup .popup-header h5 .card-title img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
  }
  .live-broadcast-popup .popup-header h5 .card-title .title {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-text-color);
    z-index: 9;
  }
  .live-broadcast-popup .popup-header h5 a.close-popup {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--icon-bg);
    border-radius: 50%;
  }
  .live-broadcast-popup .popup-header h5 a.close-popup svg {
    width: 18px;
    height: 18px;
  }
  .live-broadcast-popup .popup-body .position-data {
    padding: 10px 0;
  }
  .mobile-popup {
    display: none;
  }
  .events-mobile {
    display: none;
  }
  .whatsapp-id-mobile {
    display: none;
  }
}
@media (min-width: 993px) and (max-width: 1199px) {
  header nav .top-header .brand-logo img {
    width: 140px;
    height: 30px;
  }
  header nav .top-header .center-content li a {
    margin: 8px 2px;
    padding: 0 3px;
    font-size: 12px;
  }
  header nav .top-header .center-content li a .icon {
    width: 27px;
    height: 28px;
    margin-right: 3px;
  }
  header nav .top-header .center-content li a .icon svg {
    width: 12px;
    height: 12px;
  }
  header nav .top-header .center-content li a.virtual .icon img {
    max-width: 60px;
  }
  main .suspend {
    width: 96.4%;
  }
  main .col-center.vip .top-content .vip-banner {
    width: 100%;
  }
  main .col-center.vip .vip-benefits .daily-event .daily-event-title {
    font-size: 24px !important;
  }
  main .col-center.vip .vip-benefits .daily-event .row {
    display: flex;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col {
    padding: 0 5px;
    margin-bottom: 15px;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col .daily-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-text {
    font-size: 28px;
    line-height: 28px;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-text span {
    font-size: 24px;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-img-text {
    font-size: 16px !important;
    bottom: 5px !important;
    left: 12px !important;
  }
  main .col-center.vip .vip-benefits .vip-condition .daily-event-title {
    font-size: 24px;
  }
  main .col-center.vip .bounus-details .row {
    display: flex;
    flex-wrap: wrap;
  }
  main .col-center.vip .bounus-details .row .col {
    margin-bottom: 10px !important;
    padding: 0 5px;
  }
  main .col-center.vip .bounus-details .promo-info .promo-img .promo-right-img {
    width: 48%;
  }
  main .col-center.vip .bounus-details .promo-info .promo-img .promo-right-img img {
    width: 100%;
  }
  main .col-center.vip .bounus-details .promo-info .promo-img .promo-text {
    padding: 20px 5px 20px 0px !important;
  }
  main .col-center.vip .bounus-details .promo-info .promo-img .promo-text .text {
    font-size: 16px !important;
  }
  main .col-center.vip .vip-benefits .bonus-withdraw {
    padding: 14px 18px 5px;
  }
  main .col-center.vip .download-app-section .app-images img {
    margin: -20px auto 0px;
    height: 100px;
  }
  main .col-center .blog-section .blog-image img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  main .col-center .blog-section .blog-item-section .inner-breadcumbs nav {
    margin-bottom: 20px;
  }
  main .col-center .blog-section .blog-item-section .inner-breadcumbs nav .nav-wrapper {
    padding-bottom: 10px !important;
  }
  main .col-center .blog-section .blog-item-section .inner-breadcumbs nav a {
    font-size: 14px;
    line-height: 15px;
  }
  main .col-center .blog-section .blog-item-section .row .col.xl7 {
    width: 60% !important;
    padding-right: 10px !important;
  }
  main .col-center .blog-section .blog-item-section .row .col.xl5 {
    width: 40% !important;
  }
  main .col-center .blog-section .blog-desc .details_img {
    margin-bottom: 20px !important;
  }
  main .col-center .blog-section .blog-desc .details_img .all-bages span.badge {
    padding: 2px 12px !important;
    font-size: 10px !important;
  }
  main .col-center .blog-section .blog-desc .main-description div {
    flex-wrap: wrap;
  }
  main .col-center .blog-section .blog-desc .main-description div .title h6, main .col-center .blog-section .blog-desc .main-description div .title h2 {
    width: 100%;
    line-height: 26px;
    font-size: 16px !important;
    order: 2;
    margin-top: 7px !important;
  }
  main .col-center .blog-section .blog-desc .main-description div .date {
    width: 100%;
  }
  main .col-center .blog-section .blog-desc .main-description div .date i {
    margin-right: 12px !important;
    font-size: 16px !important;
  }
  main .col-center .blog-section .blog-desc .main-description div .date span {
    font-size: 15px !important;
  }
  main .col-center .blog-section .blog-desc .main-description .blog-accordian {
    margin-top: 30px;
  }
  main .col-center .blog-section .blog-desc .main-description .blog-accordian ul.collapsible li .collapsible-header {
    font-size: 16px;
    padding: 20px !important;
  }
  main .col-center .blog-section .blog-desc .main-description .blog-accordian ul.collapsible li .collapsible-header i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
  }
  main .col-center .blog-section .blog-desc .main-description .blog-accordian ul.collapsible li .collapsible-body {
    padding: 10px 20px 20px !important;
  }
  main .col-center .blog-section .blog-desc .main-description p {
    font-size: 13px !important;
    line-height: 22px !important;
  }
  main .col-center .blog-section .rightbox h5 {
    margin: 0px 0px 15px;
    font-size: 15px;
    padding-bottom: 10px;
  }
  main .col-center .blog-section .rightbox .card {
    padding: 14px;
  }
  main .col-center .blog-section .rightbox .card .all-bages {
    top: 25px;
    left: 25px;
  }
  main .col-center .blog-section .rightbox .card .all-bages span.badge {
    padding: 2px 12px !important;
    font-size: 10px !important;
  }
  main .col-center .blog-section .rightbox .card .card-content {
    padding: 16px 0px 0px;
  }
  main .col-center .blog-section .rightbox .card .card-content .blog-details .date i {
    font-size: 15px;
  }
  main .col-center .blog-section .rightbox .card .card-content .blog-details .date span {
    font-size: 12px;
  }
  main .col-center .blog-section .rightbox .card .card-content .more-link {
    width: 28px;
    height: 25px;
    line-height: 26px;
  }
  main .col-center .blog-section .rightbox .card .card-content .more-link svg {
    width: 25px;
    height: 12px;
  }
  main .col-center .blog-section .rightbox .card .card-title {
    font-size: 13px;
    line-height: 22px;
  }
  main .col-center .all-sports-dropdown .sports-dropdown {
    max-width: 70%;
  }
  main .col-center .promo-tab .promo-details .coupens {
    margin: 5px;
    width: 100%;
    max-width: 480px;
    padding: 23px;
  }
  main .col-center .promo-tab .promo-details .coupens .read-more a {
    bottom: -15px;
    width: 85px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
  }
  main .col-center .mobile-app .steps-list .steps-item .step-info .home-add-menu {
    width: 220px;
  }
  main .col-center .mobile-app .steps-list .steps-item .share-menu {
    width: 70% !important;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list {
    -moz-column-count: 3;
         column-count: 3;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents {
    padding: 0px !important;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents .title {
    font-size: 18px;
  }
  main .col-center .mobile-app .main-content .right-section .ios s .contents {
    padding: 0px !important;
  }
  main .col-center .mobile-app .main-content .right-section .ios s .contents .title {
    font-size: 18px;
  }
  main .col-center .mobile-app .install-btns .download-btn .button-animate .animate-btn {
    padding-left: 15px;
  }
  main .col-center .mobile-app .install-title h2 {
    font-size: 22px;
  }
  main .col-center .mobile-app .install-title p {
    font-size: 16px;
  }
  main .col-center .mobile-app .install-process-section {
    gap: 10px;
  }
  main .col-center .mobile-app .install-process-section .process-item .install-app-img {
    padding: 12px;
  }
  main .col-center .mobile-app .install-process-section .process-item .install-app-img img {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head {
    margin-top: 10px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head svg {
    height: 30px;
    width: 30px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head span {
    font-size: 18px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head p {
    font-size: 14px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list {
    margin-top: 10px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .step-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item {
    gap: 10px;
    margin-bottom: 8px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info p {
    font-size: 15px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .share-menu {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .home-add-menu {
    width: 250px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-img {
    width: 10%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr {
    gap: 12px;
    margin-top: 30px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-img {
    border-radius: 8px;
    padding: 8px;
    width: 30%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-info p {
    font-size: 16px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-img svg {
    width: 35px;
    height: 25px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-info-left .app-info-title {
    font-size: 18px;
  }
  main .col-center .mobile-app .app-information-main table tr td .app-desc span {
    font-size: 18px;
  }
  main .col-center .mobile-app .online-betting-section .bet-title {
    font-size: 18px;
  }
  main .col-center .mobile-app .online-betting-section .feature-list {
    padding-left: 10px;
    margin: 8px 0;
  }
  main .col-center .mobile-app .online-betting-section .feature-list .feature-item {
    margin-bottom: 6px;
  }
  main .col-center .mobile-app .online-betting-section .feature-list .feature-item span {
    font-size: 14px;
  }
  main .col-center .mobile-app .online-betting-section p {
    font-size: 15px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .support-device span {
    font-size: 14px;
  }
  main .col-center .mobile-app .supported-device-section .support-device-list .install-btns .download-btn {
    font-size: 14px;
    padding: 8px 18px;
  }
  main .col-center .mobile-app .how-download-section {
    gap: 12px;
  }
  main .col-center .mobile-app .how-download-section .download-step-img {
    width: 25%;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-text span {
    font-size: 16px;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-icon {
    width: 40%;
  }
  main .col-center .mobile-app .register-steps-box .install-title {
    width: 100%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main {
    gap: 20px;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step {
    width: 30%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step-content span {
    font-size: 16px;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail table tr th {
    font-size: 18px;
    padding: 10px 5px;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail table tr td span {
    font-size: 16px;
  }
  main .col-center .mobile-app .casino-app {
    gap: 10px;
  }
  main .col-center .mobile-app .casino-app .regiter-step-img {
    gap: 12px;
  }
  main.new-casino-page .new-casino-section .content-section .games-content .game-details .games-inner {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
  main.sidebar-open.account-pages .col-center .card .card-content .input-field.col.s6.m1.l2.input-col {
    width: 30%;
  }
  main.sidebar-open.account-pages .col-center .card .card-content .input-field.col.s6.m3.l3.input-col {
    width: 35%;
  }
  main .all-casinos .portfolio .port-content {
    width: 31.5%;
  }
  main.account-pages .col-center .card .card-content {
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
    width: 49.1%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens {
    padding: 11px 11px 20px;
    background-position: 67%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text {
    width: 71%;
    padding-left: 0px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .title {
    padding: 3px 0px;
    font-size: 11px;
    line-height: 18px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .date1 {
    font-size: 9px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .more-bets {
    font-size: 10px;
    line-height: 26px;
    padding: 1px 7px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn {
    gap: 10px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn {
    height: 30px;
    padding: 0px 1px;
    font-size: 9px;
    line-height: 30px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images {
    gap: 4px;
    padding: 50px 5px 0px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .name {
    font-size: 7px;
    padding: 6px 0px 7px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .value {
    font-size: 15px;
    padding: 0px 0px 12px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content {
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown {
    max-width: 210px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-amount {
    max-width: 210px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .deposit-value .bid-rate {
    grid-template-columns: auto auto auto auto auto;
    gap: 10px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept h2 {
    font-size: 52px;
    line-height: 69px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-accept button {
    width: 254px;
    height: 52px;
    font-size: 20px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .payment-reject a span {
    font-size: 30px;
    line-height: 40px;
  }
  main.account-pages .col-center .card .card-content .user-deposit .payment-method .bank-transfer .upi-id .upi-text {
    width: 26% !important;
  }
  main.account-pages .col-center .card .card-content .user-deposit .upload-submit-btn .upload_ss-details .upload_ss .btn a svg {
    width: 40px;
    height: 40px;
  }
  main.account-pages .col-center .card .card-content .user-deposit-new .payment-method .bank-transfer .upi-payment .payment-btn .payment-transfer a {
    width: 130px;
    height: 80px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page {
    padding: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box {
    flex-direction: column;
    gap: 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn svg {
    width: 22px;
    height: 22px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-title h2 {
    font-size: 28px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-img {
    position: absolute;
    right: -1px;
    top: -8px;
    width: 34%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content p {
    color: var(--white-text);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code {
    padding: 3px 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-btn {
    display: inline-block;
    background-color: var(--white-text);
    color: var(--forth-color);
    padding: 5px;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 700;
    margin-right: 3px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-input input {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    text-wrap: nowrap;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn {
    width: 5%;
    text-align: right;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner::after {
    top: -13px;
    width: 60%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item {
    width: 49%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item h3 {
    font-size: 16px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item span {
    font-size: 32px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel {
    margin-right: 5px;
    width: 40%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2::after {
    width: 60%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list {
    flex-direction: column;
    gap: 25px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-img img {
    width: 130px;
    display: block;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing {
    flex-direction: column;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box {
    width: 100%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-bg {
    width: 60%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul {
    padding-left: 15px;
    list-style-type: disc;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-box ul li .rule-item p span {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box {
    flex-direction: column;
    align-items: start;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-content .winner-amount {
    font-size: 32px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .top_win_img {
    height: 80px;
    width: 80px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .num_img {
    right: -22px;
    width: 50px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right {
    width: 100%;
    margin-top: 30px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail {
    gap: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail .winner_num img {
    width: 30px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-amount {
    font-size: 18px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-text p {
    font-size: 12px;
  }
  main.account-pages .col-center .account-statement .card .detail .balance-data {
    margin-top: 5px;
  }
  main.account-pages .col-center .account-statement .card .detail .balance-data .amount-data {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  main.account-pages .col-center .account-statement .card .detail .balance-data .amount-data .label {
    margin-bottom: 0px;
  }
  main.account-pages .ac_slider {
    margin: 5px 0;
  }
  main.account-pages .withraw {
    margin: 5px;
  }
  main.account-pages .withraw .withraw-content .select-bank .bank-details .add-bank {
    width: 125px !important;
    margin: 0px 5px 0 5px !important;
    font-size: 12px !important;
  }
  main.account-pages .withraw .withraw-content .select-bank .bank-details .add-bank i {
    width: 16px !important;
    height: 16px !important;
    font-size: 10px !important;
    margin-right: 2px !important;
  }
  main.account-pages .withraw .withraw-content .kyc-upload {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  main.account-pages .withraw .withraw-content .kyc-upload .input-field.col.s12.m12.l6.m-0 {
    width: 100%;
    display: flex;
    float: unset;
    justify-content: space-between;
  }
  main.account-pages .withraw .withraw-content .kyc-upload .input-field.col.s12.m12.l6.m-0 .kyc-dropdown {
    max-width: 50%;
    width: 49%;
  }
  main.account-pages .withraw .withraw-content .kyc-upload .input-field.col.s12.m12.l6.m-0 .document-details {
    width: 49%;
  }
  main.account-pages .withraw .withraw-content .kyc-upload .input-field.col.s12.m12.l6.m-0 .document-details .input-field {
    max-width: 100%;
  }
  main.account-pages .withraw .withraw-content .kyc-upload .input-field.col.s12.m12.l6.m-0 .upload-id .upload-btn .btn {
    font-size: 12px;
    padding: 16px 7px 42px;
  }
  main.account-pages .withraw .withraw-content .kyc-upload .input-field.col.s12.m12.l6.m-0 .upload-id .upload-btn .btn .upload-inner-title {
    font-size: 9px;
  }
  main.account-pages .withraw .withraw-content .kyc-upload .input-field.col.s12.m12.l6.m-0 .upload-id .upload-btn .btn .upload-title {
    font-size: 11px;
  }
  main.account-pages .withraw .withraw-content .kyc-upload .input-field.col.s12.m12.l6.m-0 .upload-id .upload-btn .btn a {
    width: 25px;
  }
  main.account-pages .withraw .withraw-content .kyc-upload .input-field.col.s12.m12.l6.m-0 .upload-id .upload-btn .btn a svg {
    width: 25px;
    height: 25px;
  }
  main.account-pages .withraw .withraw-content .kyc-upload .input-field.col.s12.m12.l6.m-0 .upload-id .upload-btn .upload-document {
    padding: 9px 20px !important;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content {
    display: block;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .deposit-request,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .request-content .withdraw-request {
    max-height: 100px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .progresspoint,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .progresspoint {
    right: 26%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .progresspoint {
    left: 29%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content {
    display: block;
    float: left;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right {
    justify-content: center;
    width: 100%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .number,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .gender,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .email,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .b-day,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .number,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .gender,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .email,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .b-day {
    font-size: 13px;
    height: 20px;
  }
  main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .slide-arrow {
    top: 43%;
  }
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .headline-btn {
    bottom: 14px !important;
    left: 16px !important;
    padding: 5px 8px !important;
    font-size: 12px !important;
  }
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-prev,
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .swiper-button-next {
    width: 30px !important;
    padding: 10px !important;
  }
  main.full-wrap #casino-page .col-center .category-sliderWrapper {
    justify-content: space-between;
  }
  main.full-wrap #casino-page .col-center .category-sliderWrapper .all-category {
    width: 50%;
  }
  main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image .play-now {
    padding: 0 12px !important;
    height: 34px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image .play-now {
    padding: 0 12px !important;
    height: 34px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image .play-now {
    padding: 0 12px !important;
    height: 34px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image .play-now {
    padding: 0 12px !important;
    height: 34px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image .play-now {
    padding: 0 12px !important;
    height: 34px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box {
    width: 18.6%;
  }
  .page-notfound .error-images svg {
    width: 380px;
  }
  .dataTables_wrapper .dataTables_filter {
    top: 0px;
  }
  .footer .footer-logo img {
    width: 120px;
    height: 20px;
  }
  .footer .trusted-by {
    font-size: 14px;
  }
  .footer .payment-img .payimg-bg {
    width: 22px;
    height: 22px;
    margin: 0px 1px;
  }
  .footer .reach-us h4 {
    font-size: 14px;
    margin: 5px;
  }
  .footer .reach-us .social-media a {
    margin: 0 1px;
  }
  .footer .reach-us .social-media a .icon img {
    max-width: 18px;
  }
  .footer .contact-us h4 {
    font-size: 14px;
    margin: 5px;
  }
  .footer .contact-us .contact {
    margin: 5px 0;
  }
  .footer .contact-us .contact svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
  .footer .game-rules .icons a img {
    width: 22px;
    height: 22px;
    margin: 0 2px;
  }
  .footer .gambling {
    font-size: 10px;
  }
  .footer .download-buttons {
    display: block;
  }
  .footer .download-buttons .download-btn,
  .footer .download-buttons .affiliate-btn {
    margin: 5px 0;
  }
  #slider-popup.modal {
    width: 55%;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 65%;
  }
  #Daily-Login-Bonus.modal {
    width: 800px;
    max-width: 800px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item span {
    font-size: 12px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .jackpot span {
    font-size: 55px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .bonus span {
    font-size: 58px;
  }
}
@media screen and (min-width: 1200px) {
  main.account-pages .col-center .account-statement .card .full-date-center .full-date-between {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  main.account-pages .col-center .account-statement .card .date-col {
    width: 185px;
  }
  main.account-pages .col-center .account-statement .card .date-col .full-date-center {
    padding: 0 5px;
    justify-content: unset;
  }
  main.account-pages .col-center .account-statement .card .date-col .date {
    display: flex;
    align-items: center;
  }
  main.account-pages .col-center .account-statement .card .date-col .month {
    display: flex;
    align-items: center;
  }
  main.account-pages .col-center .account-statement .card .date-col .time {
    display: flex;
    align-items: center;
  }
  main.account-pages .col-center .account-statement .card .detail .label {
    margin: 3px 4px !important;
  }
  main .col-center .mobile-app .main-content .right-section .android .contents {
    padding: 0px 0px 0px 10px !important;
  }
  main .col-center .mobile-app .main-content .right-section .ios .contents {
    padding: 0px 0px 0px 10px !important;
  }
  .balance-data {
    margin-top: 5px;
  }
  .detail {
    width: calc(100% - 165px) !important;
  }
}
@media screen and (min-width: 1400px) {
  .name {
    font-size: 13px;
    line-height: 18px;
  }
  .label {
    font-size: 13px;
    line-height: 18px;
  }
  .round {
    width: 34px;
    height: 34px;
    font-size: 12px;
    line-height: 18px;
  }
  .rupees {
    font-size: 20px;
    line-height: 24px;
  }
  main.account-pages .col-center .account-statement .card .detail .amount-data {
    display: flex !important;
    align-items: center;
  }
  main .col-center .mobile-app .main-content .left-section .android .contents {
    padding-right: 0px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  header nav .top-header .center-content li a {
    margin: 8px 3px;
    font-size: 12px;
    padding: 0 8px;
  }
  header nav .top-header .center-content li a .icon {
    width: 27px;
    height: 27px;
  }
  header nav .top-header .center-content li a .icon svg {
    width: 15px;
    height: 15px;
  }
  main .col-center .promo-tab .promo-details .coupens .read-more {
    width: 35%;
  }
  main .col-center .mobile-app .steps-list .step-title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  main .col-center .mobile-app .steps-list .steps-item .step-img {
    width: 32px;
  }
  main .col-center .mobile-app .steps-list .steps-item .step-info .home-add-menu {
    padding: 8px;
    width: 250px;
  }
  main .col-center .mobile-app .steps-list .steps-item .step-info .share-menu {
    width: 70%;
  }
  main .col-center .mobile-app .install-process-section .process-item .install-app-img img {
    width: 80%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head svg {
    height: 36px;
    width: 36px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr {
    margin-top: 35px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-img {
    border-radius: 8px;
    padding: 5px;
    width: 18%;
  }
  main .col-center .mobile-app .online-betting-section .feature-list {
    margin: 8px 0;
  }
  main .col-center .mobile-app .how-download-section .download-step-img {
    width: 22%;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-icon {
    width: 35%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step {
    width: 20%;
  }
  main .col-center .mobile-app .register-steps-box .install-title {
    width: 60%;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail table tr th {
    padding: 10px;
  }
  main .col-center .mobile-app .casino-app {
    gap: 10px;
  }
  main .col-center .mobile-app .casino-app .regiter-step-img {
    gap: 10px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content {
    display: block;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left {
    width: 100%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .number,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .gender {
    justify-content: center;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right {
    width: 100%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .email {
    justify-content: center;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .gender {
    justify-content: center;
  }
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .headline-btn {
    bottom: 17px !important;
    left: 16px !important;
    padding: 10px !important;
  }
  #slider-popup.modal {
    width: 45%;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 65%;
  }
}
@media (min-width: 1200px) and (max-width: 1250px) {
  main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
    font-size: 15px !important;
  }
  main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  main .col-center .top-content .upper-slider {
    bottom: 6px;
  }
  main .col-center .blog-section .blog-image nav ul li {
    margin-right: 12px;
  }
  main .col-center .blog-section .blog-image nav ul li a {
    font-size: 15px;
  }
  main .col-center .blog-section .blog-image img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  main .col-center .blog-item-section .inner-breadcumbs nav {
    margin-bottom: 15px;
  }
  main .col-center .blog-item-section .inner-breadcumbs nav .nav-wrapper {
    padding-bottom: 10px !important;
  }
  main .col-center .blog-item-section .inner-breadcumbs nav a {
    font-size: 14px;
    line-height: 15px;
  }
  main .col-center .blog-item-section .row .col.xl7 {
    width: 60% !important;
    padding-right: 10px !important;
  }
  main .col-center .blog-item-section .row .col.xl5 {
    width: 40% !important;
  }
  main .col-center .blog-desc .details_img {
    margin-bottom: 15px !important;
  }
  main .col-center .blog-desc .details_img .all-bages span.badge {
    padding: 2px 12px !important;
    font-size: 10px !important;
  }
  main .col-center .blog-desc .main-description div {
    flex-wrap: wrap;
  }
  main .col-center .blog-desc .main-description div .title h6, main .col-center .blog-desc .main-description div .title h2 {
    width: 100%;
    line-height: 26px;
    font-size: 16px !important;
    order: 2;
    margin-top: 7px !important;
  }
  main .col-center .blog-desc .main-description div .date {
    width: 100%;
  }
  main .col-center .blog-desc .main-description div .date i {
    margin-right: 12px !important;
    font-size: 16px !important;
  }
  main .col-center .blog-desc .main-description div .date span {
    font-size: 15px !important;
  }
  main .col-center .blog-desc .main-description .blog-accordian ul.collapsible li .collapsible-header {
    font-size: 16px;
    padding: 20px !important;
  }
  main .col-center .blog-desc .main-description .blog-accordian ul.collapsible li .collapsible-header i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
  }
  main .col-center .blog-desc .main-description .blog-accordian ul.collapsible li .collapsible-body {
    padding: 10px 20px 20px !important;
  }
  main .col-center .blog-desc .main-description p {
    font-size: 13px !important;
    line-height: 22px !important;
  }
  main .col-center .rightbox h5 {
    margin: 0px 0px 15px;
    font-size: 15px;
    padding-bottom: 10px;
  }
  main .col-center .rightbox .card {
    padding: 14px;
  }
  main .col-center .rightbox .card .all-bages {
    top: 25px;
    left: 25px;
  }
  main .col-center .rightbox .card .all-bages span.badge {
    padding: 2px 12px !important;
    font-size: 10px !important;
  }
  main .col-center .rightbox .card .card-content {
    padding: 16px 0px 0px;
  }
  main .col-center .rightbox .card .card-content .blog-details .date i {
    font-size: 15px;
  }
  main .col-center .rightbox .card .card-content .blog-details .date span {
    font-size: 12px;
  }
  main .col-center .rightbox .card .card-content .more-link {
    width: 28px;
    height: 25px;
    line-height: 26px;
  }
  main .col-center .rightbox .card .card-content .more-link svg {
    width: 25px;
    height: 12px;
  }
  main .col-center .rightbox .card .card-title {
    font-size: 13px;
    line-height: 22px;
  }
  main .col-center .promo-tab .promo-details .coupens {
    height: auto;
    padding: 10px;
    width: 47%;
  }
  main .col-center .promo-tab .promo-details .coupens .read-more a {
    bottom: 30px;
    width: 125px;
    height: 50px;
    line-height: 50px;
    margin: 0 2px;
    font-size: 12px;
  }
  main .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a h2 {
    font-size: 11px !important;
  }
  main .col-center .card .card-content .user-deposit .payment-method .bank-transfer .select-transfer a h6 {
    font-size: 11px !important;
  }
  main .col-center.vip .top-content .vip-banner {
    width: 100%;
  }
  main .col-center.vip .vip-benefits .daily-event .row {
    display: flex;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col {
    padding: 0 5px;
    margin-bottom: 10px;
    min-height: 150px;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col .daily-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-text {
    font-size: 28px;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-text span {
    font-size: 26px;
  }
  main .col-center.vip .vip-benefits .daily-event .row .col .daily-card .daily-details .daily-img-text {
    font-size: 20px !important;
    bottom: 10px !important;
    left: 12px !important;
  }
  main .col-center.vip .bounus-details .row {
    display: flex;
    flex-wrap: wrap;
  }
  main .col-center.vip .bounus-details .row .col {
    margin-bottom: 10px !important;
    padding: 0 5px;
  }
  main .col-center.vip .bounus-details .promo-info .promo-img .promo-right-img {
    width: 48%;
  }
  main .col-center.vip .bounus-details .promo-info .promo-img .promo-right-img img {
    width: 100%;
  }
  main .col-center.vip .bounus-details .promo-info .promo-img .promo-text {
    padding: 20px 5px 20px 0px !important;
  }
  main .col-center.vip .bounus-details .promo-info .promo-img .promo-text .text {
    font-size: 16px !important;
  }
  main .col-center.vip .vip-benefits .bonus-withdraw {
    padding: 14px 18px 0;
  }
  main.sidebar-open .col-center .promo-tab .promo-details .coupens {
    width: 60%;
  }
  main .all-casinos .portfolio .port-content {
    width: 23.7%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
    width: 49.3%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text {
    width: 66%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images {
    padding: 50px 8px 0px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .name {
    font-size: 9px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .value {
    font-size: 19px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown {
    max-width: 260px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-amount {
    max-width: 260px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn {
    font-size: 12px;
    padding: 16px 7px 42px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn .upload-inner-title {
    font-size: 9px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn .upload-title {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a {
    width: 25px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a svg {
    width: 25px;
    height: 25px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .upload-document {
    padding: 9px 20px !important;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner {
    padding: 20px 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-img {
    width: 30%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-input input {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 81%;
    text-wrap: nowrap;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-btn {
    padding: 8px 5px;
    font-size: 12px;
    margin-right: 5px;
    width: 40%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn {
    width: 5%;
    text-align: right;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn svg {
    width: 20px;
    height: 20px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner::after {
    width: 54%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item h3 {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item span {
    font-size: 34px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel {
    width: 20%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2::after {
    width: 70%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content {
    width: 60%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content h3 {
    font-size: 18px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content p {
    font-size: 22px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content span {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-img img {
    width: 100px;
    display: block;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left {
    width: 40%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-content .winner-amount {
    font-size: 32px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .top_win_img {
    height: 80px;
    width: 80px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .num_img {
    right: -22px;
    width: 50px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right {
    width: 60%;
    margin-top: 15px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail {
    gap: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail .winner_num img {
    width: 30px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-amount {
    font-size: 18px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-text p {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-id {
    font-size: 14px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .progresspoint,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .progresspoint {
    right: 34%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .progresspoint {
    left: 38%;
  }
  main.account-pages .user-profile .profile-content .statistics-content .bonus-subscription .slide-arrow {
    top: 59%;
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box {
    width: 15.6%;
  }
  #spin-popup.modal {
    height: 95%;
  }
  .footer .payment-img .payimg-bg {
    width: 32px;
    height: 32px;
    margin: 0px 2px;
  }
  .footer .reach-us .social-media a {
    margin: 0 3px;
  }
  .footer .reach-us .social-media a .icon img {
    width: 22px;
  }
  .footer .download-buttons .download-btn,
  .footer .download-buttons .affiliate-btn {
    font-size: 9px;
    padding: 0 5px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  main .col-center .mobile-app .install-process-section .process-item .install-app-img img {
    width: 80%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head svg {
    height: 36px;
    width: 36px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .step-title {
    margin-bottom: 8px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-img {
    width: 32px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .home-add-menu {
    padding: 8px;
    width: 250px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .share-menu {
    width: 50%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr {
    margin-top: 35px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-img {
    border-radius: 8px;
    padding: 5px;
    width: 18%;
  }
  main .col-center .mobile-app .online-betting-section .feature-list {
    margin: 8px 0;
  }
  main .col-center .mobile-app .how-download-section .download-step-img {
    width: 22%;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-icon {
    width: 35%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step {
    width: 20%;
  }
  main .col-center .mobile-app .deposit-method .deposit-method-detail table tr th {
    padding: 10px;
  }
  main .col-center .mobile-app .casino-app {
    gap: 10px;
  }
  main .col-center .mobile-app .casino-app .regiter-step-img {
    gap: 10px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images {
    padding: 50px 8px 0px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .name {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .value {
    font-size: 19px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn {
    font-size: 12px;
    padding: 16px 7px 42px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn .upload-inner-title {
    font-size: 9px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn .upload-title {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a {
    width: 25px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a svg {
    width: 25px;
    height: 25px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .upload-document {
    padding: 9px 20px !important;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content {
    display: block;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left {
    width: 100%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .number,
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-left .gender {
    justify-content: center;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right {
    width: 100%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .email {
    justify-content: center;
  }
  main.account-pages .user-profile .profile-content .user-top-content .users-details .user-profile-details .bottom-content .user-right .gender {
    justify-content: center;
  }
  main.full-wrap #casino-page .col-center .casino-banner .live-casino-slider .headline-btn {
    bottom: 22px !important;
  }
  .footer .download-buttons .download-btn,
  .footer .download-buttons .affiliate-btn {
    font-size: 10px;
  }
  #slider-popup.modal {
    width: 45%;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 60%;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daily-login-items .daily-item span {
    font-size: 12px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .jackpot span {
    font-size: 45px;
  }
  #Daily-Login-Bonus.modal .modal-content .modal-body .daliy-jakpot .bonus span {
    font-size: 52px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  main .col-center .rightbox .card {
    padding: 24px 18px;
  }
  main .col-center .rightbox .card .card-content {
    padding: 18px 0px 0px;
  }
  main .col-center .rightbox .card .card-content .blog-details .date i {
    font-size: 16px;
  }
  main .col-center .rightbox .card .card-content .blog-details .date span {
    font-size: 14px;
  }
  main .col-center .rightbox .card .card-content .more-link {
    width: 30px;
    height: 28px;
    line-height: 30px;
  }
  main .col-center .rightbox .card .card-title {
    font-size: 14px;
    line-height: 22px;
  }
  main .col-center .blog-section .blog-image img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  main .col-center .top-content .upper-slider {
    bottom: 6px;
  }
  main .col-center.vip .vip-benefits .daily-event .daily-card .daily-details .daily-text {
    font-size: 36px;
  }
  main .col-center.vip .vip-benefits .daily-event .daily-card .daily-details .daily-img-text {
    bottom: 10px !important;
  }
  main .col-center.vip .vip-benefits .bonus-withdraw .bounus-details .row.mb-0 {
    display: flex;
  }
  main .col-center.vip .vip-benefits .bonus-withdraw .bounus-details .promo-info .promo-img .promo-text .text {
    font-size: 12px;
  }
  main .col-center.vip .vip-benefits .bonus-withdraw .bounus-details .promo-info .promo-img .promo-right-img {
    width: 44%;
  }
  main .col-center.vip .vip-benefits .bonus-withdraw .bounus-details .promo-info .promo-img .promo-right-img img {
    width: 100%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .device-head svg {
    height: 36px;
    width: 36px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .step-title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-img {
    width: 32px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .home-add-menu {
    padding: 8px;
    width: 250px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .steps-list .steps-item .step-info .share-menu {
    width: 50%;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr {
    margin-top: 35px;
  }
  main .col-center .mobile-app .install-process-section .process-item .app-tabs .app-qr .qr-img {
    border-radius: 8px;
    padding: 5px;
    width: 18%;
  }
  main .col-center .mobile-app .online-betting-section .feature-list {
    padding-left: 5px;
    margin: 0;
  }
  main .col-center .mobile-app .how-download-section .download-step-img {
    width: 22%;
  }
  main .col-center .mobile-app .how-download-section .download-step-img .download-video-icon {
    width: 35%;
  }
  main .col-center .mobile-app .register-steps-box .register-steps-main .register-step .register-step-content span {
    font-size: 16px;
  }
  main .col-center .mobile-app .register-steps-box .install-title {
    width: 60%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
    width: 49.4%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown {
    max-width: 320px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-amount {
    max-width: 320px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn {
    font-size: 12px;
    padding: 16px 15px 42px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn .upload-inner-title {
    font-size: 9px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn .upload-title {
    font-size: 11px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a {
    width: 30px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a svg {
    width: 30px;
    height: 30px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .upload-document {
    padding: 9px 20px !important;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner {
    padding: 20px 10px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-img {
    width: 30%;
    top: -21px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-btn {
    padding: 8px 5px;
    font-size: 12px;
    margin-right: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-input input {
    text-overflow: ellipsis;
    width: 80%;
    text-wrap: nowrap;
    display: inline-block;
    vertical-align: middle;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn {
    width: 5%;
    text-align: right;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a.copy-btn svg {
    width: 20px;
    height: 20px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner::after {
    top: -17px;
    width: 40%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item h3 {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .referral-list .referral-item span {
    font-size: 34px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel {
    width: 15%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main h2::after {
    width: 70%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content {
    width: 60%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content h3 {
    font-size: 18px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content p {
    font-size: 22px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-content span {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-issued-main .bonus-issued-list .bonus-issued-item .bonus-img img {
    width: 100px;
    display: block;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left {
    width: 40%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-content .winner-amount {
    font-size: 32px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .top_win_img {
    height: 80px;
    width: 80px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-left .top-winner .winner-img .num_img {
    right: -22px;
    width: 50px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right {
    width: 60%;
    margin-top: 15px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail {
    gap: 5px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .num_detail .winner_num img {
    width: 30px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-amount {
    font-size: 18px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-text p {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .winner-list .winner-main .winner-box .winner-right .winner-detail .winner-id {
    font-size: 14px;
  }
}
@media (min-width: 1500px) and (max-width: 1599px) {
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box {
    width: 13.4%;
  }
  main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image .play-now {
    padding: 0 12px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  #slider-popup.modal {
    width: 75%;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 41%;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  main.account-pages .col-center .account-statement .card .detail .rupees {
    font-size: 14px;
  }
  main.full-wrap #casino-page .col-center .casino-detail-page .casino-details-section .all-top-box {
    width: 13.4%;
  }
  #slider-popup.modal {
    width: 40%;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 78%;
  }
}
@media (min-width: 1200px) and (max-width: 1499px) {
  #Daily-Login-Bonus.modal {
    max-width: 70%;
    width: 70%;
  }
}
@media (min-width: 1500px) {
  main .col-center .top-content .upper-slider {
    bottom: 5px;
  }
  main .col-center .promo-tab .promo-details .coupens {
    width: 48%;
  }
  main .all-casinos .portfolio .port-content {
    width: 19%;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  main .col-center.vip .vip-benefits .daily-event .daily-card .daily-details .daily-text {
    font-size: 40px;
  }
  main .col-center.vip .vip-benefits .bonus-withdraw .bounus-details .promo-info .promo-img .promo-text .text {
    font-size: 12px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
    width: 32.7%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .more-bets {
    font-size: 14px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .coupens-text .date1 {
    font-size: 10px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .inner-coupens .all-btn .btn {
    height: 35px !important;
    padding: 0px 4px !important;
    font-size: 10px !important;
    line-height: 35px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images {
    padding: 50px 8px 0px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .name {
    font-size: 9px;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens .bets-details .bet-images .bets-values .value {
    font-size: 19px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a {
    width: 30px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .kyc-upload .upload-id .upload-btn .btn a svg {
    width: 30px;
    height: 30px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-img {
    position: absolute;
    right: 0px;
    top: -16px;
    width: 20%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-btn {
    margin-right: 3px;
    padding: 9px 5px;
    font-size: 14px;
    width: 26%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-input input {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    text-wrap: nowrap;
    display: inline-block;
    vertical-align: middle;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a {
    font-size: 13px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .top-banner::after {
    top: -14px;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel {
    margin-right: 5px;
    width: 11%;
  }
  main.account-pages .col-center .card .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-bg {
    width: 42%;
    margin-right: -10px;
    margin-top: 14px;
  }
  main.full-wrap #casino-page .col-center .all-top .all-top-details .all-top-slider .all-top-box .all-top-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  main.full-wrap #casino-page .col-center .roulette .roulette-details .roulette-slider .roulette-box .roulette-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  main.full-wrap #casino-page .col-center .new-section .new-section-details .new-section-slider .new-section-box .new-section-image .play-now {
    padding: 0 12px !important;
    height: 40px !important;
  }
  main.full-wrap #casino-page .col-center .blackjack .blackjack-details .blackjack-slider .blackjack-box .blackjack-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  main.full-wrap #casino-page .col-center .baccarat .baccarat-details .baccarat-slider .baccarat-box .baccarat-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  main.full-wrap #casino-page .col-center .tv-shows .tv-shows-details .tv-shows-slider .tv-shows-box .tv-shows-image .play-now {
    padding: 0 12px !important;
    height: 38px !important;
  }
  #slider-popup.modal {
    width: 32%;
  }
  #slider-popup.modal .modal-content .popup_slider .onboard-box .onboard-img {
    width: 85%;
  }
}
@media (min-width: 1700px) and (max-width: 1799px) {
  main.account-pages .col-center .card-content .refer-earn-page .top-banner .banner-img {
    position: absolute;
    right: 0px;
    top: -16px;
    width: 19%;
  }
  main.account-pages .col-center .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-btn {
    margin-right: 5px;
    width: 32%;
  }
  main.account-pages .col-center .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code a {
    font-size: 14px;
  }
  main.account-pages .col-center .card-content .refer-earn-page .top-banner .banner-content .banner-invite-box .banner-invite-code .invite-input input {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
    text-wrap: nowrap;
    display: inline-block;
    vertical-align: middle;
  }
  main.account-pages .col-center .card-content .refer-earn-page .top-banner::after {
    top: -15px;
  }
  main.account-pages .col-center .card-content .refer-earn-page .referral-main .refer-progressbar .progress-lavel {
    margin-right: 5px;
    width: 10%;
  }
  main.account-pages .col-center .card-content .refer-earn-page .bonus-rules-main .rules-listing .rules-bg {
    width: 42%;
    margin-right: -10px;
    margin-top: 14px;
  }
}
@media (min-width: 1700px) {
  main .col-center.vip .vip-benefits .daily-event .daily-card .daily-details .daily-text {
    font-size: 30px;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .platinum-content .progresspoint,
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .silver-content .progresspoint {
    right: 50%;
  }
  main.account-pages .user-profile .profile-content .user-top-content .turnover-details .bottom-content .plans-progress .ruby-content .progresspoint {
    left: 56%;
  }
  #slider-popup.modal {
    width: 31%;
  }
}
@media (min-width: 1801px) {
  main .col-center .top-content .upper-slider {
    bottom: 6px;
  }
  main .col-center.vip .vip-benefits .daily-event .daily-card .daily-details .daily-text {
    font-size: 42px;
    line-height: 32px;
  }
  main .all-casinos .portfolio .port-content {
    width: 13.6%;
  }
  main.account-pages .col-center .card .card-content .campaign .campaign-content .coupen-details .coupens {
    width: 32.8%;
  }
}
@media (min-width: 1919px) {
  main .col-center .promo-tab .promo-details .coupens {
    width: 32.5%;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .select-bank .bank-details .bank-dropdown {
    max-width: 550px;
  }
  main.account-pages .col-center .card .card-content .withraw .withraw-content .bank-amount {
    max-width: 550px;
  }
}
@media (min-width: 2500px) {
  main .col-center .promo-tab .promo-details .coupens {
    width: 24%;
  }
}
.scroller,
.modal-content {
  scrollbar-width: none;
  scroll-padding-top: 150px;
}

.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

::-webkit-scrollbar {
  width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: #dcdcdc;
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #dcdcdc;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  scrollbar-width: none;
}

::-webkit-scrollbar-thumb {
  background-color: #dcdcdc;
}

header .iconsidebar-menu .iconMenu-bar li:hover .bar-icons .s-icon input::-webkit-input-placeholder {
  color: var(--left-menu-text-color);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.blink_text {
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.blink-new {
  background-color: red;
  color: #fff;
  font-weight: 700;
  padding: 3px;
  border-radius: 30px;
  font-size: 8px;
  float: right;
  line-height: 100% !important;
  box-shadow: 0 0 10px #ff0000;
  position: absolute;
  top: -7px;
  right: -12px;
}

.tth-info {
  color: #fff;
  background: var(--button-bg);
}

@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink_btn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.2;
  }
}/*# sourceMappingURL=custom.css.map */