:root .color3-2 {
	--color-theme: #FDD600;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #000000;
    --bgcolor-box: transparent linear-gradient(152deg, #131618 0%, #25282D 100%) 0% 0% no-repeat padding-box;
    --bgcolor-box2: #23262b;
    --bg-color: transparent linear-gradient(152deg, #131618 0%, #25282D 100%) 0% 0% no-repeat padding-box;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 10px 0 #FFFFFF26;
    --bg-modal: #25282D;
    --color-text-tnc: #FFFFFFBF;
	--table-bg: #FDD600;
	--table-text:#000000;

    /* 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:#FDD600;
    --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: #232327;
    --fg-border: #FFFFFF1A;
    --fg-bg2: transparent linear-gradient(117deg, #141719 0%, #25282D 100%) 0% 0% no-repeat padding-box;
    --fg-primary-text: #FFFFFFCC;
    --fg-theme-color: #FDD600;
    --fg-bg-body: #25282D;
    --fg-bg-body2: #131618;
    --fg-primary-btn: transparent linear-gradient(90deg, #FE9B00 0%, #FDBD00 58%, #FDD600 100%) 0% 0% no-repeat padding-box;
    --fg-text: #FFFFFF;
    --fg-text2: #000000;
    --fg-bottom-line: #FFFFFF1A;

    /* vip rebate */
    --vip-border: #FFFFFF1A;
    --vip-bg-rank: #FFFFFF1A;
    --vip-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");
}

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

/* button */
.color3-2 .btn-main {
    background: transparent linear-gradient(90deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .btn-sub {
    background: transparent linear-gradient(90deg, #505565 0%, #838BA4 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}

/* header */
.color3-2 .btn-wrapper .btn-main.btn-login {
    background: transparent linear-gradient(90deg, #505565 0%, #838BA4 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .btn-wrapper .btn-sub.btn-register {
    background: transparent linear-gradient(90deg, #FE9B00 0%, #FDBD00 58%, #FDD600 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .timezone {
    color: #FDD600;
}

/* announcement */
.color3-2 .announcement-left {
    background-color: #FDD600;
    color: #000000;
}

/* banner */
.color3-2 .banner .swiper-pagination {
    background-color: #01010182;
}
.color3-2 .banner .swiper-pagination-bullet {
    background-color: #FFFFFF52;
}
.color3-2 .banner .swiper-pagination-bullet-active {
    background-color: #FDD600;
}
.color3-2 .banner-desktop .swiper-button-next, 
.color3-2 .banner-desktop .swiper-button-prev {
    background-color: #0000004d;
}
.color3-2 .banner-desktop .swiper-button-next:after, 
.color3-2 .banner-desktop .swiper-button-prev:after {
    color: #FDD600;
}

/* login */
.color3-2 .login-form-title {
    color: #FDD600;
}
.color3-2 .login-form .btn-main {
    background: transparent linear-gradient(90deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .af-box .input-group {
    background: #FFFFFF1A;
}
.color3-2 .login-div .af-box .input-group {
    background: #2f3134;
}
.color3-2 input:-webkit-autofill,
.color3-2 input:-webkit-autofill:hover, 
.color3-2 input:-webkit-autofill:focus, 
.color3-2 input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px #2f3134 inset !important;
    -webkit-box-shadow: 0 0 0 30px #2f3134 inset !important;
}

@media (min-width: 1200px) { 
    .color3-2 input:-webkit-autofill,
    .color3-2 input:-webkit-autofill:hover, 
    .color3-2 input:-webkit-autofill:focus, 
    .color3-2 input:-webkit-autofill:active {
        box-shadow: 0 0 0 30px #141719 inset !important;
        -webkit-box-shadow: 0 0 0 30px #141719 inset !important;
    }
}

/* register */
.color3-2 .step-single-register.active {
    background: transparent linear-gradient(90deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .step-single-register.active::after {
    border-left: 20px solid #FDD600;
}
.color3-2 .tac-wrapper .btn-main {
    background: transparent linear-gradient(90deg, #505565 0%, #838BA4 100%) 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

/* homepage */
.color3-2 .menu ul li.active {
    background: transparent linear-gradient(125deg, #FDD600 0%, #FE9B00 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .menu ul li.active a .menu-icon-hover img {
    filter: invert(0);
}
.color3-2 .menu ul li.active a .menu-text {
    color: #000000;
}
.color3-2 .menu-right .input-group .input-group-text {
    background: transparent linear-gradient(180deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .btn-favourite.selected::before {
    background: transparent linear-gradient(180deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
}
.color3-2 .slot-menu .swiper-slide.active .slot-menu-name {
    color: #FDD600;
}
.color3-2 .index-game-thumbnail .btn-favourite.selected::before
/* .color3-2 .index-game-thumbnail .btn-favourite:hover::before  */
{
    background: transparent linear-gradient(180deg, #F0BB70 0%, #FF8800 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
}

/* real time transaction */
.color3-2 .transaction-action span {
    color: #FDD600;
}

/* footer mobile */
.color3-2 .footer-mobile ul li.footer-highlight a .menu-icon {
    background: transparent linear-gradient(135deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
}

/* footer desktop */
.color3-2 .seo-title {
    color: #FDD600;
}

/* contact */
.color3-2 .btn-contact {
    background: transparent linear-gradient(180deg, #FDD600 0%, #FE9B00 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .contact-icon {
    color: #FDD600;
    background-color: #000000;
}
.color3-2 .contact-content ul li a .contact-detail {
    color: #FDD600;
}

/* side menu */
.color3-2 .side-menu .side-top-wrapper > ul > li.active > a .side-menu-text,
.color3-2 .side-menu .side-top-wrapper > ul > li.active.arrow-right::before {
    color: #FDD600;
}

/* promotion */
.color3-2 .promotion-wrapper ul li.mixitup-control-active {
    background: transparent linear-gradient(107deg, #FDD600 0%, #FE9B00 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .promotion-single-btn {
    background: transparent linear-gradient(90deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}

/* modal */
.color3-2 .modal-header {
    background: #FDD600;
    color: #000000;
}
.color3-2 .modal-header .btn-close {
    color: #000000;
}

/* member */
.color3-2 .member-bottom span:nth-child(2) {
    color: #FDD600;
}
.color3-2 .header-btn-deposit {
    background: transparent linear-gradient(90deg, #505565 0%, #838BA4 100%) 0% 0% no-repeat padding-box;
}

/* leaderboard */
.color3-2 .leaderboard-list > ul > li .leaderboard-details .player-icon {
    border: 2px solid #FDD600;
}
.color3-2 .leaderboard-list > ul > li .leaderboard-details .player-icon .player-ranking {
    background-color: #FDD600;
    color: #000000;
}
.color3-2 .leaderboard-list > ul > li .leaderboard-details .player-point-wrapper .player-point {
    color: #FDD600;
}
.color3-2 .leaderboard-list > ul > li:nth-child(n+4) .leaderboard-details .player-icon {
    border: 0;
}
.color3-2 .leaderboard-list > ul > li:nth-child(n+4) .leaderboard-details .player-icon .player-ranking {
    background-color: transparent;
    color: #FFFFFF;
}
.color3-2 .leaderboard-list > ul > li:nth-child(n+4) .leaderboard-details .player-point-wrapper .player-point {
    color: #FFFFFF;
}
.color3-2 .leaderboard-list > ul > li.you {
    background: transparent linear-gradient(90deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .leaderboard-list > ul > li.you .leaderboard-details .player-icon .player-ranking {
    color: #000000;
}
.color3-2 .leaderboard-list > ul > li.you .leaderboard-details .player-name {
    color: #000000;
}
.color3-2 .leaderboard-list > ul > li.you .leaderboard-details .player-point-wrapper .player-point {
    color: #000000;
}
.color3-2 .leaderboard-list > ul > li.you .leaderboard-details .player-point-wrapper .btn-favourite.selected::before {
    background: transparent linear-gradient(180deg, #838BA4 0%, #505565 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
}

/* member page */
.color3-2 .menu-member ul li a.active {
    background: transparent linear-gradient(107deg, #FDD600 0%, #FE9B00 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .menu-deposit-type ul li.active a {
    background: transparent linear-gradient(124deg, #FDD600 0%, #FE9B00 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .menu-deposit-type-channel ul li.active {
    border: 1px solid #FDD600;
    color: #FDD600;
}
.color3-2 .bank-detail-header {
    color: #FDD600;
}
.color3-2 .bank-detail-body .row a {
    color: #FDD600;
}
.color3-2 .deposit-amount-wrapper .col .select-amount {
    background-color: #505565;
}
.color3-2 .deposit-amount-wrapper .col .select-amount:hover {
    background-color: #FFFFFF26;
}
.color3-2 .member-detail-btn .btn-main {
    background: transparent linear-gradient(92deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .withdrawal-detail .text-orange {
    color: #FDD600;
}
.color3-2 .progress-bar {
    background: transparent linear-gradient(90deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .menu-deposit-type.bonus ul li.active {
    background: transparent linear-gradient(98deg, #6884DE 0%, #1E316A 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .w-menu.active img {
    background: transparent linear-gradient(124deg, #fdd600, #fe9b00) 0 0 no-repeat padding-box;
}

/* profile */
.color3-2 .profile-wrapper .profile-top .profile-top-left {
    background-color: #2D2F39;
}
.color3-2 .profile-wrapper .profile-top .profile-top-left img {
    border: 2px solid #FDD600;
}
.color3-2 .profile-wrapper .profile-top .profile-top-right .profile-right-level .progress .progress-bar {
    background: #FDD600;
}
.color3-2 .profile-wrapper .profile-spin .spin-wrapper-content > ol > li {
    background: transparent linear-gradient(90deg, #838BA4 0%, #505565 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .profile-wrapper .profile-balance .profile-balance-top .profile-balance-value {
    color: #FDD600;
}
.color3-2 .profile-wrapper .menu-member ul li a.active {
    background: transparent;
    color: #FFFFFF;
}

/* vip */
.color3-2 .vip-top {
    background-color: #232327;
}
.color3-2 .vip-level-text {
    background-color: #FDD600;
    color: #000000;
}
.color3-2 .vip-progress-text span {
    color: #FFAD2B;
}
.color3-2 .vip-progress-bar .progress .progress-bar {
    background: transparent linear-gradient(180deg, #FCD042 0%, #F39024 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .vip-detail {
    background-color: #232327;
}
.color3-2 .vip-figure {
    color: #FFAD2B;
}
.color3-2 .vip-level-content {
    background-color: #232327;
}
.color3-2 .vip-level-single.your-level .vip-level-content {
    background: transparent linear-gradient(180deg, #fd900080 0%, #00000040 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FDD60033;
}
.color3-2 .vip-level-title {
    background-color: #FDD600;
    color: #000000;
}
.color3-2 .vip-row-right {
    color: #FFAD2B;
}
.color3-2 .vip-bottom-check {
    border: 5px solid #292234;
}
.color3-2 .vip-bottom-check::before {
    background-color: #7070704d;
}
.color3-2 .vip-bottom-lock {
    background-color: #292234;
}
.color3-2 .vip-bottom-lock::before {
    background-color: #7070704d;
}
.color3-2 .vip-level .swiper-button-prev, 
.color3-2 .vip-level .swiper-button-next {
    background-color: #A6B6C9;
}
.color3-2 .vip-level .swiper-button-prev:after, 
.color3-2 .vip-level .swiper-button-next:after {
    color: #251D45;
}

/* referral */
.color3-2 .referral-top {
    background-color: #232327;
}
.color3-2 .referral-qr-code {
    background-color: #ffffff1a;
}
.color3-2 .referral-share-link {
    background-color: #ffffff1a;
}
.color3-2 .referral-link {
    background-color: #131618;
}
.color3-2 .btn-referral {
    background: transparent linear-gradient(180deg, #54A4FF 0%, #2589F8 7%, #116BCF 94%, #0D4C92 100%) 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}
.color3-2 .referral-detail-single {
    background-color: #232327;
}
.color3-2 .referral-detail-top {
    background-color: #343B54;
    border-bottom: 1px solid #FFFFFF1A;
}
.color3-2 .statistic-single-bottom {
    color: #FFA200;
}
.color3-2 .btn-referral-detail {
    background-color: #DEDEDE;
    color: #ffffff;
}
.color3-2 .btn-referral-detail.active {
    background-color: #FDD600;
    color: #000000;
}

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

/* review */
.color3-2 .title-page {
    color: #FDD600;
}
.color3-2 .review-card {
    background-color: #232327;
}
.color3-2 .data-wrapper {
    background-color: #232327;
}
.color3-2 .review-swiper .swiper-pagination-bullet-active {
    background-color: #FDD600;
}
.color3-2 .ranking-list {
    background-color: #333339;
}

/* livestream */
.color3-2 .live-wrapper {
    background-color: #000000;
}

/* news */
.color3-2 .news-card {
    background-color: #232327;
}
.color3-2 .btn-readmore {
    background-color: #FDD600;
    color: #000000;
}

/* announcement */
.color3-2 .annbox {
    border: 2px solid #FDD600;
    background: url(../images/ann-bg.png), linear-gradient(180deg, #000000 0%, #ff8800 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color3-2 .ann-title {
    border-bottom: 2px solid #FDD600;
    background-color: #000000;
}
.color3-2 .anncon .nav .nav-link {
    background: transparent linear-gradient(117deg, #141719 0%, #25282D 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FDD600;
}
.color3-2 .anncon .nav .nav-link.active {
    background: transparent linear-gradient(117deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .annbox .annimg {
    border: 1px solid #FDD600;
}
.color3-2 .annpagi .pitem.active, 
.color3-2 .annpagi .pitem:hover {
    background-color:#FDD600;
    color: #000000;
}

/* text logo */
.color3-2 .logo-text {
    color: #FDD600;
}

/* after login */
.color3-2 .af-box h4 {
    color: #FDD600;
}
.color3-2 .af-box .progress-bar {
	background: #ff9e1f;
}	
.color3-2 .form-box {
    background: transparent linear-gradient(152deg, #131618 0%, #25282D 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color3-2 .viptabs .nav-tabs .nav-link.active, 
.color3-2 .viptabs .nav-tabs .nav-link:focus, 
.color3-2 .viptabs .nav-tabs .nav-link:hover {
    background-color: #131618;
}
.color3-2 .bal {
    color: #FDD600;
}
.color3-2 .btnform {
    background: transparent linear-gradient(92deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .tab-menu a {
    background: #2F2F30;
}
.color3-2 .tab-menu a.active {
    background: transparent linear-gradient(124deg, #FDD600 0%, #FE9B00 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .vipbox {
    background: transparent linear-gradient(90deg, #FDD600 0%, #FE9B00 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
.color3-2 .vip-info .accordion-button {
    background-color: #131618;
}
.color3-2 .vip-info .accordion-item {
    background: transparent linear-gradient(152deg, #131618 0%, #25282D 100%) 0% 0% no-repeat padding-box;
}
.color3-2 .vip-benefit {
    border: 1px solid #FFFFFF1A;
}
.color3-2 .viptabs .form-box {
    border: 1px solid #FFFFFF1A;
}
.color3-2 .rstep {
    background-color: #25282D;
}
.color3-2 .rstep.active {
    background: transparent linear-gradient(90deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    color: #000000;
}
/*preloader*/
.color3-2 .preloader{
    background-color: #26202080;
}
.color3-2 .loader div {
    background-color: #FDD600;
    box-shadow: 0 0 15px #ffeb7a45;
}

.color3-2 .promo-special-wrapper{
    background-color: #1a1a1c;
    border: 1px #ffffff1a solid;
}
.color3-2 .promo-btn, 
.color3-2 .refer-btn {
    background:transparent linear-gradient(117deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    color:#000;
}

@media (min-width: 1200px) {
    /* header */
    .color3-2 .header-btn-deposit {
        background: transparent linear-gradient(90deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
        color: #000000;
    }
    /* homepage */
    .color3-2 .menu ul li.active {
        background: transparent;
    }
    .color3-2 .menu ul li.active .menu-icon-hover, 
    .color3-2 .menu ul li a:hover .menu-icon-hover {
        background: transparent linear-gradient(135deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    }
    .color3-2 .menu ul li.active a .menu-text, 
    .color3-2 .menu ul li a:hover .menu-text {
        color: #FDD600;
    }
    .color3-2 .slot-menu .swiper-slide.active, 
    .color3-2 .slot-menu .swiper-slide:hover {
        background: transparent linear-gradient(117deg, #FE9B00 0%, #FDD600 100%) 0% 0% no-repeat padding-box;
    }
    .color3-2 .slot-menu .swiper-slide.active .slot-menu-name, 
    .color3-2 .slot-menu .swiper-slide:hover .slot-menu-name {
        color: #000000;
    }
    .color3-2 .index-game-single:hover .index-game-name { 
        color: #FDD600;
    }
    .color3-2 .index-game-hover {
        color: #FDD600;
    }
    .color3-2 .btn-more-game {
        color: #000000;
    }

    /* side menu */
    .color3-2 .side-menu .side-top-wrapper > ul > li:hover > a .side-menu-text,
    .color3-2 .side-menu .side-top-wrapper > ul > li:hover.arrow-right::before {
        color: #FDD600;
    }

    /* member page */
    .color3-2 .menu-member ul li a.active, 
    .color3-2 .menu-member ul li a:hover {
        background: transparent linear-gradient(99deg, #FDD600 0%, #FE9B00 100%) 0% 0% no-repeat padding-box;
        color: #000000;
    }
    .color3-2 .menu-deposit-type ul li a:hover {
        background: transparent linear-gradient(124deg, #FDD600 0%, #FE9B00 100%) 0% 0% no-repeat padding-box;
        color: #000000;
    }

    /* profile */
    .color3-2 .profile-wrapper .menu-member ul li a:hover {
        border: 1px solid #FDD600;
        background: transparent;
        color: #FFFFFF;
    }
    .color3-2 .profile-wrapper .profile-more > ul > li:hover > a,
    .color3-2 .profile-wrapper .profile-more > ul > li:hover::before {
        color: #FDD600;
    }
}