:root .color1-4 {
	--color-theme: #FFAD2B;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #000000;
    --bgcolor-box: #2b080c;
    --bg-color: #2b080c;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 13px 0 #FFFFFF26;
    --bg-modal: #411B1F;
    --color-text-tnc: #FFFFFFBF;
	--table-bg: #8F1824;

    /* 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:#e00116;
    --rchat-theme-color2:rgb(67 64 64);
    --rchat-bg:#232121;
    --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:#434040;
    --dot-bg:rgba(255, 255, 255, 0.3);

    /* free game */
    --fg-bg: #30171Ab3;
    --fg-border: #FFFFFF1A;
    --fg-bg2: #200C0D;
    --fg-primary-text: #FFFFFFCC;
    --fg-theme-color: #e00116;
    --fg-bg-body: #100406;
    --fg-primary-btn: transparent linear-gradient(180deg, #FF6C7C 0%, #FC263C 10%, #D52033 87%, #A51A2A 100%) 0% 0% no-repeat padding-box;
    --fg-text: #FFFFFF;
    --fg-text2: #FFFFFF;
    --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");

    --btn-bonus-color: #FFAD2B;
    --btn-text-color: #000000;
}

.color1-4 .content-wrapper {
    background-color: #0F0506;
    background-image: url(../images/color1-4/bg-mobile.jpg);
}

/* header */
.color1-4 .header {
    background-image: url(../images/color1-4/bg-header.jpg);
    background-size: cover;
}
.color1-4 .language-wrapper .dropdown-menu .dropdown-item:hover .country-name {
    color: #FF5667;
}
.color1-4 .language-wrapper .dropdown-menu {
    background-color: #0F0506;
}

/* button */
.color1-4 .btn-main {
    background: transparent linear-gradient(180deg, #FFE2B5 0%, #FFAB2B 9%, #FD9428 92%, #9F5915 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .btn-sub {
    background: transparent linear-gradient(180deg, #FF6C7C 0%, #FC263C 10%, #D52033 87%, #A51A2A 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .btn-cancel {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #DBDBDB 9%, #9E9E9E 94%, #828282 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .btn-login:hover {
    outline: 1px solid #FFAD2B;
}
.color1-4 .btn-promo{
    border: 1px rgba(255,255,255,0.5) solid;
}
.color1-4 .btn-promo:hover{
    border: 1px #ff344b solid;
}
.color1-4 .icon-nav {
    border: 1px rgba(255,255,255,0.5) solid;
}
.color1-4 .icon-nav:hover {
    border: 1px #ff344b solid;
}
.color1-4 .promo-btn,
.color1-4 .refer-btn{
    border: 1px solid #ff0017;
    background-color: #6f000d;
}
.color1-4 .promo-btn:hover,
.color1-4 .refer-btn:hover{
    border: 1px #FFAD2B solid;
}


/* announcement */
.color1-4 .announcement-wrapper {
    background-color: #2B080C;
}

/* banner */
.color1-4 .banner-overlay {
    background: transparent linear-gradient(180deg, #19090A00 0%, #0F0506 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .swiper-banner .swiper-pagination-bullet-active {
    background-color: #FFAD2B;
}

/* login mobile */
.color1-4 .login-mobile {
    background-color: #460B11;
}

/* real time transaction */
.color1-4 .swiper-transaction {
    background-color: #75131D;
}
.color1-4 .transaction-action span {
    color: #FD9027;
}

/* home products */
.color1-4 .filter-button {
    background-color: #30171A;
}
.color1-4 .mobile_dropdown {
    background-color: #100406;
}
.color1-4 .filter-button.active,
.color1-4 .filter-button:hover {
    background: transparent linear-gradient(180deg, #8F1824 0%, #C21223 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .products-category .btn-category .btn-favourite {
    background-color: #100406;
}
.color1-4 .tab_wrapper {
    background-color: #30171A;
}
.color1-4 .slot-menu .swiper-slide {
    background-color: #200C0D;
}
.color1-4 .slot-menu .swiper-slide.active {
    border: 1px solid #FF5667;
}
.color1-4 .hotgame-single-bottom {
    background: transparent linear-gradient(180deg, #9A1A27 0%, #75131D 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .game-provider {
    background: transparent linear-gradient(180deg, #171B2A 0%, #0A0C13 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .game-provider::before {
    border-top-color: #0A0C13;
}

/* seo */
.color1-4 .seo-title {
    color: #FF5667;
}

/* footer mobile */
.color1-4 .footer-mobile-wrapper {
    background: transparent radial-gradient(closest-side at 50% 136%, #FF263D 0%, #4D0D13 100%) 0% 0% no-repeat padding-box;
}

/* footer desktop */
.color1-4 .copyright {
    color: #FFFFFF4D;
}

/* side menu */
.color1-4 .side-menu {
    background: transparent linear-gradient(180deg, #3E0B10 0%, #8D4242 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .side-menu > ul > li a.active .side-menu-text {
    color: #f39148;
}
.color1-4 .sub-menu > ul > li > a.active {
    color: #f39148;
}
.color1-4 .side-menu .tnc-detail ul > li a.active {
    color: #f39148;
}
.color1-4 .btn-logout {
    background-color: #00000033;
}
.color1-4 .contact-detail > ul,
.color1-4 .tnc-detail > ul {
    background-color: #00000033;
}

/* member */
.color1-4 .member-bottom span:nth-child(2) {
    color: #FFAD2B;
}
.color1-4 .btn-deposit {
    background: transparent linear-gradient(180deg, #FF8592 0%, #FF263D 7%, #D11F32 93%, #751520 100%) 0% 0% no-repeat padding-box;
}

/* login page */
.color1-4 .login-wrapper { 
    background-color: #3D2828b3;
}
.color1-4 .login-form-title {
    color: #FF5667;
}
.color1-4 .input-group-text {
    background-color: #100406;
}
.color1-4 .input-group-text .form-select, 
.color1-4 .input-group-text .form-select:focus {
    background-color: #100406;
}
.color1-4 .form-control, 
.color1-4 .form-control:focus, 
.color1-4 .form-control:disabled {
    background-color: #100406;
    border: 1px solid #FFFFFF4D;
}
.color1-4 .circle.active {
    background-color: #FF5667;
    color: #000000;
}
.color1-4 .step-text.active {
    color: #FF5667;
}
.color1-4 .tac-wrapper, 
.color1-4 .digit-wrapper {
    background-color: #100406 ;
    border: 2px solid #FFFFFF33;
}
.color1-4 .tac-field .form-control, 
.color1-4 .digit-field .form-control {
    background-color: #140608;
}
.color1-4 input:-webkit-autofill,
.color1-4 input:-webkit-autofill:hover, 
.color1-4 input:-webkit-autofill:focus, 
.color1-4 input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px #120305 inset !important;
    -webkit-box-shadow: 0 0 0 30px #120305 inset !important;
}

/* promotion */
.color1-4 .promotion-wrapper ul {
    background-color: #4D0D13;
}
.color1-4 .promotion-wrapper ul li.mixitup-control-active,
.color1-4 .promotion-wrapper ul li.mixitup-control-active:hover {
    background: transparent linear-gradient(180deg, #FF9E07 0%, #FF5E61 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.color1-4 .promotion-single-bottom {
    background: transparent linear-gradient(180deg, #9A1A27 0%, #75131D 100%) 0% 0% no-repeat padding-box;
}

/* modal */
.color1-4 .modal-dialog {
    background-color: #411B1F;
}
.color1-4 .modal-header {
    background: #8F1824;
}
.color1-4 .modal-body {
    background-color: #411B1F;
}
.color1-4 .table-new th {
    background-color: #8F1824;
}

/* deposit */
.color1-4 .menu-member ul {
    background-color: #3D2828;
}
.color1-4 .menu-member ul li a.active {
    background: transparent linear-gradient(180deg, #FF8592 0%, #FF263D 7%, #D11F32 93%, #751520 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .member-content {
    background-color: #30171Ab3;
}
.color1-4 .menu-deposit-type ul li.active {
    background: transparent linear-gradient(180deg, #FF8592 0%, #FF263D 7%, #D11F32 93%, #751520 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .menu-deposit-type-channel ul li.active {
    border: 1px solid #FFAD2B;
    color:#FFAD2B;
}
.color1-4 .bank-detail {
    background-color: #FFFFFF1A;
    border: 2px solid #FFFFFF1A;
}
.color1-4 .deposit-amount-wrapper .col .select-amount {
    background-color: #6E4949;
}
.color1-4 .deposit-amount-wrapper .col .select-amount:hover, .deposit-amount-wrapper .col .select-amount:focus {
    background-color: #8F1824; 
}
.color1-4 .bank-wrapper .dropdown-menu {
    background-color: #0F0506;
}
.color1-4 .bank-wrapper .dropdown-item:hover, 
.color1-4 .bank-wrapper .dropdown-item:focus {
    background-color: #8F1824; 
}
.color1-4 .withdrawal-detail {
    background-color: #FFFFFF1A;
    border: 2px solid #FFFFFF80;
}
.color1-4 .progress-wrapper {
    background-color: #262021;
}
.color1-4 .progress {
    background-color: #ffffff15;
}
.color1-4 .progress-bar {
    background-color: #FF263D;
}
.color1-4 .withdrawal-detail .text-orange {
    color: #FF5667;
}
.color1-4 .statement-detail {
    background-color: #3D2828;
}
.color1-4 .table-statement {
    background-color: #302020;
}
.color1-4 .table-statement .table-statement-row:nth-child(odd) {
    background-color: #3D2828;
}
.color1-4 .table-statement .table-statement-row:first-child {
    background-color: #8F1824;
}
.color1-4 .table-statement .table-statement-row .table-statement-col a.text-purple, .table-statement-col .text-purple {
    color: #FFA200;
}
.color1-4 .table-statement .table-statement-row .table-statement-col a.text-red, .table-statement-col .text-red {
    color: #FFA200;
}
.color1-4 .statement-detail-right .text-purple {
    color: #FFA200;
}
.color1-4 .statement-win {
    color: #FFA200;
}
.color1-4 .statement-lose {
    color: #FF5667;
}
.color1-4 .user-setting .tac-wrapper .tac-field .form-control {
    background-color: #140608;
}

/* about */
.color1-4 .footer-page {
    background-color: #30171Ab3;
}

/* open close search  */
.color1-4 .input-box .form-control, 
.color1-4 .input-box .form-control:focus {
    background-color: #100406;
}
.color1-4 .input-box .search {
    background-color: #100406;
}
.color1-4 .input-box .form-control {
    border: 0;
}

/* mission spin leaderboard */
.color1-4 .special-menu ul > li {
    border: 2px solid #e00116;
    background-color: #2b080c;
}
.color1-4 .side-menu .special-menu ul > li {
    border:1px solid #e00116;
    background-color: #2b080c;
}
.color1-4 .special-menu ul > li:hover {
    box-shadow: 0px 0px 10px #ff0e0e;
}

/* leaderboard */
.color1-4 .leaderboard-title {
    color: #FF5667;
}
.color1-4 .leaderboard-players {
    background: #3D2828b3;
}
.color1-4 .leaderboard-list > ul > li .leaderboard-details .player-icon {
    border: 2px solid #FFFFFF;
}
.color1-4 .leaderboard-list > ul > li .leaderboard-details .player-icon .player-ranking {
    background-color: #FF263D;
}
.color1-4 .leaderboard-list > ul > li .leaderboard-details .player-point-wrapper .player-point {
    color: #FFAD2B;
}
.color1-4 .leaderboard-list > ul > li.top1 .leaderboard-details .player-icon {
    border: 2px solid #FFAA00;
}
.color1-4 .leaderboard-list > ul > li:nth-child(n+4) .leaderboard-details .player-icon {
    border: 0;
}
.color1-4 .leaderboard-list > ul > li:nth-child(n+4) .leaderboard-details .player-icon .player-ranking {
    background-color: transparent;
}
.color1-4 .leaderboard-list > ul > li.you {
    background: transparent linear-gradient(94deg, #F35526 0%, #AB1820 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .leaderboard-list > ul > li:nth-child(n+4) .leaderboard-details .player-point-wrapper .player-point {
    color: #FFFFFF;
}

/* profile */
.color1-4 .profile-wrapper .profile-top {
    background: transparent linear-gradient(94deg, #F35526 0%, #AB1820 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .profile-wrapper .profile-top .profile-top-left {
    background-color: #33335E;
}
.color1-4 .profile-wrapper .profile-top .profile-top-left img {
    border: 2px solid #FFAD2B;
}
.color1-4 .profile-wrapper .progress {
    background-color: #FFFFFF;
}
.color1-4 .profile-wrapper .profile-top .profile-top-right .profile-right-level .progress .progress-bar {
    background-color: #FFAD2B;
}
.color1-4 .profile-wrapper .profile-spin .spin-wrapper-content > ol > li:first-child {
    background: transparent linear-gradient(90deg, #FFB82B 0%, #D85E00 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .profile-wrapper .profile-spin .spin-wrapper-content > ol > li:last-child {
    background: transparent linear-gradient(90deg, #8F2BAC 0%, #F31894 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .profile-wrapper .profile-balance .profile-balance-top .profile-balance-value {
    color: #FFAD2B;
}
.color1-4 .profile-wrapper .profile-balance {
    background-color: #FFFFFF1A;
}
.color1-4 .profile-wrapper .menu-member ul {
    background-color: transparent;
}
.color1-4 .profile-wrapper .menu-member ul li {
    background-color: #FFFFFF1A;
}
.color1-4 .profile-wrapper .menu-member ul li a.active {
    background: transparent;
}

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

/* referral */
.color1-4 .referral-top {
    background-color: #3D2828b3;
}
.color1-4 .referral-qr-code {
    background-color: #FFFFFF1a;
}
.color1-4 .referral-share-link {
    background-color: #FFFFFF1a;
}
.color1-4 .referral-link {
    background-color: #100406;
}
.color1-4 .btn-referral {
    background: transparent linear-gradient(180deg, #FF8592 0%, #FF263D 7%, #D11F32 93%, #751520 100%) 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}
.color1-4 .referral-detail-single {
    background-color: #3D2828b3;
}
.color1-4 .referral-detail-top {
    background-color: #00000033;
    border-bottom: 1px solid #FFFFFF1A;
}
.color1-4 .statistic-single-bottom {
    color: #FFA200;
}
.color1-4 .btn-referral-detail {
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #DBDBDB 9%, #9E9E9E 94%, #828282 100%) 0% 0% no-repeat padding-box;
    color: #ffffff;
}
.color1-4 .btn-referral-detail.active {
    background: transparent linear-gradient(180deg, #FFB82B 0%, #D85E00 100%) 0% 0% no-repeat padding-box;
}

/* inbox */
.color1-4 .inbox-top {
    background-color: #3D2828b3;
}
.color1-4 .inbox-top-text {
    color: #FFFFFF;
}
.color1-4 .inbox-balance-amount {
    color: #F9951E;
}
.color1-4 .bonus-category-single {
    background-color: #3D2828b3;
}
.color1-4 .bonus-category-value {
    color: #FFA200;
}
.color1-4 .bonus-transaction {
    background-color: #3D2828b3;
}
.color1-4 .bonus-transaction-head {
    background-color: #00000033;
}
.color1-4 .bonus-transaction-note {
    color: #A6B6C9;
}
.color1-4 .bonus-transaction-row {
    background-color: #FFFFFF1A;
}
.color1-4 .btn-bonus-transaction {
    background-color: #FC263C99;
    color: #ffffff;
}
.color1-4 .table-bonus .table-bonus-row {
    background-color: #FFFFFF1A;
}
.color1-4 .table-bonus .table-bonus-row:first-child {
    color: #FF5667;
	background-color: transparent;
}
.color1-4 .btn-inbox {
    background-color: #FC263C99;
    color: #FFFFFF;
}

/* review */
.color1-4 .title-page {
    color: #FF5667;
}
.color1-4 .review-card {
    background-color: #3D2828b3;
}
.color1-4 .data-wrapper {
    background-color: #3D2828b3;
}
.color1-4 .review-swiper .swiper-pagination-bullet-active {
    background-color: #FFAD2B;
}

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

/* news */
.color1-4 .news-card {
    background-color: #3D2828b3;
}
.color1-4 .btn-readmore {
    background-color: #8F1824;
}
.color1-4 .btn-promo{
    border: 1px rgba(255,255,255,0.5) solid;
}
.color1-4 .btn-promo:hover{
    border: 1px #FFAD2B solid;
}
.color1-4 .icon-nav {
    border: 1px rgba(255,255,255,0.5) solid;
}
.color1-4 .icon-nav:hover {
    border: 1px #FFAD2B solid;
}

/* announcement */
.color1-4 .annbox {
    border: 2px solid #ff0019;
    background: url(../images/ann-bg.png),transparent linear-gradient(180deg, #3E0B10 0%, #8D4242 100%) 0% 0% no-repeat padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color1-4 .ann-title {
    background-color: #000;
    border-bottom: 2px solid #ff0019;
}
.color1-4 .anncon .nav .nav-link {
    background-color: #000000;
    border: 1px solid #ffffff52;
}
.color1-4 .anncon .nav .nav-link.active {
    background: linear-gradient(90deg, #d42739 0%, #F35526 100%);
}
.color1-4 .annbox .annimg {
    border: 1px solid #ffffff52;
}
.color1-4 .annpagi .pitem.active, 
.color1-4 .annpagi .pitem:hover {
    background-color:#FFAD2B;
}

/* deposit page promo list*/
.color1-4 .p-list {
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
    gap: 20px;
}
.color1-4 .p-list .form-check-input:checked {
    background-color: #FF263D;
    border-color: #FF263D;
    /* background: transparent linear-gradient(180deg, #9EFF74 0%, #70F934 6%, #62DB2D 92%, #3E8E1B 100%) 0% 0% no-repeat padding-box;
    border: 1px solid green; */
}
.color1-4 .p-list .form-check-label {
    background: transparent;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    width: 100%;
    color: #ffffff;
}
.color1-4 .p-list .form-check-input:checked + .form-check-label {
    background: transparent linear-gradient(180deg, #FF8592 0%, #FF263D 7%, #D11F32 93%, #751520 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #FF263D ;
    color: #ffffff;
}
.color1-4 .form-check-group { 
    display: none; 
    margin-left: 40px 
}
.color1-4 .form-check-group.aaa { 
    display: block 
}

/* text logo */
.color1-4 .logo-text {
    color: #ff9e1f;
}

/* after login */
.color1-4 .af-box h4 {
    color: #FF5667;
}
.color1-4 .form-box,
.color1-4 .vip-info .accordion-button,
.color1-4 .vip-info .accordion-item {
    background-color: rgb(43 8 12);
}
.color1-4 .af-form .form-control, 
.color1-4 .af-form .form-control:focus, 
.color1-4 .af-form .form-control:disabled {
    border: none;
}
.color1-4 .vip-info .accordion-button,
.color1-4 .vip-info .accordion-button:focus {
    box-shadow: none;
}
.color1-4 .bal {
    color: #ffa129;
}
.color1-4 .btnform {
    background:transparent linear-gradient(180deg, #FF8592 0%, #FF263D 7%, #D11F32 93%, #751520 100%) 0% 0% no-repeat padding-box;
}
.color1-4 .tab-menu a {
    background:#412125;
}
.color1-4 .tab-menu a.active {
    background:#9c1825;
}
.color1-4 .af-form .input-group,
.color1-4 .w-type .pincode-input-text, 
.color1-4 .form-control.pincode-input-text,
.color1-4 .d-amount a,
.color1-4 .d-promo .form-check-label,
.color1-4 .form-control option {
    background-color:#120305;
}
.color1-4 .b-type,
.color1-4 .t-type {
    background: #1a0507;
}
.color1-4 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color1-4 .viptabs .nav-tabs .nav-link.active, 
.color1-4 .viptabs .nav-tabs .nav-link:focus, 
.color1-4 .viptabs .nav-tabs .nav-link:hover {
    background-color:rgb(43 8 12);
    color:#fff;
    border-color: #ffffff0b;
}
.color1-4 .vipbox {
   background: linear-gradient(90deg, rgb(164 25 40) 0%, rgb(78 13 19) 100%);
}
.color1-4 .actarea a,
.color1-4 .af-form .form-remark {
    color: #ff9e1f;
}
.color1-4 .accordion-item {
    border-color:#FFFFFF1A;
}
.color1-4 .rstep {
    background-color: #120305;
}
.color1-4 .rstep.active {
    background: #FF5667;
    color: #000000;
}

/*preloader*/
.color1-4 .preloader{
    background-color: #26202080;
}
.color1-4 .loader div {
    background-color: #ff5b6c;
    box-shadow: 0 0 15px #d427395e;
}

.color1-4 .w-menu.active img {
    background: #9c1825;
}

@media (min-width: 1200px) {

    /* header */
    .color1-4 .header {
        background-image: url(../images/color1-4/bg-header-desktop.jpg);
    }

    .color1-4 .content-wrapper {
        background-image: url(../images/color1-4/bg.jpg);
    }

    /* home products */
    .color1-4 .products-category {
        background-color: #30171A;
    }
    .color1-4 .slot-menu-wrapper {
        background-color: #30171Ab3;
    }
    .color1-4 .slot-menu .swiper-slide.active, 
    .color1-4 .slot-menu .swiper-slide:hover {
        border: 1px solid #FF5667;
    }
    .color1-4 .hotgame-content {
        background-color: #30171Ab3;
    }

    /* side menu */
    .color1-4 .side-menu > ul > li:hover .side-menu-text {
        color: #f39148;
    }
    .color1-4 .side-menu .tnc-detail ul > li a:hover {
        color: #f39148;
    }     
    .color1-4 .sub-menu > ul > li > a:hover {
        color: #f39148;
    }  

    .color1-4 .menu-member ul li a.active, 
    .color1-4 .menu-member ul li a:hover {
        color: #FF5667;
    }

    /* promotion */
    .color1-4 .promotion-wrapper ul li:hover {
        color: #FF5667;
    }

    /* footer */
    .color1-4 .footer {
        background-color: #0C0304;
    }

    /* leadearboard */
    .color1-4 .leaderboard-list > ul > li:first-child .leaderboard-details .player-name,
    .color1-4 .leaderboard-list > ul > li:nth-child(2) .leaderboard-details .player-name,
    .color1-4 .leaderboard-list > ul > li:nth-child(3) .leaderboard-details .player-name {
        background-color: #FF263D;
    }

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