:root .color22-2 {
    --primary-color1: #de0f1c;
    --primary-color2: #f9a51a;
    --primary-color3: #f9a51a;
    --btn-color1:#2e2e2e;
    --btn-color2:#53c000;
    --btn-text-color1:#fff;
    --btn-deposit:linear-gradient(16deg, #55040a 0%, #d10d1b 75%);
    --bg-site:#181818;
    --bg-color1:#0f0f0f;
    --bg-color2: #1d1d1d;
    --bg-color3: #2d2d2d;
    --bg-color4: #0f0f0f;
    --bg-color5:#202020;
    --bg-color6:#262626;
    --text-color1:#fff;
    --text-color2:#000;
    --text-color3:#9d9d9d;
    --text-color4:#96a6b5;
    --bg-input-box:#2d2d2d;
    --input-box-focus:rgba(62, 70, 163, 0.2);
    --btn-box-shadow:#2e6a006f;
    --header-download-btn:linear-gradient(316deg, #6f0008 0%, #1e0c0d 83%);
    --header-promotion-btn:linear-gradient(316deg, #b3780b 0%, #39270680 83%);
    --line-color:rgba(255,255,255,0.1);
    --line-color1:rgba(255,255,255,1);
    --btn-game-category:linear-gradient(194deg,#dc0d1a 0%,#9b0d1b 100%);
    --btn-game-category-hover:linear-gradient(194deg,#dc0d1a30 0%,#9b0d1b65 100%);
    --bg-tooltip:linear-gradient(256deg, #683702 21%, #ff8400 100%);
    --arrow-tooltip:#ff8400;
    --special-menu1:linear-gradient(90deg,rgba(62, 56, 31, 0) 0%, rgba(62, 56, 31, 1) 100%);
    --special-menu1-border:linear-gradient(46deg,rgba(62, 56, 31, 0) 71%, rgba(97, 91, 62, 1) 100%);
    --special-menu2:linear-gradient(90deg,rgba(60, 30, 82, 0) 0%, rgba(60, 30, 82, 1) 100%);
    --special-menu2-border:linear-gradient(46deg,rgba(83, 41, 104, 0) 71%, rgba(83, 41, 104, 1) 100%);
    --special-menu3:linear-gradient(90deg, rgb(89 37 43 / 0%) 0%, rgb(93 36 41) 100%);
    --special-menu3-border:linear-gradient(46deg,rgba(61, 86, 132, 0) 71%, rgb(143, 57, 64) 100%);
    --bg-notice:#0f0f0f;
    --outline-notice:#262626;
    --shadow-color:#2c2c2cb5;
    --bg-arrow-slider:#262626;
    --bg-transaction-header1:linear-gradient(256deg, #dc0d1a 21%, #990912 100%);
    --bg-transaction-header2:linear-gradient(256deg, #dc0d1a 21%, #990912 100%);
    --text-gradient:linear-gradient(to right, #c60d1a, #f37c00);
    --bg-provider:linear-gradient(256deg, #9e0d1b 21%, #cd1f0d 100%);
    --bg-border:linear-gradient(0deg, #53040c00 21%, #ff374b 100%);
    --bg-footer:linear-gradient(10deg, #181818 6%, #0f0f0f 85%);
    --bg-footer-nav:linear-gradient(180deg, #510f0f 0, #0f0f0f 25%);
    --footer-nav-hover:url(../images/color22-2/footer-nav-hover.png);
    --bg-after-login:#131524;
    --bg-slider-sport1: linear-gradient(135deg, #1322b1 0%, #ac15f7 100%);
    --bg-slider-sport2: linear-gradient(135deg, #1e165b 0%, #f43b47 100%);
    --form-cta-bg:#de0f1c;
    --form-input-bg:#2d2d2d;
    --bg-provider-card:linear-gradient(0deg, #2d2d2d 0%, #363c44 100%);
    --bg-provider-card-active:linear-gradient(180deg, #9b010b 7%, #620008 100%);
    --bg-filter-bar:#2d2d2d;
    --bg-promo-checkbox:linear-gradient(90deg, #80570b 0%, #2d2d2d 100%);
    --bootstrap-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bg-transparent1:rgba(255,255,255,0.5);
    --bg-transparent2:rgba(0,0,0,0.5);
    --bg-provider-logo:linear-gradient(175deg, rgb(137, 218, 230) 0%, rgb(50, 1, 187) 100%);
    --primary-btn-outline:rgba(255,255,255,0.5);
    --bg-promo-category:linear-gradient(0deg, #2d2d2d 0%, #363c44 100%);
    --primary-color-img-filter:brightness(0) saturate(100%) invert(68%) sepia(100%) saturate(1339%) hue-rotate(347deg) brightness(100%) contrast(96%);

    /*new referral page*/
    --refer-color-theme: #de0f1c;
    --refer-black: #FFFFFF;
    --refer-black2: #FFFFFF;
    --refer-black3: #FFFFFF66;
    --refer-white: #ffffff;
    --refer-bgcolor-box: #0f0f0f;
    --refer-bgcolor-box2: #0f0f0f;
    --refer-bg-color: #0f0f0f;
    --refer-bg-img: url(../images/referral/dark-bg.png);
	--refer-shadow-box: 0 0 10px 0 #FFFFFF26;
    --refer-bg-modal: #1d1d1d;
    --refer-color-text-tnc: #FFFFFFBF;

    /* leaderboard */
    --shadow-box2: #FFFFFF1A;
    --border-line: #757575;
    --bg-rank: #3d3d3d99;
    --bg-leaderboard: url(../images/leaderboard/dark-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");

    /* live tv modal */
    --bg-live-tv-modal:#111;
    --bg-tv-select-btn:#252525;
    --live-tv-text:#fff;
    --live-tv-close:red;

    /*rocket chat*/
    --rchat-theme-color:#de0f1c;
    --rchat-theme-color2:#3a3a3a;
    --rchat-bg:#1d1d1d;
    --rchat-text: #fff;
    --rchat-text-w: #fff;
    --rchat-text2:rgba(255, 255, 255, 0.8);
    --rchat-border:rgba(255, 255, 255, 0.1);
    --rchat-btn-bg:rgba(255, 255, 255, 0.1);
    --rchat-btn-border:rgba(255, 255, 255, 0.2);
    --rchat-btn-bg-hover:rgba(255, 255, 255, 0.1);
    --rchat-btn-border-hover:rgba(255, 255, 255, 0.2);
    --rchat-shadow:rgba(255, 255, 255, 0.2);
    --rchat-shadow2:rgba(0, 0, 0, 0.3);
    --rchat-date-bg:#3a3a3a;
    --dot-bg:rgba(255, 255, 255, 0.3);     
}