:root .color21-4 {
    --theme-color:#ff4e00;
    --theme-color-inactive:rgb(199, 132, 104);
    --theme-sport:#ff4e00;
    --theme-sport-inactive:#ff8855;
    --bg-site: #efefef;
    --bg-body:#ededed;
    --bg-notice: #ffffff;
    --bg-header-wrapper:#cdcdcd;
    --bg-header:#ffffff;
    --bg-header2:#ff4e00;
    --bg-navdropdown:#f3f3f3;
    --bg-navdropdown2:linear-gradient(180deg, rgb(255 255 255), rgb(255 255 255 / 0%) 126.7%);
    --primary-text2:#000000;
    --primary-text2-hover:#ff4e00;
    --light-text:#000000;
    --light-text-inactive:#6b707d;
    --dark-text:#ffffff;
    --important-text:red;
    --primary-btn:#ffb100;
    --primary-btn-outline:#a2aabd;
    --primary-btn3:linear-gradient(180deg, #c0c0c0, rgba(17, 17, 17, 0) 126.7%);
    --line-color:#ffffff6b;
    --bg-section-sport:url(../images/color21-4/sport-bg.png);
    --bg-step-wrapper:linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 51%) 10%, rgb(255 255 255 / 67%) 50%, rgb(2 2 2 / 0%) 90%, rgb(255 255 255 / 0%) 100%);
    --bg-provider:#ffffff;
    --bg-sport-contact:#ffffff;
    --bg-sport-slider:linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 100%);
    --bg-sport-contact-cs: linear-gradient(to right, #ffffff 0%, #cccccc 100%);
    --bg-transaction-slider:#ffffff;
    --bg-game-category-m:#ffffff;
    --bg-mobile-nav-top:#ffffff;
    --bg-mobile-nav-inactive:#f7f7f7;
    --bg-mobile-nav-bottom-line:rgb(0 0 0 / 24%);
    --nav-btn-color:#a1aabc;
    --bg-mobile-nav-download:#ffffff;
    --bg-game-item:#ffffff;
    --bg-game-item-hover:rgba(0,0,0,0.5);
    --bg-btn-play:#ffc43c;
    --bg-download-box:#ededed;
    --bg-footer:#ffffff;
    --bg-section-download:#d9d9d9;
    --tnc-color:#5b606a;
    --bg-acc-bar:#ffffff;
    --bg-provider-selection:#ffffff;
    --bg-tools-box:#191919;
    --bg-recommend-game:#ffffff;
    --bg-provider-small-icon:#27282a;
    --image-filter-theme-color:brightness(0) saturate(100%) invert(40%) sepia(87%) saturate(4181%) hue-rotate(1deg) brightness(104%) contrast(103%);
    --form-input-bg:#e3e3e3;
    --form-cta-bg:#ff4e00;
    --after-login-box:#212224;
    --bg-footer-nav:#ffffff;
    --bg-promo-box:#ffffff;
    --bg-promo-text-box:#ededed;
    --promo-modal-text:#6c6c6c;
    --bg-referral-share:rgba(255,255,255,0.2);
    --form-input-bg2: #efefef;
    --form-text-light: #000000;
    --form-text: #000000;
    --bg-side-nav:#eee;
    --bg-promo-checkbox:linear-gradient(90deg,#ffcdb7 0%, #e3e3e3 100%);
    --bg-scrollbar-thumb:rgba(245, 71, 2, 0.3);
    --bg-special-menu:linear-gradient(90deg,#ffcdb7 0%, #e3e3e3 100%);
    --boostrap-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    --bg-odds-btn:#ffffff;
    --bg-match:#ffffff;
    --bg-match-card:#ffffff;
    --bg-odds:#ECECEC;
    --color-ball-value:#c63500;
    --text-blue:#0026ff;
    --bg-blue:#ff4e00;
    --color-live:#ad09ff;
    --color-live-icon:#F42101;
    --odds-line:rgba(0, 0, 0, 0.2);
    --bg-transparent:#ffffff0a;
    --bg-transparent2:rgba(0, 0, 0, 0.039); 
    --bg-filter:#d6d6d6;
    --btn-arrow:rgba(0, 0, 0, 0.5);
    --bg-live:linear-gradient(45deg, #ad09ff, #ad09ff00, #ad09ff, #ad09ff00, #ad09ff, #ad09ff00, #ad09ff, #ad09ff00, #ad09ff);
    --bg-transparent:rgba(166, 173, 183, 0.249);

    /*new referral page*/
    --refer-color-theme: #ff4e00;
    --refer-black: #000000;
    --refer-black2: #000000;
    --refer-black3: #00000066;
    --refer-white: #000000;
    --refer-bgcolor-box: #ffffff;
    --refer-bgcolor-box2: #ffffff;
    --refer-bg-color: #ffffff;
    --refer-bg-img: url(../images/referral/white-bg.png);
	--refer-shadow-box: 0 0 10px 0 #FFFFFF26;
    --refer-bg-modal: #ffffff;
    --refer-color-text-tnc: #000000bf;

    /* leaderboard */
    --shadow-box2: #0000001a;
    --border-line: #757575;
    --bg-rank: #d7d7d799;
    --bg-leaderboard: url(../images/leaderboard/white-frame.png);
	--bgform-select: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.color21-4 .btn-earn,
.color21-4 .tournament-term,
.color21-4 .icon-rank{
    color: #ffffff;
}
.color21-4 .swiper-pagination-bullet-active{
    background-color: var(--theme-color) !important;
}
.color21-4 .swiper-pagination-bullet{
    background-color:rgba(0, 0, 0, 0.5);
}
.color21-4 .match-group{
    background-color:var(--bg-match);
}
.color21-4 .public-odds-wrapper .dropdown-menu{
    background-color:var(--bg-match);
    border:1px solid var(--odds-line)
}
.color21-4 .public-odds-wrapper .sport-select-btn .sport-icon,
.color21-4 .public-odds-wrapper .dropdown-menu li a .sport-icon{
    filter: var(--image-filter-theme-color);
}
.color21-4 .top-header {
    background-color: var(--theme-color);
}
.color21-4 .nav-btn{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2457%) hue-rotate(65deg) brightness(108%) contrast(101%);
}
.color21-4 .balance-wrapper-m .balance{
    color: var(--dark-text);  
}
.color21-4 .balance-wrapper-m .btn-refresh {
    color: var(--primary-btn);
}
.color21-4 .logo{
    color: var(--dark-text);
}
.color21-4 .logo span{
    color: var(--primary-btn);
}
.color21-4 .nav-dropdown{
    background: var(--bg-side-nav);
}
.color21-4 .section-games .nav-tabs .nav-link.active, 
.color21-4 .section-games .nav-tabs .nav-link:hover,
.color21-4 .nav-open-content-m .btn-register,
.color21-4 .anncon .nav .nav-link.active,
.color21-4 .gamelist-subpage-wrapper .nav-tabs .nav-link.active,
.color21-4 .second-header-wrapper .left .time,
.color21-4 .lang-btn,
.color21-4 .acct-wrapper .balance-wrapper .balance span,
.color21-4 .promotion-apply-btn,
.color21-4 .nav-open-content-m .download .btn-download,
.color21-4 .af-box .tab-menu a.active,
.color21-4 .btnform,
.color21-4 .btnform:hover,
.color21-4 .promo-modal .modal-header,
.color21-4 .referral-detail-top,
.color21-4 .btn-referral,
.color21-4 .btn-referral-detail,
.color21-4 .section-download .app-download .decs,
.color21-4 .section-download .app-download .app-download-title,
.color21-4 .download-wrapper .btn-download,
.color21-4 .second-header-wrapper .right li a,
.color21-4 .app-content-bottom .btn-primary,
.color21-4 .app-content-bottom .btn-primary:hover,
.color21-4 .app-content-bottom .btn-primary:focus,
.color21-4 .app-content-bottom .btn-primary:active,
.color21-4 .league-card-header,
.color21-4 .odds-col .odds-box:hover,
.color21-4 .odds-col .odds-box:hover .ball-value,
.color21-4 #select-league .modal-header{
    color: var(--dark-text) !important;
}
.color21-4 .nav-open-content-m .lang-btn,
.color21-4 .anncon .nav .nav-link,
.color21-4 .acct-wrapper .user-wrapper .user-group ul li, 
.color21-4 .acct-wrapper .user-wrapper .down-list-group ul li,
.color21-4 .second-header-wrapper .right .dropdown-menu li a{
    color: var(--light-text) !important;
}
.color21-4 .form-til a:hover,
.color21-4 .form-til a:focus,
.color21-4 .af-box a:hover, 
.color21-4 .af-box a:focus{
    color: var(--theme-color);
}
.color21-4 .w-menu img,
.color21-4 .statistic .s-data {
    background:var(--form-input-bg2);
    color: var(--light-text);
}
.color21-4 .af-box .s-data.active,
.color21-4 .af-box .s-data:hover{
    background-color: var(--theme-color);
    color: var(--dark-text) !important;
}
.color21-4 .af-box .s-data.active .s-amount,
.color21-4 .af-box .s-data:hover .s-amount,
.color21-4 .af-box .s-data.active .s-label,
.color21-4 .af-box .s-data:hover .s-label,
.color21-4 .section-download .app-download-wrapper .decs,
.color21-4 .section-download .app-download-wrapper .app-download-title{
    color: var(--dark-text) !important;
}
.color21-4 .af-box .d-amount a.active, 
.color21-4 .af-box .d-amount a:hover{
    color: var(--dark-text) !important;
}
.color21-4 .sport .swiper-sport-slider .banner-text img{
    filter: brightness(0) saturate(100%) invert(0%) sepia(76%) saturate(7435%) hue-rotate(300deg) brightness(88%) contrast(100%);
}
.color21-4 .footer-nav{
    box-shadow: -3px 3px 10px rgba(0,0,0,0.5);
}
.color21-4 .text-success {
    color: #009737 !important;
}
.color21-4 .w-type .pincode-input-text, 
.color21-4 .form-control.pincode-input-text,
.color21-4 .b-type,
.color21-4 .t-type{
    background:var(--form-input-bg) !important;
    color: var(--light-text);
}
.color21-4 .s-label b {
    color: var(--theme-color);
}
.color21-4 .af-form .form-check-input:checked{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.color21-4 .b-table .btn-claim{
    background:var(--form-input-bg) !important;
}
.color21-4 .provider-selection ul li .provider-logo,
.color21-4 .provider-selection-btn img{
    filter: brightness(0) saturate(100%) invert(0%) sepia(76%) saturate(7435%) hue-rotate(300deg) brightness(88%) contrast(100%);
}
.color21-4 .provider-selection ul li:hover .provider-logo,
.color21-4 .provider-selection ul li.active .provider-logo{
    filter:var(--image-filter-theme-color);
}

.color21-4 .vip-bar .progress {
    width: 97%;
    background:#c3c3c3;
}
.color21-4 .af-box .vip-benefit,
.color21-4 .viptabs .form-box{
    border-color: var(--bg-mobile-nav-bottom-line);
}
.color21-4 .lang-group .dropdown-menu {
    background-color: #fff;
    border:1px #0000001c solid
}
.color21-4 .acct-bar{
    border-top:1px #0000001c solid
}
.color21-4 .nav-group li a,
.color21-4 .game-category-m li,
.color21-4 .nav-open-content-m .nav-menu-top .item-list a,
.color21-4 .nav-open-content-m .nav-menu-bottom .item-list,
.color21-4 .section-games .nav-tabs .nav-link,
.color21-4 .nav-game li a, 
.color21-4 .nav-special li a,
.color21-4 .promotion-wrapper ul li{
    font-weight: bold;
    opacity: 1;
}
.color21-4 .league-card-header.collapsed{
    background-color: var(--theme-color);
}
.color21-4 .league-card-header.collapsed:hover{
    color: #fff;
}
@media (min-width: 960px) {
    .color21-4 .top-header {
        background-color: var(--bg-header);
    }
    .color21-4 .nav-btn{
        filter:none;
    }
    .color21-4 .balance-wrapper-m .balance{
        color: var(--light-text);  
    }
    .color21-4 .balance-wrapper-m .btn-refresh {
        color: var(--theme-color);
    }
    .color21-4 .logo{
        color: var(--light-text);
    }
    .color21-4 .logo span{
        color: var(--theme-color);
    }
    .color21-4 .gamelist-subpage-wrapper .nav-tabs .nav-link.active,
    .color21-4 .promotion-wrapper ul li.mixitup-control-active {
        color: var(--theme-color) !important;
    }
    .color21-4 .acct-wrapper .user-wrapper .user-btn,
    .color21-4 .acct-wrapper .balance-wrapper .btn-refresh,
    .color21-4 .acct-wrapper .balance-wrapper .balance,
    .color21-4 .acct-wrapper .level-wrapper span,
    .color21-4 .acct-wrapper .user-wrapper .down-list-group .down-list-btn,
    .color21-4 .promotion-single-btn{
       color: var(--dark-text);
    }
    .color21-4 .section-download .app-download .decs,
    .color21-4 .section-download .app-download .app-download-title,
    .color21-4 .download-wrapper .btn-download,
    .color21-4 .section-download .app-download-wrapper .decs,
    .color21-4 .section-download .app-download-wrapper .app-download-title{
        color: var(--light-text) !important;
    }
    .color21-4 .promotion-wrapper ul li.mixitup-control-active{
        color: var(--theme-color) !important;    
    }
    .color21-4 .acct-wrapper .level-wrapper, 
    .color21-4 .acct-wrapper .balance-wrapper {
        border-right: 1px solid var(--line-color);
    }
    .color21-4 .acct-wrapper .user-wrapper .user-group ul li:hover, 
    .color21-4 .acct-wrapper .user-wrapper .down-list-group ul li:hover{
        background-color: rgba(0,0,0,0.1);
    }
    .color21-4 .download-wrapper .btn-download{
        border: 1px solid rgba(0,0,0,0.1);
    }
    .color21-4 .league-card-header.collapsed img{
        filter: var(--image-filter-theme-color);
    }
    .color21-4 .league-card-header.collapsed{
        background-color:rgba(0, 0, 0, 0.1);
        color: var(--theme-color) !important;
    }
    .color21-4 .league-card-header.collapsed:hover{
        color: #000000;
    }
}

.color21-4 .wallet2 .w2-logo{
   filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(5%) hue-rotate(9deg) brightness(103%) contrast(102%);
   opacity: 0.8;
}

.color21-4 .wallet2 .box-wrapper .box-text .copy-btn{
    color:#fff;
}