:root .color2-4 {
	--color-theme: #FBDDAF;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #000000;
    --bgcolor-box: transparent linear-gradient(180deg, #1E1D1F 0%, #7462542E 100%) 0% 0% no-repeat padding-box;
    --bgcolor-box2: #1E1D1F;
    --bg-color: transparent linear-gradient(180deg, #1E1D1F 0%, #7462542E 100%) 0% 0% no-repeat padding-box;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 10px 0 #00000026;
    --bg-modal: #312E2C;
    --color-text-tnc: #FFFFFFBF;
	--table-bg: #FBDDAF;
	--table-text:#6E3A10;

    /* leaderboard */
    --shadow-box2: #FFFFFF1A;
    --border-line: #757575;
    --bg-rank: #b1b1b199;
    --bg-leaderboard: url(../images/leaderboard/dark-frame.png);

    /* payment */
    --bg-boxwrapper: #FFFFFF1A;
    --filter-payment: none;
    --opacity-payment: 1;

    /*rocket chat*/
    --rchat-theme-color:#FBDDAF;
    --rchat-theme-color2:rgb(67 64 64);
    --rchat-bg:#232121;
    --rchat-text: #fff;
    --rchat-text-w: #000;
    --rchat-text2:rgba(255, 255, 255, 0.8);
    --rchat-border:rgba(255, 255, 255, 0.1);
    --rchat-btn-bg:rgba(0, 0, 0, 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:#434040;
    --dot-bg:rgba(255, 255, 255, 0.3);

    /* free game */
    --fg-bg: rgba(31, 36, 52, .7);
    --fg-border: #FFFFFF1A;
    --fg-bg2: transparent linear-gradient(180deg, #1E1D1F 0%, #7462542E 100%) 0% 0% no-repeat padding-box;
    --fg-bg3: #312E2C;
    --fg-primary-text: #FFFFFFCC;
    --fg-theme-color: #FBDDAF;
    --fg-bg-body: #3a383c;
    --fg-bg-body2: #504d4b;
    --fg-primary-btn: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    --fg-text: #FFFFFF;
    --fg-text2: #6E3A10;
    --fg-bottom-line: #FFFFFF1A;
}

/*rocket chat*/
.color2-4 .bot-avatar img,
.color2-4 .avatar-circle img{
    filter: brightness(0) saturate(100%) invert(0%) sepia(99%) saturate(4%) hue-rotate(5deg) brightness(98%) contrast(104%);
}

body.color2-4 {
    background-color: #17151A;
}
.color2-4 input:-webkit-autofill,
.color2-4 input:-webkit-autofill:hover, 
.color2-4 input:-webkit-autofill:focus, 
.color2-4 input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px #434142 inset !important;
    -webkit-box-shadow: 0 0 0 30px #434142 inset !important;
}

/* announcement */
.color2-4 .announcement-wrapper {
    background-color: #262425;
}
.color2-4 .announcement-left {
    background-color: #FBDDAF;
    color: #6E3A10;
}

/* button */
.color2-4 .btn-main {
    background: transparent linear-gradient(180deg, #BE9BFB 0%, #9F70F2 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .btn-sub {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    border: none;
    color: #6E3A10;
}
.color2-4 .promo-btn:hover,
.color2-4 .refer-btn:hover{
    border: 1px solid #FBDDAF;
    color:#6E3A10;
    background-color: #FBDDAF;
} 

/* header */
.color2-4 .header {
    background-color: #312E2D;
}
.color2-4 .language-wrapper .dropdown-menu {
    background-color: #423D39;
}

/* login page */
.color2-4 .login-wrapper {
    background: transparent linear-gradient(180deg, #1E1D1F 0%, #7462544D 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .login-form-title {
    color: #FBDDAF;
}
.color2-4 .input-group {
    border-left: 3px solid #FBDDAF;
}
.color2-4 .input-group-text {
    background-color: #FFFFFF26;
}
.color2-4 .input-group-text .form-select, 
.color2-4 .input-group-text .form-select:focus {
    background-color: #474445;
}
.color2-4 .form-control, 
.color2-4 .form-control:focus, 
.color2-4 .form-control:disabled {
    background-color: #FFFFFF26;
}
.color2-4 .login-form .btn-sub {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF80;
    color: #6E3A10;
}

/* register */
.color2-4 .step-single-register::before {
    border-left: 20px solid #262323;
}
.color2-4 .step-single-register.active::after {
    border-left: 20px solid #FBDDAF;
}
.color2-4 .step-single-register.active {
    background-color: #FBDDAF;
    color: #6E3A10;
}
.color2-4 .tac-wrapper .btn-main {
    background: #6A42F6;background: transparent linear-gradient(182deg, #BD99FB 0%, #A172F2 100%) 0% 0% no-repeat padding-box;
}

/* banner */
.color2-4 .banner .swiper-pagination-bullet-active {
    background-color: #F9B87A;
}
.color2-4 .banner-desktop .swiper-button-next, 
.color2-4 .banner-desktop .swiper-button-prev {
    background-color: #46403C;
}
.color2-4 .banner-desktop .swiper-button-next:after, 
.color2-4 .banner-desktop .swiper-button-prev:after {
    color: #FBDDAF;
}

/* menu */
.color2-4 .menu {
    background-color: #17151A;
}
.color2-4 .menu-top {
    background-color: #312E2D;
}
.color2-4 .menu-title {
    color: #FBDDAF;
}
.color2-4 .menu-group ul.menu-game li.active {
    background: transparent linear-gradient(180deg, #BB97FA 0%, #A274F3 100%) 0% 0% no-repeat padding-box;
}

/* home */
.color2-4 .category-game > ul > li.active {
    background: transparent linear-gradient(182deg, #BD99FB 0%, #A172F2 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .input-box .form-control, 
.color2-4 .input-box .form-control:focus {
    background-color: #FFFFFF26;
}
.color2-4 .input-box .search {
    background-color: #FFFFFF26;
}
.color2-4 .input-box.open .search {
    background-color: transparent;
}
.color2-4 .slot-menu .swiper-slide {
    background-color: #312E2C;
}
.color2-4 .slot-menu .swiper-slide.active {
    background: transparent linear-gradient(188deg, #F9B87A 0%, #9E764F 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .game-list .col-4 .slot-single-outer {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #FBDDAF00 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .slot-single-bottom {
    background: #423D39;
}
.color2-4 .hotgame-favourite .btn-favourite::before {
    -webkit-text-fill-color: #17151A;
    -webkit-text-stroke-color: #FBDDAF;
}
.color2-4 .hotgame-favourite .btn-favourite.selected::before {
    -webkit-text-fill-color: #17151A00;
    -webkit-text-stroke-color: #FBDDAF00;
}

/* seo */
.color2-4 .seo-title {
    color: #FBDDAF;
}

/* footer desktop */
.color2-4 .footer {
    background-color: #201E1B;
}

/* footer mobile */
.color2-4 .footer-mobile {
    background-color: #312E2D;
}
.color2-4 .footer-mobile > ul li.footer-highlight {
    border: 8px solid #312E2D;
}
.color2-4 .footer-mobile > ul li.footer-highlight a {
    border: 2px solid #FBDCAD;
    color: #6E3A10;
}
.color2-4 .footer-mobile > ul li.footer-highlight a::before {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
}

/* player  */
.color2-4 .player-transaction {
    background-color: #312E2C;
    border-top: 3px solid #FBDDAF;
}
.color2-4 .transaction-action span {
    color: #FBDDAF;
}

/* member */
.color2-4 .member-bottom span:nth-child(2) {
    color: #FBDDAF;
}

/* promotion */
.color2-4 .promotion-wrapper ul li.mixitup-control-active {
    color: #FBDDAF;
}
.color2-4 .promotion-single-btn {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    color: #6E3A10;
}
.color2-4 .promotion-single-bottom {
    background: #312E2C;
}

/* modal */
.color2-4 .modal-content {
    background-color: #17151A;
}
.color2-4 .modal-header {
    background: #FBDDAF;
    color: #6E3A10;
}
.color2-4 .modal-body {
    background-color: #312E2C;
}
.color2-4 .modal .promotion-single-bottom {
    background: #312E2C;
}
.color2-4 .table-new th {
    background-color: #FBDDAF;
    color: #6E3A10;
}

/* contact us */
.color2-4 .contact-title-big {
    color: #FBDDAF;
}
.color2-4 .contact-content ul li a .contact-single-outer {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #9E764F 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .contact-single {
    background: url(../images/color2-4/contact/bg-contact.png)top center no-repeat;
    background-size: cover;
}
.color2-4 .contact-icon {
    background-color: #0E0924;
}

/* deposit */
.color2-4 .member-page {
    background: transparent linear-gradient(180deg, #1E1D1F 0%, #7462544D 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .menu-member ul li {
    background-color: #17151A;
}
.color2-4 .menu-member ul li a.active {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    color: #6E3A10;
}
.color2-4 .menu-deposit-type ul li {
    background: #17151A;
}
.color2-4 .menu-deposit-type ul li.active a {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    color: #6E3A10;
}
.color2-4 .menu-deposit-type-channel ul li.active {
    border: 1px solid #F9B87A;
    color:#F9B87A;
}
.color2-4 .deposit-amount-wrapper .col .select-amount {
    background-color: #9E764F;
}
.color2-4 .deposit-amount-wrapper .col .select-amount:hover, 
.color2-4 .deposit-amount-wrapper .col .select-amount:focus {
    background-color: #F9B87A;
}
.color2-4 .member-detail-btn .btn-sub {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .member-detail-btn .btn-cancel {
    background: #DEDEDE;
}
.color2-4 .bank-wrapper .dropdown-toggle {
    border-left: 3px solid #FBDDAF;
}
.color2-4 .withdrawal-detail .text-orange {
    color: #FBDDAF;
}
.color2-4 .progress-bar {
    background-color: #F9B87A;
}
.color2-4 .table-statement .table-statement-row:first-child {
    background-color: transparent;
}
.color2-4 .menu-deposit-type.bonus ul li.active a {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
}

/* about */
.color2-4 .footer-page-title {
    color: #FBDDAF;
}

/* leaderboard */
.color2-4 .leaderboard-title {
    color: #FBDDAF;
}
.color2-4 .leaderboard-list > ul > li.you {
    background: transparent linear-gradient(180deg, #fddbaf 0%, #fdb980 100%) 0% 0% no-repeat padding-box;
    color: #3f382d;
}

/* profile */
.color2-4 .profile-wrapper .profile-top .profile-top-left {
    background-color: #33335E;
}
.color2-4 .profile-wrapper .profile-top .profile-top-left img {
    border: 2px solid #6884DE;
}
.color2-4 .profile-wrapper .profile-top .profile-top-right .profile-right-level .progress .progress-bar {
    background: #6884DE;
}
.color2-4 .profile-wrapper .profile-spin .spin-wrapper-content > ol > li:first-child {
    background: transparent linear-gradient(90deg, #CE66E2 0%, #E5032C 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .profile-wrapper .profile-spin .spin-wrapper-content > ol > li:last-child {
    background: transparent linear-gradient(90deg, #6884DE 0%, #1E316A 100%) 0% 0% no-repeat padding-box;
    justify-content: flex-start;
}
.color2-4 .profile-wrapper .profile-spin .spin-wrapper-content > ol > li:last-child a {
    color: #ffffff;
}
.color2-4 .profile-wrapper .profile-balance .profile-balance-top .profile-balance-value {
    color: #FFAD2B;
}
.color2-4 .profile-wrapper .menu-member ul li {
    background-color: transparent;
}
.color2-4 .profile-wrapper .menu-member ul li a.active {
    background: transparent;
}
.color2-4 .profile-wrapper .menu-member ul li a.active, 
.color2-4 .profile-wrapper .menu-member ul li a:hover {
    background: transparent;
    border: 1px solid #FBDDAF;
}
.color2-4 .profile-wrapper .menu-member ul li a.active::after, 
.color2-4 .profile-wrapper .menu-member ul li a:hover::after {
    background-color: transparent;
}
.color2-4 .profile-wrapper .profile-more > ul > li:hover > a, 
.color2-4 .profile-wrapper .profile-more > ul > li:hover::before {
    color: #FBDDAF;
}
.color2-4 .profile-wrapper .spin-wrapper-content > ol > li:first-child a, 
.color2-4 .profile-wrapper .spin-wrapper-content > ol > li:nth-child(2) a {
    color: #ffffff;
}

/* vip */
.color2-4 .vip-top {
    background-color: #312E2C;
}
.color2-4 .vip-level-text {
    background-color: #FBDDAF;
    color: #6E3A10;
}
.color2-4 .vip-progress-text span {
    color: #FBDDAF;
}
.color2-4 .vip-progress-bar .progress .progress-bar {
    background: transparent linear-gradient(180deg, #FCD042 0%, #F39024 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .vip-detail {
    background-color: #312E2C;
}
.color2-4 .vip-figure {
    color: #FFAD2B;
}
.color2-4 .vip-level-content {
    background-color: #312E2C;
}
.color2-4 .vip-level-single.your-level .vip-level-content {
    background: transparent linear-gradient(180deg, #5d3800 0%, #FBDDAF00 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .vip-level-title {
    background-color: #FBDDAF;
    color: #6E3A10;
}
.color2-4 .vip-row-right {
    color: #FFAD2B;
}
.color2-4 .vip-bottom-check {
    border: 5px solid #292234;
}
.color2-4 .vip-bottom-check::before {
    background-color: #7070704d;
}
.color2-4 .vip-bottom-lock {
    background-color: #292234;
}
.color2-4 .vip-bottom-lock::before {
    background-color: #7070704d;
}
.color2-4 .vip-level .swiper-button-prev, 
.color2-4 .vip-level .swiper-button-next {
    background-color: #A6B6C9;
}
.color2-4 .vip-level .swiper-button-prev:after, 
.color2-4 .vip-level .swiper-button-next:after {
    color: #251D45;
}

/* referral */
.color2-4 .referral-top {
    background-color: #312E2C;
}
.color2-4 .referral-qr-code {
    background-color: #FFFFFF0D;
}
.color2-4 .referral-share-link {
    background-color: #FFFFFF0D;
}
.color2-4 .referral-link {
    background-color: #FFFFFF26;
}
.color2-4 .btn-referral {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    color: #6E3A10;
}
.color2-4 .referral-detail-single {
    background-color: #312E2C;
}
.color2-4 .referral-detail-top {
    background-color: #574d48;
    border-bottom: 1px solid #FFFFFF1A;
}
.color2-4 .statistic-single-bottom {
    color: #FFA200;
}
.color2-4 .btn-referral-detail {
    background-color: #DEDEDE;
    color: #ffffff;
}
.color2-4 .btn-referral-detail.active {
    background-color: #FBDDAF;
    color: #6E3A10;
}

/* inbox */
.color2-4 .inbox-top {
    background-color: #312E2C;
}
.color2-4 .inbox-top-text {
    color: #FFFFFF;
}
.color2-4 .inbox-balance-amount {
    color: #F9951E;
}
.color2-4 .bonus-category-single {
    background-color: #312E2C;
}
.color2-4 .bonus-category-value {
    color: #FFA200;
}
.color2-4 .bonus-transaction {
    background-color: #312E2C;
}
.color2-4 .bonus-transaction-head {
    background-color: #574d48;
}
.color2-4 .bonus-transaction-note {
    color: #A6B6C9;
}
.color2-4 .bonus-transaction-row {
    background-color: #00000033;
}
.color2-4 .btn-bonus-transaction {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    color: #6E3A10;
}
.color2-4 .table-bonus .table-bonus-row {
    background-color: #00000033;
}
.color2-4 .table-bonus .table-bonus-row:first-child {
    color: #FBDDAF;
    background-color: transparent;
}
.color2-4 .btn-inbox {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    color: #6E3A10;
}

/* review */
.color2-4 .title-page {
    color: #FBDDAF;
}
.color2-4 .review-card {
    background-color: #312E2C;
}
.color2-4 .data-wrapper {
    background-color: #312E2C;
}
.color2-4 .review-swiper .swiper-pagination-bullet-active {
    background-color: #FFAD2B;
}

/* livestream */
.color2-4 .live-wrapper {
    background-color: #000000;
}

/* news */
.color2-4 .news-card {
    background-color: #312E2C;
}
.color2-4 .btn-readmore {
    background-color: #FBDDAF;
    color: #6E3A10;
}

/* announcement */
.color2-4 .annbox {
    border: 2px solid #FBDDAF;
    background: url(../images/ann-bg.png), transparent linear-gradient(180deg, #7d5f3e 0%, #7f7e76 100%) 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color2-4 .ann-title {
    background-color: #000;
    border-bottom: 2px solid #FBDDAF;
}
.color2-4 .anncon .nav .nav-link {
    background-color: #312E2C;
    border: 1px solid #FBDDAF;
}
.color2-4 .anncon .nav .nav-link.active {
    background: transparent linear-gradient(90deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color2-4 .annbox .annimg {
    border: 1px solid #FBDDAF;
}
.color2-4 .annpagi .pitem.active, 
.color2-4 .annpagi .pitem:hover {
    background-color:#FBDDAF;
    color: #000000;
}

/* text logo */
.color2-4 .logo-text {
    color: #FBDDAF;
}

/* after login */
.color2-4 .af-box h4 {
    color: #FBDDAF;
}
.color2-4 .af-box .progress-bar {
	background-color: #ff9e1f;
}	
.color2-4 .form-box {
    background: transparent linear-gradient(180deg, #1E1D1F 0%, #7462542E 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .bal {
    color: #FBDDAF;
}
.color2-4 .btnform {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    color: #6E3A10;
}
.color2-4 .tab-menu a {
    background: #312e2d;
}
.color2-4 .tab-menu a.active {
    background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    color: #6E3A10;
}
.color2-4 .d-amount a {
    background-color: #9E764F;
}
.color2-4 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color2-4 .viptabs .nav-tabs .nav-link.active, 
.color2-4 .viptabs .nav-tabs .nav-link:focus, 
.color2-4 .viptabs .nav-tabs .nav-link:hover {
    background-color: #1E1D1F;
}
.color2-4 .vipbox {
    background: transparent linear-gradient(90deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    color: #6E3A10;
    font-weight: 600;
}
.color2-4 .vip-info .accordion-button {
    background-color: #1E1D1F;
}
.color2-4 .vip-info .accordion-item {
    background: transparent linear-gradient(180deg, #1E1D1F 0%, #7462544D 100%) 0% 0% no-repeat padding-box;
}
.color2-4 .rstep {
    background-color: #404041;
}
.color2-4 .rstep.active {
    background: #FBDDAF;
    color: #6E3A10;
}

/*preloader*/
.color2-4 .preloader{
    background-color: #26202080;
}
.color2-4 .loader div {
    background-color: #FBDDAF;
    box-shadow: 0 0 15px #ffcb7d6d;
}

.color2-4 .w-menu.active img {
    background: transparent linear-gradient(180deg, #fbddaf, #f9b87a) 0 0 no-repeat padding-box;
}

@media (min-width: 1200px) {
    /* header login */
    .color2-4 .btn-wrapper .btn-login:before {
        background: transparent linear-gradient(-90deg, #1B214800 0%, #24265836 41%, #3D288D 100%) 0% 0% no-repeat padding-box;
    }
    .color2-4 .btn-wrapper .btn-login:hover {
        border: 1px solid #6A42F6;
    }
    .color2-4 .language-wrapper .dropdown-menu .dropdown-item:hover .country-name {
        color: #FBDDAF;
    }

    /* menu */
    .color2-4 .menu .menu-group > ul > li.active, 
    .color2-4 .menu .menu-group > ul > li:hover {
        background: transparent linear-gradient(90deg, #FBDDAF00 0%, #FBDDAF 100%) 0% 0% no-repeat padding-box;
    }    
    .color2-4 .menu .menu-group > ul > li.active::after, 
    .color2-4 .menu .menu-group > ul > li:hover::after {
        background-color: #9E764F;
    }

    /* home */
    .color2-4 .products-category {
        background-color: #312E2C;
    }
    .color2-4 .category-game > ul > li.active, 
    .color2-4 .category-game > ul > li:hover {
        background: transparent linear-gradient(90deg, #BD99FB 0%, #A071F2 100%) 0% 0% no-repeat padding-box;
    }
    .color2-4 .slot-menu .swiper-slide.active, 
    .color2-4 .slot-menu .swiper-slide:hover {
        background: transparent linear-gradient(89deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    }
    .color2-4 .hotgame-favourite .btn-favourite.selected::before, 
    .color2-4 .hotgame-favourite .btn-favourite:hover::before {
        background: transparent linear-gradient(180deg, #F75353 0%, #CB0606 100%) 0% 0% no-repeat padding-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #17151A00;
        -webkit-text-stroke-color: #000;
    }

    /* login page */
    .color2-4 .login-wrapper {
        background: transparent;
    }
    .color2-4 .pic-login, 
    .color2-4 .login-form {
        background: transparent linear-gradient(180deg, #1E1D1F 0%, #7462544D 100%) 0% 0% no-repeat padding-box;
    }
    .color2-4 .description-header {
        color: #FBDDAF;
    }

    /* register */
    .color2-4 .step-single-register::before {
        border-left: 20px solid #232021;
    }

    /* member */
    .color2-4 .header-user {
        background-color: #FFFFFF4d;
    }
    .color2-4 .header-user-inner {
        background: #312E2D;
    }
    .color2-4 .header-btn-deposit {
        background: transparent linear-gradient(180deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
        color: #6E3A10;
        border: 1px solid #FFFFFF80;
    }

    /* deposit */
    .color2-4 .menu-member ul li {
        background-color: transparent;
    }
    .color2-4 .menu-member ul li a.active, 
    .color2-4 .menu-member ul li a:hover {
        background: transparent linear-gradient(90deg, #FBDDAF 0%, #FBDDAF00 100%) 0% 0% no-repeat padding-box;
    }
    .color2-4 .menu-member ul li a.active::after, 
    .color2-4 .menu-member ul li a:hover::after {
        background-color: #FBDDAF;
    }
    .color2-4 .menu-deposit-type ul li {
        background: #17151A;
    }
    .color2-4 .menu-deposit-type ul li a:hover {
        background: transparent linear-gradient(90deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    }

    /* mission spin leaderboard */
    .color2-4 .spin-wrapper-content > ol > li:first-child {
        background: transparent linear-gradient(90deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    }
    .color2-4 .spin-wrapper-content > ol > li:nth-child(2) {
        background: transparent linear-gradient(90deg, #FBDDAF 0%, #F9B87A 100%) 0% 0% no-repeat padding-box;
    }
    .color2-4 .spin-wrapper-content > ol > li:last-child {
        background: transparent linear-gradient(126deg, #BE9BFB 0%, #9F70F2 100%) 0% 0% no-repeat padding-box;
    }
    .color2-4 .spin-wrapper-content > ol > li:first-child a,
    .color2-4 .spin-wrapper-content > ol > li:nth-child(2) a {
        color: #6E3A10;
    }
}