:root {
    --color1_1: rgb(30, 30, 30);
    --color1_2: rgb(20, 20, 20);
    --color1_3: rgb(50, 50, 50);
    --color1_4: rgb(15, 15, 15);
    --color1_5: rgb(120, 120, 120);
    --color1_6: rgb(10, 10, 10);
    --rw0: #f9544f;
    --rw1: #b31d19;
    --rw2: #7b130c;
    --rw3: #4f0c09;
    --rw4: #290403;
    --color2_1: #f45c43;
    --color2_2: #eb3349;
    --yellow1: #f3df98;
    --yellow2: #e6a432;
    --yellow3: #cc8513;
    --yellow4: #b26c10;
    --yellow5: #613e12;
    --text_gradient: linear-gradient(270deg, var(--yellow1), var(--yellow3), var(--yellow4), var(--yellow2), var(--yellow5), var(--yellow2), var(--yellow4), var(--yellow3), var(--yellow1));
    --gradient1: linear-gradient(270deg, var(--yellow3), var(--yellow4), var(--yellow2), var(--yellow4), var(--yellow3));
    --gradient1_2: linear-gradient(270deg, var(--yellow3), var(--yellow4), var(--yellow2));
    --gradient11: linear-gradient(270deg, var(--yellow1), var(--yellow3), var(--yellow4));
    --gradient4: linear-gradient(#e4bd31, #b37a11, #e4bd31, #b37a11);
    --gradient2: linear-gradient(270deg, #eb3349, #f45c43);
    --gradient12: linear-gradient(270deg, #eb3349, #f45c43, #20bf55, #01baef);
    --gradient3: linear-gradient(315deg, #20bf55, #01baef);
    --gradientRed: linear-gradient(var(--rw1), var(--rw2), var(--rw2), var(--rw1), var(--rw2));
    --gradientGold: linear-gradient(var(--yellow1), var(--yellow3), var(--yellow4), var(--yellow2), var(--yellow5))
}

.navCont {
    background: var(--gradientRed) !important
}

.navCont .megamenu-wrapper a {
    color: white !important
}

.register_btn {
    background: var(--gradientRed)
}

.header .logo a img {
    background: none;
    height: 80px
}

.nav_icon {
    background: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.nav_icon:hover {
    background: var(--rw3) !important
}

.nav_icon:hover img {
    filter: brightness(0) invert(1)
}

.menu-wrapper li[role=menuitem]:hover {
    background: var(--rw3) !important
}

.menu-wrapper .subnav li {
    border-color: var(--yellow3)
}

.footer {
    background: linear-gradient(var(--rw3), var(--rw4))
}

.slot_navi_tab_text_upper {
    background: var(--gradientGold) !important;
    padding: 0 !important
}

.slot_navi_tab_text_upper a {
    padding: 15px 10px 0 10px !important;
    font-size: 15px !important
}

.slot_navi_tab_text_upper:hover {
    background: var(--rw4) !important
}

.slot_navi_tab_text_upper:hover a {
    background: transparent !important;
    transform: translateY(-3px)
}

.sbnav_item {
    border-color: var(--yellow2) !important
}

.sbnav_active, .sbnav_item:hover {
    background: linear-gradient(rgba(230, 164, 50, 0.5), rgba(178, 108, 16, 0.5)) !important
}

.sbnav_active img, .sbnav_item:hover img {
    filter: brightness(0) invert(1) !important
}

.e_sport_container .sport {
    z-index: 3 !important;
    position: relative
}

.e_sport_container .sport .bet_button {
    border-color: var(--yellow3)
}

.e_sport_container .sport .bet_button a {
    color: var(--yellow3);
    background: transparent !important
}

.e_sport_container .sport:hover .bet_button {
    background: var(--yellow3)
}

.e_sport_container .video_background video {
    z-index: 0 !important
}

.e_sport_container .overlay {
    z-index: 2 !important;
    backdrop-filter: blur(3px)
}

.promo .tab .tablinks {
    background: linear-gradient(var(--yellow2), var(--yellow4)) !important;
    border-radius: 5px 0px 0 0;
    padding: 10px 15px
}

.promo .tab .active, .promo .tab .tablinks:hover {
    background: black !important
}

.rw_transaction_navbar li {
    background: linear-gradient(#7d1f00, #912e04, #9b2e03, #671c00, #330b03) !important;
    border-top: solid 2px #902d03;
    border-bottom: solid 2px #5c1e09;
    color: white !important;
    filter: grayscale(0.2) brightness(0.7) !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.rw_transaction_navbar li a {
    padding: 0
}

.rw_transaction_navbar li img {
    filter: brightness(0) invert(1)
}

.rw_transaction_navbar li:hover, .rw_transaction_navbar .active {
    filter: none !important
}

.member_dashboard_container, .wallet_transfer {
    border-image-slice: 1;
}

.member_dashboard_header, .wallet_transfer_header {
    background: linear-gradient(#7d1f00, #912e04, #9b2e03, #671c00, #330b03) !important;
    border-top: solid 2px #902d03;
    border-bottom: solid 2px #5c1e09;
    color: var(--yellow1);
    padding: 10px
}