:root .color3-4 {
	--color-theme: #FF0088;
    --black: #FFFFFF;
    --black2: #FFFFFF;
    --black3: #FFFFFF66;
    --white: #000000;
    --bgcolor-box: #1B083B;
    --bgcolor-box2: #1B083B;
    --bg-color: #1B083B;
    --bg-img: url(../images/referral/dark-bg.png);
	--shadow-box: 0 0 10px 0 #FFFFFF26;
    --bg-modal: #1F0648;
    --color-text-tnc: #FFFFFFBF;
	--table-bg: #481F8E;
	--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;

    /*rocket chat*/
    --rchat-theme-color:#FF0088;
    --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(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: #330F71;
    --fg-border: #FFFFFF1A;
    --fg-bg2: transparent linear-gradient(117deg, #170537 0%, #21064E 100%) 0% 0% no-repeat padding-box;
    --fg-primary-text: #FFFFFFCC;
    --fg-theme-color: #FF0088;
    --fg-bg-body: #1B083B;
    --fg-bg-body2: #1B083B;
    --fg-primary-btn: transparent linear-gradient(90deg, #FF0088 0%, #FF686D 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");
}

body.color3-4 {
    background: linear-gradient(#2E0B6Bcc, #2E0B6Bd9), url(../images/bg.jpg)top center repeat;
}

/* button */
.color3-4 .btn-main {
    background: transparent linear-gradient(90deg, #775CA8 0%, #B492EE 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .btn-sub {
    background: transparent linear-gradient(90deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
}

/* header */
.color3-4 .header {
    background-color: #330c71;
}
.color3-4 .timezone {
    color: #FF8E64;
}

/* announcement */
.color3-4 .announcement-content {
    background-color: #330F71;
}
.color3-4 .announcement-left {
    background-color: #FF0088;
}

/* banner */
.color3-4 .banner {
    background-color: #1B083B;
}
.color3-4 .banner::before {
    background-color: #1B083B;
}
.color3-4 .banner .swiper-pagination {
    background-color: #01010182;
}
.color3-4 .banner .swiper-pagination-bullet {
    background-color: #FFFFFF52;
}
.color3-4 .banner .swiper-pagination-bullet-active {
    background-color: #FF0088;
}
.color3-4 .banner-desktop .swiper-button-next, 
.color3-4 .banner-desktop .swiper-button-prev {
    background-color: #FFFFFF26;
}
.color3-4 .banner-desktop .swiper-button-next:after, 
.color3-4 .banner-desktop .swiper-button-prev:after {
    color: #FF0088;
}

/* login */
.color3-4 .login-wrapper {
    background: #1B083B;
}
.color3-4 .login-form-title {
    color: #FF686D;
}
.color3-4 .login-form .btn-main {
    background: transparent linear-gradient(90deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .input-group {
    background: transparent linear-gradient(95deg, #180538 0%, #1F064B 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .digit-wrapper {
    background: transparent linear-gradient(95deg, #180538 0%, #1F064B 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .af-box .input-group {
    background: #FFFFFF1A;
}
.color3-4 input:-webkit-autofill,
.color3-4 input:-webkit-autofill:hover, 
.color3-4 input:-webkit-autofill:focus, 
.color3-4 input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px #32214f inset !important;
    -webkit-box-shadow: 0 0 0 30px #32214f inset !important;
}

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

/* register */
.color3-4 .step-single-register.active {
    background: transparent linear-gradient(90deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}
.color3-4 .step-single-register::before {
    border-left: 20px solid #1b083b;
}
.color3-4 .step-single-register.active::after {
    border-left: 20px solid #ff676d;
}
.color3-4 .tac-wrapper .btn-main {
    background: transparent linear-gradient(90deg, #775CA8 0%, #B492EE 100%) 0% 0% no-repeat padding-box;
}

/* homepage */
.color3-4 .menu ul li {
    background: transparent linear-gradient(125deg, #180539 0%, #1F064A 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .menu ul li.active {
    background: transparent linear-gradient(125deg, #6026C5 0%, #591EBE 42%, #591EBE 42%, #4E12B5 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .menu ul li.active a .menu-icon-hover img {
    filter: invert(1);
}
.color3-4 .menu-right .input-group {
    background: #1B083B;
}
.color3-4 .menu-right .input-group .form-control {
    background: #1B083B;
}
.color3-4 .menu-right .input-group .input-group-text {
    background: transparent linear-gradient(180deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .menu-right .btn-favourite {
    background: transparent linear-gradient(135deg, #19053A 0%, #1F064A 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .btn-favourite.selected::before {
    background: transparent linear-gradient(180deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
}
.color3-4 .slot-menu .swiper-slide {
    background-color: #1B083B;
}
.color3-4 .slot-menu .swiper-slide.active .slot-menu-name {
    color: #FF686D;
}
.color3-4 .index-game-thumbnail .btn-favourite.selected::before
/* .color3-4 .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;
}
.color3-4 .index-game-single {
    background: transparent linear-gradient(140deg, #180539 0%, #1F064B 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .game-provider-wrapper .row {
    background: #1B083B;
}
.color3-4 .single-game-provider {
    background-color: #2C1751;
}

/* real time transaction */
.color3-4 .transaction-inner {
    background-color: #1B083B;
}
.color3-4 .swiper-transaction .swiper-slide {
    background-color: #330F71;
}
.color3-4 .single-transaction.empty .transaction-user {
    background-color: #1f06486e;
}
.color3-4 .single-transaction.empty .transaction-details .transaction-name, 
.color3-4 .single-transaction.empty .transaction-details .transaction-action {
    background: transparent linear-gradient(90deg, #1a063d66 0%, #30303000 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .transaction-action span {
    color: #FF686D;
}

/* footer mobile */
.color3-4 .footer-mobile ul {
    background-color: #1C0642;
}
.color3-4 .footer-mobile ul li a .menu-icon {
    background: transparent linear-gradient(135deg, #19053A 0%, #1F064B 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .footer-mobile ul li.footer-highlight a .menu-icon {
    background: transparent linear-gradient(135deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .footer-mobile ul li.footer-highlight a .menu-icon img {
    filter: brightness(0) invert(1);
}

/* footer desktop */
.color3-4 .footer {
    background-color: #1E0645;
}
.color3-4 .seo-title {
    color: #FF686D;
}
.color3-4 .btn-seo .btn-main {
    background: transparent linear-gradient(90deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .copyright-text {
    background: #13032E;
}

/* contact */
.color3-4 .btn-contact {
    background: transparent linear-gradient(180deg, #FF686D 0%, #FF3B79 43%, #FF0088 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .contact-icon {
    color: #FF0088;
    background-color: #FFFFFF;
}
.color3-4 .contact-content ul li a .contact-detail {
    color: #FF686D;
}

/* side menu */
.color3-4 .side-menu {
    background-color: #1B083B;
}
.color3-4 .side-top {
    background-color: #550CD4;
}
.color3-4 .side-top-language ol li .country-selection {
    background: transparent linear-gradient(135deg, #19053A 0%, #200849 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .spin-wrapper-content > ol > li:first-child {
    background: transparent linear-gradient(119deg, #FCA26B 0%, #F22F49 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .spin-wrapper-content > ol > li:last-child {
    background: transparent linear-gradient(90deg, #02EFDD 0%, #1C9AD5 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .side-menu .side-top-wrapper > ul > li {
    background-color: #2C1751;
}
.color3-4 .side-menu .side-top-wrapper > ul > li.active > a .side-menu-text,
.color3-4 .side-menu .side-top-wrapper > ul > li.active.arrow-right::before {
    color: #FF686D;
}

/* promotion */
.color3-4 .promotion-wrapper ul li {
    background: transparent linear-gradient(107deg, #180539 0%, #1F064B 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .promotion-wrapper ul li.mixitup-control-active {
    background: transparent linear-gradient(107deg, #FF686D 0%, #FF0088 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .promotion-single-bottom {
    background: transparent linear-gradient(127deg, #190539 0%, #20064C 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .promotion-single-btn {
    background: transparent linear-gradient(90deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
}

/* modal */
.color3-4 .modal-header {
    background: #481F8E;
}
.color3-4 .modal-content {
    background-color: #2E0B6B;
}
.color3-4 .modal-body {
    background: #1F0648;
}
.color3-4 .modal-header .btn-close {
    color: #FFFFFF;
}
.color3-4 .table-new {
    background-color: #28124B;
}
.color3-4 .table-new th {
    background-color: #38235B;
}

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

/* leaderboard */
.color3-4 .leaderboard-players {
    background-color: #1E0645;
}
.color3-4 .leaderboard-list > ul > li {
    background-color: #351F58;
}
.color3-4 .leaderboard-list > ul > li.top1 {
    background-color: #4B3075;
}
.color3-4 .leaderboard-list > ul > li .leaderboard-details .player-icon {
    border: 2px solid #FF0088;
}
.color3-4 .leaderboard-list > ul > li .leaderboard-details .player-icon .player-ranking {
    background-color: #FF0088;
}
.color3-4 .leaderboard-list > ul > li .leaderboard-details .player-point-wrapper .player-point {
    color: #FF686D;
}
.color3-4 .leaderboard-list > ul > li:nth-child(n+4) .leaderboard-details .player-icon {
    border: 0;
}
.color3-4 .leaderboard-list > ul > li:nth-child(n+4) .leaderboard-details .player-icon .player-ranking {
    background-color: transparent;
}
.color3-4 .leaderboard-list > ul > li.you {
    background: transparent linear-gradient(91deg, #FF0088 0%, #FF2D7C 43%, #FF686D 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .leaderboard-list > ul > li:nth-child(n+4) .leaderboard-details .player-point-wrapper .player-point {
    color: #FFFFFF;
}

/* member page */
.color3-4 .menu-member ul li {
    background: transparent linear-gradient(99deg, #180539 0%, #1F064B 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .menu-member ul li a.active {
    background: transparent linear-gradient(124deg, #FF686D 0%, #FF0088 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .member-content {
    background: #1B083B;
}
.color3-4 .menu-deposit-type ul li {
    background: #270E50;
}
.color3-4 .menu-deposit-type ul li.active a {
    background: transparent linear-gradient(124deg, #FF686D 0%, #FF0088 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .menu-deposit-type-channel ul li.active {
    border: 1px solid #FF0088;
    color: #FF0088;
}
.color3-4 .bank-detail-body .row a {
    color: #FFFFFF;
}
.color3-4 .bank-wrapper .dropdown {
    background: transparent linear-gradient(95deg, #180538 0%, #1F064B 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .deposit-amount-wrapper .col .select-amount {
    background-color: #2F125E;
}
.color3-4 .deposit-amount-wrapper .col .select-amount:hover {
    background-color: #FF686D;
}
.color3-4 .member-detail-btn .btn-main {
    background: transparent linear-gradient(92deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .withdrawal-detail .text-orange {
    color: #FF686D;
}
.color3-4 .progress-bar {
    background: transparent linear-gradient(90deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .menu-deposit-type.bonus ul li.active {
    background: transparent linear-gradient(124deg, #FF686D 0%, #FF0088 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .w-menu.active img {
    background: transparent linear-gradient(124deg, #ff686d, #f08) 0 0 no-repeat padding-box;
}

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

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

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

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

/* review */
.color3-4 .title-page {
    color: #FF686D;
}
.color3-4 .review-card {
    background-color: #1E0645;
}
.color3-4 .data-wrapper {
    background-color: #1E0645;
}
.color3-4 .review-swiper .swiper-pagination-bullet-active {
    background-color: #FF0088;
}
.color3-4 .ranking-list {
    background-color: #351F58;
}

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

/* news */
.color3-4 .news-card {
    background-color: #1E0645;
}
.color3-4 .btn-readmore {
    background-color: #FF0088;
}

/* announcement */
.color3-4 .annbox {
    border: 2px solid #330F71;
    background: url(../images/ann-bg.png), linear-gradient(180deg, #34136a 0%, #8f59ed 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.color3-4 .ann-title {
    border-bottom: 2px solid #330F71;
    background-color: #000000;
}
.color3-4 .anncon .nav .nav-link {
    background: transparent linear-gradient(117deg, #170537 0%, #21064E 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #330F71;
}
.color3-4 .anncon .nav .nav-link.active {
    background: transparent linear-gradient(117deg, #6026C5 0%, #4E12B5 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .annbox .annimg {
    border: 1px solid #330F71;
}
.color3-4 .annpagi .pitem.active, 
.color3-4 .annpagi .pitem:hover {
    background-color:#6026C5;
}

/* text logo */
.color3-4 .logo-text {
    color: #FF0088;
}

/* after login */
.color3-4 .af-box h4 {
    color: #FF686D;
}
.color3-4 .af-box .progress-bar {
	background: #ff9e1f;
}
.color3-4 .form-box {
    background: #1B083B;
}
.color3-4 .viptabs .nav-tabs .nav-item.show .nav-link, 
.color3-4 .viptabs .nav-tabs .nav-link.active, 
.color3-4 .viptabs .nav-tabs .nav-link:focus, 
.color3-4 .viptabs .nav-tabs .nav-link:hover {
    background-color: #1B083B;
}
.color3-4 .bal {
    color: #FF686D;
}
.color3-4 .btnform {
    background: transparent linear-gradient(92deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .tab-menu a {
    background: transparent linear-gradient(99deg, #180539 0%, #1F064B 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .form-box .tab-menu a {
    background: #330f71;
}
.color3-4 .tab-menu a.active {
    background: transparent linear-gradient(124deg, #FF686D 0%, #FF0088 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .vipbox {
    background: transparent linear-gradient(124deg, #FF686D 0%, #FF0088 100%) 0% 0% no-repeat padding-box;
}
.color3-4 .vip-info .accordion-button {
    background-color: #1B083B;
}
.color3-4 .vip-info .accordion-item {
    background: #1B083B;
}
.color3-4 .d-amount a {
    background-color: #FFFFFF1A;
}
.color3-4 .d-promo .form-check-label {
    background-color: #FFFFFF1A;
}
.color3-4 .rstep {
    background-color: #1e0648;
}
.color3-4 .rstep.active {
    background: transparent linear-gradient(90deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
}
/*preloader*/
.color3-4 .preloader{
    background-color: #26202080;
}
.color3-4 .loader div {
    background-color: #f13cff;
    box-shadow: 0 0 15px rgba(178, 84, 255, 0.6);
}
.color3-4 .promo-special-wrapper{
    background-color: #2c1751;
    border: 1px #ffffff1a solid;
}
.color3-4 .promo-btn, 
.color3-4 .refer-btn {
    background:transparent linear-gradient(117deg, #9631d2 0%, #6b5cee 100%) 0% 0% no-repeat padding-box;
}
@media (min-width: 1200px) {
    /* header */
    .color3-4 .language-wrapper .dropdown-menu {
        background: #290D57;
    }
    .color3-4 .country-selection {
        background: transparent linear-gradient(135deg, #180539 0%, #20064C 100%) 0% 0% no-repeat padding-box;
    }

    /* homepage */
    .color3-4 .menu ul li,
    .color3-4 .menu ul li.active {
        background: transparent;
    }
    .color3-4 .game-center::before { 
        background-color: #330F71;
    }
    .color3-4 .menu ul li a .menu-icon, 
    .color3-4 .menu ul li a .menu-icon-hover {
        background: transparent linear-gradient(135deg, #180539 0%, #20064C 100%) 0% 0% no-repeat padding-box;
    }
    .color3-4 .menu ul li.active .menu-icon-hover, 
    .color3-4 .menu ul li a:hover .menu-icon-hover {
        background: transparent linear-gradient(135deg, #4D11B4 0%, #6026C5 100%) 0% 0% no-repeat padding-box;
    }
    .color3-4 .menu ul li.active .menu-icon-hover img, 
    .color3-4 .menu ul li a:hover .menu-icon-hover img {
        filter: invert(1);
    }
    .color3-4 .menu ul li.active a .menu-text, 
    .color3-4 .menu ul li a:hover .menu-text {
        color: #FF686D;
    }
    .color3-4 .slot-menu .swiper-slide {
        background: transparent linear-gradient(117deg, #170537 0%, #21064E 100%) 0% 0% no-repeat padding-box;
    }
    .color3-4 .slot-menu .swiper-slide.active, 
    .color3-4 .slot-menu .swiper-slide:hover {
        background: transparent linear-gradient(117deg, #6026C5 0%, #4E12B5 100%) 0% 0% no-repeat padding-box;
    }
    .color3-4 .slot-menu .swiper-slide.active .slot-menu-name, 
    .color3-4 .slot-menu .swiper-slide:hover .slot-menu-name {
        color: #FF686D;
    }
    .color3-4 .index-game-single:hover .index-game-name { 
        color: #FF686D;
    }
    .color3-4 .index-game-hover {
        color: #FF686D;
    }

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

    /* member page */
    .color3-4 .menu-member ul li a {
        background: transparent linear-gradient(99deg, #180539 0%, #1F064B 100%) 0% 0% no-repeat padding-box;
    }
    .color3-4 .menu-member ul li a.active, 
    .color3-4 .menu-member ul li a:hover {
        background: transparent linear-gradient(99deg, #FF0088 0%, #FF686D 100%) 0% 0% no-repeat padding-box;
    }
    .color3-4 .menu-deposit-type ul li a:hover {
        background: transparent linear-gradient(90deg, #FF686D 0%, #FF237F 67%, #FF0088 100%) 0% 0% no-repeat padding-box;
    }

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