:root .color2-1 {
	--color-theme: #9FB1FF;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #000000;
    --bgcolor-box: transparent linear-gradient(180deg, #2B235D 0%, #412A954D 100%) 0% 0% no-repeat padding-box;
    --bgcolor-box2: #2B235D;
    --bg-color: transparent linear-gradient(180deg, #2B235D 0%, #412A954D 100%) 0% 0% no-repeat padding-box;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 10px 0 #00000026;
    --bg-modal: #140C34;
    --color-text-tnc: #FFFFFFBF;
	--table-bg: #6A42F6;
	--table-text:#FFFFFF;

    /* 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;
}

body.color2-1 {
    background-color: #0A0D30;
}
.color2-1 input:-webkit-autofill,
.color2-1 input:-webkit-autofill:hover, 
.color2-1 input:-webkit-autofill:focus, 
.color2-1 input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px #484173 inset !important;
    -webkit-box-shadow: 0 0 0 30px #484173 inset !important;
}

/* announcement */
.color2-1 .announcement-wrapper {
    background-color: #0D0D3F;
}
.color2-1 .announcement-left {
    background-color: #F80049;
}

/* button */
.color2-1 .btn-main {
    background-color: #211550 ;
}
.color2-1 .btn-sub {
    background-color: #F70049 ;
    border: 1px solid #F70049;
}
.color2-1 .promo-btn:hover,
.color2-1 .refer-btn:hover{
    border: 1px solid #6A42F6;
    color:#ffffff;
    background-color: #6A42F6;
} 

/* header */
.color2-1 .header {
    background-color: #211550;
}
.color2-1 .language-wrapper .dropdown-menu {
    background-color: #241B4A;
}

/* login page */
.color2-1 .login-wrapper {
    background: transparent linear-gradient(180deg, #2B235D 0%, #412A954D 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .login-form-title {
    color: #F80049;
}
.color2-1 .input-group {
    border-left: 3px solid #F80049;
}
.color2-1 .input-group-text {
    background-color: #FFFFFF26;
}
.color2-1 .input-group-text .form-select, 
.color2-1 .input-group-text .form-select:focus {
    background-color: #454070;
}
.color2-1 .form-control, 
.color2-1 .form-control:focus, 
.color2-1 .form-control:disabled {
    background-color: #FFFFFF26;
}
.color2-1 .login-form .btn-sub {
    background: #F80049;
}

/* register */
.color2-1 .step-single-register::before {
    border-left: 20px solid #251a58;
}
.color2-1 .step-single-register.active::after {
    border-left: 20px solid #F80049;
}
.color2-1 .step-single-register.active {
    background-color: #F80049;
}
.color2-1 .tac-wrapper .btn-main {
    background: #6A42F6;
    border: 1px solid #6A42F6;
}

/* banner */
.color2-1 .banner .swiper-pagination-bullet-active {
    background-color: #F80049;
}
.color2-1 .banner-desktop .swiper-button-next, 
.color2-1 .banner-desktop .swiper-button-prev {
    background-color: #141D3BA6;
}
.color2-1 .banner-desktop .swiper-button-next:after, 
.color2-1 .banner-desktop .swiper-button-prev:after {
    color: #F80049;
}

/* menu */
.color2-1 .menu {
    background-color: #0D0430;
}
.color2-1 .menu-top {
    background-color: #211550;
}
.color2-1 .menu-title {
    color: #B8A4FF;
}
.color2-1 .menu-group ul.menu-game li.active {
    background: transparent linear-gradient(180deg, #6A42F6 0%, #39277E 100%) 0% 0% no-repeat padding-box;
}

/* home */
.color2-1 .category-game > ul > li.active {
    background: transparent linear-gradient(182deg, #6A42F6 0%, #4528AA 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .input-box .form-control, 
.color2-1 .input-box .form-control:focus {
    background-color: #FFFFFF26;
}
.color2-1 .input-box .search {
    background-color: #FFFFFF26;
}
.color2-1 .input-box.open .search {
    background-color: transparent;
}
.color2-1 .slot-menu .swiper-slide {
    background-color: #211550;
}
.color2-1 .slot-menu .swiper-slide.active {
    background: transparent linear-gradient(188deg, #6841F2 0%, #4629AC 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .game-list .col-4:first-child .slot-single-outer,
.color2-1 .game-list .col-4:nth-child(3n+4) .slot-single-outer {
    background: transparent linear-gradient(180deg, #F9284B 0%, #FEA96D 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .game-list .col-4:nth-child(3n-1) .slot-single-outer {
    background: transparent linear-gradient(180deg, #6B65F4 0%, #AA1FC8 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .game-list .col-4:nth-child(3n+0) .slot-single-outer {
    background: transparent linear-gradient(180deg, #00CDB4 0%, #B6F179 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .slot-single-bottom {
    background: #0D0430;
}
.color2-1 .hotgame-favourite .btn-favourite::before {
    -webkit-text-fill-color: #0E0436;
    -webkit-text-stroke-color: #F80049;
}
.color2-1 .hotgame-favourite .btn-favourite.selected::before {
    -webkit-text-fill-color: #0e043600;
    -webkit-text-stroke-color: #f8004900;
}

/* seo */
.color2-1 .seo-title {
    color: #9FB1FF;
}

/* footer desktop */
.color2-1 .footer {
    background-color: #0D0430;
}

/* footer mobile */
.color2-1 .footer-mobile {
    background-color: #211550;
}
.color2-1 .footer-mobile > ul li.footer-highlight {
    border: 8px solid #211550;
}
.color2-1 .footer-mobile > ul li.footer-highlight a {
    border: 2px solid #6640ED;
}
.color2-1 .footer-mobile > ul li.footer-highlight a::before {
    background: transparent linear-gradient(180deg, #6A42F6 0%, #39277E 100%) 0% 0% no-repeat padding-box;
}

/* player  */
.color2-1 .player-transaction {
    background-color: #211550;
    border-top: 3px solid #F80049;
}
.color2-1 .transaction-action span {
    color: #9FB1FF;
}

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

/* promotion */
.color2-1 .promotion-wrapper ul li.mixitup-control-active {
    color: #F80049;
}
.color2-1 .promotion-single-btn {
    background-color: #F80049;
}
.color2-1 .promotion-single-bottom {
    background: #211550;
}

/* modal */
.color2-1 .modal-content {
    background-color: #0A0D30;
}
.color2-1 .modal-header {
    background: #211550;
}
.color2-1 .modal-body {
    background-color: #140C34;
}
.color2-1 .modal .promotion-single-bottom {
    background: #140C34;
}
.color2-1 .table-new th {
    background-color: #211550;
}

/* contact us */
.color2-1 .contact-title-big {
    color: #F80049;
}
/* .color2-1 .contact-content ul li:first-child a .contact-single-outer {
    background: transparent linear-gradient(180deg, #F8284A 0%, #FEA96D 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .contact-content ul li:nth-child(2) a .contact-single-outer {
    background: transparent linear-gradient(180deg, #00CDB4 0%, #B8F179 100%) 0% 0% no-repeat padding-box;
} */
.color2-1 .contact-content ul li a .contact-single-outer {
    background: transparent linear-gradient(180deg, #6B64F3 0%, #AA1FC8 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .contact-single {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#190d46+0,1b0f4a+16,1b0f4a+40,170b42+67,100437+89,100436+100 */
    background: rgb(25,13,70); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(25,13,70,1) 0%, rgba(27,15,74,1) 16%, rgba(27,15,74,1) 40%, rgba(23,11,66,1) 67%, rgba(16,4,55,1) 89%, rgba(16,4,54,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(25,13,70,1) 0%,rgba(27,15,74,1) 16%,rgba(27,15,74,1) 40%,rgba(23,11,66,1) 67%,rgba(16,4,55,1) 89%,rgba(16,4,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(25,13,70,1) 0%,rgba(27,15,74,1) 16%,rgba(27,15,74,1) 40%,rgba(23,11,66,1) 67%,rgba(16,4,55,1) 89%,rgba(16,4,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#190d46', endColorstr='#100436',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.color2-1 .contact-icon {
    background-color: #0E0924;
}

/* deposit */
.color2-1 .member-page {
    background: transparent linear-gradient(180deg, #2B235D 0%, #412A954D 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .menu-member ul li {
    background-color: #251D53;
}
.color2-1 .menu-member ul li a.active {
    background: transparent linear-gradient(180deg, #5E3AD8 0%, #452C9A 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .menu-deposit-type ul li {
    background: #251D53;
}
.color2-1 .menu-deposit-type ul li.active a {
    background: transparent linear-gradient(90deg, #6A42F6 0%, #39277E 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .menu-deposit-type-channel ul li.active {
    border: 1px solid #B8A4FF;
    color:#B8A4FF;
}
.color2-1 .deposit-amount-wrapper .col .select-amount {
    background-color: #6640ED;
}
.color2-1 .deposit-amount-wrapper .col .select-amount:hover, 
.color2-1 .deposit-amount-wrapper .col .select-amount:focus {
    background-color: #FFFFFF26;
}
.color2-1 .member-detail-btn .btn-sub {
    background: #F80049;
}
.color2-1 .member-detail-btn .btn-cancel {
    background: #DEDEDE;
}
.color2-1 .bank-wrapper .dropdown-toggle {
    border-left: 3px solid #F80049;
}
.color2-1 .withdrawal-detail .text-orange {
    color: #F80049;
}
.color2-1 .progress-bar {
    background-color: #F80049;
}
.color2-1 .table-statement .table-statement-row:first-child {
    background-color: #2a225c;
}
.color2-1 .menu-deposit-type.bonus ul li.active a {
    background: transparent linear-gradient(180deg, #613CDF 0%, #452D9A 100%) 0% 0% no-repeat padding-box;
}

/* about */
.color2-1 .footer-page-title {
    color: #F80049;
}

/* leaderboard */
.color2-1 .leaderboard-title {
    color: #F80049;
}
.color2-1 .leaderboard-list > ul > li.you {
    background: transparent linear-gradient(180deg, #6A42F6 0%, #49329E 100%) 0% 0% no-repeat padding-box;
}

/* profile */
.color2-1 .profile-wrapper .profile-top .profile-top-left {
    background-color: #33335E;
}
.color2-1 .profile-wrapper .profile-top .profile-top-left img {
    border: 2px solid #6884DE;
}
.color2-1 .profile-wrapper .profile-top .profile-top-right .profile-right-level .progress .progress-bar {
    background: #6884DE;
}
.color2-1 .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-1 .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-1 .profile-wrapper .profile-spin .spin-wrapper-content > ol > li:last-child a {
    color: #ffffff;
}
.color2-1 .profile-wrapper .profile-balance .profile-balance-top .profile-balance-value {
    color: #FFAD2B;
}
.color2-1 .profile-wrapper .menu-member ul li a.active {
    background: transparent;
}
.color2-1 .profile-wrapper .menu-member ul li a.active, 
.color2-1 .profile-wrapper .menu-member ul li a:hover {
    background: transparent;
    border: 1px solid #B8A4FF;
}
.color2-1 .profile-wrapper .menu-member ul li a.active::after, 
.color2-1 .profile-wrapper .menu-member ul li a:hover::after {
    background-color: transparent;
}
.color2-1 .profile-wrapper .profile-more > ul > li:hover > a, 
.color2-1 .profile-wrapper .profile-more > ul > li:hover::before {
    color: #B8A4FF;
}

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

/* referral */
.color2-1 .referral-top {
    background-color: #FFFFFF0d;
}
.color2-1 .referral-qr-code {
    background-color: #FFFFFF0D;
}
.color2-1 .referral-share-link {
    background-color: #FFFFFF0D;
}
.color2-1 .referral-link {
    background-color: #FFFFFF26;
}
.color2-1 .btn-referral {
    background: transparent linear-gradient(180deg, #54A4FF 0%, #2589F8 7%, #116BCF 94%, #0D4C92 100%) 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}
.color2-1 .referral-detail-single {
    background-color: #FFFFFF0d;
}
.color2-1 .referral-detail-top {
    background-color: #343B54;
    border-bottom: 1px solid #FFFFFF1A;
}
.color2-1 .statistic-single-bottom {
    color: #FFA200;
}
.color2-1 .btn-referral-detail {
    background-color: #D1D1D1;
    color: #ffffff;
}
.color2-1 .btn-referral-detail.active {
    background-color: #1069CC;
}

/* inbox */
.color2-1 .inbox-top {
    background-color: #FFFFFF0d;
}
.color2-1 .inbox-top-text {
    color: #FFFFFF;
}
.color2-1 .inbox-balance-amount {
    color: #F9951E;
}
.color2-1 .bonus-category-single {
    background-color: #FFFFFF0d;
}
.color2-1 .bonus-category-value {
    color: #FFA200;
}
.color2-1 .bonus-transaction {
    background-color: #FFFFFF0d;
}
.color2-1 .bonus-transaction-head {
    background-color: #FFFFFF0d;
}
.color2-1 .bonus-transaction-note {
    color: #A6B6C9;
}
.color2-1 .bonus-transaction-row {
    background-color: #343B54;
}
.color2-1 .btn-bonus-transaction {
    background: transparent linear-gradient(180deg, #278BFB 0%, #1069CC 100%) 0% 0% no-repeat padding-box;
    color: #ffffff;
}
.color2-1 .table-bonus .table-bonus-row {
    background-color: #343B54;
}
.color2-1 .table-bonus .table-bonus-row:first-child {
    color: #9FB1FF;
    background-color: transparent;
}
.color2-1 .btn-inbox {
    background: transparent linear-gradient(180deg, #278BFB 0%, #1069CC 100%) 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

/* review */
.color2-1 .title-page {
    color: #9FB1FF;
}
.color2-1 .review-card {
    background-color: #FFFFFF0d;
}
.color2-1 .data-wrapper {
    background-color: #FFFFFF0d;
}
.color2-1 .review-swiper .swiper-pagination-bullet {
    background-color: #CECECE;
}
.color2-1 .review-swiper .swiper-pagination-bullet-active {
    background-color: #F80049;
}

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

/* news */
.color2-1 .news-card {
    background-color: #FFFFFF0d;
}
.color2-1 .btn-readmore {
    background-color: #6A42F6;
}

/* announcement */
.color2-1 .annbox {
    border: 2px solid #6A42F6;
    background: url(../images/ann-bg.png), linear-gradient(180deg, #342566 0%, #291a5b 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color2-1 .ann-title {
    background-color: #000;
    border-bottom: 2px solid #6A42F6;
}
.color2-1 .anncon .nav .nav-link {
    background-color: #211550;
    border: 1px solid #6A42F6;
}
.color2-1 .anncon .nav .nav-link.active {
    background: transparent linear-gradient(188deg, #6841F2 0%, #4629AC 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .annbox .annimg {
    border: 1px solid #6A42F6;
}
.color2-1 .annpagi .pitem.active, 
.color2-1 .annpagi .pitem:hover {
    background-color:#6A42F6;
}

/* text logo */
.color2-1 .logo-text {
    color: #F80049;
}

/* after login */
.color2-1 .af-box h4 {
    color: #F80049;
}
.color2-1 .form-box {
    background: transparent linear-gradient(180deg, #2B235D 0%, #412A954D 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .bal {
    color: #F80049;
}
.color2-1 .btnform {
    background: #F80049;
}
.color2-1 .tab-menu a {
    background: #251D53;
}
.color2-1 .tab-menu a.active {
    background: transparent linear-gradient(90deg, #6A42F6 0%, #39277E 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .d-amount a {
    background-color: #6640ED;
}
.color2-1 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color2-1 .viptabs .nav-tabs .nav-link.active, 
.color2-1 .viptabs .nav-tabs .nav-link:focus, 
.color2-1 .viptabs .nav-tabs .nav-link:hover {
    background-color: #2b235d;
}
.color2-1 .vipbox {
    background: transparent linear-gradient(90deg, #6A42F6 0%, #39277E 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .vip-info .accordion-button {
    background-color: #2B235D;
}
.color2-1 .vip-info .accordion-item {
    background: transparent linear-gradient(180deg, #2B235D 0%, #412A954D 100%) 0% 0% no-repeat padding-box;
}
.color2-1 .rstep {
    background-color: #4a4374;
}
.color2-1 .rstep.active {
    background: #F80049;
}

/*preloader*/
.color2-1 .preloader{
    background-color: #26202080;
}
.color2-1 .loader div {
    background-color: #b472ff;
    box-shadow: 0 0 15px #db82ff80;
}

.color2-1 .w-menu.active img {
    background: transparent linear-gradient(90deg, #6a42f6, #39277e) 0 0 no-repeat padding-box;
}

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

    /* menu */
    .color2-1 .menu .menu-group > ul > li.active, 
    .color2-1 .menu .menu-group > ul > li:hover {
        background: transparent linear-gradient(90deg, #39277E12 0%, #39277E 100%) 0% 0% no-repeat padding-box;
    }    
    .color2-1 .menu .menu-group > ul > li.active::after, 
    .color2-1 .menu .menu-group > ul > li:hover::after {
        background-color: #F8264A;
    }

    /* home */
    .color2-1 .products-category {
        background-color: #211550;
    }
    .color2-1 .category-game > ul > li.active, 
    .color2-1 .category-game > ul > li:hover {
        background: transparent linear-gradient(182deg, #6A42F6 0%, #4528AA 100%) 0% 0% no-repeat padding-box;
    }
    .color2-1 .slot-menu .swiper-slide.active, 
    .color2-1 .slot-menu .swiper-slide:hover {
        background: transparent linear-gradient(188deg, #6841F2 0%, #4629AC 100%) 0% 0% no-repeat padding-box;
    }
    .color2-1 .hotgame-favourite .btn-favourite.selected::before, 
    .color2-1 .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: transparent;
        -webkit-text-fill-color: #0e043600;
        -webkit-text-stroke-color: #000;
    }

    /* login page */
    .color2-1 .login-wrapper {
        background: transparent;
    }
    .color2-1 .pic-login, 
    .color2-1 .login-form {
        background: transparent linear-gradient(180deg, #2B235D 0%, #412A954D 100%) 0% 0% no-repeat padding-box;
    }
    .color2-1 .description-header {
        color: #F80049;
    }

    /* register */
    .color2-1 .step-single-register::before {
        border-left: 20px solid #2c2360;
    }

    /* member */
    .color2-1 .header-user {
        background: transparent linear-gradient(180deg, #39277E 0%, #6A42F6 100%) 0% 0% no-repeat padding-box;
    }
    .color2-1 .header-user-inner {
        background: #211550;
    }
    .color2-1 .header-btn-deposit {
        background: #F70049;
    }

    /* modal */
    .color2-1 .modal-header {
        background-color: #6A42F6;
    }
    .color2-1 .modal-body  {
        background-color: #211550;
    }
    .color2-1 .modal .promotion-single-bottom {
        background: #211550;
    }
    .color2-1 .table-new th {
        background-color: #6A42F6;
    }

    /* deposit */
    .color2-1 .menu-member ul li {
        background-color: transparent;
    }
    .color2-1 .menu-member ul li a.active, 
    .color2-1 .menu-member ul li a:hover {
        background: transparent linear-gradient(90deg, #6A42F6 0%, #291E63 100%) 0% 0% no-repeat padding-box;
    }
    .color2-1 .menu-member ul li a.active::after, 
    .color2-1 .menu-member ul li a:hover::after {
        background-color: #F8264A;
    }
    .color2-1 .menu-deposit-type ul li {
        background: #13053E;
    }
    .color2-1 .menu-deposit-type ul li a:hover {
        background: transparent linear-gradient(90deg, #6A42F6 0%, #39277E 100%) 0% 0% no-repeat padding-box;
    }

    /* mission spin leaderboard */
    .color2-1 .spin-wrapper-content > ol > li:first-child {
        background: transparent linear-gradient(126deg, #02EFDD 0%, #1f8ed4 100%) 0% 0% no-repeat padding-box;
    }
    .color2-1 .spin-wrapper-content > ol > li:nth-child(2) {
        background: transparent linear-gradient(126deg, #6364F3 0%, #A721C8 100%) 0% 0% no-repeat padding-box;
    }
    .color2-1 .spin-wrapper-content > ol > li:last-child {
        background: transparent linear-gradient(90deg, #FCA36B 0%, #F22F49 100%) 0% 0% no-repeat padding-box;
    }   
    .color2-1 .spin-wrapper-content > ol > li:last-child a {
        color: #ffffff;
    }
}