/*@font-face {
    font-family: montserrat-exl;
    src: url(../Fonts/Montserrat-ExtraLight.otf)
}

@font-face {
    font-family: montserrat-l;
    src: url(../Fonts/Montserrat-Light.otf)
}

@font-face {
    font-family: montserrat-m;
    src: url(../Fonts/Montserrat-Medium.otf)
}

@font-face {
    font-family: montserrat-r;
    src: url(../Fonts/Montserrat-Regular.otf)
}

@font-face {
    font-family: montserrat-semib;
    src: url(../Fonts/Montserrat-SemiBold.otf)
}

@font-face {
    font-family: montserrat-thin;
    src: url(../Fonts/Montserrat-Thin.otf)
}

@font-face {
    font-family: montserratalternates-thin;
    src: url(../Fonts/MontserratAlternates-Light.otf)
}

@font-face {
    font-family: montserrat-b;
    src: url(../Fonts/Montserrat-Bold.otf)
}

@font-face {
    font-family: montserrat-exb;
    src: url(../Fonts/Montserrat-ExtraBold.otf)
}

@font-face {
    font-family: monumentextended-r;
    src: url(../Fonts/MonumentExtended-Regular.otf)
}
*/
* {
    margin: 0;
    box-sizing: border-box;
    font-family: Arial,Helvetica,sans-serif;
    scroll-behavior: smooth
}



        i.fas {
            font-size: 5vw;
        }


input[type=checkbox] {
width:3vmin;
height:3vmin;
}


a {
text-decoration:none;}
    html, body

{
    background-image: linear-gradient(to bottom, #002925, #002925, #000000);
    width: 100%;
 
}

.row, .rowc, .col, .colc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rowc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.col, .colc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.colc {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
div {
width:100%;}
button {
   
    border: 0;
    cursor: pointer
}

.preloader {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1);
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 9999;
    display: flex;
}

    .preloader .loading_wrap {
        margin: auto;
    }

    .preloader .logo {
        width: 188px;
        height: 188px;
        margin:0 auto;
        position: relative;
    }

    .preloader img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 120px;
    }

    .preloader .circle {
        padding: 20px;
        border: 6px solid rgba(0, 0, 0, 0);
        border-top-color: #2bb46b;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        animation: connect 2.5s linear infinite;
    }

    .preloader .loading-text {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        margin: 10px 0;
        font-size: 12px;
    }

@keyframes connect {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}



.main_container {
    display: flex;
    flex-direction: row;
    padding: 15px 20px;
    justify-content:space-between;
    gap: 4vmin;
    align-items: center;
   background: linear-gradient(to bottom, #002925, #002925, #000000)
}
 

.container_no_need_padding {
    padding-top: 0
}


 
.menu_btn {
    
    width:6%; 
    height:20px;
    display:flex;
    flex-direction:column;
    
     gap:2px;
     transition:.4s;

}

    .menu_btn span {
        width: 100%;
        height:3px;
        background-color: #1c8d80;
    }

    .menu_btn span:not(:first-child) {
        width: 80%;
        border-radius: 999px;
    }

a.btn_login {
    display: flex;
    border-radius: 5px;
    padding: 10px 29px;
    text-transform:uppercase;
    margin:auto;
    background: linear-gradient(to bottom, #1c8d80, #08423c, #1c8d80);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    text-decoration: none;
  
}

    a.btn_login span {
        margin:0 auto;
        font-size: 2.8vw;
        font-weight: bold;
        color: #fff;
        white-space:nowrap;
        font-weight: 700;
    }




    .marquee_wrap {
        width: 100%;
        padding: 0 .2rem;
        gap: 2%
    }

    .marquee_wrap img {
        width: 22px
    }

    .marquee_wrap marquee {
        width: 100%;
        font-size: .6rem;
        letter-spacing: .8px;
        color: #fff
    }

/*.bannerSwiper {
    margin: 1rem 0;
    width: 100%
}

    .bannerSwiper .swiper-slide {
        border-radius: 1.2rem;
        overflow: hidden
    }

    .bannerSwiper img {
        width: 100%
    }*/

.banner_swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    border-radius: 10px;
}
.banner_swiper .swiper-wrapper .swiper-slide .shiny {
    width: 100%;
    height: 100%;
    border-radius: 7px;
    position: absolute;
    top: 0%;
    left: 0%;
    overflow: hidden;
    opacity: 1;
    transition: .4s;
}
 
.cover {
    display: none;
 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 500
}

img.logo {
    width: 40%;
    position: relative;
    margin-right: auto;
}

    .cover .side_menu_con {
        position:absolute;
        right:0;
        padding:30px 30px;
        width: 80%;
        height: 100%;
        background: #1f1f1f;
        overflow:auto;
        
    }

        .cover .side_menu_con .header {
            width: 100%;
            text-align: center;
      
            align-content: center;
        }
p {
color:#fff;}

.lang_item {
    display:flex;
    justify-content:flex-start;
    align-content:space-between;
}


    .lang_item .lang_col {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-left:10px;
    }


        .lang_item .lang_col .lang_region {
            color: #43ffd6;
            font-size:3vw;
        }

        .lang_item .lang_col .lang_block_row {
            display: flex;
            justify-content: flex-start;
        }
            .lang_item .lang_col .lang_block_row .lang_block {
                color: #fff;
                width: auto;
                border-right: 1px solid #fff;
                white-space: nowrap;
                padding: 0 10px;
                font-size: 3vw;
            }

                .lang_item .lang_col .lang_block_row .lang_block:first-child {
                    padding: 0;
                    font-size: 3vw;
                    padding-right: 10px;
                }
                .lang_item .lang_col .lang_block_row .lang_block:last-child {
                    border-right: 0;
                    font-size: 3vw;
                }
.message {
    width: 100%;
    color:#fff;
    font-size:3vw;
    gap: 5px;
    white-space:nowrap;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}


.btn_deposit {
    padding: 5px 10px;
    font-size: 3vw;
    font-weight: bold;
    color: #000;
    text-align:center;
    margin-right:0;
    background: linear-gradient(to bottom, #89ff8f, #89ff8f, #007906);
    border-radius: 5px;
}



.lines {
        height: 1px;
        border-bottom: 1px solid rgba(255,255,255,.3647058824);
        width: 70%;
        margin:15px 14%;
        content:"";
      
    }

.menu {
text-align:left;}


 
.menu_item  {
 
    color: #fff;
    font-size: 4vw;
 
    justify-content:flex-start;
    padding:15px 0;
    display: flex;
    flex-direction:column;
}

.menu_item2 {
display:flex;
flex-direction:row;
color:#fff;
justify-content:flex-start;
}

.menu_wrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
    color: #fff;
}
.menu_wrap a {
  
    color: #fff;
}
    .menu_item2  .side_icon{
      width:25px;
      margin:0 20px;
  
    }

.lang_flag2 {
    width: 30px;
}

  .lang_flag {
    
    width:20px;}
.section .title {
font-size:3vw;
margin-bottom:20px;
}
.section .cate {
    display: grid;
    padding: 15px 5px;
    grid-template-columns: repeat(3, minmax(5vmin, 3fr));
    gap: 15px;
}
.cate .cate_item {
    color: white;
 
    font-size: 3.5vw;
    display:flex;
    align-items:center;
    text-align:center;
    flex-direction:column;
}

.btn_promotion {
    width:100%;
 display:flex;
 flex-direction:row;
 gap:10px;
 align-items:flex-end;
 position:absolute;
 right:-16%;
 bottom:5%;
}

    .btn_promotion .join_btn {
        
        z-index: 9;
        padding: 3px 10px;
        border-radius: 4px;
        font-size: 10px;
        color: #fff;
        background: linear-gradient(to bottom, #1c8d80, #08423c, #1c8d80);
        font-weight: bold;
    }
img {
width:100%;}



.section .title span {
    font-size: 3vw;
    color: gray;
    margin-bottom: 7px;
    text-transform: uppercase;
    font-weight: bold;
}



.section .cate .cate_item .img {
    width: 9vw;
    border-radius: 999rem;
}
.dark_mode {
    position: relative;
    margin-left: auto;
}
    .dark_mode label {
        width: 55px;
        height: 27px;
        position: relative;
        display: block;
        background: #242424;
        border-radius: 200px;
        box-shadow: inset 0px 5px 15px rgba(0, 0, 0, .4), inset 0px -5px 15px rgba(255, 255, 255, .4);
        cursor: pointer;
        transition: all .3s;
    }
    .dark_mode label svg {
        position: absolute;
        width: 16px;
        top: 50%;
        transform: translate(0, -50%);
        z-index: 1;
    }
.dark_mode input[type=checkbox]{
    opacity:0;
}

.dark_mode label .moon {
    left: 6px;
    transition: .3s all;
    fill: #e7e7e7;
}

.dark_mode label .sun {
    right: 5px;
    transition: .3s all;
    fill: #e7e7e7;
}
.dark_mode label::after {
    content: "";
    width: 27px;
    height: 27px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    background: linear-gradient(180deg, #777, #3a3a3a);
    border-radius: 180px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
    transition: all .3s;
}
.section_index {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}


    .section_index .index_con {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 5px;
    }
.index_con .index_nav {
    width: 20%;
    padding: 3px 3px 10vw 3px;
    gap: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
}
    .index_con .index_nav .index_nav_item {
        width: 100%;
        padding: 2px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;

        align-items: center;
        font-size: 2.1vw;
        color: #fff;
        text-transform: uppercase;
        background: linear-gradient(to bottom, #08423c, #08423c, #14574f);
    }

        .index_con .index_nav .index_nav_item .index_nav_item_inside {
            width: 100%;
            padding: 3px 0;
            gap: 3px;
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            text-align:center;
            align-items: center;
            background: linear-gradient(to bottom, #08423c, #08423c, #14574f);
            position: relative;
        }

      
    .index_con .index_nav .index_nav_item .index_nav_item_inside img {
        width: 10vw;
    }


.index_con .index_nav .index_nav_item_active {
    background: linear-gradient(60deg, #be902f, #fdd793, #be902f, #fca611, #ffd67c, #fdd793, #be902f);
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
}
.index_con .index_lobby {
    width: 88%;
    padding: 7px 2px 1vw 5px;
    gap: 10px;
    background: linear-gradient(to bottom, #002925, #002925, #000000);
    background-size: cover;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    overflow-y: auto;
    position: relative;
}
.height65 {
    height: 65vh;
}
    .index_con .index_lobby .index_game_one {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 5px;
    }
    .index_con .index_lobby .index_game_one .index_game_item {
        width: 100%;
        display: flex;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
    }
       /* .index_con .index_lobby .index_game_one .index_game_item img:nth-child(1) {
            max-height:111px;
            height:fit-content!important;
        }*/
        .index_con .index_lobby .index_game_one .index_game_item img:nth-child(2) {
            position: absolute;
            width: 11%;
            right: 23%;
            top: 31%;
            animation: t6 1s forwards, p2 8s 1s infinite;
        }

        .index_con .index_lobby .index_game_one .index_game_item img:nth-child(3) {
            position: absolute;
            width: 20%;
            right: 4%;
            top: 60%;
            animation: t6 1.4s forwards,p2 6s 1.5s infinite
        }
        .index_con .index_lobby .index_game_one .index_game_item img:nth-child(4) {
            position: absolute;
            width: 11%;
            left: 81%;
            top: 10%;
            animation: t6 1.5s forwards, p2 9s 1.5s infinite;
        }


.banner_swiper {
    width: 95%;
    margin: 10px auto;
}

.cate_widget_row .search_row {
    width: 130px;
    padding: 16px 10px;
    border-radius: 999rem;
    background: #fff;
}

 
.banner_swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 9;
    background: #111;
    border-radius: 40px;
    padding: 1px;
}

.container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.slot_lobby_con {
    width: 100%;
    padding: 10px 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
    .slot_lobby_con .slot_lobby_item {
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 5px;
        border: 1px solid #1c8d80;
        overflow: hidden;
        box-shadow: 0px 0px 5px 5px rgba(252, 225, 128, .3215686275);
    }

        .slot_lobby_con .slot_lobby_item img {
            width: 100%;
        }
 .game-name {
        width: 100%;
        padding: 5% 8%;
        justify-content: center;
        border-radius: 0 0 5px 5px;
        border-top: 1px solid #ffec93;
        background: linear-gradient(to bottom, #454545, #090909);
        transition: .3s;
        color: #fff;
        font-size: 12px;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
    }
.slot_head {
    width: 100%;
    padding: 15px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, #08423c, #08423c, #14574f);
    position: relative
}
.game-name .name_target {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 3vw;
}
 .game-name .fav {
    width: 15px;
    height: unset;
    transition: .4s;
    filter: grayscale(1) brightness(0.7);
}
@keyframes t6 {

    0% {
        opacity: 0;
        transform: scale(0.1) rotate(100deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}
    @keyframes p2 {
        0%, 100% {
        transform: none;
    }

    50% {
        transform: translateY(-10px) rotate(20deg);
    }
}
    .banner_swiper .swiper-wrapper .swiper-slide .slide{
        width:100%;
    }
.slot_balance_row {
    width: 100%;
    padding: 3.6vmin 4vmin;
    gap: 10px;
    align-items: center;
    background: #111;
}
.cate_widget_row {
    width: 100%;
    gap: 10px;
    padding: 8px 15px 10px;
    background: #1a1a1a;
}

.box {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: rgba(0, 0, 0, .2);
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
}

.box::before {
    content: "";
    position: absolute;
    width: 100%;
    background: linear-gradient(60deg, #be902f, #fdd793, #be902f, #fca611, #ffd67c, #fdd793, #be902f);
    height: 100%;
    animation: anim 3s linear infinite;
}
@keyframes anim {
    0% {
        transform: rotate(0deg) scale(1.2);
    }

    100% {
        transform: rotate(360deg) scale(1.2);
    }
}

@keyframes shining {
    0% {
        opacity: 0;
        top: -160%;
        left: -90%;
    }

    100% {
        opacity: 1;
        top: 40%;
        left: 150%;
        transition-property: left, top, opacity;
        transition-duration: .7s, .7s, .15s;
        transition-timing-function: ease;
    }}
.banner_swiper .swiper-wrapper .swiper-slide .shiny:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 200%;
    top: -160%;
    left: -70%;
    opacity: 0;
    transform: rotate(30deg);
    animation: shining 3s infinite both;
    background: rgba(255, 255, 255, .13);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.13) 77%, rgb(255, 255, 255) 92%, rgba(255, 255, 255, 0) 100%);
}
.index_con .index_lobby .sub_title {
    font-size: 11px;
    color: #fff7db;
    padding-left: 3px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-right: 10px;
}
    .index_con .index_lobby .sub_title .fav {
        width: 15px;
        transition: .4s;
        filter: grayscale(1) brightness(0.7);
    }
.index_con .index_lobby .index_game_three .index_game_item .slot1 {
    position: absolute;
    width: 24%;
    right: 60%;
    top: 40%;
    animation: t6 1s forwards,p2 8s 1s infinite
}

.index_con .index_lobby .index_game_three .index_game_item .slot2 {
    position: absolute;
    width: 23%;
    right: 7%;
    top: 55%;
    animation: t6 1.4s forwards,p2 6s 1.5s infinite
}

.index_con .index_lobby .index_game_three .index_game_item .poker1 {
    top: 25%
}

.index_con .index_lobby .index_game_three .index_game_item .poker2 {
    top: 45%
}

.index_con .index_lobby .index_game_three .index_game_item .dice1 {
    position: absolute;
    width: 20%;
    right: 23%;
    top: 45%;
    animation: t6 1s forwards,p2 8s 1s infinite
}

.index_con .index_lobby .index_game_three .index_game_item .dice2 {
    position: absolute;
    width: 20%;
    right: 4%;
    top: 60%;
    animation: t6 1.4s forwards,p2 6s 1.5s infinite
}

.index_con .index_lobby .index_game_two {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 5px
}

    .index_con .index_lobby .index_game_two .index_game_item {
        width: 100%;
        display: flex;
        border-radius: 5px;
        flex-direction: column;
        overflow: hidden;
        position: relative
    }

        .index_con .index_lobby .index_game_two .index_game_item span {
            color: #fff;
            font-size: 11px;
            padding: 4px;
            padding-bottom: 0;
            justify-content: space-between;
            align-items: center;
            gap: 10px
        }

        
        .index_con .index_lobby .index_game_two .index_game_item img {
            width: 100%
        }
.fav {
    width: 15px!important;
    transition: .4s;
    filter: grayscale(1) brightness(0.7)
}

.faved {
    filter: none!important;
}

        .index_con .index_lobby .index_game_two .index_game_item .slot1 {
            position: absolute;
            width: 25%;
            right: 30%;
            top: 40%;
            animation: t6 1s forwards,p2 8s 1s infinite
        }
        .index_con .index_lobby .index_game_two .index_game_item .slot2 {
            position: absolute;
            width: 23%;
            right: 7%;
            top: 55%;
            animation: t6 1.4s forwards,p2 6s 1.5s infinite
        }

        .index_con .index_lobby .index_game_two .index_game_item .poker1 {
            top: 25%
        }

        .index_con .index_lobby .index_game_two .index_game_item .poker2 {
            top: 45%
        }

        .index_con .index_lobby .index_game_two .index_game_item .dice1 {
            position: absolute;
            width: 20%;
            right: 23%;
            top: 45%;
            animation: t6 1s forwards,p2 8s 1s infinite
        }

        .index_con .index_lobby .index_game_two .index_game_item .dice2 {
            position: absolute;
            width: 20%;
            right: 4%;
            top: 60%;
            animation: t6 1.4s forwards,p2 6s 1.5s infinite
        }

    .index_con .index_lobby .index_game_two .game_sm {
        max-height: 24vw;
        position: relative
    }

        .index_con .index_lobby .index_game_two .game_sm .game_target {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: top center;
            object-position: top center;
            border-radius: 5px
        }

        .index_con .index_lobby .index_game_two .game_sm .game_center {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center
        }

    .index_con .index_lobby .index_game_two .game_xm {
        height: 25vw;
        border-radius: 7px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .index_con .index_lobby .index_game_two .game_xm .game_target {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: top center;
            object-position: top center
        }

        .index_con .index_lobby .index_game_two .game_xm .game_center {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center 80%;
            object-position: center 80%
        }

.index_con .index_lobby .index_game_three {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 5px
}

    .index_con .index_lobby .index_game_three .index_game_item {
        width: 100%;
        display: flex;
        border-radius: 5px;
        flex-direction: column;
        overflow: hidden;
        position: relative
    }

        .index_con .index_lobby .index_game_three .index_game_item span {
            color: #fff;
            font-size: 11px;
            padding: 4px;
            padding-bottom: 0;
            justify-content: space-between;
            align-items: center;
            gap: 10px
        }

            .index_con .index_lobby .index_game_three .index_game_item span .fav {
                width: 15px;
                transition: .4s;
                filter: grayscale(1) brightness(0.7)
            }

            .index_con .index_lobby .index_game_three .index_game_item span .faved {
                filter: none
            }

        .index_con .index_lobby .index_game_three .index_game_item img {
            width: 100%
        }

        .index_con .index_lobby .index_game_three .index_game_item .slot1 {
            position: absolute;
            width: 24%;
            right: 60%;
            top: 40%;
            animation: t6 1s forwards,p2 8s 1s infinite
        }

        .index_con .index_lobby .index_game_three .index_game_item .slot2 {
            position: absolute;
            width: 23%;
            right: 7%;
            top: 55%;
            animation: t6 1.4s forwards,p2 6s 1.5s infinite
        }

        .index_con .index_lobby .index_game_three .index_game_item .poker1 {
            top: 25%
        }

        .index_con .index_lobby .index_game_three .index_game_item .poker2 {
            top: 45%
        }

        .index_con .index_lobby .index_game_three .index_game_item .dice1 {
            position: absolute;
            width: 20%;
            right: 23%;
            top: 45%;
            animation: t6 1s forwards,p2 8s 1s infinite
        }

        .index_con .index_lobby .index_game_three .index_game_item .dice2 {
            position: absolute;
            width: 20%;
            right: 4%;
            top: 60%;
            animation: t6 1.4s forwards,p2 6s 1.5s infinite
        }

    .index_con .index_lobby .index_game_three .game_sm {
        max-height: 24vw;
        position: relative
    }

        .index_con .index_lobby .index_game_three .game_sm .game_target {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: top center;
            object-position: top center;
            border-radius: 5px
        }

        .index_con .index_lobby .index_game_three .game_sm .game_center {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center
        }

    .index_con .index_lobby .index_game_three .game_xm {
        height: 25vw;
        border-radius: 7px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .index_con .index_lobby .index_game_three .game_xm .game_target {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: top center;
            object-position: top center
        }

        .index_con .index_lobby .index_game_three .game_xm .game_center {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center 80%;
            object-position: center 80%
        }

div.login_con {
    width: 100%;
    height: 100vh;
    background: url("../../Mobile/Images/login_bg.png");
    background-size: cover;
    background-position: center;
    position: relative
}

    form.login_con .back {
        position: absolute;
        top: 30px;
        left: 20px
    }

        .login_con .back i {
            color: #fff
        }

    .login_con .login_window {
        width: 90%;
        padding: 80px 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgba(26,38,33,.71);
        gap: 15px;
        border-radius: 12px;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -20%)
    }

        .login_con .login_window .logo {
            width: 80%;
            display: flex
        }

            .login_con .login_window .logo img {
                width: 100%
            }

        .login_con .login_window .login_title {
            font-size: 4vw;
            font-weight: bold;
            color: #fff7db;
            text-align:center;
        }
.login_con .back {
    position: absolute;
    top: 30px;
    left: 20px;
}
        .login_con .login_window .login_input_con {
            width: 100%;
            padding: 8px 5px;
            border-radius: 5px;
            gap: 5px;
            display: flex;
            flex-direction: row;
            align-items: center;
            background: #555
        }

            .login_con .login_window .login_input_con input {
                width: 100%;
                background: none;
                border: none;
                color: #fff;
                font-size: 3vw
            }

                .login_con .login_window .login_input_con input::-moz-placeholder {
                    color: #fff7db
                }

                .login_con .login_window .login_input_con input::placeholder {
                    color: #fff7db
                }

                .login_con .login_window .login_input_con input:focus {
                    outline: none
                }

            .login_con .login_window .login_input_con i {
                font-size: 4vw;
                color: #43ffd6;
            }

            .login_con .login_window .login_input_con .pw_icon {
                font-size: 3.2vw;
                color: #e4e4e4
            }

        .login_con .login_window .remember_pw {
            width: 100%;
            padding-left: 5px;
            display: flex;
            align-items: center;
            gap: 5px
        }

            .login_con .login_window .remember_pw label {
                font-size: 3vw;
                color: #fff
            }

        .login_con .login_window .login_btn {
            width: 40vw;
            padding: 7px;
            margin: 20px 0;
            font-size: 3vw;
            font-weight: 700;
            background: linear-gradient(to bottom, #1c8d80, #08423c, #1c8d80);
            color: #fff7db;
            text-align: center;
            border-radius: 5px
        }

        .login_con .login_window .forgot_btn {
            font-size: 3vw;
            color: #fff;
             
        }

        .container_title .user_title img {
            width: 100%;
            max-width: 40px
        }

        .container_title .user_title span {
            font-family: montserrat-semib;
            color: #939598;
            font-size: .8rem;
            letter-spacing: .7px;
            margin-left: 10%
        }

    .container_title .close {
        color: #939598;
        font-size: 1rem
    }

.index_con .index_lobby .lobby_title {
    font-size: 3vw;
    color: #fff7db;
}

.sub_header_con {
    width: 100%;
    gap: 2%;
    border-bottom: 1px solid rgba(43,57,144,.3803921569);
    padding-bottom: 5%
}

    .sub_header_con .sub_header {
        flex: 1;
        border: 1px solid #2b3990;
        border-radius: 999px;
        text-align: center;
        padding: .4rem 0;
        color: #939598;
        font-size: .7rem;
        font-family: montserrat-l;
        letter-spacing: .6px;
        transition: .3s
    }
.slot_balance_row {
    width: 100%;
    padding: 3.6vmin 4vmin;
    gap: 10px;
    align-items: center;
    background: #111;
}

.slot_balance_row .amount {
    color: #fff;
    line-height: 1;
    font-size: 3.6vw;
}
    .sub_header_con .this {
        background: linear-gradient(45deg, rgb(41, 175, 112) 0%, rgb(13, 59, 50) 100%);
        color: #fff;
        font-family: montserrat-m
    }
.slot_head h1 {
    font-size: 4.6vw;
    color: #fff
}

.slot_head .slot_back {
    position: absolute;
    left: 20px ;
    color: white;
}
.main_title {
    color: white;
    font-family: montserrat-b;
    font-size: 1.2rem;
    padding: .4rem 1rem;
    background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
    border-radius: 1.2rem
}

.form_container {
    width: 100%;
    padding: .7rem
}

    .form_container .form_title {
        align-self: flex-start;
        color: #2bb46b;
        font-size: .9rem;
        font-family: montserrat-b;
        width: 70%;
        padding-bottom: .4rem;
        letter-spacing: .6px;
        text-transform: uppercase;
        border-bottom: 5px dotted #2bb46b;
        margin-bottom: 3%
    }

    .form_container .form_textbox_wrap {
        width: 100%;
        margin: 3% 0
    }

        .form_container .form_textbox_wrap .textbox_title {
            color: #fff;
            font-size: .8rem;
            margin-bottom: 2%;
            padding-left: 1rem;
            font-family: montserrat-m
        }

        .form_container .form_textbox_wrap .textbox_wrap {
            width: 100%;
            position: relative
        }

            .form_container .form_textbox_wrap .textbox_wrap .form_textbox {
                width: 100%;
                background: #000811;
                border: 1px solid #2b3990;
                border-radius: 999rem;
                padding: .6rem 1rem;
                font-size: .9rem;
                color: #fff;
                align-items: center
            }

                .form_container .form_textbox_wrap .textbox_wrap .form_textbox::-moz-placeholder {
                    color: #2b3990
                }

                .form_container .form_textbox_wrap .textbox_wrap .form_textbox::placeholder {
                    color: #2b3990
                }

                .form_container .form_textbox_wrap .textbox_wrap .form_textbox::-webkit-calendar-picker-indicator {
                    filter: invert(1)
                }

                .form_container .form_textbox_wrap .textbox_wrap .form_textbox span {
                    color: #2bb46b;
                    margin-left: 2rem;
                    font-family: montserrat-b;
                    font-size: 1rem
                }

            .form_container .form_textbox_wrap .textbox_wrap .fa-solid {
                position: absolute;
                top: 50%;
                right: 1rem;
                transform: translateY(-50%);
                color: #2b3990
            }

            .form_container .form_textbox_wrap .textbox_wrap .fa-eye {
                display: none
            }

        .form_container .form_textbox_wrap .referral_textbox_wrap {
            width: 100%;
            position: relative;
            justify-content: space-between;
            align-items: center
        }

            .form_container .form_textbox_wrap .referral_textbox_wrap .form_textbox {
                width: 92%;
                background: #000811;
                border: 1px solid #2b3990;
                border-radius: 999rem;
                padding: .6rem 1rem;
                color: #fff
            }

                .form_container .form_textbox_wrap .referral_textbox_wrap .form_textbox::-moz-placeholder {
                    color: #2b3990
                }

                .form_container .form_textbox_wrap .referral_textbox_wrap .form_textbox::placeholder {
                    color: #2b3990
                }

                .form_container .form_textbox_wrap .referral_textbox_wrap .form_textbox::-webkit-calendar-picker-indicator {
                    filter: invert(1)
                }

            .form_container .form_textbox_wrap .referral_textbox_wrap .fa-copy {
                color: #2bb46b
            }

        .form_container .form_textbox_wrap .qr {
            width: 35%;
            margin: 3% 0;
            align-self: center
        }

    .form_container .join_date {
        font-size: .7rem;
        letter-spacing: .6px;
        color: #939598;
        padding-left: 1rem
    }

    .form_container .btn_wrap {
        width: 100%;
        text-align: center
    }

    .form_container .sumbit_btn {
        margin: 4% auto;
        border-radius: 999rem;
        padding: .6rem 1rem;
        background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
        color: #fff;
        font-family: montserrat-m;
        letter-spacing: .6px
    }

    .form_container .deposit_table {
        width: 100%;
        color: white;
        font-size: .8rem;
        letter-spacing: .7px;
        border-spacing: 0;
        border-radius: .8rem;
        overflow: hidden;
        border: 1px solid #2B3990;
        margin: 6% 0
    }

        .form_container .deposit_table th {
            background: #2bb46b;
            padding: .6rem 0;
            min-width: 125px;
            border: 1px solid #2b3990;
        }

        .form_container .deposit_table td {
            border: 1px solid #2B3990;
            text-align: center;
            padding: .6rem 0
        }

    .form_container .inbox_table {
        width: 100%;
        color: white;
        font-size: .8rem;
        letter-spacing: .7px;
        border-spacing: 0;
        border-radius: .8rem;
        overflow: hidden;
        border: 1px solid #2B3990;
        margin: 2% 0
    }

        .form_container .inbox_table th {
            background: #2bb46b;
            padding: .6rem 0;
            width: 33.33%
        }

        .form_container .inbox_table td {
            border: 1px solid #2B3990;
            text-align: center;
            padding: .6rem;
            word-break: break-word;
        }

    .form_container .coin_form {
        width: 100%;
        display: none
    }

.check_wrap {
    width: 100%;
    margin-bottom: 2%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .check_wrap .form_checkbox {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }

    .check_wrap label {
        color: white;
        font-size: .8rem;
        margin-left: .3rem
    }

.form_container .table_wrap {
    width: 100%;
    overflow: auto
}

.form_container .history_table {
    margin: 3% 0;
    width: 100%;
    color: white;
    overflow: auto;
    border: 1px solid #2B3990;
    border-radius: .9rem;
    overflow: hidden;
    border-spacing: 0
}

    .form_container .history_table tr:nth-child(odd) {
        background: linear-gradient(45deg, #0f5349 21%, #001018 100%)
    }

    .form_container .history_table tr:nth-child(even) {
        background: #011019
    }

    .form_container .history_table td {
        white-space: nowrap;
        width: 50%;
        text-align: center;
        border: 1px solid #2B3990;
        font-family: montserrat-r;
        font-size: .8rem;
        letter-spacing: .7px;
        padding: .7rem;
        text-align: left;
        word-break: break-all
    }

        .form_container .history_table td:nth-child(2) {
            text-align: center
        }

.deposit .radios {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .deposit .radios .radio {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        cursor: pointer
    }

        .deposit .radios .radio input {
            background-color: #222;
            color: white;
            padding: 8px 12px;
            border-radius: 99px
        }

        .deposit .radios .radio .coin_radio {
            position: absolute;
            opacity: 0
        }

        .deposit .radios .radio .radio_content {
            padding: 10px;
            border-radius: 10px
        }

            .deposit .radios .radio .radio_content .dot {
                border: solid 2px #f8ab21;
                width: 20px;
                height: 20px;
                border-radius: 999px;
                margin-right: 10px;
                padding: 2px
            }

                .deposit .radios .radio .radio_content .dot span {
                    width: 100%;
                    height: 100%;
                    background-color: #f8ab21;
                    border-radius: 99px;
                    opacity: 0;
                    -webkit-transition: 0.2s;
                    transition: 0.2s
                }

            .deposit .radios .radio .radio_content img {
                width: 120px
            }

            .deposit .radios .radio .radio_content h3 {
                color: white;
                font-family: montserrat-b;
                font-size: 1rem;
                letter-spacing: .7px
            }

        .deposit .radios .radio input:checked + .radio_content {
            background-color: #222
        }

            .deposit .radios .radio input:checked + .radio_content .dot span {
                opacity: 1
            }

            .deposit .radios .radio input:checked + .radio_content h3 {
                color: #2bb46b
            }

.password, .bank_ac {
    display: none
}

.slot_product_con {
    width: 100%
}

    .slot_product_con .product_title_con {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .slot_product_con .product_title_con .product_title {
            width: 40%;
            gap: 2%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 1.2rem 1.2rem 0 0;
            color: white;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: .8rem;
            border-bottom: 0 !important;
            padding: 1rem 0;
            border: 1px solid #2B3990;
            background: #000811;
            font-family: montserrat-b;
            letter-spacing: .6px
        }

            .slot_product_con .product_title_con .product_title span {
                color: #2bb46b;
                font-family: montserrat-b
            }

            .slot_product_con .product_title_con .product_title img {
                width: 12%
            }

        .slot_product_con .product_title_con .dropdown_wrap {
            width: 55%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 3%
        }

            .slot_product_con .product_title_con .dropdown_wrap .catedrop {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                padding: .4rem 0;
                gap: 10%;
                font-size: .7rem;
                border-radius: 999rem;
                color: white;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border: 1px solid #2B3990;
                position: relative
            }

                .slot_product_con .product_title_con .dropdown_wrap .catedrop i {
                    font-size: .6rem
                }

                .slot_product_con .product_title_con .dropdown_wrap .catedrop .drop_down {
                    display: none;
                    position: absolute;
                    top: 100%;
                    left: 0;
                    width: 100%;
                    z-index: 99;
                    background: rgba(0,0,0,0.9);
                    border-radius: 1.2rem;
                    border: 1px solid #2B3990;
                    padding: .2rem
                }

                    .slot_product_con .product_title_con .dropdown_wrap .catedrop .drop_down .drop_item {
                        width: 100%;
                        margin: 5% 0;
                        border: 1px solid #2B3990;
                        border-radius: 999rem;
                        padding: .4rem 0;
                        text-align: center
                    }

                    .slot_product_con .product_title_con .dropdown_wrap .catedrop .drop_down .drop_item_game {
                        width: 100%;
                        margin: 5% 0;
                        border: 1px solid #2B3990;
                        border-radius: 999rem;
                        padding: .4rem 0;
                        text-align: center
                    }

    .slot_product_con .product_wrap {
        padding: 0 0 1rem;
        position: relative;
        width: 100%;
        border: 1px solid #2B3990;
        background: #000811;
        border-radius: 0 1.2rem 1.2rem 1.2rem
    }

        .slot_product_con .product_wrap::after {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            width: 40%;
            height: 3px;
            background: #000811
        }

        .slot_product_con .product_wrap .product_slider_con {
            width: 100%;
            padding: 0 .5rem
        }

            .slot_product_con .product_wrap .product_slider_con .product_slider_title_con {
                width: 100%;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .slot_product_con .product_wrap .product_slider_con .product_slider_title_con .product_slider_title {
                    width: 50%;
                    gap: 2%;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    color: white;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: .7rem;
                    margin: 1rem .7rem;
                    font-family: montserrat-b;
                    letter-spacing: .6px
                }

                    .slot_product_con .product_wrap .product_slider_con .product_slider_title_con .product_slider_title span {
                        color: #2bb46b;
                        font-family: montserrat-b
                    }

                    .slot_product_con .product_wrap .product_slider_con .product_slider_title_con .product_slider_title img {
                        width: 10%;
                        margin-right: 5px;
                    }

                .slot_product_con .product_wrap .product_slider_con .product_slider_title_con .btn_wrap {
                    width: 15%;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .slot_product_con .product_wrap .product_slider_con .product_slider_title_con .btn_wrap .btn {
                        padding: .3rem .5rem;
                        border-radius: 999rem;
                        background: #000811;
                        border: 1px solid #2B3990
                    }

                        .slot_product_con .product_wrap .product_slider_con .product_slider_title_con .btn_wrap .btn i {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            font-size: .7rem;
                            color: #2bb46b
                        }

            .slot_product_con .product_wrap .product_slider_con .product_slider {
                width: 100%;
                white-space: nowrap;
                overflow: auto;
                padding: 10px 0
            }

                .slot_product_con .product_wrap .product_slider_con .product_slider .slide_con {
                    /*max-width: 130px;*/
                    max-width: 29vw;
                    min-width: calc(100% / 3 - 1.6%);
                    margin-right: 2%;
                    border-radius: 1.2rem;
                    text-decoration: none;
                }

                    .slot_product_con .product_wrap .product_slider_con .product_slider .slide_con .img_con {
                        width: 100%;
                        border-radius: 1.2rem;
                        overflow: hidden
                    }

                        .slot_product_con .product_wrap .product_slider_con .product_slider .slide_con .img_con img {
                            width: 100%
                        }

                    .slot_product_con .product_wrap .product_slider_con .product_slider .slide_con .game_name {
                        margin-top: 2%;
                        color: #BCBEC0;
                        padding-left: .3rem;
                        font-size: .7rem;
                        letter-spacing: .6px
                    }

            .slot_product_con .product_wrap .product_slider_con .all_product_con {
                height: 145vw;
                padding: 10px 0;
                overflow: auto;
                transition: .4s;
                /*overflow-x: hidden;
            overflow-y: hidden;*/
                width: auto;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                flex-wrap: wrap;
                align-content: flex-start;
            }

            .slot_product_con .product_wrap .product_slider_con .all_product_con_wrap {
                flex-direction: row;
                height: auto;
            }

            .slot_product_con .product_wrap .product_slider_con .all_product_con .slide_con {
                width: calc( 100% / 3);
                height: calc( 100% / 3);
                padding: 1%
            }

                .slot_product_con .product_wrap .product_slider_con .all_product_con .slide_con .img_con {
                    width: 100%;
                    border-radius: 1.2rem;
                    overflow: hidden;
                    position: relative;
                }

                    .slot_product_con .product_wrap .product_slider_con .all_product_con .slide_con .img_con img {
                        width: 100%
                    }

                .slot_product_con .product_wrap .product_slider_con .all_product_con .slide_con .game_name {
                    margin-top: 2%;
                    color: #BCBEC0;
                    padding-left: .3rem;
                    font-size: .7rem;
                    letter-spacing: .6px
                }

            .slot_product_con .product_wrap .product_slider_con .product_progress_con {
                width: 100%;
                margin-top: 5%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

                .slot_product_con .product_wrap .product_slider_con .product_progress_con .btn {
                    color: #2bb46b;
                    padding: .2rem .5rem;
                    border: 1px solid #2B3990;
                    border-radius: 999rem
                }

                .slot_product_con .product_wrap .product_slider_con .product_progress_con span {
                    color: white;
                    font-size: .7rem
                }

                .slot_product_con .product_wrap .product_slider_con .product_progress_con .btn_load {
                    font-size: .7rem;
                    letter-spacing: normal;
                    padding: .4rem .7rem;
                    border-radius: 999rem;
                    font-family: montserrat-l;
                    background: none;
                    border: 1px solid #2B3990;
                    color: #2bb46b
                }

                .slot_product_con .product_wrap .product_slider_con .product_progress_con .progress_bar_con {
                    width: 40%;
                    height: .5rem;
                    border-radius: 999px;
                    background: rgba(0,0,0,0.5)
                }

                    .slot_product_con .product_wrap .product_slider_con .product_progress_con .progress_bar_con .progress_bar {
                        width: 100%;
                        height: 100%;
                        border-radius: 999px;
                        background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
                        position: relative
                    }

                        .slot_product_con .product_wrap .product_slider_con .product_progress_con .progress_bar_con .progress_bar::after {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            width: 80%;
                            height: 100%;
                            background: #000
                        }

    .slot_product_con .product_hide {
        display: none
    }

.sport_section {
    width: 100%
}

    .sport_section:last-child {
        display: none
    }

    .sport_section img {
        width: 100%
    }

.promotion_con {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .promotion_con .promotion_wrap {
        width: 100%;
        margin-bottom: 5%;
        border-radius: 1.2rem;
        overflow: hidden;
        border: 1px solid #2B3990
    }

        .promotion_con .promotion_wrap .promo_title {
            background: #2bb46b;
            color: #fff;
            padding: .4rem 1.4rem;
            font-size: .8rem;
            letter-spacing: .6px
        }

            .promotion_con .promotion_wrap .promo_title span {
                font-family: montserrat-b;
                margin-right: .2rem
            }

        .promotion_con .promotion_wrap .promo_dec_con {
            padding: 70px 0 5px;
            position: relative;
            width: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .promotion_con .promotion_wrap .promo_dec_con img {
                object-fit: cover;
                object-position: center;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0; /*margin:2% 0 0*/
            }

            .promotion_con .promotion_wrap .promo_dec_con .btn_wrap {
                width: 100%;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                gap: 1%; /*margin-bottom:3%;*/
                z-index: 9;
            }

                .promotion_con .promotion_wrap .promo_dec_con .btn_wrap button {
                    background: none;
                    padding: .4rem 1.2rem;
                    border-radius: 999rem;
                    border: 1px solid #000;
                    font-size: .7rem;
                    color: #000;
                    font-family: montserrat-l
                }

                    .promotion_con .promotion_wrap .promo_dec_con .btn_wrap button:last-child {
                        background: #2bb46b;
                        border: 0
                    }

        .promotion_con .promotion_wrap .first { /*background:linear-gradient(135deg, #0a0401 0%, #f99317 100%)*/
        }

        .promotion_con .promotion_wrap .second {
            background: linear-gradient(135deg, #000707 0%, #0b252b 25%, #882a8b 100%)
        }

        .promotion_con .promotion_wrap .third {
            background: linear-gradient(135deg, #000807 0%, #0c2a1e 25%, #ccd926 100%)
        }

        .promotion_con .promotion_wrap .four {
            background: linear-gradient(135deg, #0c0b02 0%, #453314 25%, #e92d77 100%)
        }

.promo_cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #011019;
    z-index: 999;
    padding: 1rem;
    overflow: auto;
    display: none
}

    .promo_cover .logo {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .promo_cover .logo img {
            width: 35%
        }

        .promo_cover .logo .close {
            color: white
        }

    .promo_cover .promotion_wrap {
        width: 100%;
        margin: 4% 0;
        border-radius: 1.2rem;
        overflow: hidden;
        border: 1px solid #2B3990
    }

        .promo_cover .promotion_wrap .promo_title {
            background: #2bb46b;
            color: #fff;
            padding: .4rem 1.4rem;
            font-size: .8rem;
            letter-spacing: .6px
        }

            .promo_cover .promotion_wrap .promo_title span {
                font-family: montserrat-b;
                margin-right: .2rem
            }

        .promo_cover .promotion_wrap .promo_dec_con {
            width: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .promo_cover .promotion_wrap .promo_dec_con img {
                width: 100%; /*margin:2% 0 0*/
            }

            .promo_cover .promotion_wrap .promo_dec_con .btn_wrap {
                width: 100%;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                gap: 1%;
                margin-bottom: 3%
            }

                .promo_cover .promotion_wrap .promo_dec_con .btn_wrap button {
                    background: none;
                    padding: .4rem 1.2rem;
                    border-radius: 999rem;
                    border: 1px solid #fff;
                    font-size: .7rem;
                    color: white;
                    font-family: montserrat-l
                }

                    .promo_cover .promotion_wrap .promo_dec_con .btn_wrap button:last-child {
                        background: #2bb46b;
                        border: 0
                    }

        .promo_cover .promotion_wrap .first {
            background: linear-gradient(135deg, #0a0401 0%, #f99317 100%)
        }

        .promo_cover .promotion_wrap .second {
            background: linear-gradient(135deg, #000707 0%, #0b252b 25%, #882a8b 100%)
        }

        .promo_cover .promotion_wrap .third {
            background: linear-gradient(135deg, #000807 0%, #0c2a1e 25%, #ccd926 100%)
        }

        .promo_cover .promotion_wrap .four {
            background: linear-gradient(135deg, #0c0b02 0%, #453314 25%, #e92d77 100%)
        }

    .promo_cover .title {
        color: white;
        font-family: montserrat-b
    }

    .promo_cover .date {
        color: white;
        font-size: .8rem;
        letter-spacing: .7px;
        margin: 1% 0
    }

        .promo_cover .date span {
            color: yellow
        }

    .promo_cover p {
        margin: 2% 0;
        color: #A7A9AC;
        font-family: montserrat-r;
        font-size: .7rem;
        letter-spacing: .5px
    }

    .promo_cover .sub_title {
        font-size: .9rem;
        margin-top: 4%
    }

    .promo_cover .promo_table {
        width: 100%;
        font-size: .65rem;
        color: white
    }

        .promo_cover .promo_table th, .promo_cover .promo_table td {
            padding: .3rem 0;
            text-align: center
        }

        .promo_cover .promo_table th {
            background: #414042
        }

        .promo_cover .promo_table td {
            background: #939598
        }

    .promo_cover .promo_list {
        margin-top: 5%;
        width: 100%;
        list-style-type: upper-greek;
        padding-left: 5%
    }

        .promo_cover .promo_list li {
            color: #a7a9ac;
            font-size: .7rem;
            letter-spacing: .7px;
            text-align: left;
            margin-bottom: 3%;
            line-height: 1.4
        }

.apply_info .qrcode_con {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10%
}

    .apply_info .qrcode_con .link {
        width: 100%;
        border: 1px solid #162c58;
        border-radius: 15px;
        padding: 3%;
        text-align: center;
        font-size: 1rem;
        background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
        color: #fff
    }

    .apply_info .qrcode_con .qrcode {
        width: 30%;
        margin-top: 5%
    }

        .apply_info .qrcode_con .qrcode img {
            width: 100%
        }

    .apply_info .qrcode_con .qr_text {
        color: #a7a9ac;
        font-size: 1rem;
        width: 100%;
        text-align: center;
        font-family: montserrat-b;
        margin-top: 3%
    }

.promo_sub_des {
    width: 100%;
    padding: 4%;
    border-radius: 20px;
    background: rgba(0,0,0,0.3)
}

    .promo_sub_des .text {
        color: white;
        letter-spacing: .6px;
        font-size: .8rem;
        font-family: montserrat-r;
        margin: 3% 0
    }

    .promo_sub_des .amount {
        width: 100%;
        text-align: center;
        color: #2bb46b;
        font-family: montserrat-b;
        font-size: 1.6rem
    }

    .promo_sub_des .des_row {
        background: linear-gradient(225deg, #00332d 0%, #131c37 49%, #0f4943 100%);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 2% 5%;
        margin: 3% 0 8%;
        border-radius: .8rem;
        width: 100%;
        line-height: 1.5;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .promo_sub_des .des_row:last-child {
            margin-bottom: 0
        }

        .promo_sub_des .des_row span {
            width: 100%;
            font-size: 1rem;
            color: #2bb46b;
            font-family: montserrat-b;
            text-align: center
        }

        .promo_sub_des .des_row .left {
            text-align: left
        }

.game_section {
    width: 100%
}

    .game_section .title {
        color: #2bb46b;
        font-family: montserrat-b;
        font-size: .9rem;
        letter-spacing: .7px
    }

    .game_section .game_wrap {
        margin: 3% 0;
        width: 100%;
        min-height: 200px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        position: relative
    }

        .game_section .game_wrap .game_con {
            padding: .3rem
        }

            .game_section .game_wrap .game_con .img_con {
                width: 100%;
                border-radius: 1.2rem;
                overflow: hidden
            }

                .game_section .game_wrap .game_con .img_con img {
                    width: 100%
                }

            .game_section .game_wrap .game_con .game_name {
                margin-top: 2%;
                color: #BCBEC0;
                padding-left: 0.3rem;
                font-size: .7rem;
                letter-spacing: .6px
            }

        .game_section .game_wrap .alert {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            white-space: nowrap;
            color: #58595B;
            font-family: montserrat-r;
            font-size: .8rem;
            letter-spacing: .6px
        }

.referral_section {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .referral_section .referral_con {
        overflow: hidden;
        z-index: 3;
        margin-bottom: 1rem;
        min-height: 200px;
        width: 100%;
        border-radius: 1.2rem;
        padding: 1rem;
        border: 2px solid #2B3990;
        position: relative; /*background:linear-gradient(135deg, #011019 0%, #291839 28%, #79215c 73%, #ec297a 100%)*/
    }

        .referral_section .referral_con .title {
            color: #fff;
            font-size: 17px;
            letter-spacing: .6px;
            font-family: montserrat-b
        }

            .referral_section .referral_con .title span {
                font-family: montserrat-b;
                color: #2bb46b
            }

        .referral_section .referral_con .referral_des_con {
            width: 100%;
            margin: 3% 0
        }

            .referral_section .referral_con .referral_des_con:last-child {
                margin-bottom: 0 !important
            }

            .referral_section .referral_con .referral_des_con .textbox_title {
                color: #2bb46b;
                font-family: montserrat-r;
                font-size: .8rem;
                letter-spacing: .6px;
                margin-bottom: 2%
            }

            .referral_section .referral_con .referral_des_con .textbox_wrap {
                width: 100%;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                gap: 3%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .referral_section .referral_con .referral_des_con .textbox_wrap input {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    font-size: .8rem;
                    border: 1px solid #2B3990;
                    color: #939598;
                    border-radius: 999rem;
                    background: #011019;
                    padding: .6rem 1rem
                }

                .referral_section .referral_con .referral_des_con .textbox_wrap .fa-copy {
                    color: #2bb46b
                }

        .referral_section .referral_con:last-child {
            background: linear-gradient(135deg, #011019 0%, #104c54 28%, #4fc068 72%, #f6ec33 100%);
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .referral_section .referral_con:last-child .referral_img {
                width: 50%
            }

            .referral_section .referral_con:last-child .qr_img {
                width: 30%;
                margin: 3% 0
            }

            .referral_section .referral_con:last-child p {
                color: white;
                font-size: .75rem;
                letter-spacing: .7px;
                margin: 3% 0;
                text-align: center
            }

            .referral_section .referral_con:last-child button {
                background: #f05a0c;
                color: white;
                font-size: .75rem;
                letter-spacing: .7px;
                width: 70%;
                padding: 3% 0;
                border-radius: 25px;
                border: 1px solid #e9783b;
                font-family: montserrat-r
            }

            .referral_section .referral_con:last-child .qr_title {
                width: 30%;
                color: #fff;
                font-size: .9rem;
                font-family: montserrat-b;
                -ms-flex-item-align: start;
                align-self: flex-start;
                padding-bottom: .3rem;
                border-bottom: 2px solid #fff
            }

            .referral_section .referral_con:last-child .qr_alert {
                font-size: .8rem;
                margin: auto;
                background: linear-gradient(45deg, #bfc0c2 21%, #fff 100%);
                color: black;
                font-family: montserrat-r;
                border: 0;
                padding: 1.5% 4%;
                border-radius: 999px
            }

.referral_alert_con {
    background: #01070c;
    padding: 1rem;
    margin-bottom: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1rem
}

    .referral_alert_con img {
        width: 30%;
        margin: 2% 0
    }

    .referral_alert_con p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
        font-size: .7rem;
        letter-spacing: .6px;
        color: #a7a9ac;
        line-height: 1.4
    }

        .referral_alert_con p a {
            color: #2bb46b;
            margin-left: .2rem
        }


.vip_con {
    margin: 3% 0;
    width: 100%;
    height: 80vh
}

    .vip_con .vip_wrap {
        width: 100%;
        height: 100%
    }

        .vip_con .vip_wrap .vip_pri_con {
            width: 100%;
            margin: 3% 0
        }

        .vip_con .vip_wrap .vip_title {
            color: #fff;
            margin-bottom: 3%;
            font-family: montserrat-r;
            font-size: .9rem;
            padding-bottom: 2%;
            width: 50%;
            border-bottom: 6px dotted #fff
        }

        .vip_con .vip_wrap .vip_img {
            width: 100%;
            padding: .5rem 2rem;
            background: linear-gradient(45deg, #0f5349 21%, #001018 100%);
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            border-radius: .6rem
        }

            .vip_con .vip_wrap .vip_img .vip_img_wrap {
                width: 100%;
                gap: 5%;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .vip_con .vip_wrap .vip_img img {
                width: 25%
            }

            .vip_con .vip_wrap .vip_img .vip_name {
                font-family: montserrat-b;
                color: #fff;
                margin: 2% 0
            }

            .vip_con .vip_wrap .vip_img .fa-solid {
                font-size: 1.3rem;
                color: #fff;
                -webkit-transition: .5s;
                transition: .5s
            }

            .vip_con .vip_wrap .vip_img .up {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        .vip_con .vip_wrap .vip_des_con {
            width: 100%;
            padding-top: 5%;
            display: none
        }

        .vip_con .vip_wrap .vip_des {
            margin-bottom: 1rem;
            border: 2px solid #2bb46b;
            border-radius: .8rem;
            position: relative
        }

            .vip_con .vip_wrap .vip_des::after {
                content: "Service Support";
                position: absolute;
                top: -1rem;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                background: #011019;
                color: #2bb46b;
                padding: .3rem;
                font-family: montserrat-r;
                font-style: italic;
                white-space: nowrap
            }

            .vip_con .vip_wrap .vip_des:nth-child(3):after {
                content: "Special Rebate"
            }

            .vip_con .vip_wrap .vip_des:nth-child(4):after {
                content: "Referral Program"
            }

            .vip_con .vip_wrap .vip_des:nth-child(5):after {
                content: "Monthly Tier Upgrade Requirement"
            }

            .vip_con .vip_wrap .vip_des:nth-child(6):after {
                content: "Monthly Tier Maintenance Requirement"
            }

            .vip_con .vip_wrap .vip_des ul {
                padding: .8rem 2rem;
                width: 100%
            }

                .vip_con .vip_wrap .vip_des ul li {
                    color: #fff;
                    line-height: 2;
                    font-size: .9rem
                }

                    .vip_con .vip_wrap .vip_des ul li span {
                        font-family: montserrat-b;
                        color: #e9783b
                    }

.about_us_section {
    width: 100%;
    padding: 0 10px;
}

    .about_us_section .title {
        color: white;
        background: linear-gradient(220deg, #104737 0%, #010e16 30%, #022d25 62%, #114242 100%);
        width: 50%;
        white-space: nowrap;
        padding: .6rem 0;
        text-align: center;
        border-radius: .5rem;
        font-family: montserrat-r;
        position: relative;
        margin-bottom: 4%
    }

    .about_us_section .this {
        background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%)
    }

        .about_us_section .this:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            -webkit-transform: translateX(-50%) rotate(180deg);
            transform: translateX(-50%) rotate(180deg);
            border-left: 0.6rem solid transparent;
            border-right: 0.6rem solid transparent;
            border-bottom: 0.6rem solid #1e8258;
            top: 98%;
            left: 50%
        }

    .about_us_section .des_block {
        width: 100%;
        background: rgba(0,0,0,.5) /*background:linear-gradient(220deg, #104737 0%, #010e16 30%, #022d25 62%, #114242 100%)*/;
        padding: 1rem;
        border-radius: .5rem
    }

        .about_us_section .des_block p {
            font-size: 12px;
            letter-spacing: .6px;
            line-height: 1.4;
            color: #BCBEC0;
            margin-bottom: 5%;
        }

            .about_us_section .des_block p:last-child {
                margin-bottom: 0
            }

        .about_us_section .des_block ul {
            padding: 0 1rem
        }

            .about_us_section .des_block ul li {
                font-size: .8rem;
                margin-bottom: 2%;
                letter-spacing: .7px;
                line-height: 1.3;
                color: #fff
            }

                .about_us_section .des_block ul li:last-child {
                    margin-bottom: 0
                }

.referral_section .referral_con .background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.about_us_section .des_block .sub_title {
    color: #2bb46b;
    font-size: 1.1rem;
    font-family: montserrat-r;
    margin-bottom: 2%;
    margin-top: 3%;
}

.notfound_section {
    padding: 5% 0 0;
    width: 100%;
    position: relative
}

    .notfound_section .notfound_section .notfound {
        width: 100%
    }

    .notfound_section .notfound {
        margin: auto;
        max-width: 520px;
        width: 100%;
        line-height: 1.4;
        text-align: center
    }

        .notfound_section .notfound .notfound-404 h1 {
            font-size: 11rem;
            font-weight: 900;
            background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

            .notfound_section .notfound .notfound-404 h1 > span {
                text-shadow: -8px 0px 0px #fff
            }

        .notfound_section .notfound .notfound-404 h3 {
            position: relative;
            font-size: 16px;
            text-transform: uppercase;
            color: #fff;
            margin: 0px;
            letter-spacing: 3px;
            padding-left: 6px
        }

        .notfound_section .notfound h2 {
            font-family: 'Cabin', sans-serif;
            font-size: 20px;
            font-weight: 400;
            text-transform: uppercase;
            color: #fff;
            margin-top: 0px;
            margin-bottom: 25px
        }

.error_btn_wrap {
    width: 100%;
    gap: 1%;
    margin-bottom: 5%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .error_btn_wrap .error_btn {
        background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
        border: 0;
        padding: .4rem 1rem;
        border-radius: .5rem;
        font-family: montserrat-r;
        color: #fff;
        font-size: 1rem
    }

        .error_btn_wrap .error_btn:last-child {
            background: linear-gradient(45deg, #bfc0c2 21%, #fff 100%);
            color: black
        }

.contact_us_block {
    width: 100%
}

    .contact_us_block .contact_us_row {
        margin-bottom: 4%;
        gap: 3%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .contact_us_block img {
        width: 7%
    }

    .contact_us_block .contact_title {
        width: 25%;
        white-space: nowrap;
        font-size: .8rem;
        text-transform: uppercase;
        font-family: montserrat-exb;
        color: white
    }

    .contact_us_block .contact_des {
        font-size: 1rem;
        font-family: montserrat-r;
        background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: .3
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: .3
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes glowing {
    0%,100% {
        -webkit-filter: drop-shadow(0px 0px 10px gold);
        filter: drop-shadow(0px 0px 10px gold)
    }

    50% {
        -webkit-filter: drop-shadow(0px 0px 0px gold);
        filter: drop-shadow(0px 0px 0px gold)
    }
}

@keyframes glowing {
    0%,100% {
        -webkit-filter: drop-shadow(0px 0px 10px gold);
        filter: drop-shadow(0px 0px 10px gold)
    }

    50% {
        -webkit-filter: drop-shadow(0px 0px 0px gold);
        filter: drop-shadow(0px 0px 0px gold)
    }
}

.hide {
    display: none;
}

.fav_wrap .fa-heart {
    color: #2bb46b;
    font-size: .7rem;
}
 

.game_name span {
    width: 85%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.about_us_section .des_block h1 {
    color: #2bb46b;
    font-size: 1.2rem;
    font-family: 'montserrat-r';
    margin-bottom: 3%;
    margin-top: 10%;
}

    .about_us_section .des_block h1:first-child {
        margin-top: 0%;
    }

.table_hide {
    display: none;
}

.header_qr {
    width: 13%;
}

    .header_qr img {
        width: 100%;
    }

.login_con .form_con p {
    width: 100%;
    color: #2bb46b;
    font-size: .9rem;
    letter-spacing: .6px;
}

.affiliate_section_des_block {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3%;
}

    .affiliate_section_des_block .title {
        width: 100%;
        position: relative;
        text-align: center;
    }

        .affiliate_section_des_block .title h2 {
            color: #2bb46b;
            font-family: montserrat-b;
        }

        .affiliate_section_des_block .title p {
            color: #a7a9ac;
            width: 100%;
            font-size: 14px;
            text-align: center;
            margin: 1% auto;
        }

        .affiliate_section_des_block .title::after {
            content: "";
            position: absolute;
            bottom: -15%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            border-top: 15px solid #2bb46b;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
        }

    .affiliate_section_des_block .affiliate_des_block {
        margin-top: 6%;
        width: 100%;
        border-radius: 1rem;
        padding: 2%;
        background: linear-gradient(141deg, #0a332c 0%, #01111a 40%);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }

        .affiliate_section_des_block .affiliate_des_block .affiliate_des_block_title {
            background: #011019;
            border: 2px solid #162c58;
            border-radius: 1.2rem;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 90%;
            margin-bottom: 5%;
            position: relative;
        }

            .affiliate_section_des_block .affiliate_des_block .affiliate_des_block_title img {
                width: 20%;
            }

            .affiliate_section_des_block .affiliate_des_block .affiliate_des_block_title h3 {
                color: #fff;
                margin-left: 3%;
            }

        .affiliate_section_des_block .affiliate_des_block .line {
            position: absolute;
            border: 2px solid #2bb46b;
            width: 3px;
            height: 50%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            border-bottom: 0;
            z-index: 1;
        }

        .affiliate_section_des_block .affiliate_des_block .affiliate_des {
            width: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            z-index: 2;
        }

            .affiliate_section_des_block .affiliate_des_block .affiliate_des .aff_wrap_col {
                width: 100%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 5%;
            }

            .affiliate_section_des_block .affiliate_des_block .affiliate_des .affiliate_circle {
                border-radius: 999rem;
                width: 45%;
                padding: 6% 0;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                background: #011019;
                border: 2px solid #2bb46b;
            }

                .affiliate_section_des_block .affiliate_des_block .affiliate_des .affiliate_circle .affiliate_circle_des {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .affiliate_section_des_block .affiliate_des_block .affiliate_des .affiliate_circle .affiliate_circle_des h3 {
                        color: #fff;
                        margin-bottom: 3%;
                        font-size: 1.2rem;
                        white-space: nowrap;
                    }

                    .affiliate_section_des_block .affiliate_des_block .affiliate_des .affiliate_circle .affiliate_circle_des img {
                        width: 35%;
                    }

                    .affiliate_section_des_block .affiliate_des_block .affiliate_des .affiliate_circle .affiliate_circle_des p {
                        width: 70%;
                        text-align: center;
                        color: #2bb46b;
                        font-size: .8rem;
                    }

            .affiliate_section_des_block .affiliate_des_block .affiliate_des .des_block {
                width: 100%;
                text-align: center;
            }

                .affiliate_section_des_block .affiliate_des_block .affiliate_des .des_block h2 {
                    margin: 3% 0;
                    color: #2bb46b;
                    font-size: 1.4rem;
                    font-family: montserrat-b;
                }

                    .affiliate_section_des_block .affiliate_des_block .affiliate_des .des_block h2 span {
                        color: #fff;
                        font-size: 1.4rem;
                        -webkit-backdrop-filter: blur(100px);
                        backdrop-filter: blur(100px);
                        font-family: montserrat-b;
                    }

                .affiliate_section_des_block .affiliate_des_block .affiliate_des .des_block .referral_text {
                    font-size: .8rem;
                    text-decoration: underline;
                    color: #2bb46b;
                    cursor: pointer;
                    margin-bottom: 2%;
                }

.referral_des_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

    .referral_des_popup .popup_con {
        position: absolute;
        width: 100%;
        background: #011019;
        padding: 7%;
        height: 100vh;
        overflow: auto;
    }

        .referral_des_popup .popup_con h2 {
            color: #2bb46b;
            margin: 3% 0;
            font-family: montserrat-b;
        }

        .referral_des_popup .popup_con .affiliate_flow {
            width: 100%;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 3%;
        }

            .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block_con {
                width: 100%;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block_con:last-child {
                    margin-top: 10%;
                }

            .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block {
                width: 40%;
                -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
                position: relative;
            }

                .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block::before {
                    content: "";
                    position: absolute;
                    left: 22%;
                    bottom: -29%;
                    width: 2px;
                    height: 30%;
                    background: #2bb46b;
                }

                .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block .affiliate_img {
                    width: 50%;
                    margin-right: 7%;
                }

                .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block .text {
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                }

                    .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block .text h4 {
                        color: #fff;
                        white-space: nowrap;
                    }

                    .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block .text p {
                        color: #2bb46b;
                        white-space: nowrap;
                        font-size: 12px;
                    }

                    .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block .text .des {
                        white-space: nowrap;
                        font-size: 12px;
                        color: #a7a9ac;
                    }

            .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block_noline {
                width: 40%;
                position: relative;
            }

                .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block_noline .affiliate_img {
                    width: 50%;
                    margin-right: 7%;
                }

                .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block_noline .text {
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                }

                    .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block_noline .text h4 {
                        color: #fff;
                        white-space: nowrap;
                    }

                    .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block_noline .text p {
                        color: #2bb46b;
                        white-space: nowrap;
                        font-size: 12px;
                    }

                    .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block_noline .text .des {
                        white-space: nowrap;
                        font-size: 12px;
                        color: #a7a9ac;
                    }

            .referral_des_popup .popup_con .affiliate_flow .line {
                -ms-flex-item-align: start;
                align-self: flex-start;
                border: 2px solid #2bb46b;
                width: 62%;
                height: 35px;
                margin-top: 5%;
                margin-left: 9%;
                border-bottom: 0;
                border-radius: 1.2rem 1.2rem 0 0;
                position: relative;
            }

                .referral_des_popup .popup_con .affiliate_flow .line::after {
                    content: "";
                    position: absolute;
                    left: 20%;
                    top: -30%;
                    border-left: 15px solid #2bb46b;
                    border-top: 9px solid transparent;
                    border-bottom: 9px solid transparent;
                }

                .referral_des_popup .popup_con .affiliate_flow .line::before {
                    content: "";
                    position: absolute;
                    right: 15%;
                    top: -30%;
                    border-right: 15px solid #2bb46b;
                    border-top: 9px solid transparent;
                    border-bottom: 9px solid transparent;
                }

        .referral_des_popup .popup_con .popup_title {
            width: 100%;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .referral_des_popup .popup_con .popup_title .logo {
                width: 100%;
                max-width: 140px;
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
            }

            .referral_des_popup .popup_con .popup_title .referral_close {
                color: #fff;
                cursor: pointer;
                font-size: 22px;
                -webkit-transition: .5s;
                transition: .5s;
            }

                .referral_des_popup .popup_con .popup_title .referral_close:hover {
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                }

        .referral_des_popup .popup_con .title {
            color: #d6d6d6;
            font-size: 12px;
            font-family: montserrat-exb;
        }

        .referral_des_popup .popup_con .affiliate_table {
            width: 100%;
            border-collapse: collapse;
            font-size: 10px;
            font-family: montserrat-exb;
            border: 1px solid black;
            margin: 2% 0 3%;
        }

            .referral_des_popup .popup_con .affiliate_table tr {
                height: 25px;
            }

            .referral_des_popup .popup_con .affiliate_table th {
                color: white;
                background: #302f2f;
                text-transform: uppercase;
                text-align: center;
                border-right: 1px solid black;
            }

            .referral_des_popup .popup_con .affiliate_table td {
                padding: 3% 1%;
                color: black;
                background: grey;
                text-align: center;
                border-right: 1px solid black;
                border-bottom: 1px solid black;
            }

                .referral_des_popup .popup_con .affiliate_table td:last-child {
                    text-align: left;
                }

        .referral_des_popup .popup_con .promo_list {
            width: 100%;
            list-style-type: upper-greek;
            padding-left: 3%;
        }

            .referral_des_popup .popup_con .promo_list li {
                color: #a7a9ac;
                font-size: 11px;
                text-align: left;
                margin-bottom: 3%;
            }

.sticky_footer_nav {
    position: fixed;
    bottom: 0;
    height: 70px;
    width: 100%;
    z-index: 99;
}

    .sticky_footer_nav .bottom_nav_wrap {
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #04162d;
        position: relative;
        border-radius: 2rem 2rem 0 0;
    }

        .sticky_footer_nav .bottom_nav_wrap::before, .sticky_footer_nav .bottom_nav_wrap::after {
            content: "";
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            top: -50px;
            border-radius: 999rem;
            width: 100px;
            height: 100px;
            background: transparent;
        }

    .sticky_footer_nav .bottom_nav {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
    }

        .sticky_footer_nav .bottom_nav .img_con {
            width: 30px;
        }

            .sticky_footer_nav .bottom_nav .img_con img {
                width: 100%;
            }

        .sticky_footer_nav .bottom_nav p {
            color: #BCBEC0;
            text-decoration: none;
            font-size: 12px;
        }

    .sticky_footer_nav .center {
        border-radius: 999px;
        width: 30px;
        height: 30px;
        -webkit-transform: scale(2.4) translateY(-10px);
        transform: scale(2.4) translateY(-10px);
        background: #04162D;
        z-index: 99;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        overflow: hidden;
    }

        .sticky_footer_nav .center img {
            width: 70%;
            -webkit-animation: shockwaveJump 1s ease-out infinite;
            animation: shockwaveJump 1s ease-out infinite;
        }

        .sticky_footer_nav .center::after, .sticky_footer_nav .center::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            border-radius: 50%;
            -webkit-animation: shockwave 1s .5s ease-out infinite;
            animation: shockwave 1s .5s ease-out infinite;
        }

.text_sp2 {
    position: absolute;
    top: -2%;
    left: -42%;
    width: 100%;
    text-align: center;
    padding: 3.8vw 2vw 1.5vw;
    font-size: 2.4vw;
    background: #fff;
    border-radius: 3px;
    font-weight: 700;
    line-height: 1;
    transform: rotate(-45deg);
}
.new_sp {
    color: #000f0c;
    background: linear-gradient(to bottom, #89ff8f, #89ff8f, #007906);
}

@-webkit-keyframes shockwaveJump {
    0% {
        -webkit-transform: scale(1) rotate(-3deg);
        transform: scale(1) rotate(-3deg);
    }

    40% {
        -webkit-transform: scale(1.08) rotate(20deg);
        transform: scale(1.08) rotate(20deg);
    }

    50% {
        -webkit-transform: scale(0.98) rotate(-15deg);
        transform: scale(0.98) rotate(-15deg);
    }

    55% {
        -webkit-transform: scale(1.02) rotate(5deg);
        transform: scale(1.02) rotate(5deg);
    }

    60% {
        -webkit-transform: scale(0.98) rotate(-1deg);
        transform: scale(0.98) rotate(-1deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes shockwaveJump {
    0% {
        -webkit-transform: scale(1) rotate(-3deg);
        transform: scale(1) rotate(-3deg);
    }

    40% {
        -webkit-transform: scale(1.08) rotate(20deg);
        transform: scale(1.08) rotate(20deg);
    }

    50% {
        -webkit-transform: scale(0.98) rotate(-15deg);
        transform: scale(0.98) rotate(-15deg);
    }

    55% {
        -webkit-transform: scale(1.02) rotate(5deg);
        transform: scale(1.02) rotate(5deg);
    }

    60% {
        -webkit-transform: scale(0.98) rotate(-1deg);
        transform: scale(0.98) rotate(-1deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.fav_nav {
    position: absolute;
    top: -2.59rem;
    right: 14px;
    width: 19%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .fav_nav .btn {
        padding: 0.6rem 0.8rem;
        border-radius: 999rem;
        background: #000811;
        border: 1px solid #2B3990
    }

        .fav_nav .btn i {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: .7rem;
            color: #2bb46b
        }

.MobilePrefix-btn {
    width: 30%;
    border-radius: 1.2rem 0 0 1.2rem;
    background: #000811;
    color: #efefef;
    border: 1px solid #2B3990;
    border-right: none;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MobilePrefix-select {
    border-radius: 15px;
    background: #000811;
    color: #3b68c4;
    margin-top: 10px;
    align-self: center;
    outline: 1px solid #2B3990;
    overflow: auto;
    border: none;
    transition: 1s;
    height: 0;
    opacity: 0;
}

    .MobilePrefix-select option {
        margin: 5px 0px;
        font-size: 4.2vmin;
    }

    .MobilePrefix-select.opened {
        height: 35vh;
        opacity: 1;
        padding: 10px 15px;
    }

    .MobilePrefix-select option {
    }

    .MobilePrefix-select::-webkit-scrollbar {
        width: 12px;
    }

    .MobilePrefix-select::-webkit-scrollbar-track {
        background: rgba(255,255,255,0);
        border-radius: 100vw;
        margin-block: 10px;
    }

    .MobilePrefix-select::-webkit-scrollbar-thumb {
        background: #3b68c4;
        border-radius: 100vw;
        border: 3px solid #011019;
        transition: 1s;
    }

        .MobilePrefix-select::-webkit-scrollbar-thumb:hover {
            border: 1px solid #011019;
        }

.OTP_btn {
    width: 35%;
    border-radius: 0 1.2rem 1.2rem 0;
    background: #000811;
    color: #3b68c4;
    border: 1px solid #2B3990;
}

    .OTP_btn.count {
        text-align: center;
    }

.login_con .form_con .textbox_con .textbox_wrap .mobile {
    width: 80%;
    border-radius: 0 1.2rem 1.2rem 0;
}

.login_con .form_con .textbox_con .textbox_wrap .OTP {
    width: 65%;
    border-radius: 1.2rem 0 0 1.2rem;
    border-right: none;
}

.login_con .form_con .btn_con .login_btn.btn {
    filter: grayscale(1);
}

.Teleg_con {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

    .Teleg_con a img {
        width: 100%;
        height: 100%;
        border-radius: 1.2rem;
    }

    .Teleg_con .title {
        font-size: 1.5rem;
        font-family: montserrat-l;
        color: #fff
    }

        .Teleg_con .title span {
            color: #212121;
            font-family: montserrat-b;
            margin-right: 5px
        }

    .Teleg_con .dis {
        margin: 2% 0;
        color: #fefefe;
        font-size: .8rem;
        font-family: montserrat-l
    }

    .Teleg_con .Teleg_btn {
        font-family: montserrat-r;
        border-radius: 999rem;
        color: white;
        background: #212121;
        padding: .5rem 1.5rem;
        letter-spacing: .7px;
        font-size: .8rem;
        text-transform: uppercase
    }

.forbidden_con {
    width: 100%;
    min-height: 400px;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 20px 0
}

    .forbidden_con .forbidden_title_con {
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 20px
    }

        .forbidden_con .forbidden_title_con .forbidden_img {
            width: 155px;
            position: relative
        }

            .forbidden_con .forbidden_title_con .forbidden_img img {
                width: 100%;
                z-index: 4;
                animation: pulse2 4s linear infinite
            }

@keyframes pulse2 {
    0%,100% {
        filter: drop-shadow(0px 0px 0px transparent)
    }

    50% {
        filter: drop-shadow(0px 0px 10px #2bb46b)
    }
}


.search_con {
    width: 100%;
    position: relative
}

    .search_con .search_bar {
        width: 100%;
        position: relative
    }

        .search_con .search_bar .search_icon {
            position: absolute;
            top: 35%;
            transform: translateY(-50%);
            left: 15px;
            color: #2b3990;
            font-size: 20px
        }

        .search_con .search_bar input {
            padding: 12px;
            border-radius: 18px;
            background: #000811;
            width: 100%;
            margin-bottom: 20px;
            border: .6mm solid #2b3990;
            padding-left: 45px;
            font-size: 14px;
            letter-spacing: .6px;
            transition: .2s;
            color: #fff
        }

            .search_con .search_bar input::-moz-placeholder {
                color: #2b3990
            }

            .search_con .search_bar input::placeholder {
                color: #2b3990
            }

            .search_con .search_bar input:focus {
                outline: 0;
                border: .6mm solid #51ba65
            }

        .search_con .search_bar .cancel_con {
            display: none;
            position: absolute;
            top: 35%;
            transform: translateY(-50%);
            right: 15px;
            align-items: center;
            cursor: pointer
        }

            .search_con .search_bar .cancel_con i {
                color: #2b3990;
                margin-right: 10px;
                font-size: 22px
            }

            .search_con .search_bar .cancel_con span {
                color: #fff;
                font-family: "montserrat-l";
                line-height: 1;
                font-size: 14px
            }

        .search_con .search_bar input:valid ~ .cancel_con {
            display: flex;
            opacity: 1
        }

    .search_con .search_popup {
        display: none;
        width: 100%;
        min-height: 300px;
        background: #011019;
        margin-bottom: 10px;
        border-radius: 10px;
        position: absolute;
        z-index: 991;
        justify-content: center;
        align-items: center
    }

        .search_con .search_popup span {
            font-size: 12px;
            color: #666;
            text-align: center;
            letter-spacing: .6px
        }

    .search_con .search_dropdown {
        display: none;
        width: 100%;
        min-height: 300px;
        background: #011019;
        margin-bottom: 10px;
        border-radius: 10px;
        z-index: 991;
        justify-content: center;
        align-items: center
    }

        .search_con .search_dropdown span {
            font-size: 12px;
            color: #666;
            text-align: center;
            letter-spacing: .6px
        }


.confirm_con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 500px
}

    .confirm_con .bg {
        width: 100%;
        border-radius: 10px
    }

    .confirm_con .confirm_wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 13px;
        justify-content: space-around
    }

        .confirm_con .confirm_wrap i {
            font-size: 20px;
            color: #fff;
            align-self: flex-end
        }

        .confirm_con .confirm_wrap .title {
            width: 100%;
            color: #fff;
            text-align: center;
            font-size: 22px;
            letter-spacing: .4px
        }

        .confirm_con .confirm_wrap p {
            width: 100%;
            margin: 10px 0;
            color: #fff;
            font-size: 12px;
            letter-spacing: .4px;
            line-height: 1.4;
            text-align: center;
            font-weight: 500
        }

            .confirm_con .confirm_wrap p a {
                color: #2bb46b;
                text-decoration: underline
            }

        .confirm_con .confirm_wrap button {
            width: 35%;
            margin: 0 auto;
            border-radius: 999rem;
            padding: 8px 20px;
            border: 0;
            color: #fff;
            font-size: 12px;
            background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
            font-family: montserrat-b;
            letter-spacing: .5px
        }

        .confirm_con .confirm_wrap .alert_con {
            margin-top: 10px;
            width: 100%;
            padding: 5px 20px;
            border-radius: 10px;
            background: rgba(0,0,0,.7);
            gap: 10px;
            align-items: center
        }

            .confirm_con .confirm_wrap .alert_con p {
                font-size: 10px;
                letter-spacing: .4px;
                text-align: left;
                font-weight: 600
            }

.forbidden_con .forbidden_title_con .forbidden_title_wrap {
    align-items: center;
    gap: 8px
}

    .forbidden_con .forbidden_title_con .forbidden_title_wrap p {
        color: #fff;
        font-size: 22px;
        letter-spacing: .6px
    }

    .forbidden_con .forbidden_title_con .forbidden_title_wrap span {
        color: #2bb46b;
        font-size: 29px;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 4px
    }

    .forbidden_con .forbidden_title_con .forbidden_title_wrap .special {
        letter-spacing: 11px;
        font-size: 22px
    }

.forbidden_con .forbidden_alert {
    width: 90%;
    justify-content: center;
    padding: 10px 30px;
    border-radius: 999rem;
    border: .6mm solid #2bb46b;
    color: #fff;
    gap: 5px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .8px;
    text-align: center
}

    .forbidden_con .forbidden_alert span {
        font-size: 14px;
        color: #2bb46b;
        text-decoration: underline
    }

.forbidden_con .forbidden_link_con {
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 10px 0
}

    .forbidden_con .forbidden_link_con a {
        width: 30%;
        text-decoration: none;
        border: 0;
        font-size: 12px;
        border-radius: 999rem;
        padding: 8px 20px;
        text-align: center
    }

    .forbidden_con .forbidden_link_con .home_link {
        background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
        color: #fff
    }

    .forbidden_con .forbidden_link_con .contact_link {
        background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
        color: #000
    }

.deposit_target_wrap .crypto_network_choose .deposit_table {
    width: 100%;
    color: white;
    font-size: .8rem;
    letter-spacing: .7px;
    border-spacing: 0;
    border-radius: .8rem;
    overflow: hidden;
    border: 1px solid #2B3990;
    margin: 6% 0
}

    .deposit_target_wrap .crypto_network_choose .deposit_table th {
        background: #2bb46b;
        padding: .6rem 0;
        min-width: 125px;
        border: 1px solid #2b3990;
    }

    .deposit_target_wrap .crypto_network_choose .deposit_table td {
        border: 1px solid #2B3990;
        text-align: center;
        padding: .6rem 0
    }

  

.tour_extand_con {
    width: 100%;
    padding-bottom: 15px;
    gap: 10px
}

    .tour_extand_con .tour_extend_nav {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px
    }

        .tour_extand_con .tour_extend_nav .tour_btn {
            flex: 1;
            padding: 12px;
            font-family: montserrat-r;
            font-size: 12px;
            text-decoration: none;
            text-align: center;
            letter-spacing: .4px;
            color: #fff;
            border-radius: 999px
        }

        .tour_extand_con .tour_extend_nav .depo_btn {
            background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%)
        }

        .tour_extand_con .tour_extend_nav .tnc_btn {
            background: red
        }

        .tour_extand_con .tour_extend_nav .more_btn {
            background: #000;
            border: 1px solid #fff
        }

        .tour_extand_con .tour_extend_nav .other_btn {
            background: #545557;
            border-radius: 999px;
            border: 1px solid #fff
        }

.tournament_tnc_item {
    width: 100%;
    max-height: 80vh;
    padding: 20px;
    background: #011019;
    border-radius: 10px;
    border: 1px solid #2bb46b;
    overflow-y: scroll;
    align-items: center
}

    .tournament_tnc_item .logo {
        width: 150px;
        margin: 5px 0 20px
    }

        .tournament_tnc_item .logo img {
            width: 100%
        }

    .tournament_tnc_item .tnc_slogan {
        width: 100%;
        gap: 5px;
        align-items: center;
        font-size: 12px;
        color: #fff;
        text-align: center;
    }

        .tournament_tnc_item .tnc_slogan span {
            font-size: 12px;
            color: #fff;
            text-align: center
        }

    .tournament_tnc_item .tnc_body {
        width: 100%;
        align-items: flex-start;
        background: #031520;
        border: 1px solid rgba(112,112,112,.2745098039);
        border-radius: 10px;
        padding: 15px;
        margin-top: 20px
    }

        .tournament_tnc_item .tnc_body p {
            font-size: 14px;
            color: #2bb46b;
            font-family: montserrat-b
        }

        .tournament_tnc_item .tnc_body ul {
            width: 100%;
            padding-left: 3%
        }

            .tournament_tnc_item .tnc_body ul li {
                font-size: 12px;
                color: rgba(255,255,255,.575);
                margin: 5px 0;
                list-style: none
            }
 

        .tournament_tnc_item .tnc_body .tnc_prize {
            width: 100%;
            padding-left: 5%;
            margin-top: 10px;
            align-items: flex-start;
            font-size: 12px;
            color: rgba(255,255,255,.575);
            margin: 2px 0;
            line-height: 1.5;
        }

            .tournament_tnc_item .tnc_body .tnc_prize span {
                font-size: 12px;
                color: rgba(255,255,255,.575);
                margin: 2px 0;
                line-height: 1.5
            }

            .tournament_tnc_item .tnc_body .tnc_prize p {
                font-size: 12px;
                color: rgba(255,255,255,.719);
                line-height: 1.5;
                padding-left: 2%;
                font-family: montserrat-r
            }

    .tournament_tnc_item::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px;
        background-color: none;
        margin: 10px 0
    }

    .tournament_tnc_item::-webkit-scrollbar {
        width: 3px;
        background-color: none
    }

    .tournament_tnc_item::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #2bb46b
    }


.withdrawal_wrap {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 20px 10px;
    border-radius: 10px;
    margin: 10px 0 5px
}

    .withdrawal_wrap .title {
        color: #fff;
        font-size: 18px;
        font-family: montserrat-m;
        letter-spacing: .4px;
        padding: 0 5px
    }

    .withdrawal_wrap .deposit_nav_con {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        padding: 3px;
        border-radius: 999rem;
        border: .5mm solid #2d3b8e;
        position: relative;
        background: #060b10
    }

        .withdrawal_wrap .deposit_nav_con .deposit_nav {
            flex: 1;
            padding: 7px;
            z-index: 3;
            font-size: 14px;
            text-align: center;
            color: #fff;
            border-radius: 999rem;
            background: rgba(0,0,0,0);
            transition: .4s;
            cursor: pointer
        }

        .withdrawal_wrap .deposit_nav_con span {
            width: 50%;
            height: 85%;
            left: 1%;
            top: 51%;
            transform: translateY(-50%);
            position: absolute;
            background: linear-gradient(45deg, rgb(41, 175, 112) 0%, rgb(13, 59, 50) 100%);
            border-radius: 999rem;
            transition: .4s
        }

        .withdrawal_wrap .deposit_nav_con .right {
            left: 49%
        }

    .withdrawal_wrap .deposit_target_wrap {
        width: 100%;
        padding: 0 2px;
        align-items: flex-start
    }

        .withdrawal_wrap .deposit_target_wrap .target_wrap_nav {
            width: 100%;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            gap: 5px
        }

            .withdrawal_wrap .deposit_target_wrap .target_wrap_nav .target_nav_row {
                width: 90px;
                justify-content: center;
                background: #060b10;
                border: .5mm solid rgba(0,0,0,0);
                align-items: center;
                border-radius: 999rem;
                padding: 4px 10px;
                gap: 5px;
                cursor: pointer;
                transition: .2s
            }

                .withdrawal_wrap .deposit_target_wrap .target_wrap_nav .target_nav_row img {
                    width: 26px
                }

                .withdrawal_wrap .deposit_target_wrap .target_wrap_nav .target_nav_row span {
                    font-size: 12px;
                    color: #969696;
                    transition: .4s;
                    font-family: montserrat-r
                }

            .withdrawal_wrap .deposit_target_wrap .target_wrap_nav .target_nav {
                background: #1a1935;
                border: .5mm solid #2d3b8e
            }

                .withdrawal_wrap .deposit_target_wrap .target_wrap_nav .target_nav span {
                    color: #fff
                }

        .withdrawal_wrap .deposit_target_wrap .target_payment {
            width: 100%
        }

        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con {
            width: 100%;
            padding: 5px 0 15px
        }

            .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .title_con {
                width: 100%;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 10px
            }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .title_con .title {
                    font-size: 12px;
                    color: #5a5a5a
                }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .title_con .subtitle {
                    font-size: 12px;
                    color: #fff
                }

            .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap {
                width: 100%;
                border-radius: 999rem
            }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row {
                    width: 100%;
                    padding: 6px 15px;
                    background: #060b10;
                    border: .5mm solid #2d3b8e;
                    border-radius: 999rem;
                    justify-content: space-between;
                    align-items: center;
                    cursor: pointer;
                    gap: 10px;
                    position: relative
                }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row .crypto_icon {
                        width: 26px;
                        cursor: pointer
                    }

                        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row .crypto_icon img {
                            width: 26px
                        }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row .crypto_name {
                        width: 25%;
                        color: #fff;
                        font-size: 12px;
                        text-align: left;
                        cursor: pointer;
                        font-family: montserrat-r
                    }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row span {
                        width: 20%;
                        color: #969696;
                        font-size: 12px;
                        cursor: pointer
                    }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row .balance_amount {
                        color: #fff;
                        width: 35%;
                        overflow: hidden;
                        text-align: right;
                        text-overflow: ellipsis;
                        font-size: 12px;
                        cursor: pointer;
                        font-family: montserrat-r
                    }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row i {
                        color: #969696;
                        cursor: pointer
                    }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_dropdown {
                    display: none;
                    width: 100%;
                    max-height: 300px;
                    background: #060b10;
                    position: absolute;
                    justify-content: flex-start;
                    align-items: flex-start;
                    padding: 5px;
                    top: 0;
                    left: 0;
                    border-radius: 18px;
                    gap: 3px;
                    overflow: auto;
                    z-index: 10
                }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_dropdown::-webkit-scrollbar {
                        width: 5px
                    }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_dropdown::-webkit-scrollbar-track {
                        margin-top: 20px;
                        margin-bottom: 20px
                    }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_dropdown::-webkit-scrollbar-thumb {
                        background: #162c58;
                        border-radius: 10px
                    }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_dropdown .currency_select {
                        width: 100%;
                        justify-content: flex-start;
                        align-items: center;
                        padding: 4px 20px;
                        gap: 10px;
                        transition: .4s;
                        border-radius: 999rem
                    }

                        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_dropdown .currency_select .crypto_name {
                            flex: 1
                        }

                        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_dropdown .currency_select .balance_amount {
                            color: #b2b2b2
                        }

                        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_dropdown .currency_select:hover {
                            background: #1a1935
                        }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_dropdown .select_target {
                        background: #1a1935
                    }

            .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .crypto_choose_row {
                width: 100%;
                gap: 10px;
                border-radius: 999rem
            }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .crypto_choose_row .crypto_choose {
                    background: #060b10;
                    border: .5mm solid rgba(0,0,0,0);
                    padding: 8px 22px;
                    border-radius: 999rem;
                    font-size: 14px;
                    letter-spacing: .4px;
                    color: #969696;
                    transition: .4s;
                    cursor: pointer;
                    font-family: montserrat-r
                }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .crypto_choose_row .crypto_target {
                    background: #1a1935;
                    border: .5mm solid #2d3b8e;
                    color: #fff
                }

            .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_payment_con {
                width: 100%;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 8px
            }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_payment_con .fiat_payment_block {
                    width: 100%;
                    padding: 15px;
                    border-radius: 20px;
                    background: #060b10;
                    border: .5mm solid rgba(0,0,0,0);
                    transition: .4s;
                    cursor: pointer;
                    gap: 10px;
                    align-items: center
                }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_payment_con .fiat_payment_block img {
                        width: 70%
                    }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_payment_con .fiat_payment_block span {
                        color: #5c6368;
                        font-size: 12px;
                        letter-spacing: .4px
                    }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_payment_con .block_target {
                    border: .5mm solid #2d3b8e
                }

            .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form {
                width: 100%;
                justify-content: flex-start;
                align-items: flex-start
            }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .textbox_wrap {
                    width: 100%
                }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .textbox_wrap .input_wrap {
                        width: 100%;
                        position: relative
                    }

                        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .textbox_wrap .input_wrap span {
                            color: #fff;
                            position: absolute;
                            left: 20px;
                            font-size: 12px;
                            top: 50%;
                            transform: translateY(-50%)
                        }

                        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .textbox_wrap .input_wrap input {
                            width: 100%;
                            border-radius: 999rem;
                            padding: 12px 40px;
                            background: #000;
                            border: 1px solid #ededed;
                            color: #ededed
                        }

                            .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .textbox_wrap .input_wrap input:focus {
                                outline: 0
                            }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .textbox_wrap .amount_choose_con {
                        width: 100%;
                        margin: 10px 0;
                        justify-content: flex-start;
                        gap: 10px
                    }

                        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .textbox_wrap .amount_choose_con .amount_choose {
                            flex: 1;
                            padding: 7px 20px;
                            border-radius: 999rem;
                            background: #060b10;
                            border: .5mm solid rgba(0,0,0,0);
                            color: #969696;
                            transition: .4s;
                            cursor: pointer;
                            text-align: center;
                            font-size: 12px
                        }

                            .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .textbox_wrap .amount_choose_con .amount_choose span {
                                font-size: 12px
                            }

                        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .textbox_wrap .amount_choose_con .amount_target {
                            background: #1a1935;
                            border: .5mm solid #2d3b8e;
                            color: #fff
                        }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .btn_wrap {
                    margin: 10px 0;
                    justify-content: center;
                    align-items: center;
                    width: 100%
                }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_form .btn_wrap button {
                        width: 50%;
                        border-radius: 999rem;
                        padding: 8px 20px;
                        border: 0;
                        color: #fff;
                        background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                        letter-spacing: .4px;
                        font-family: montserrat-b
                    }

        .withdrawal_wrap .deposit_target_wrap .deposit_qr_con {
            width: 100%;
            margin: 20px 0;
            background: #000811;
            padding: 15px;
            gap: 15px;
            border-radius: 10px;
            align-items: center
        }

            .withdrawal_wrap .deposit_target_wrap .deposit_qr_con .qr_left {
                flex: 1;
                gap: 5px;
                align-items: flex-start
            }

                .withdrawal_wrap .deposit_target_wrap .deposit_qr_con .qr_left .title {
                    font-size: 12px;
                    color: #5a5a5a
                }

                    .withdrawal_wrap .deposit_target_wrap .deposit_qr_con .qr_left .title span {
                        color: #2bb46b
                    }

                .withdrawal_wrap .deposit_target_wrap .deposit_qr_con .qr_left .qr_address {
                    width: 90%;
                    padding: 5px;
                    color: #2bb46b;
                    font-size: 12px;
                    word-break: break-all;
                    letter-spacing: .5px;
                    font-family: montserrat-r;
                    letter-spacing: .4px
                }

                .withdrawal_wrap .deposit_target_wrap .deposit_qr_con .qr_left .btn {
                    border-radius: 10px;
                    background: #060b10;
                    width: -moz-fit-content;
                    width: fit-content;
                    padding: 7px 22px;
                    border: .5mm solid #2d3b8e;
                    color: #c6c6c5;
                    margin-top: 10px;
                    font-size: 12px;
                    justify-content: center;
                    align-items: center;
                    font-family: montserrat-r
                }

            .withdrawal_wrap .deposit_target_wrap .deposit_qr_con img {
                width: 35%;
                max-width: 180px;
                border-radius: 15px
            }

        .withdrawal_wrap .deposit_target_wrap .crypto_remark {
            width: 97%;
            margin: -15px auto 15px;
            font-size: 12px;
            color: #5c6368;
            letter-spacing: .4px;
            font-family: montserrat-r
        }

            .withdrawal_wrap .deposit_target_wrap .crypto_remark span {
                margin-right: 3px
            }

        .withdrawal_wrap .deposit_target_wrap .textbox_wrap {
            width: 100%;
            gap: 5px;
            margin: 10px 0 0
        }

            .withdrawal_wrap .deposit_target_wrap .textbox_wrap .textbox_text {
                font-size: 12px;
                color: #5a5a5a;
                font-family: montserrat-m;
                letter-spacing: .4px;
                padding: 0 5px
            }

            .withdrawal_wrap .deposit_target_wrap .textbox_wrap .section_textbox {
                width: 100%;
                background: #000811;
                border: 1px solid #2b3990;
                border-radius: 999rem;
                padding: .6rem 1rem;
                font-size: .7rem;
                color: #fff
            }

        .withdrawal_wrap .deposit_target_wrap .payment_name {
            width: 100% !important;
            color: #969696 !important
        }

.withdrawal_notice {
    color: red;
    font-size: 10px;
    text-align: center;
    margin-top: 10px
}


.choose_target, .option_name {
    font-size: 13px;
    padding: 2px;
    color: #fff
}



.bonus_wrap {
    width: 100%
}

    .bonus_wrap .bonus_nav_wrap {
        width: 100%;
        align-items: center;
        background: rgba(159,159,159,.2);
        border-radius: 9px;
        padding: 10px 15px;
        box-shadow: 0px 0px 10px #000;
        overflow: hidden;
        gap: 15px
    }

        .bonus_wrap .bonus_nav_wrap img {
            width: 20px
        }

        .bonus_wrap .bonus_nav_wrap .bonus_status {
            color: #fff;
            font-size: 11px
        }

        .bonus_wrap .bonus_nav_wrap i {
            color: #2bb46b;
            margin-left: auto
        }

.bonus_infor_wrap {
    width: 100%;
    padding: 12px 0;
    gap: 15px
}

    .bonus_infor_wrap .bonus_infor_row {
        width: 100%;
        padding: 10px;
        background: #0f2d29;
        border-radius: 10px;
        box-shadow: 0px 0px 10px rgba(0,0,0,.4);
        gap: 10px;
        align-items: stretch
    }

        .bonus_infor_wrap .bonus_infor_row .bonus_img_wrap {
            width: 100%
        }

            .bonus_infor_wrap .bonus_infor_row .bonus_img_wrap img {
                width: 100%
            }

        .bonus_infor_wrap .bonus_infor_row .bonus_infor_col {
            flex: 1;
            align-items: flex-start;
            gap: 5px
        }

            .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_title {
                color: #2bb46b;
                font-size: 16px;
                font-weight: 600;
                letter-spacing: .4px
            }

            .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_desc {
                padding-left: 5px;
                color: #fff;
                font-size: 10px;
                letter-spacing: .4px
            }

            .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row {
                width: 100%;
                gap: 15px;
                margin-top: 12px
            }

                .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time {
                    flex: 1;
                    justify-content: flex-start;
                    align-items: flex-start;
                    gap: 5px
                }

                    .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time .title {
                        color: gray;
                        font-size: 9px
                    }

                    .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time .remaining_time_row {
                        width: 100%;
                        justify-content: center;
                        align-items: center;
                        gap: 10px
                    }

                        .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time .remaining_time_row .timer_block {
                            width: -moz-fit-content;
                            width: fit-content;
                            padding: 5px 15px;
                            border: .6mm solid #2bb46b;
                            border-radius: 5px;
                            gap: 20px
                        }

                            .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time .remaining_time_row .timer_block span {
                                font-size: 8px;
                                color: #fff
                            }

                        .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time .remaining_time_row .timer_con {
                            gap: 3px
                        }

                        .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time .remaining_time_row .time {
                            font-family: "digital";
                            color: #2bb46b;
                            font-size: 18px;
                            font-weight: 700;
                            letter-spacing: .4px;
                            min-width: 18px;
                            text-align: center
                        }

                        .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time .remaining_time_row .hour_con, .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time .remaining_time_row .min_con {
                            position: relative
                        }

                            .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time .remaining_time_row .hour_con::after, .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_remaining_time .remaining_time_row .min_con::after {
                                content: ":";
                                position: absolute;
                                color: #2bb46b;
                                font-size: 20px;
                                top: 2px;
                                right: -12px;
                                font-weight: 900;
                                font-family: "digital"
                            }

                .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_btn_wrap {
                    width: 100%;
                    justify-content: center;
                    align-items: center;
                    gap: 5px
                }

                    .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_btn_wrap .info_btn {
                        background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                        border: 0;
                        font-family: monumentextended-r;
                        font-size: 9px;
                        white-space: nowrap;
                        border-radius: 13px;
                        padding: .5rem 1rem;
                        text-transform: uppercase;
                        letter-spacing: .8px;
                        text-decoration: none;
                        color: #000
                    }

                    .bonus_infor_wrap .bonus_infor_row .bonus_infor_col .infor_row .infor_btn_wrap .apply_btn {
                        font-size: 9px;
                        white-space: nowrap;
                        border-radius: 13px;
                        padding: .5rem 1rem;
                        text-transform: uppercase;
                        letter-spacing: .8px;
                        background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                        color: #fff;
                        border: 0;
                        font-family: monumentextended-r
                    }

.bonus_row {
    width: 100%;
    justify-content: flex-start !important
}

    .bonus_row img {
        width: 18px
    }

    .bonus_row::after {
        left: 0
    }

.bonus_info_wrap {
    width: 100%;
    padding: 20px
}

    .bonus_info_wrap .promotion_top {
        width: 100%;
        gap: 30px;
        text-decoration: none;
        color: #fff;
        font-size: 13px
    }

        .bonus_info_wrap .promotion_top i {
            color: #fff
        }

    .bonus_info_wrap .promotion_join_wrap {
        width: 100%;
        align-items: flex-end;
        gap: 15px;
        margin-bottom: 15px
    }

        .bonus_info_wrap .promotion_join_wrap button {
            font-size: 12px;
            padding: 10px 20px;
            white-space: nowrap;
            background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
            border-radius: 5px;
            font-family: monumentextended-r;
            color: #fff
        }

        .bonus_info_wrap .promotion_join_wrap .infor_remaining_time {
            flex: 1;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 5px
        }

            .bonus_info_wrap .promotion_join_wrap .infor_remaining_time .title {
                color: gray;
                font-size: 9px
            }

            .bonus_info_wrap .promotion_join_wrap .infor_remaining_time .remaining_time_row {
                width: 100%;
                justify-content: flex-start;
                align-items: center;
                gap: 10px
            }

                .bonus_info_wrap .promotion_join_wrap .infor_remaining_time .remaining_time_row .timer_block {
                    width: -moz-fit-content;
                    width: fit-content;
                    padding: 5px 15px;
                    border: 1px solid #2bb46b;
                    border-radius: 5px;
                    gap: 20px
                }

                    .bonus_info_wrap .promotion_join_wrap .infor_remaining_time .remaining_time_row .timer_block span {
                        font-size: 8px;
                        color: #fff
                    }

                .bonus_info_wrap .promotion_join_wrap .infor_remaining_time .remaining_time_row .timer_con {
                    gap: 3px
                }

                .bonus_info_wrap .promotion_join_wrap .infor_remaining_time .remaining_time_row .time {
                    font-family: "digital";
                    color: #2bb46b;
                    font-size: 18px;
                    font-weight: 700;
                    letter-spacing: .4px;
                    min-width: 18px;
                    text-align: center
                }

                .bonus_info_wrap .promotion_join_wrap .infor_remaining_time .remaining_time_row .hour_con, .bonus_info_wrap .promotion_join_wrap .infor_remaining_time .remaining_time_row .min_con {
                    position: relative
                }

                    .bonus_info_wrap .promotion_join_wrap .infor_remaining_time .remaining_time_row .hour_con::after, .bonus_info_wrap .promotion_join_wrap .infor_remaining_time .remaining_time_row .min_con::after {
                        content: ":";
                        position: absolute;
                        color: #2bb46b;
                        font-size: 20px;
                        top: 2px;
                        right: -12px;
                        font-weight: 900;
                        font-family: "digital"
                    }

    .bonus_info_wrap .promo_dec_img {
        width: 100%;
        margin: 15px 0;
        align-items: center;
        box-shadow: 0px 0px 10px rgba(0,0,0,.363)
    }

        .bonus_info_wrap .promo_dec_img img {
            width: 100%
        }

    .bonus_info_wrap .title {
        color: #fff;
        font-size: 1.2rem;
        font-family: montserrat-b
    }

    .bonus_info_wrap .date {
        color: #fff;
        font-size: .8rem;
        letter-spacing: .7px;
        margin: 1% 0
    }

        .bonus_info_wrap .date span {
            color: #ff0
        }

    .bonus_info_wrap p {
        margin: 2% 0;
        color: #a7a9ac;
        font-family: montserrat-r;
        font-size: .7rem;
        letter-spacing: .5px
    }

    .bonus_info_wrap .sub_title {
        font-size: .9rem;
        margin-top: 4%
    }

    .bonus_info_wrap .promo_table_wrap {
        width: 100%;
        overflow: auto
    }

        .bonus_info_wrap .promo_table_wrap .promo_table {
            width: 100%;
            font-size: .65rem;
            color: #fff
        }

            .bonus_info_wrap .promo_table_wrap .promo_table th, .bonus_info_wrap .promo_table_wrap .promo_table td {
                padding: .4rem .5rem;
                text-align: center
            }

            .bonus_info_wrap .promo_table_wrap .promo_table th {
                background: #414042
            }

            .bonus_info_wrap .promo_table_wrap .promo_table td {
                background: #939598
            }

    .bonus_info_wrap .promo_list {
        margin-top: 5%;
        width: 100%;
        list-style-type: upper-greek;
        padding-left: 5%
    }

        .bonus_info_wrap .promo_list li {
            color: #a7a9ac;
            font-size: .7rem;
            letter-spacing: .7px;
            text-align: left;
            margin-bottom: 3%;
            line-height: 1.4
        }


.pass_title {
    color: #b7ffd9 !important
}

.tour_table_wrap .tour_extand_table tr:nth-child(1), .tour_table_wrap .tour_extand_table tr:nth-child(2), .tour_table_wrap .tour_extand_table tr:nth-child(3), .tour_table_wrap .tour_extand_table tr:nth-child(4), .tour_table_wrap .tour_extand_table tr:nth-child(5) {
    display: table-row
}

.tour_table_wrap .tour_extand_table tr {
    display: none
}

.tour_table_wrap_open .tour_extand_table tr {
    display: table-row
}

.blink_effect {
    animation: blink 2s ease-in-out infinite
}

.color_effect {
    animation: change_color 2s ease-in-out infinite
}


.backTop {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 80px;
    right: 20px;
    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
    border-radius: 999rem;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: none;
    z-index: 9
}

    .backTop i {
        color: #fff
    }

.earn_axtra_wrap {
    width: 100%;
    justify-content: center;
    align-items: stretch;
    gap: 10px
}

    .earn_axtra_wrap .earn_extra_block {
        flex: 1;
        position: relative;
        border-radius: 20px
    }

        .earn_axtra_wrap .earn_extra_block:nth-child(1) {
            background-image: url(../Images/earn_extra/extra_bg1.png);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat
        }

        .earn_axtra_wrap .earn_extra_block:nth-child(2) {
            background-image: url(../Images/earn_extra/extra_bg2.png);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat
        }

        .earn_axtra_wrap .earn_extra_block .block_infor {
            width: 100%;
            padding: 25px;
            justify-content: center;
            align-items: center;
            gap: 10px
        }

            .earn_axtra_wrap .earn_extra_block .block_infor .title {
                text-transform: uppercase;
                font-family: montserrat-b;
                color: #fff;
                font-size: 21px;
                letter-spacing: .6px;
                width: 100%;
                white-space: nowrap;
                text-align: center
            }

                .earn_axtra_wrap .earn_extra_block .block_infor .title span {
                    font-family: montserrat-b;
                    color: #2bb46b;
                    letter-spacing: .6px
                }

            .earn_axtra_wrap .earn_extra_block .block_infor .desc {
                color: #fff;
                font-size: 12px;
                letter-spacing: .4px;
                line-height: 1.4;
                text-align: center;
                width: 100%
            }

            .earn_axtra_wrap .earn_extra_block .block_infor .more_btn {
                background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                padding: 9px 0;
                font-size: 12px;
                border-radius: 999rem;
                color: #fff;
                cursor: pointer;
                text-decoration: none;
                white-space: nowrap;
                margin-left: 10px;
                width: 100px;
                text-align:center
            }

        .earn_axtra_wrap .earn_extra_block .block_img_wrap {
            width: 50%;
            margin: 5% auto 2%;
            position: relative;
            max-width: 200px
        }

            .earn_axtra_wrap .earn_extra_block .block_img_wrap img {
                width: 100%
            }

            .earn_axtra_wrap .earn_extra_block .block_img_wrap .item_1 {
                z-index: 3;
                width: 90%;
                position: relative;
                animation: float 6s ease-in-out infinite
            }

            .earn_axtra_wrap .earn_extra_block .block_img_wrap .item_2 {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 100%;
                transform: translate(-50%, -50%)
            }

            .earn_axtra_wrap .earn_extra_block .block_img_wrap .coin_1 {
                width: 30%;
                position: absolute;
                top: 3%;
                left: -8%;
                animation: p1 4s ease-in-out infinite
            }

            .earn_axtra_wrap .earn_extra_block .block_img_wrap .coin_2 {
                width: 24%;
                position: absolute;
                left: 73%;
                animation: p2 9s ease-in-out infinite
            }

            .earn_axtra_wrap .earn_extra_block .block_img_wrap .coin_3 {
                position: absolute;
                left: 0;
                animation: float 9s ease-in-out infinite
            }

            .earn_axtra_wrap .earn_extra_block .block_img_wrap .coin_4 {
                position: absolute;
                top: 0;
                left: 0;
                animation: float 10s ease-in-out infinite
            }

        .earn_axtra_wrap .earn_extra_block .block_big_img_wrap {
            width: 60%
        }

.earn_wallet_row {
    width: 100%;
    margin: 10px 0 15px;
    gap: 10px
}

    .earn_wallet_row .title_row {
        width: 100%;
        padding: 5px 15px;
        justify-content: flex-start;
        align-items: center;
        gap: 15px
    }

        .earn_wallet_row .title_row .circle {
            position: relative;
            width: 10px;
            height: 10px
        }

            .earn_wallet_row .title_row .circle:before {
                content: "";
                position: absolute;
                display: block;
                top: 50%;
                left: 50%;
                width: 250%;
                height: 250%;
                box-sizing: border-box;
                border-radius: 45px;
                background-color: red;
                animation: pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite
            }

            .earn_wallet_row .title_row .circle:after {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                display: block;
                width: 100%;
                height: 100%;
                background-color: red;
                border-radius: 50px;
                animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite
            }

        .earn_wallet_row .title_row .title {
            color: gray;
            font-size: 12px;
            letter-spacing: .4px
        }

    .earn_wallet_row .earn_wallet_block {
        width: 100%;
        padding: 18px;
        padding-bottom: 5px;
        background: #343434;
        box-shadow: 0px 0px 10px #000;
        border-radius: 10px;
        gap: 10px
    }

        .earn_wallet_row .earn_wallet_block .earn_wallet_infor_row {
            width: 100%;
            justify-content: flex-start;
            align-items: flex-end;
            gap: 20px
        }

            .earn_wallet_row .earn_wallet_block .earn_wallet_infor_row .icon {
                width: 50px
            }

                .earn_wallet_row .earn_wallet_block .earn_wallet_infor_row .icon img {
                    width: 100%
                }

            .earn_wallet_row .earn_wallet_block .earn_wallet_infor_row .reward_col {
                flex: 1;
                gap: 8px
            }

                .earn_wallet_row .earn_wallet_block .earn_wallet_infor_row .reward_col .title {
                    width: 100%;
                    color: gray;
                    text-align: left;
                    font-size: 12px
                }

                .earn_wallet_row .earn_wallet_block .earn_wallet_infor_row .reward_col .reward_amount {
                    width: 100%;
                    text-align: end;
                    border-bottom: 1px solid gray;
                    font-family: montserrat-m;
                    color: #7aeeb9;
                    font-size: 24px;
                    padding-bottom: 5px;
                    letter-spacing: .6px;
                    animation: text-shadow 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite
                }

        .earn_wallet_row .earn_wallet_block .earn_ranking_carousel {
            width: 100%;
            position: relative;
            overflow: hidden;
            height: 45px;
            list-style-type: none;
            padding: 0
        }

            .earn_wallet_row .earn_wallet_block .earn_ranking_carousel .earn_wallet_ranking_row {
                width: 100%;
                height: 45px;
                justify-content: center;
                align-items: center;
                gap: 10px
            }

                .earn_wallet_row .earn_wallet_block .earn_ranking_carousel .earn_wallet_ranking_row .coin {
                    width: 20px
                }

                    .earn_wallet_row .earn_wallet_block .earn_ranking_carousel .earn_wallet_ranking_row .coin img {
                        width: 100%
                    }

                .earn_wallet_row .earn_wallet_block .earn_ranking_carousel .earn_wallet_ranking_row .ranking_info {
                    width: -moz-fit-content;
                    width: fit-content;
                    align-items: center;
                    gap: 3px;
                    color: #858585;
                    font-size: 12px
                }

                    .earn_wallet_row .earn_wallet_block .earn_ranking_carousel .earn_wallet_ranking_row .ranking_info .name {
                        color: #fff;
                        font-size: 12px
                    }

                    .earn_wallet_row .earn_wallet_block .earn_ranking_carousel .earn_wallet_ranking_row .ranking_info span {
                        color: #7aeeb9;
                        font-size: 12px
                    }

.referral_popup_infor_wrap {
    width: 100%;
    padding: 20px 0;
    gap: 20px;
    padding-bottom: 40px
}

    .referral_popup_infor_wrap .sm_title {
        width: 100%;
        color: #fff;
        font-size: 13px;
        text-align: left
    }

    .referral_popup_infor_wrap .referral_title_row {
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 15px
    }

        .referral_popup_infor_wrap .referral_title_row .sm_title {
            width: -moz-fit-content;
            width: fit-content
        }

        .referral_popup_infor_wrap .referral_title_row .title_img {
            width: 26px
        }

            .referral_popup_infor_wrap .referral_title_row .title_img img {
                width: 100%
            }

            .referral_popup_infor_wrap .referral_title_row .title_img .right {
                transform: rotate(180deg)
            }

    .referral_popup_infor_wrap .referral_step_wrap {
        width: 100%;
        justify-content: center;
        gap: 20px
    }

        .referral_popup_infor_wrap .referral_step_wrap .referral_step_block {
            width: 100%;
            position: relative;
            padding: 18px 20px;
            background: #292c31;
            border-radius: 10px 50px 50px 10px;
            gap: 5px;
            overflow: hidden;
            z-index: 2
        }

            .referral_popup_infor_wrap .referral_step_wrap .referral_step_block img {
                position: absolute;
                width: 200px;
                right: 60px;
                z-index: -1;
                top: 50%;
                transform: translateY(-50%)
            }

            .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_status {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 1%;
                width: 60px;
                height: 60px;
                background: #111;
                border-radius: 999rem;
                justify-content: center;
                align-items: center
            }

                .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_status span {
                    font-size: 28px;
                    color: rgba(43,180,107,.8431372549);
                    font-family: montserrat-b;
                    line-height: .8
                }

            .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_title {
                width: 80%;
                color: #fff;
                font-size: 14px;
                font-family: montserrat-m
            }

                .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_title span {
                    color: #92f0c3;
                    font-family: montserrat-m
                }

            .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_infor {
                font-size: 10px;
                color: #fff;
                width: 80%
            }

    .referral_popup_infor_wrap .rules_table_wrap {
        width: 100%;
        box-shadow: 0px 0px 10px rgba(0,0,0,.3)
    }

        .referral_popup_infor_wrap .rules_table_wrap .rules_table_title {
            width: 100%;
            justify-content: center;
            align-items: center;
            background: #414042
        }

            .referral_popup_infor_wrap .rules_table_wrap .rules_table_title .table_title {
                color: #fff;
                font-size: 10px;
                flex: 1;
                text-align: center;
                padding: 14px;
                letter-spacing: .4px
            }

        .referral_popup_infor_wrap .rules_table_wrap .rules_table_col {
            width: 100%;
            justify-content: center;
            align-items: center
        }

            .referral_popup_infor_wrap .rules_table_wrap .rules_table_col .rules_table_row {
                width: 100%;
                justify-content: center;
                align-items: center
            }

                .referral_popup_infor_wrap .rules_table_wrap .rules_table_col .rules_table_row div {
                    flex: 1;
                    text-align: center;
                    font-size: 11px;
                    padding: 12px;
                    justify-content: center;
                    align-items: center;
                    color: #fff;
                    font-family: montserrat-m
                }

                .referral_popup_infor_wrap .rules_table_wrap .rules_table_col .rules_table_row .amount {
                    color: #e09737;
                    justify-content: center;
                    gap: 5px;
                    font-size: 12px
                }

                    .referral_popup_infor_wrap .rules_table_wrap .rules_table_col .rules_table_row .amount img {
                        width: 20px
                    }

                .referral_popup_infor_wrap .rules_table_wrap .rules_table_col .rules_table_row:nth-child(odd) {
                    background: #161616
                }

                .referral_popup_infor_wrap .rules_table_wrap .rules_table_col .rules_table_row:nth-child(even) {
                    background: #222
                }

.earn_form_row {
    width: 100%;
    padding: 5px;
    align-items: stretch;
    overflow: hidden;
    gap: 15px
}

    .earn_form_row .earn_block_row {
        width: 100%;
        gap: 15px
    }

        .earn_form_row .earn_block_row .earn_block {
            width: 100%;
            background: #424345;
            padding: 25px;
            border-radius: 5px;
            align-items: stretch;
            gap: 20px
        }

            .earn_form_row .earn_block_row .earn_block .icon {
                width: 10%
            }

                .earn_form_row .earn_block_row .earn_block .icon img {
                    width: 100%
                }

                .earn_form_row .earn_block_row .earn_block .icon .coin {
                    animation: coin-rotate 2.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite
                }

            .earn_form_row .earn_block_row .earn_block .block_infor_col {
                flex: 1;
                justify-content: space-between;
                align-items: flex-start;
                gap: 3px
            }

                .earn_form_row .earn_block_row .earn_block .block_infor_col .title {
                    font-size: 12px;
                    color: gray
                }

                .earn_form_row .earn_block_row .earn_block .block_infor_col .infor {
                    font-size: 18px;
                    font-family: montserrat-b;
                    color: #e4c431;
                    letter-spacing: .6px
                }

                .earn_form_row .earn_block_row .earn_block .block_infor_col .amount {
                    font-size: 22px
                }

        .earn_form_row .earn_block_row .earn_withdraw_block {
            width: 100%;
            background: #424345;
            border-radius: 5px
        }

            .earn_form_row .earn_block_row .earn_withdraw_block .reward_title_row {
                width: 100%;
                padding: 15px;
                background: rgba(247,212,51,.9098039216);
                border-radius: 5px 5px 0 0
            }

                .earn_form_row .earn_block_row .earn_withdraw_block .reward_title_row .title {
                    font-size: 12px;
                    text-transform: uppercase;
                    color: #000
                }

            .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block {
                width: 100%;
                overflow: auto
            }

                .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap {
                    width: 100%;
                    min-width: 900px;
                    padding: 5px 10px
                }

                    .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap::-webkit-scrollbar {
                        width: 4px
                    }

                    .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap::-webkit-scrollbar-track {
                        background: rgba(0,0,0,0);
                        margin-top: 10px
                    }

                    .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap::-webkit-scrollbar-thumb {
                        background-color: #7a7a7a;
                        border-radius: 10px
                    }

                    .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title {
                        width: 100%;
                        justify-content: center;
                        align-items: center;
                        border-bottom: 1px dashed gray
                    }

                        .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .flex1 {
                            flex: 1
                        }

                        .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title {
                            color: #9e9e9e;
                            font-size: 11px;
                            text-align: center;
                            padding: 9px 20px;
                            letter-spacing: .4px
                        }

                            .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title:first-child {
                                text-align: left;
                                width: 100px
                            }

                            .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title:last-child {
                                text-align: right
                            }

                        .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .remark_title {
                            width: 40%;
                            text-align: center !important
                        }

                    .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col {
                        width: 100%;
                        justify-content: center;
                        align-items: center
                    }

                        .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row {
                            width: 100%;
                            justify-content: center;
                            align-items: center
                        }

                            .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .infor {
                                flex: 1;
                                text-align: center;
                                font-size: 12px;
                                padding: 10px 20px;
                                justify-content: center;
                                align-items: center;
                                color: #fff
                            }

                            .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .id {
                                color: #a0a0a0;
                                text-align: left;
                                font-size: 12px;
                                padding: 10px 23px
                            }

                            .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .name {
                                color: #7aeeb9;
                                text-align: center
                            }

                            .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .remark {
                                width: 40%;
                                word-break: break-word;
                                text-align: left !important
                            }

                            .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row:nth-child(even) {
                                background: #333
                            }

            .earn_form_row .earn_block_row .earn_withdraw_block .reward_infor_bottom_block {
                width: 100%;
                padding: 18px;
                background: rgba(255,255,255,.12)
            }

            .earn_form_row .earn_block_row .earn_withdraw_block .title_row {
                width: 100%;
                padding: 10px 15px;
                gap: 10px;
                background: #7d8f8f;
                align-items: center
            }

                .earn_form_row .earn_block_row .earn_withdraw_block .title_row .icon {
                    width: 30px
                }

                    .earn_form_row .earn_block_row .earn_withdraw_block .title_row .icon img {
                        width: 100%
                    }

                .earn_form_row .earn_block_row .earn_withdraw_block .title_row .title {
                    font-size: 10px;
                    font-weight: 500;
                    text-transform: uppercase;
                    color: #fff
                }

                .earn_form_row .earn_block_row .earn_withdraw_block .title_row .detail_wrap {
                    margin-left: auto;
                    gap: 10px
                }

                    .earn_form_row .earn_block_row .earn_withdraw_block .title_row .detail_wrap .detail_link:first-child {
                        border-right: 1px solid #a0a0a0;
                        padding-right: 10px
                    }

                .earn_form_row .earn_block_row .earn_withdraw_block .title_row .detail_link {
                    color: #7aeeb9;
                    font-size: 10px;
                    font-weight: 500;
                    margin-left: auto;
                    cursor: pointer;
                    text-decoration: none
                }

            .earn_form_row .earn_block_row .earn_withdraw_block .withdraw_amount {
                width: 100%;
                padding: 20px;
                font-size: 18px;
                font-family: montserrat-b;
                color: #e4c431;
                letter-spacing: .6px;
                text-align: center
            }

            .earn_form_row .earn_block_row .earn_withdraw_block button {
                width: 100%;
                padding: 13px 15px;
                background: #7d8f8f;
                color: #7aeeb9;
                border: 0;
                font-size: 12px;
                font-family: montserrat-l
            }

        .earn_form_row .earn_block_row .earn_reward_block {
            position: relative;
            z-index: 2;
            animation: box-shadow 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite
        }

    .earn_form_row .earn_right_col {
        width: 100%;
        gap: 15px;
        position: relative;
        z-index: 3
    }

        .earn_form_row .earn_right_col .extra_banner {
            width: 100%;
            position: relative
        }

            .earn_form_row .earn_right_col .extra_banner img {
                width: 100%
            }

            .earn_form_row .earn_right_col .extra_banner .qr {
                position: absolute;
                width: 30%;
                top: 65%;
                left: 70%;
                transform: translate(-30%, -50%);
                z-index: 99
            }

        .earn_form_row .earn_right_col .textbox_col {
            width: 100%;
            align-items: flex-start
        }

            .earn_form_row .earn_right_col .textbox_col .title {
                font-size: 12px;
                color: #fff;
                margin-bottom: 10px
            }

            .earn_form_row .earn_right_col .textbox_col .textbox_wrap {
                width: 100%;
                padding: 15px;
                gap: 12px;
                box-shadow: 0px 0px 10px rgba(0,0,0,.3);
                background: rgba(255,255,255,.1);
                border-radius: 5px
            }

                .earn_form_row .earn_right_col .textbox_col .textbox_wrap .text {
                    flex: 1;
                    border: 0;
                    border-right: 1px solid #7aeeb9;
                    background: none;
                    font-size: 12px;
                    color: #7aeeb9;
                    outline: 0
                }

                .earn_form_row .earn_right_col .textbox_col .textbox_wrap img {
                    width: 20px;
                    cursor: pointer
                }

            .earn_form_row .earn_right_col .textbox_col .social_row {
                width: 100%;
                gap: 15px;
                align-items: center;
                flex-wrap: wrap
            }

                .earn_form_row .earn_right_col .textbox_col .social_row img {
                    width: 24px
                }

        .earn_form_row .earn_right_col .textbox_button_wrap {
            width: 100%;
            gap: 10px
        }

            .earn_form_row .earn_right_col .textbox_button_wrap button {
                flex: 1;
                padding: 10px;
                font-size: 12px;
                color: #000;
                border-radius: 3px;
                border: 0;
                font-family: montserrat-l;
                background: rgba(247,212,51,.9098039216)
            }

        .earn_form_row .earn_right_col .tnc_link {
            width: 100%;
            text-align: end;
            color: gray;
            font-size: 12px;
            margin-top: auto
        }



.tnc_wrap {
    width: 100%;
    padding: 10px 0
}

    .tnc_wrap p {
        font-family: montserrat-l;
        color: #fff;
        line-height: 1.2;
        margin: 15px 0;
        letter-spacing: .5px
    }

.block_overflow {
    overflow: auto
}

.earn_extra_footer {
    width: 100%;
    background: #000;
    padding: 50px 20px 120px
}

    .earn_extra_footer .footer_title {
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 20px
    }

        .earn_extra_footer .footer_title span {
            color: #2bb46b
        }

    .earn_extra_footer .earn_infor_wrap {
        width: 100%
    }

        .earn_extra_footer .earn_infor_wrap .earn_infor_row {
            width: 100%;
            padding: 10px;
            align-items: flex-start;
            border-bottom: 1px solid gray
        }

            .earn_extra_footer .earn_infor_wrap .earn_infor_row .earn_title_row {
                width: 100%;
                justify-content: space-between;
                align-items: center
            }

                .earn_extra_footer .earn_infor_wrap .earn_infor_row .earn_title_row .title {
                    color: #fff;
                    font-size: 13px
                }

                .earn_extra_footer .earn_infor_wrap .earn_infor_row .earn_title_row .icon {
                    width: 23px;
                    height: 23px;
                    border-radius: 999rem;
                    background: #2bb46b;
                    justify-content: center;
                    align-items: center
                }

                    .earn_extra_footer .earn_infor_wrap .earn_infor_row .earn_title_row .icon i {
                        color: #fff;
                        font-size: 7px
                    }

            .earn_extra_footer .earn_infor_wrap .earn_infor_row .infor_drop {
                display: none;
                width: 100%;
                color: #a9a9a9;
                font-size: 11px;
                padding: 10px;
                line-height: 1.3;
                letter-spacing: .4px
            }

.referral_report {
    width: 100%
}

    .referral_report .earn_report {
        width: 100%;
        height: 80vh;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto
    }

    .referral_report .earn_withdraw_block {
        width: 90%;
        background: #424345;
        border-radius: 5px
    }

        .referral_report .earn_withdraw_block .reward_title_row {
            width: 100%;
            padding: 15px;
            background: rgba(247,212,51,.9098039216);
            justify-content: space-between;
            align-items: center;
            border-radius: 5px 5px 0 0
        }

            .referral_report .earn_withdraw_block .reward_title_row .title {
                font-size: 12px;
                text-transform: uppercase;
                color: #000
            }

        .referral_report .earn_withdraw_block .reward_infor_block {
            width: 100%;
            height: 49vh;
            overflow: auto
        }

            .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap {
                width: 100%;
                min-width: 900px;
                padding: 5px 10px
            }

                .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap::-webkit-scrollbar {
                    width: 4px
                }

                .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap::-webkit-scrollbar-track {
                    background: rgba(0,0,0,0);
                    margin-top: 10px
                }

                .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap::-webkit-scrollbar-thumb {
                    background-color: #7a7a7a;
                    border-radius: 10px
                }

                .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title {
                    width: 100%;
                    justify-content: center;
                    align-items: center;
                    border-bottom: 1px dashed gray
                }

                    .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .flex1 {
                        flex: 1
                    }

                    .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title {
                        color: #9e9e9e;
                        font-size: 11px;
                        text-align: center;
                        padding: 9px 20px;
                        letter-spacing: .4px
                    }

                        .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title:first-child {
                            text-align: left;
                            width: 100px
                        }

                        .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title:last-child {
                            text-align: right
                        }

                    .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .remark_title {
                        width: 40%;
                        text-align: center !important
                    }

                .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col {
                    width: 100%;
                    justify-content: center;
                    align-items: center
                }

                    .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row {
                        width: 100%;
                        justify-content: center;
                        align-items: center
                    }

                        .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .infor {
                            flex: 1;
                            text-align: center;
                            font-size: 12px;
                            padding: 10px 20px;
                            justify-content: center;
                            align-items: center;
                            color: #fff
                        }

                        .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .id {
                            color: #a0a0a0;
                            text-align: left;
                            font-size: 12px;
                            padding: 10px 23px
                        }

                        .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .name {
                            color: #7aeeb9;
                            text-align: center
                        }

                        .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .remark {
                            width: 40%;
                            word-break: break-word;
                            text-align: left !important
                        }

                        .referral_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row:nth-child(even) {
                            background: #333
                        }

        .referral_report .earn_withdraw_block .reward_infor_bottom_block {
            width: 100%;
            padding: 18px;
            background: rgba(255,255,255,.12)
        }

        .referral_report .earn_withdraw_block .title_row {
            width: 100%;
            padding: 10px 15px;
            gap: 10px;
            background: #7d8f8f;
            align-items: center
        }

            .referral_report .earn_withdraw_block .title_row .icon {
                width: 30px
            }

                .referral_report .earn_withdraw_block .title_row .icon img {
                    width: 100%
                }

            .referral_report .earn_withdraw_block .title_row .title {
                font-size: 10px;
                font-weight: 500;
                text-transform: uppercase;
                color: #fff
            }

            .referral_report .earn_withdraw_block .title_row .detail_wrap {
                margin-left: auto;
                gap: 10px
            }

                .referral_report .earn_withdraw_block .title_row .detail_wrap .detail_link:first-child {
                    border-right: 1px solid #a0a0a0;
                    padding-right: 10px
                }

            .referral_report .earn_withdraw_block .title_row .detail_link {
                color: #7aeeb9;
                font-size: 10px;
                font-weight: 500;
                margin-left: auto;
                cursor: pointer;
                text-decoration: none
            }

        .referral_report .earn_withdraw_block .withdraw_amount {
            width: 100%;
            padding: 20px;
            font-size: 18px;
            font-family: montserrat-b;
            color: #e4c431;
            letter-spacing: .6px;
            text-align: center
        }

        .referral_report .earn_withdraw_block button {
            width: 100%;
            padding: 13px 15px;
            background: #7d8f8f;
            color: #7aeeb9;
            border: 0;
            font-size: 12px;
            font-family: montserrat-l
        }


.revenue_report {
    width: 100%
}

    .revenue_report .earn_report {
        width: 100%;
        height: 80vh;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto
    }

    .revenue_report .earn_withdraw_block {
        width: 90%;
        background: #424345;
        border-radius: 5px
    }

        .revenue_report .earn_withdraw_block .reward_title_row {
            width: 100%;
            padding: 15px;
            background: rgba(247,212,51,.9098039216);
            justify-content: space-between;
            align-items: center;
            border-radius: 5px 5px 0 0
        }

            .revenue_report .earn_withdraw_block .reward_title_row .title {
                font-size: 12px;
                text-transform: uppercase;
                color: #000
            }

        .revenue_report .earn_withdraw_block .reward_infor_block {
            width: 100%;
            height: 49vh;
            overflow: auto
        }

            .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap {
                width: 100%;
                min-width: 900px;
                padding: 5px 10px
            }

                .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap::-webkit-scrollbar {
                    width: 4px
                }

                .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap::-webkit-scrollbar-track {
                    background: rgba(0,0,0,0);
                    margin-top: 10px
                }

                .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap::-webkit-scrollbar-thumb {
                    background-color: #7a7a7a;
                    border-radius: 10px
                }

                .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title {
                    width: 100%;
                    justify-content: center;
                    align-items: center;
                    border-bottom: 1px dashed gray
                }

                    .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .flex1 {
                        flex: 1
                    }

                    .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title {
                        color: #9e9e9e;
                        font-size: 11px;
                        text-align: center;
                        padding: 9px 20px;
                        letter-spacing: .4px
                    }

                        .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title:first-child {
                            text-align: left;
                            width: 100px
                        }

                        .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title:last-child {
                            text-align: right
                        }

                    .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .remark_title {
                        width: 40%;
                        text-align: center !important
                    }

                .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col {
                    width: 100%;
                    justify-content: center;
                    align-items: center
                }

                    .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row {
                        width: 100%;
                        justify-content: center;
                        align-items: center
                    }

                        .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .infor {
                            flex: 1;
                            text-align: center;
                            font-size: 12px;
                            padding: 10px 20px;
                            justify-content: center;
                            align-items: center;
                            color: #fff
                        }

                        .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .id {
                            color: #a0a0a0;
                            text-align: left;
                            font-size: 12px;
                            padding: 10px 23px
                        }

                        .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .name {
                            color: #7aeeb9;
                            text-align: center
                        }

                        .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row .remark {
                            width: 40%;
                            word-break: break-word;
                            text-align: left !important
                        }

                        .revenue_report .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_col .rules_table_row:nth-child(even) {
                            background: #333
                        }

        .revenue_report .earn_withdraw_block .reward_infor_bottom_block {
            width: 100%;
            padding: 18px;
            background: rgba(255,255,255,.12)
        }

        .revenue_report .earn_withdraw_block .title_row {
            width: 100%;
            padding: 10px 15px;
            gap: 10px;
            background: #7d8f8f;
            align-items: center
        }

            .revenue_report .earn_withdraw_block .title_row .icon {
                width: 30px
            }

                .revenue_report .earn_withdraw_block .title_row .icon img {
                    width: 100%
                }

            .revenue_report .earn_withdraw_block .title_row .title {
                font-size: 10px;
                font-weight: 500;
                text-transform: uppercase;
                color: #fff
            }

            .revenue_report .earn_withdraw_block .title_row .detail_wrap {
                margin-left: auto;
                gap: 10px
            }

                .revenue_report .earn_withdraw_block .title_row .detail_wrap .detail_link:first-child {
                    border-right: 1px solid #a0a0a0;
                    padding-right: 10px
                }

            .revenue_report .earn_withdraw_block .title_row .detail_link {
                color: #7aeeb9;
                font-size: 10px;
                font-weight: 500;
                margin-left: auto;
                cursor: pointer;
                text-decoration: none
            }

        .revenue_report .earn_withdraw_block .withdraw_amount {
            width: 100%;
            padding: 20px;
            font-size: 18px;
            font-family: montserrat-b;
            color: #e4c431;
            letter-spacing: .6px;
            text-align: center
        }

        .revenue_report .earn_withdraw_block button {
            width: 100%;
            padding: 13px 15px;
            background: #7d8f8f;
            color: #7aeeb9;
            border: 0;
            font-size: 12px;
            font-family: montserrat-l
        }

.referral_pop .earn_block_row {
    width: 90%;
    align-items: center;
    max-width: 800px;
    margin: 10% auto;
    gap: 15px
}

    .referral_pop .earn_block_row .earn_block {
        width: 100%;
        background: #424345;
        padding: 25px;
        border-radius: 5px;
        align-items: stretch;
        gap: 20px
    }

        .referral_pop .earn_block_row .earn_block .icon {
            width: 10%
        }

            .referral_pop .earn_block_row .earn_block .icon img {
                width: 100%
            }

            .referral_pop .earn_block_row .earn_block .icon .coin {
                animation: coin-rotate 2.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite
            }

        .referral_pop .earn_block_row .earn_block .block_infor_col {
            flex: 1;
            justify-content: space-between;
            align-items: flex-start
        }

            .referral_pop .earn_block_row .earn_block .block_infor_col .title {
                font-size: 12px;
                color: gray
            }

            .referral_pop .earn_block_row .earn_block .block_infor_col .infor {
                font-size: 18px;
                font-family: "Montserret-bold";
                color: #7aeeb9;
                letter-spacing: .6px
            }

    .referral_pop .earn_block_row .earn_withdraw_block {
        width: 100%;
        background: #424345;
        border-radius: 5px;
        overflow: hidden
    }

        .referral_pop .earn_block_row .earn_withdraw_block .reward_title_row {
            width: 100%;
            padding: 15px;
            background: rgba(247,212,51,.9098039216);
            justify-content: space-between
        }

            .referral_pop .earn_block_row .earn_withdraw_block .reward_title_row .title {
                font-size: 12px;
                font-weight: 500;
                text-transform: uppercase;
                color: #000
            }

        .referral_pop .earn_block_row .earn_withdraw_block .withdrawal_pop_wrap {
            width: 100%
        }

        .referral_pop .earn_block_row .earn_withdraw_block .withdraw_amount {
            width: 100%;
            padding: 18px;
            font-size: 18px;
            font-weight: 600;
            color: #7aeeb9;
            letter-spacing: .6px;
            text-align: center;
            justify-content: center;
            align-items: center;
            gap: 10px
        }

            .referral_pop .earn_block_row .earn_withdraw_block .withdraw_amount input {
                font-size: 18px;
                font-weight: 700;
                color: #7aeeb9;
                letter-spacing: .6px;
                text-align: center;
                background: rgba(0,0,0,0);
                border: 0;
                outline: 0;
                width: 35%
            }

        .referral_pop .earn_block_row .earn_withdraw_block button {
            width: 100%;
            font-family: "Montserrat",sans-serif;
            padding: 12px;
            background: #7d8f8f;
            color: #fff;
            border: 0
        }

    .referral_pop .earn_block_row .earn_reward_block {
        position: relative;
        z-index: 2;
        animation: box-shadow 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite
    }

@keyframes slide-in-blurred-right {
    0% {
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0
    }

    100% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(0.3);
        transform-origin: center
    }

    80%,100% {
        transform: translate(-50%, -50%);
        opacity: 0
    }
}

@keyframes circle {
    0% {
        transform: scale(0.8)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8)
    }
}

@keyframes float {
    0% {
        transform: translatey(0px)
    }

    50% {
        transform: translatey(-20px)
    }

    100% {
        transform: translatey(0px)
    }
}

@keyframes p1 {
    0%,100% {
        transform: none
    }

    50% {
        transform: translateX(-10px) rotate(10deg)
    }
}

@keyframes p2 {
    0%,100% {
        transform: none
    }

    50% {
        transform: translateY(-10px) rotate(10deg)
    }
}

@keyframes box-shadow {
    0%,100% {
        box-shadow: 0px 0px 10px rgba(0,0,0,0)
    }

    50% {
        box-shadow: 0px 0px 10px rgba(122,238,186,.5607843137)
    }
}

@keyframes text-shadow {
    0%,100% {
        filter: drop-shadow(0px 0px 10px transparent)
    }

    50% {
        filter: drop-shadow(0px 0px 10px rgba(122, 238, 186, 0.5607843137))
    }
}

@keyframes coin-rotate {
    0% {
        transform: rotateY(0)
    }

    100% {
        transform: rotateY(360deg)
    }
}

.withdrawal_form_con {
    padding: 10px 0;
    gap: 4px
}

    .withdrawal_form_con .form_textbox_wrap .textbox_title {
        margin-bottom: 0
    }

    .withdrawal_form_con .deposit_currency_select_row {
        width: 100%;
        padding: .6rem 1rem;
        background: #060b10;
        border: .5mm solid #2d3b8e;
        border-radius: 999rem;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        gap: 10px;
        position: relative;
        margin: 10px 0 0
    }

        .withdrawal_form_con .deposit_currency_select_row .crypto_icon {
            width: 26px;
            cursor: pointer
        }

            .withdrawal_form_con .deposit_currency_select_row .crypto_icon img {
                width: 26px
            }

        .withdrawal_form_con .deposit_currency_select_row .crypto_name {
            width: 25%;
            color: #fff;
            font-size: 12px;
            text-align: left;
            cursor: pointer;
            font-family: montserrat-r
        }

        .withdrawal_form_con .deposit_currency_select_row span {
            width: 20%;
            color: #969696;
            font-size: 12px;
            cursor: pointer
        }

        .withdrawal_form_con .deposit_currency_select_row .balance_amount {
            color: #fff;
            width: 35%;
            overflow: hidden;
            text-align: right;
            text-overflow: ellipsis;
            font-size: 12px;
            cursor: pointer;
            font-family: montserrat-r
        }

        .withdrawal_form_con .deposit_currency_select_row i {
            color: #2a367f;
            cursor: pointer
        }

    .withdrawal_form_con .deposit_currency_select_dropdown {
        display: none;
        width: 100%;
        max-height: 300px;
        background: #060b10;
        position: absolute;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 5px;
        top: 0;
        left: 0;
        border-radius: 18px;
        gap: 3px;
        overflow: auto;
        z-index: 10
    }

        .withdrawal_form_con .deposit_currency_select_dropdown::-webkit-scrollbar {
            width: 5px
        }

        .withdrawal_form_con .deposit_currency_select_dropdown::-webkit-scrollbar-track {
            margin-top: 20px;
            margin-bottom: 20px
        }

        .withdrawal_form_con .deposit_currency_select_dropdown::-webkit-scrollbar-thumb {
            background: #162c58;
            border-radius: 10px
        }

        .withdrawal_form_con .deposit_currency_select_dropdown .currency_select {
            width: 100%;
            justify-content: flex-start;
            align-items: center;
            padding: 4px 20px;
            gap: 10px;
            transition: .4s;
            border-radius: 999rem
        }

            .withdrawal_form_con .deposit_currency_select_dropdown .currency_select .crypto_name {
                flex: 1
            }

            .withdrawal_form_con .deposit_currency_select_dropdown .currency_select .balance_amount {
                color: #b2b2b2
            }

            .withdrawal_form_con .deposit_currency_select_dropdown .currency_select:hover {
                background: #1a1935
            }

        .withdrawal_form_con .deposit_currency_select_dropdown .select_target {
            background: #1a1935
        }

.table_wrap_overflow {
    width: 100%;
    overflow: auto;
    padding: 0 10px
}

    .table_wrap_overflow table {
        min-width: 600px;
        table-layout: fixed
    }

.special_sp {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    font-size: 10px;
    gap: 5px;
    justify-content: center;
    align-items: center;
    padding: 2px 35px;
    background: #fff;
    transform: rotate(-45deg) translate(-28%, -90%);
    font-family: montserrat-b;
    letter-spacing: .6px
}

    .special_sp img {
        width: 10px !important;
    }

.hot_sp {
    color: red
}


@keyframes show {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}


.tour_sm_banner {
    width: 100%;
    position: relative;
    overflow: hidden
}

    .tour_sm_banner img {
        width: 100%
    }

    .tour_sm_banner .tour_status {
        position: absolute;
        width: 100%;
        color: #fff;
        text-align: center;
        background: rgba(192,0,0,.856);
        padding: 7px;
        top: 5%;
        left: -43%;
        text-transform: uppercase;
        transform: rotate(-45deg);
        font-weight: bold;
        letter-spacing: .4px;
        font-size: 12px
    }

.tour_extend_block {
    width: 100%;
    margin: 5px 0;
    border: 1px solid rgba(59,59,59,.432);
    border-radius: 10px;
    overflow: hidden
}

.tour_extand_table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    table-layout: fixed
}

    .tour_extand_table th {
        color: #fff;
        padding: 12px 10px;
        font-size: 11px;
        font-weight: 500
    }

    .tour_extand_table tr:first-child {
        background: linear-gradient(90deg, rgba(22, 139, 137, 0.3490196078) 0%, rgba(30, 83, 88, 0.3098039216) 99%)
    }

    .tour_extand_table tr:last-child td {
        border-bottom: 0
    }

    .tour_extand_table tr {
        background: rgba(238,243,173,0.1215686275)
    }

        .tour_extand_table tr th:last-child, .tour_extand_table tr td:last-child {
            border-right: 0
        }

    .tour_extand_table td {
        padding: 9px;
        text-align: center;
        color: #2bb46b;
        font-size: 13px;
        border-bottom: 1px solid #011019;
        border-right: 1px solid #011019
    }

        .tour_extand_table td img {
            width: 26px;
            animation: 1s ease-in-out 0s infinite alternate none running box-glow
        }

        .tour_extand_table td .rank_wrap {
            width: 100%;
            justify-content: center;
            align-items: center;
            gap: 5px
        }

            .tour_extand_table td .rank_wrap .rank {
                background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                width: 22px;
                height: 22px;
                border-radius: 999rem;
                font-size: 10px;
                color: #000;
                position: relative;
                font-weight: 600
            }

                .tour_extand_table td .rank_wrap .rank span {
                    color: #2d2d2d;
                    position: absolute;
                    top: 50%;
                    left: 49%;
                    transform: translate(-50%, -50%);
                    font-weight: 800
                }

    .tour_extand_table .text_special {
        animation: 1.6s ease-in-out 0s infinite alternate none running text-rotate;
        font-size: 16px
    }

    .tour_extand_table a {
        text-decoration: none;
        color: #2bb46b
    }

.tour_extend_button_wrap {
    padding: 10px 0;
    position: sticky;
    top: 61px;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 10px;
    z-index: 10;
    background: #011019
}

    .tour_extend_button_wrap .tour_extend_button {
        width: 100%;
        position: relative;
        cursor: pointer;
        transition: .3s
    }

        .tour_extend_button_wrap .tour_extend_button:hover {
            opacity: .6
        }

        .tour_extend_button_wrap .tour_extend_button .bg {
            width: 100%;
            border-radius: .5rem;
            cursor: pointer;
            min-height: 55px;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: right center;
            object-position: right center
        }

        .tour_extend_button_wrap .tour_extend_button span {
            position: absolute;
            top: 50%;
            left: 10%;
            transform: translateY(-50%);
            color: #fff;
            font-weight: 500;
            font-size: clamp(12px,.8vw,16px);
            cursor: pointer;
            letter-spacing: .4px
        }

@keyframes text-rotate {
    0% {
        transform: rotateX(0)
    }

    100% {
        transform: rotateX(360deg)
    }
}

@keyframes box-glow {
    from {
        filter: drop-shadow(0px 0px 10px transparent)
    }

    to {
        filter: drop-shadow(0px 0px 10px #aef4af)
    }
}

@keyframes box-glow-white {
    0%,100% {
        box-shadow: 0px 0px 15px rgba(0,0,0,0)
    }

    50% {
        box-shadow: 0px 0px 15px red
    }
}


.tour_extand_con {
    width: 100%;
    padding-bottom: 15px;
    gap: 10px
}

    .tour_extand_con .tour_extend_nav {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        gap: 10px;
        justify-content: center;
        align-items: center
    }

        .tour_extand_con .tour_extend_nav .tour_btn {
            width: -moz-fit-content;
            width: fit-content;
            padding: 9px 40px;
            font-family: montserrat-r;
            font-size: 11px;
            text-decoration: none;
            text-align: center;
            letter-spacing: .4px;
            color: #fff;
            border-radius: 999px
        }

        .tour_extand_con .tour_extend_nav .depo_btn {
            background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%)
        }

        .tour_extand_con .tour_extend_nav .tnc_btn {
            background: red
        }

        .tour_extand_con .tour_extend_nav .more_btn {
            background: #000;
            border: 1px solid #fff
        }

        .tour_extand_con .tour_extend_nav .other_btn {
            background: #545557;
            border-radius: 999px;
            border: 1px solid #fff
        }

    .tour_extand_con h1 {
        padding: 6px 15px;
        margin-bottom: 5px;
        width: 100%;
        font-size: 22px;
        color: #2bb46b;
        font-family: montserrat-b;
        text-align: center
    }

    .tour_extand_con .page_sm_title {
        border-bottom: 1px solid rgba(109,110,113,.2549019608);
        position: relative;
        width: 100%;
        align-items: center
    }

        .tour_extand_con .page_sm_title i {
            color: gray;
            width: 40px
        }

        .tour_extand_con .page_sm_title a {
            text-decoration: underline;
            font-size: 12px;
            color: #2bb46b
        }

        .tour_extand_con .page_sm_title h1 {
            font-size: 21px
        }

    .tour_extand_con .tour_extend_count {
        width: 100%;
        gap: 10px
    }

        .tour_extand_con .tour_extend_count .tour_extend_item {
            width: 100%;
            padding: 20px;
            align-items: flex-start;
            background: #000811;
            border: 1px solid rgba(112,112,112,.2745098039);
            border-radius: 10px;
            gap: 20px
        }

            .tour_extand_con .tour_extend_count .tour_extend_item .tour_extend_item_title {
                font-size: 14px;
                color: #2bb46b
            }

            .tour_extand_con .tour_extend_count .tour_extend_item .tour_extend_prize {
                width: 100%;
                justify-content: center;
                align-items: flex-end;
                line-height: .6;
                gap: 20px
            }

                .tour_extand_con .tour_extend_count .tour_extend_item .tour_extend_prize p {
                    font-size: 22px;
                    color: #a5e8c6;
                    font-family: montserrat-b;
                    animation: glow 1s ease-in-out infinite alternate
                }

                .tour_extand_con .tour_extend_count .tour_extend_item .tour_extend_prize span {
                    font-size: 40px;
                    color: #a5e8c6;
                    font-family: montserrat-b;
                    animation: glow 1s ease-in-out infinite alternate
                }

            .tour_extand_con .tour_extend_count .tour_extend_item .prize_block {
                margin-bottom: 15px
            }

            .tour_extand_con .tour_extend_count .tour_extend_item .tour_extend_counter {
                width: 100%;
                margin-top: 10px
            }

                .tour_extand_con .tour_extend_count .tour_extend_item .tour_extend_counter .tick {
                    padding-bottom: 0;
                    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
                }

                .tour_extand_con .tour_extend_count .tour_extend_item .tour_extend_counter .tick-label {
                    font-size: 10px;
                    text-align: center;
                    color: #fff
                }

                .tour_extand_con .tour_extend_count .tour_extend_item .tour_extend_counter .tick-group {
                    margin: 0 .25em;
                    text-align: center
                }

        .tour_extand_con .tour_extend_count .extend_date {
            justify-content: space-between
        }

            .tour_extand_con .tour_extend_count .extend_date .exp_title {
                color: #de0000 !important
            }

            .tour_extand_con .tour_extend_count .extend_date .date {
                font-size: 30px;
                color: #a5e8c6;
                font-weight: 600;
                animation: glow 1s ease-in-out infinite alternate;
                letter-spacing: .4px;
                text-align: center;
                width: 100%
            }

            .tour_extand_con .tour_extend_count .extend_date .tnc {
                color: #fff;
                text-align: right;
                font-size: 10px;
                letter-spacing: .4px;
                width: 100%
            }

    .tour_extand_con .link_wrap {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 20px
    }

        .tour_extand_con .link_wrap .result_link {
            width: -moz-fit-content;
            width: fit-content;
            margin-top: 15px;
            justify-content: flex-end;
            align-items: center;
            gap: 10px;
            text-decoration: none
        }

            .tour_extand_con .link_wrap .result_link img {
                width: 18px
            }

            .tour_extand_con .link_wrap .result_link span {
                font-size: 12px;
                color: #fff
            }

    .tour_extand_con .tour_extend_player {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding: 10px 0;
        align-items: center;
        border-radius: 10px;
        justify-content: space-between;
        gap: 35px;
        position: relative
    }

        .tour_extand_con .tour_extend_player .tour_extend_player_item {
            width: 40%;
            gap: 7px;
            align-items: center;
            position: relative;
            z-index: 2
        }

            .tour_extand_con .tour_extend_player .tour_extend_player_item .player_img {
                width: 35px;
                position: relative;
                align-items: center;
                gap: 10px
            }

                .tour_extand_con .tour_extend_player .tour_extend_player_item .player_img .profile_img {
                    width: 100%;
                    animation: shadow 2s ease-in-out infinite
                }

                .tour_extand_con .tour_extend_player .tour_extend_player_item .player_img span {
                    color: #bdbdbd;
                    font-size: 11px
                }

            .tour_extand_con .tour_extend_player .tour_extend_player_item .player_name {
                font-size: 12px;
                color: #fff
            }

            .tour_extand_con .tour_extend_player .tour_extend_player_item .player_pts {
                font-size: 14px;
                color: #2bb46b;
                font-weight: bold
            }

            .tour_extand_con .tour_extend_player .tour_extend_player_item:last-child {
                border: none
            }

        .tour_extand_con .tour_extend_player .tour_row {
            width: 100%;
            justify-content: space-between;
            align-items: center
        }

        .tour_extand_con .tour_extend_player .bg {
            position: absolute;
            top: 44%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 54%;
            opacity: .6;
            animation: 1.2s ease-in-out 0s infinite alternate none running box-glow
        }

    .tour_extand_con .tour_extend_rank {
        width: 100%;
        overflow: hidden;
        gap: 10px
    }

        .tour_extand_con .tour_extend_rank .tour_extend_table {
            width: 100%;
            gap: 10px
        }

        .tour_extand_con .tour_extend_rank .tour_extend_block {
            width: 100%;
            padding: 3px;
            display: none;
            border-radius: 10px
        }

            .tour_extand_con .tour_extend_rank .tour_extend_block:nth-child(-n+10) {
                display: flex
            }

            .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con {
                width: 100%;
                justify-content: center;
                align-items: flex-end;
                padding: 15px 20px;
                gap: 5px;
                border-radius: 8px;
                z-index: 3;
                background-image: url(../Images/tournament/tour_bg.png);
                background-size: cover;
                background-position: center
            }

                .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col {
                    width: 30%;
                    align-items: flex-start;
                    gap: 6px
                }

                    .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .block_title {
                        font-size: 18px;
                        color: #2bb46b;
                        font-weight: 600
                    }

                    .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .gold {
                        color: #ffd97d
                    }

                    .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .silver {
                        color: #e9e9e9
                    }

                    .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .bronze {
                        color: #f89d69
                    }

                    .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .rank_icon {
                        width: 35px;
                        position: relative
                    }

                        .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .rank_icon img {
                            width: 100%
                        }

                        .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .rank_icon span {
                            color: #fff;
                            font-size: 13px;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            font-weight: 600;
                            letter-spacing: .4px
                        }

                        .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .rank_icon .rank_shadow {
                            animation: shadow 2s ease-in-out infinite
                        }

                    .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .tour_extend_infor_wrap {
                        flex: 1;
                        align-items: flex-start;
                        gap: 5px
                    }

                        .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .tour_extend_infor_wrap .title {
                            font-size: 11px;
                            color: gray;
                            font-weight: 600
                        }

                        .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .tour_extend_infor_wrap .turn_title {
                            color: #2bb46b
                        }

                        .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .tour_extend_infor_wrap .prize_title {
                            color: #fff;
                            font-size: 14px
                        }

                        .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .tour_extend_infor_wrap .infor {
                            color: #fff;
                            font-weight: 600;
                            font-size: 11px
                        }

                            .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .tour_extend_infor_wrap .infor span {
                                font-size: 10px;
                                color: gray;
                                font-weight: 800
                            }

                        .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .tour_extend_infor_col .tour_extend_infor_wrap .prize_infor {
                            font-size: 14px
                        }

                .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .infor_right {
                    flex: 1;
                    align-items: center;
                    position: relative
                }

                    .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .infor_right .tour_extend_infor_wrap {
                        width: 100%;
                        justify-content: space-between;
                        align-items: center
                    }

                    .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .infor_right::after {
                        content: "";
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: .6px;
                        height: 70%;
                        background: #2bb46b
                    }

                .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .blink_effect {
                    animation: blink 2s ease-in-out infinite
                }

                .tour_extand_con .tour_extend_rank .tour_extend_block .tour_extend_con .color_effect {
                    animation: change_color 2s ease-in-out infinite
                }

        .tour_extand_con .tour_extend_rank .in {
            display: flex;
            animation: slide-in-blurred-top .6s cubic-bezier(0.23, 1, 0.32, 1) both
        }

        .tour_extand_con .tour_extend_rank .tour_more_btn {
            width: 30%;
            padding: 7px;
            margin: 0 auto;
            font-family: montserrat-r;
            font-size: 12px;
            text-decoration: none;
            text-align: center;
            letter-spacing: .4px;
            color: #fff;
            border-radius: 999px;
            background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%)
        }

    .tour_extand_con .tour_sect {
        width: 93%;
        margin: 0 auto
    }

        .tour_extand_con .tour_sect .tour_sect_grid {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px
        }

            .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item {
                width: 100%;
                position: relative
            }

                .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tour_sect_img {
                    width: 100%;
                    border-radius: 15px;
                    overflow: hidden;
                    position: relative
                }

                    .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tour_sect_img img {
                        width: 100%
                    }

                    .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tour_sect_img .tour_sect_hover {
                        width: 100%;
                        height: 0;
                        justify-content: center;
                        background: rgba(0,0,0,.7);
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        transition: .3s;
                        overflow: hidden
                    }

                        .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tour_sect_img .tour_sect_hover a {
                            padding: 1% 4%;
                            font-size: clamp(8px,1vw,16px);
                            color: #fff;
                            background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                            border-radius: 999px
                        }

                    .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tour_sect_img:hover .tour_sect_hover {
                        height: 100%
                    }

                .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tour_extend_counter {
                    width: 90%;
                    margin: 0 auto;
                    position: absolute;
                    bottom: 5%;
                    left: 50%;
                    transform: translateX(-50%)
                }

                    .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tour_extend_counter .tick {
                        padding-bottom: 0;
                        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
                    }

                    .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tour_extend_counter .tick-label {
                        font-size: 8px;
                        font-weight: 600;
                        text-align: center;
                        color: #fff
                    }

                    .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tour_extend_counter .tick-group {
                        margin: 0 .25em;
                        text-align: center
                    }

                .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tick-flip-card {
                    top: 10px
                }

                .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .tour_date {
                    position: absolute;
                    bottom: 30%;
                    right: 7%;
                    color: red;
                    font-size: 11px;
                    font-weight: 500
                }

                .tour_extand_con .tour_sect .tour_sect_grid .tour_sect_item .fa-circle-info {
                    text-decoration: none;
                    color: #eadd98;
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    z-index: 4;
                    animation: box-glow-white 2s infinite both;
                    border-radius: 999rem
                }

    .tour_extand_con .tour_extend_rank_self {
        width: 100%;
        padding: 3px;
        background: rgba(129,245,183,.3411764706);
        border-radius: 10px;
        position: relative
    }

        .tour_extand_con .tour_extend_rank_self .tour_extend_rank_item {
            width: 100%;
            padding: 5px 0;
            border-radius: 10px;
            background: rgba(0,0,0,0) !important;
            z-index: 3;
            align-items: center
        }

            .tour_extand_con .tour_extend_rank_self .tour_extend_rank_item .tour_extend_rank_info {
                display: flex;
                justify-content: center;
                font-size: 12px;
                color: #fff;
                text-align: center;
                flex: 1;
                position: relative
            }

                .tour_extand_con .tour_extend_rank_self .tour_extend_rank_item .tour_extend_rank_info img {
                    width: 30px
                }

                .tour_extand_con .tour_extend_rank_self .tour_extend_rank_item .tour_extend_rank_info .rank_img {
                    width: 22px;
                    animation: 1s ease-in-out 0s infinite alternate none running box-glow
                }

                .tour_extand_con .tour_extend_rank_self .tour_extend_rank_item .tour_extend_rank_info span {
                    font-size: 11px;
                    color: #fff;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%)
                }

                .tour_extand_con .tour_extend_rank_self .tour_extend_rank_item .tour_extend_rank_info .rank_circle {
                    background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                    width: 22px;
                    height: 22px;
                    border-radius: 999rem;
                    font-size: 10px;
                    color: #000;
                    position: relative;
                    font-weight: 600
                }

    .tour_extand_con .tour_extend_row {
        width: 100%;
        padding: 10px 0;
        justify-content: space-between;
        align-items: stretch;
        border-bottom: 1px solid rgba(109,110,113,0.2549019608);
        gap: 10px
    }

        .tour_extand_con .tour_extend_row .tour_extend_rank {
            width: 100%;
            border-radius: 10px;
            overflow: hidden;
            gap: 5px
        }

            .tour_extand_con .tour_extend_row .tour_extend_rank .tour_rank_extend {
                width: 100%;
                gap: 10px
            }

                .tour_extand_con .tour_extend_row .tour_extend_rank .tour_rank_extend .tour_rank_rank_slide {
                    display: none;
                    width: 100%;
                    gap: 5px
                }

                .tour_extand_con .tour_extend_row .tour_extend_rank .tour_rank_extend .extend_btn {
                    font-size: 12px;
                    color: #2bb46b;
                    border: 1px solid rgba(112,112,112,.2745098039);
                    padding: 10px;
                    border-radius: 999px;
                    margin-top: 5px;
                    width: -moz-fit-content;
                    width: fit-content;
                    margin: 0 auto;
                    text-decoration: none;
                    justify-content: center;
                    align-items: center
                }

                    .tour_extand_con .tour_extend_row .tour_extend_rank .tour_rank_extend .extend_btn i {
                        margin-right: 5px
                    }

            .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item {
                width: 100%;
                padding: 9px 0;
                border-bottom: 1px dashed rgba(128,128,128,.63);
                background: rgba(238,243,173,.1215686275) !important;
                align-items: center
            }

                .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item h1 {
                    width: 25%;
                    padding: 6px 12px;
                    text-align: center;
                    font-size: 11px;
                    font-family: montserrat-l;
                    margin-bottom: 0;
                    color: rgba(255,255,255,.842);
                    border: none
                }

                .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info {
                    display: flex;
                    justify-content: center;
                    font-size: 11px;
                    color: #fff;
                    text-align: center;
                    width: 25%;
                    position: relative
                }

                    .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info img {
                        width: 25px
                    }

                    .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info .status_img {
                        width: 16px
                    }

                    .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info .rank_img {
                        width: 26px;
                        animation: 1s ease-in-out 0s infinite alternate none running box-glow
                    }

                    .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info span {
                        font-size: 11px;
                        color: #fff;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%)
                    }

                    .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info .rank_circle {
                        background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                        width: 22px;
                        height: 22px;
                        border-radius: 999rem;
                        font-size: 10px;
                        color: #000;
                        position: relative;
                        font-weight: 600
                    }

                        .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info .rank_circle span {
                            color: #2d2d2d;
                            font-size: 10px
                        }

                .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item:nth-child(odd) {
                    background: linear-gradient(90deg, rgba(22, 139, 137, 0.3490196078) 0%, rgba(30, 83, 88, 0.3098039216) 99%)
                }

            .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_self {
                width: 100%;
                background: rgba(136,224,208,.2588235294) !important;
                border: 0;
                border-radius: 0
            }

            .tour_extand_con .tour_extend_row .tour_extend_rank .border_top {
                border-top: 1px dashed rgba(128,128,128,.63)
            }

            .tour_extand_con .tour_extend_row .tour_extend_rank .tour_extend_rank_title {
                background: linear-gradient(90deg, rgba(22, 139, 137, 0.3490196078) 0%, rgba(30, 83, 88, 0.3098039216) 99%) !important;
                border-radius: 10px 10px 0 0;
                border: 0
            }



.tournament_tnc_block {
    width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    align-items: flex-end;
    padding: 20px 0
}

    .tournament_tnc_block .tnc_close {
        font-size: 20px;
        color: #2bb46b;
        cursor: pointer;
        z-index: 9;
        margin: 10px
    }

.tournament_tnc_item {
    width: 100%;
    max-height: 80vh;
    padding: 20px;
    background: #011019;
    border-radius: 10px;
    border: 1px solid #2bb46b;
    overflow-y: scroll;
    align-items: center
}

    .tournament_tnc_item .logo {
        width: 150px;
        margin: 5px 0 20px
    }

        .tournament_tnc_item .logo img {
            width: 100%
        }

    .tournament_tnc_item .tnc_slogan {
        width: 100%;
        gap: 5px;
        align-items: center
    }

        .tournament_tnc_item .tnc_slogan span {
            font-size: 12px;
            color: #fff;
            text-align: center
        }

    .tournament_tnc_item .tnc_body {
        width: 100%;
        align-items: flex-start;
        background: #031520;
        border: 1px solid rgba(112,112,112,.2745098039);
        border-radius: 10px;
        padding: 15px;
        margin-top: 20px
    }

        .tournament_tnc_item .tnc_body p {
            font-size: 14px;
            color: #2bb46b;
            font-family: montserrat-b
        }

        .tournament_tnc_item .tnc_body ul {
            width: 100%;
            padding-left: 3%
        }

            .tournament_tnc_item .tnc_body ul li {
                font-size: 12px;
                color: rgba(255,255,255,.575);
                margin: 5px 0;
                list-style: none
            }

                .tournament_tnc_item .tnc_body ul li::before {
                    content: "•";
                    color: #2bb46b;
                    font-weight: bold;
                    display: inline-block;
                    width: 1em;
                    margin-left: -1em;
                    font-size: 12px
                }

        .tournament_tnc_item .tnc_body .tnc_prize {
            width: 100%;
            padding-left: 5%;
            margin-top: 10px;
            align-items: flex-start
        }

            .tournament_tnc_item .tnc_body .tnc_prize span {
                font-size: 12px;
                color: rgba(255,255,255,.575);
                margin: 2px 0;
                line-height: 1.5
            }

            .tournament_tnc_item .tnc_body .tnc_prize p {
                font-size: 12px;
                color: rgba(255,255,255,.719);
                line-height: 1.5;
                padding-left: 2%;
                font-family: montserrat-r
            }

    .tournament_tnc_item::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px;
        background-color: none;
        margin: 10px 0
    }

    .tournament_tnc_item::-webkit-scrollbar {
        width: 3px;
        background-color: none
    }

    .tournament_tnc_item::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #2bb46b
    }

.tour_extend_table_btn {
    position: relative;
    width: 100%;
    padding: 3px
}

    .tour_extend_table_btn .fa-arrow-down {
        text-decoration: none;
        color: #fff
    }

    .tour_extend_table_btn .arrow {
        text-align: center;
        position: absolute;
        left: 50%;
        top: -200%
    }

    .tour_extend_table_btn .bounce {
        animation: bounce 2s infinite
    }

    .tour_extend_table_btn .bounce-rotate {
        animation: bounce-rot 2s infinite !important;
        top: 0 !important
    }

.btn_up {
    transform: rotate(180deg)
}

.title_exp {
    color: #de0000 !important
}

.footer_con .footer_wrap img {
    max-width: 140px;
}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        transform: translateY(0) translateX(-50%)
    }

    40% {
        transform: translateY(-30px) translateX(-50%)
    }

    60% {
        transform: translateY(-15px) translateX(-50%)
    }
}

@keyframes bounce-rot {
    0%,20%,50%,80%,100% {
        transform: translateY(0) translateX(-50%)
    }

    40% {
        transform: translateY(20px) translateX(-50%)
    }

    60% {
        transform: translateY(5px) translateX(-50%)
    }
}

@keyframes slide-in-blurred-top {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform-origin: 50% 0%;
        filter: blur(40px);
        opacity: 0
    }

    100% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes blink {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes shadow {
    0%,100% {
        filter: drop-shadow(0px 0px 10px transparent)
    }

    50% {
        filter: drop-shadow(0px 0px 10px #2bb46b)
    }
}

@keyframes change_color {
    0%,100% {
        color: #fa4646
    }

    50% {
        color: #fff
    }
}

@keyframes glow {
    from {
        text-shadow: 0 0 -15px #aef4af
    }

    to {
        text-shadow: 0 0 15px #aef4af
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.withdrawal_form_con {
    padding: 10px 0;
    gap: 4px
}

    .withdrawal_form_con .form_textbox_wrap .textbox_title {
        margin-bottom: 0
    }

    .withdrawal_form_con .deposit_currency_select_row {
        width: 100%;
        padding: .6rem 1rem;
        background: #060b10;
        border: .5mm solid #2d3b8e;
        border-radius: 999rem;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        gap: 10px;
        position: relative;
        margin: 10px 0 0
    }

        .withdrawal_form_con .deposit_currency_select_row .crypto_icon {
            width: 26px;
            cursor: pointer
        }

            .withdrawal_form_con .deposit_currency_select_row .crypto_icon img {
                width: 26px
            }

        .withdrawal_form_con .deposit_currency_select_row .crypto_name {
            width: 25%;
            color: #fff;
            font-size: 12px;
            text-align: left;
            cursor: pointer;
            font-family: montserrat-r
        }

        .withdrawal_form_con .deposit_currency_select_row span {
            width: 20%;
            color: #969696;
            font-size: 12px;
            cursor: pointer
        }

        .withdrawal_form_con .deposit_currency_select_row .balance_amount {
            color: #fff;
            width: 35%;
            overflow: hidden;
            text-align: right;
            text-overflow: ellipsis;
            font-size: 12px;
            cursor: pointer;
            font-family: montserrat-r
        }

        .withdrawal_form_con .deposit_currency_select_row i {
            color: #2a367f;
            cursor: pointer
        }

    .withdrawal_form_con .deposit_currency_select_dropdown {
        display: none;
        width: 100%;
        max-height: 300px;
        background: #060b10;
        position: absolute;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 5px;
        top: 0;
        left: 0;
        border-radius: 18px;
        gap: 3px;
        overflow: auto;
        z-index: 10
    }

        .withdrawal_form_con .deposit_currency_select_dropdown::-webkit-scrollbar {
            width: 5px
        }

        .withdrawal_form_con .deposit_currency_select_dropdown::-webkit-scrollbar-track {
            margin-top: 20px;
            margin-bottom: 20px
        }

        .withdrawal_form_con .deposit_currency_select_dropdown::-webkit-scrollbar-thumb {
            background: #162c58;
            border-radius: 10px
        }

        .withdrawal_form_con .deposit_currency_select_dropdown .currency_select {
            width: 100%;
            justify-content: flex-start;
            align-items: center;
            padding: 4px 20px;
            gap: 10px;
            transition: .4s;
            border-radius: 999rem
        }

            .withdrawal_form_con .deposit_currency_select_dropdown .currency_select .crypto_name {
                flex: 1
            }

            .withdrawal_form_con .deposit_currency_select_dropdown .currency_select .balance_amount {
                color: #b2b2b2
            }

            .withdrawal_form_con .deposit_currency_select_dropdown .currency_select:hover {
                background: #1a1935
            }

        .withdrawal_form_con .deposit_currency_select_dropdown .select_target {
            background: #1a1935
        }

.table_wrap_overflow {
    width: 100%;
    overflow: auto;
    padding: 0 10px
}

    .table_wrap_overflow table {
        min-width: 600px;
        table-layout: fixed
    }



.com_block_popup {
    width: 95%;
    max-width: 760px;
    height: -moz-fit-content;
    height: fit-content;
    margin: 25px auto;
    padding: 10px;
    border-radius: 10px;
    background: #343434;
    position: relative
}

    .com_block_popup img {
        width: 100%
    }

    .com_block_popup .com_row {
        width: 100%;
        gap: 10px;
        justify-content: space-between;
        align-items: center;
        padding: 10px;
        padding-bottom: 0
    }

        .com_block_popup .com_row .com_link {
            color: #fff;
            font-size: 12px;
            gap: 3px
        }

            .com_block_popup .com_row .com_link a {
                color: #2be2eb;
                font-weight: 800;
                text-decoration: none
            }

        .com_block_popup .com_row .tnc {
            font-size: 12px;
            color: gold;
            cursor: pointer;
            text-decoration: none;
        }

    .com_block_popup .close {
        position: absolute;
        top: -8px;
        right: -8px;
        width: 20px;
        height: 20px;
        border-radius: 999rem;
        background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

        .com_block_popup .close i {
            color: #fff;
            font-size: 10px
        }

.revenue_com, .referral_com {
    overflow: auto
}



.cover_con {
    display: none;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    overflow: auto;
    top:0;
    left:0;
}

    .cover_con .form_con {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50%;
        max-width: 400px;
        background: linear-gradient(90deg, rgb(0, 177, 110) 25%, rgb(0, 127, 115) 100%);
        border-radius: 25px
    }

        .cover_con .form_con .form_bg_text {
            width: 50%;
            height: 30%;
            position: absolute;
            top: 15%;
            left: 5%;
            color: #fff;
            font-size: 16px;
            font-family: "Montserret-regular"
        }

            .cover_con .form_con .form_bg_text h1 {
                margin-top: 3px;
                font-family: "Monument-regular";
                font-size: 40px;
                line-height: .8
            }

        .cover_con .form_con img {
            width: 100%
        }

        .cover_con .form_con .close {
            color: #fff;
            position: absolute;
            top: 3%;
            right: 5%;
            cursor: pointer;
            font-size: 18px;
            transition: .5s
        }

            .cover_con .form_con .close:hover {
                transform: rotate(-90deg)
            }

        .cover_con .form_con .form_block {
            border-radius: 20px;
            width: 100%;
            margin-top: -10%;
            background: linear-gradient(225deg, rgb(0, 51, 45) 0%, rgb(19, 28, 55) 49%, rgb(15, 73, 67) 100%);
            z-index: 99999999;
            animation: slide-in-bottom .6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
        }

            .cover_con .form_con .form_block .form_wrap {
                width: 100%;
                padding: 10%;
                padding-bottom: 3%;
                border-bottom: 1px solid #000
            }

                .cover_con .form_con .form_block .form_wrap .forgot_pass {
                    color: #fff;
                    font-size: 18px;
                    font-family: "Montserret-light";
                    margin-bottom: 3%
                }

                .cover_con .form_con .form_block .form_wrap .textbox_wrap {
                    width: 100%;
                    padding: 3% 0;
                    position: relative
                }

                    .cover_con .form_con .form_block .form_wrap .textbox_wrap .textbox_flex {
                        justify-content: space-between
                    }

                    .cover_con .form_con .form_block .form_wrap .textbox_wrap .textbox_lbl {
                        color: #a7a9ac;
                        font-size: 14px;
                        margin-bottom: 10px
                    }

                    .cover_con .form_con .form_block .form_wrap .textbox_wrap .forgot {
                        cursor: pointer;
                        color: #fff
                    }

                    .cover_con .form_con .form_block .form_wrap .textbox_wrap .form_textbox {
                        width: 100%;
                        height: 40px;
                        padding-left: 10%;
                        color: #fff;
                        border: 1px solid #162c58;
                        background-color: #011019;
                        border-radius: 15px;
                        cursor: text
                    }

                        .cover_con .form_con .form_block .form_wrap .textbox_wrap .form_textbox:focus {
                            outline: 0
                        }

                        .cover_con .form_con .form_block .form_wrap .textbox_wrap .form_textbox::-moz-placeholder {
                            color: #162c58
                        }

                        .cover_con .form_con .form_block .form_wrap .textbox_wrap .form_textbox::placeholder {
                            color: #162c58
                        }

                    .cover_con .form_con .form_block .form_wrap .textbox_wrap .show_btn_wrap {
                        position: absolute;
                        right: 4%;
                        bottom: 24%
                    }

                        .cover_con .form_con .form_block .form_wrap .textbox_wrap .show_btn_wrap .fa-solid {
                            color: #162c58;
                            cursor: pointer
                        }

                        .cover_con .form_con .form_block .form_wrap .textbox_wrap .show_btn_wrap .fa-eye-slash {
                            display: none
                        }

            .cover_con .form_con .form_block .btn_wrap {
                width: 100%;
                padding: 7% 4%;
                text-align: center;
                gap: 10px
            }

                .cover_con .form_con .form_block .btn_wrap .form_btn {
                    width: 50%;
                    padding: 2% 0;
                    border: 0;
                    border-radius: 25px;
                    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                    color: #fff;
                    font-family: "Monument-regular";
                    text-transform: uppercase;
                    font-size: 14px
                }

                .cover_con .form_con .form_block .btn_wrap .back {
                    width: 50%;
                    padding: 2% 0;
                    background: #414042;
                    justify-content: center;
                    gap: 10px;
                    font-size: 14px
                }

                    .cover_con .form_con .form_block .btn_wrap .back i {
                        font-size: 14px
                    }

            .cover_con .form_con .form_block .login_link {
                width: 100%;
                padding: 3%;
                text-align: center;
                background: #011019;
                border-bottom-left-radius: 20px;
                border-bottom-right-radius: 20px
            }

                .cover_con .form_con .form_block .login_link .text {
                    color: #a7a9ac;
                    font-size: 10px
                }

                .cover_con .form_con .form_block .login_link .link_img {
                    margin-top: 10px;
                    justify-content: center;
                    gap: 10px
                }

                    .cover_con .form_con .form_block .login_link .link_img img {
                        width: 100%;
                        max-width: 30px
                    }


.reg_bg {
    width: 100%;
    position: relative;
    border-radius: 25px;
    overflow: hidden
}

    .reg_bg img {
        width: 100%;
        max-height: 280px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .reg_bg .login_title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

        .reg_bg .login_title .back {
            padding: 15px
        }

            .reg_bg .login_title .back i {
                color: #fff;
                font-size: 1.3rem
            }

        .reg_bg .login_title .text_col {
            color: #fff;
            gap: 10px
        }

            .reg_bg .login_title .text_col img {
                width: 100%;
                max-width: 170px;
                margin: 10px auto;
                filter: brightness(0) invert(1)
            }

            .reg_bg .login_title .text_col p {
                font-family: montserrat-r;
                font-size: .8rem
            }

            .reg_bg .login_title .text_col h3 {
                margin: 1% 0;
                text-transform: uppercase;
                letter-spacing: 2px;
                line-height: .9;
                text-align: center;
                font-family: monumentextended-r
            }

.register_wrap {
    width: 100%;
    margin-top: -80px;
    z-index: 9;
    background: #011019;
    position: relative;
    border-radius: 15px
}

    .register_wrap .reg_form {
        background: linear-gradient(45deg, rgb(15, 83, 73) 21%, rgb(0, 16, 24) 100%);
        width: 100%;
        padding: 25px;
        box-shadow: 0px 0px 10px rgba(0,0,0,.2);
        border-radius: 15px
    }

        .register_wrap .reg_form .title {
            font-size: 15px;
            color: #fff;
            text-transform: uppercase
        }

        .register_wrap .reg_form .form_wrap {
            width: 100%;
            padding: 10px;
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 12px
        }

            .register_wrap .reg_form .form_wrap .forgot_pass {
                color: #fff;
                font-size: 18px;
                font-family: "Montserret-light";
                margin-bottom: 3%
            }

            .register_wrap .reg_form .form_wrap .textbox_con {
                width: 100%
            }

                .register_wrap .reg_form .form_wrap .textbox_con:last-child {
                    margin-bottom: 0
                }

                .register_wrap .reg_form .form_wrap .textbox_con p {
                    margin-bottom: 10px;
                    width: 100%;
                    color: #939598;
                    font-size: 11px;
                    letter-spacing: .6px
                }

                    .register_wrap .reg_form .form_wrap .textbox_con p .valid {
                        font-size: 12px;
                        color: red;
                        font-weight: bold;
                        padding: 0px 5px
                    }

                .register_wrap .reg_form .form_wrap .textbox_con .forgot {
                    text-align: right
                }

                .register_wrap .reg_form .form_wrap .textbox_con .textbox_wrap {
                    width: 100%;
                    position: relative
                }

                    .register_wrap .reg_form .form_wrap .textbox_con .textbox_wrap input {
                        width: 100%;
                        padding: 11px;
                        border-radius: 15px;
                        border: 1px solid #2b3990;
                        background: #000811;
                        color: #fff
                    }

                        .register_wrap .reg_form .form_wrap .textbox_con .textbox_wrap input::-moz-placeholder {
                            color: #2b3990
                        }

                        .register_wrap .reg_form .form_wrap .textbox_con .textbox_wrap input::placeholder {
                            color: #2b3990
                        }

                    .register_wrap .reg_form .form_wrap .textbox_con .textbox_wrap .show_btn {
                        position: absolute;
                        top: 50%;
                        right: 4%;
                        transform: translate(-4%, -50%);
                        color: #2b3990
                    }

                        .register_wrap .reg_form .form_wrap .textbox_con .textbox_wrap .show_btn .fa-eye {
                            display: none
                        }

                    .register_wrap .reg_form .form_wrap .textbox_con .textbox_wrap .mob_textbox {
                        width: 50px;
                        text-align: center
                    }

            .register_wrap .reg_form .form_wrap .btn_con {
                width: 100%;
                padding: 1.8rem;
                justify-content: center;
                gap: 4%
            }

                .register_wrap .reg_form .form_wrap .btn_con .login_btn {
                    flex: 1;
                    border-radius: 999px;
                    padding: .7rem 0;
                    justify-content: center;
                    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                    gap: 5%;
                    text-transform: uppercase;
                    letter-spacing: .7px;
                    font-size: .8rem;
                    color: #fff;
                    max-width: 200px
                }

                .register_wrap .reg_form .form_wrap .btn_con .reg_btn {
                    flex: 1;
                    border-radius: 999px;
                    padding: .7rem 0;
                    justify-content: center;
                    gap: 5%;
                    text-transform: uppercase;
                    letter-spacing: .7px;
                    font-size: .8rem;
                    color: #fff;
                    background: #414042
                }

            .register_wrap .reg_form .form_wrap .recaptcha {
                width: 100%;
                justify-content: center;
                align-items: center;
                position: relative
            }

                .register_wrap .reg_form .form_wrap .recaptcha .g-recaptcha {
                    margin: 0px auto
                }

        .register_wrap .reg_form .btn_wrap {
            width: 100%;
            max-width: 400px;
            margin: 0 auto -35px;
            text-align: center;
            gap: 10px
        }

            .register_wrap .reg_form .btn_wrap .form_btn {
                width: 50%;
                border: 0;
                border-radius: 25px;
                background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                color: #fff;
                text-transform: uppercase;
                font-size: 13px;
                padding: 10px;
                letter-spacing: .5px
            }

            .register_wrap .reg_form .btn_wrap .back {
                width: 50%;
                background: #414042;
                justify-content: center;
                align-items: center;
                gap: 10px;
                font-size: 13px;
                letter-spacing: .5px
            }

                .register_wrap .reg_form .btn_wrap .back i {
                    font-size: 12px
                }


.MobilePrefix2-btn {
    width: 30%;
    border-radius: 1.2rem;
    background: #000811;
    color: #efefef;
    border: 1px solid #2B3990;
    border-right: none;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MobilePrefix2-select {
    border-radius: 15px;
    background: #000811;
    color: #3b68c4;
    margin-top: 10px;
    align-self: center;
    outline: 1px solid #2B3990;
    overflow: auto;
    border: none;
    transition: 1s;
    height: 0;
    opacity: 0;
}

    .MobilePrefix2-select option {
        margin: 5px 0px;
        font-size: 4.2vmin;
    }

    .MobilePrefix2-select.opened {
        height: 35vh;
        opacity: 1;
        padding: 10px 15px;
    }

    .MobilePrefix2-select option {
    }

    .MobilePrefix2-select::-webkit-scrollbar {
        width: 12px;
    }

    .MobilePrefix2-select::-webkit-scrollbar-track {
        background: rgba(255,255,255,0);
        border-radius: 100vw;
        margin-block: 10px;
    }

    .MobilePrefix2-select::-webkit-scrollbar-thumb {
        background: #3b68c4;
        border-radius: 100vw;
        border: 3px solid #011019;
        transition: 1s;
    }

        .MobilePrefix2-select::-webkit-scrollbar-thumb:hover {
            border: 1px solid #011019;
        }

.form_con .login_con .form_con .textbox_maincon .valid_msg {
    font-size: 12px;
    color: red;
    font-weight: bold;
    padding: 0px 5px;
    display: none;
    margin-bottom: 20px;
}

.form_con .login_con .form_con .textbox_maincon .textbox_con .valid {
    font-size: 12px;
    color: red;
    font-weight: bold;
    padding: 0px 5px;
}

.register_wrap .reg_form .form_wrap .valid_msg {
    font-size: 12px;
    color: red;
    font-weight: bold;
    padding: 0px 5px;
    display: none;
    margin-bottom: 20px;
}

.register_wrap .reg_form .form_wrap .valid {
    font-size: 12px;
    color: red;
    font-weight: bold;
    padding: 0px 5px;
}

.user_qr .popup_window {
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

    .user_qr .popup_window span {
        color: #fff;
        font-size: 16px;
        margin: 10px 0;
    }

    .user_qr .popup_window a {
        background-color: #f8ab21;
        padding: 8px 15px;
        color: #000;
        font-size: 13px;
        border-radius: 3px;
        border-bottom: outset 2px #f8ab21;
    }

    .user_qr .popup_window img {
        width: 150px;
        background-color: #fff;
        padding: 5px;
    }


.qr_code {
    width: 95%;
    margin: auto;
    max-width: 400px;
    background: #011019;
    border-radius: 10px;
    overflow: hidden
}

    .qr_code .title {
        width: 100%;
        color: #fff;
        padding: 12px 18px;
        background: linear-gradient(45deg, rgb(15, 83, 73) 21%, rgb(0, 16, 24) 100%);
        font-size: 12px;
        letter-spacing: .3px;
        color: #c8c8c8;
        align-items: center
    }

        .qr_code .title span {
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            margin-left: 5px
        }

        .qr_code .title .close {
            margin-left: auto;
            font-size: 16px;
            color: #2bb46b
        }

    .qr_code .qr_wrap {
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 20px
    }

        .qr_code .qr_wrap .qr_block {
            width: 50%;
            background: #fff;
            padding: 10px;
            border-radius: 10px;
            position: relative
        }

            .qr_code .qr_wrap .qr_block img {
                width: 100%
            }

            .qr_code .qr_wrap .qr_block::after {
                content: "";
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                width: 160%;
                height: 4px;
                background: linear-gradient(90deg, rgba(46, 250, 220, 0.1019607843), #03ff4b, rgba(46, 250, 220, 0.1019607843));
                border-radius: 999rem;
                animation: qr 2s infinite both
            }

    .qr_code button {
        width: 100%;
        padding: 12px;
        font-family: montserrat-r;
        background: #f8ab21;
        font-size: 12px
    }

@keyframes qr {
    0%,100% {
        top: 0
    }

    50% {
        top: 100%
    }
}


.cover2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 999;
}

.deposit_header {
    width: 100%;
    justify-items:center;
    display:flex;
    flex-direction:row;
    padding: 4vw 15px;
 
    background: linear-gradient(to bottom, #08423c, #08423c, #14574f);
}

    .deposit_header a {
        font-size: 4.6vw;
        color: #fff;
    }
    .deposit_header h3 {
        margin:0 auto;
            color: #fff;
    }

.deposit_wrap {
width:100%;
 
}
.deposit_wrap .deposit_nav_con{
    width: 100%;
    display: flex;
    flex-direction: row;
    padding:4vw 10px;
    gap: 10px;
}


    .deposit_wrap .deposit_nav_con .deposit_nav {
        width: 50%;
        padding: 3vw 2vw;
        font-size: 4vw;
        color: #a7a9ac;
        text-align: center;
        background: #000f0c;
        border-radius: 999px;
        border: 2px solid #162c58;
    }


        .deposit_wrap .deposit_nav_con  .deposit_item_active {
            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
            color: #fff;
        }

    .deposit_wrap .depositform {
        display: flex;
        padding: 4vw 5vw;
        gap:4vw;
        flex-direction: column;
    }
    .deposit_wrap .depositform .deposit_input_wrap  {
        width:100%;
        
        display:flex;
        flex-direction:column;
        gap:10px;
    }

 
    .deposit_wrap .depositform .deposit_input_wrap span{
        font-size: 4vw;
        color: #a7a9ac;
        font-weight: bold;
    }


    .deposit_wrap .depositform .deposit_input  {
         width:100%;
         display:flex;
         gap:1.5vw;
         color:#fff;
        
    }
        .deposit_wrap .depositform .deposit_input i {
            font-size: 3vw;
            color: #43ffd6;
        }

        .deposit_wrap .depositform .deposit_input .deposit_input_text {
            width: 100%;
            padding: 2vw 5vw;
            background: #000f0c;
            border: 1px solid #162c58;
            justify-content: space-between;
            border-radius: 999px;
            font-size:4vw;
            color:#fff;
        }
        .deposit_wrap .depositform .deposit_input .radio {
            width: 13vw;
            padding: 2vw;
            background: #000f0c;
            border-radius: 999px;
            border: 1px solid #162c58;
        }

        .deposit_wrap .depositform .deposit_input .radio.selected {
                 background-color:#222;
                 border:2px solid gold;
        }


         
        .deposit_wrap .depositform .deposit_input .radio  img{
            width:100%;
        }

        .deposit_wrap .depositform .deposit_input_wrap .dropzone {
            position: relative;
            border: 5px dashed #1c8d80;
            border-radius: 10px;
            text-align: center;
            width: 90%;
            padding: 20px;
            justify-content:center;
            transition: .4s;
        }
            .deposit_wrap .depositform .deposit_input_wrap .dropzone .dropzone_wrap {
                width: 100%;
                display: flex;
                flex-direction: column;
                text-align: center;
            }
    


.deposit_wrap .depositform .deposit_input_wrap .dropzone span {
    font-size: 2vw;
    letter-spacing: .2px;
    color: #fff;
}
            .deposit_wrap .depositform .deposit_input_wrap .dropzone img {
                width: 90px !important;
                margin: 0 auto;
            }


.depositform button {
    width: 50vw;
    padding: 10px 0;
    font-size: 4vw;
    margin:0 auto;
    color: #fff;
    border: none;
    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
    border-radius: 999px;

}

.mobile_platform_section {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 15px;
}



    .mobile_platform_section .mobile_platform_block {
        width: 100%;
        padding: 20px;
        gap: 20px;
        border: 1px solid #162c58;
        background: #000f0c;
        border-radius: 10px;
    }


        .mobile_platform_section .mobile_platform_block .wallet_balance {
            padding: 15px 15px;
        }


            .mobile_platform_section .mobile_platform_block .wallet_balance small {
                color: #fff;
                font-size: 10px;
            }



            .mobile_platform_section .mobile_platform_block .wallet_balance div[id$=_mem] {
                font-size: 18px;
                font-weight: 700;
                color: #2bb46b;
                border-bottom: 1px solid #2bb46b;
                padding: 0 20px;
            }

        .mobile_platform_section .mobile_platform_block .mobile_logo {
            width: 80%;
            max-width: 200px;
        }

        .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap {
            width: 100%;
            gap: 10px;
        }

            .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .transfer_amount {
                display: flex;
                flex-direction: column;
                gap: 10px;
                width: 100%;
            }

                .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .transfer_amount .amount_item_wrap {
                    display: flex;
                    gap: 10px;
                    flex-direction: row;
                }

                    .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .transfer_amount .amount_item_wrap .amount_item {
                        flex: 1;
                        border-radius: 8px;
                        background: linear-gradient(45deg, rgb(15, 83, 73) 21%, rgb(0, 16, 24) 100%);
                        padding: 10px;
                        font-size: 12px;
                        color: #fff;
                        text-align: center;
                        cursor: pointer;
                    }

            .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .title {
                text-align: left;
                width: 80px;
                color: white;
                font-size: 10px;
                font-weight: 500;
                letter-spacing: 0.5px;
            }

            .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap input {
                width: 100%;
                padding: 10px;
                font-size: 3vw;
                color: #fff;
                background: #162c58;
                border: 0;
                border-radius: 5px;
            }
            }

            .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap p {
                width: 80%;
                max-width: 240px;
                color: white;
                font-size: 12px;
                padding: 0 5px;
            }

        .mobile_platform_section .mobile_platform_block form .btn_wrap_2 {
            display: flex;
            gap: 15px;
            padding: 10px 15px;
        }

        .mobile_platform_section .mobile_platform_block form {
            width: 100%;
        }


            .mobile_platform_section .mobile_platform_block form .btn_wrap_2 a {
                flex: 1;
                text-align:center;
                padding: 10px;
                border-radius: 10px;
                border: 0;
                font-weight: 600;
            }

                .mobile_platform_section .mobile_platform_block form .btn_wrap_2 a:last-child {
                    color: #000;
                    background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                }

                .mobile_platform_section .mobile_platform_block form .btn_wrap_2 a:first-child {
                    color: #fff;
                    background: #2bb46b;
                }

        .mobile_platform_section .mobile_platform_block .platform_qr_row {
            width: 100%;
            padding: 10px 0;
        }

            .mobile_platform_section .mobile_platform_block .platform_qr_row .platform_qr_block {
                flex: 1;
                align-items: center;
                gap: 8px;
            }

                .mobile_platform_section .mobile_platform_block .platform_qr_row .platform_qr_block .platform_row {
                    width: 100%;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;
                    color: white;
                    font-size: 12px;
                }

                    .mobile_platform_section .mobile_platform_block .platform_qr_row .platform_qr_block .platform_row img {
                        width: 20px;
                    }

                .mobile_platform_section .mobile_platform_block .platform_qr_row .platform_qr_block .qr_wrap {
                    width: 65%;
                }

                    .mobile_platform_section .mobile_platform_block .platform_qr_row .platform_qr_block .qr_wrap img {
                        width: 100%;
                    }

                .mobile_platform_section .mobile_platform_block .platform_qr_row .platform_qr_block .download_btn {
                    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                    padding: 12px 20px;
                    color: white;
                    font-size: 12px;
                    border-radius: 10px;
                    cursor: pointer;
                }

.transfer_product_wrap {
width:100%;
display:flex;
flex-direction:row;
gap:30px;
}

    .transfer_product_wrap .transfer_product_item {
        width: 20vw;
        height: 15vw;
        border: 1px solid #162c58;
        background: #000f0c;
        border-radius: 10px;

        display:flex;
        justify-content:center;
    }


    .transfer_product_wrap .transfer_product_item img{
        width: 100%;
       
    }
/*Animations*/
@keyframes blink {
    100% {
            transform: scale(2, 2);
            opacity: 0;
        }
    }


table {
    width: 100%;
 
    color: white;
    font-size: clamp(6px, 1vw, 13px);
     
    margin-bottom: 2%;
 
 
}

     table tr:first-child {
        background: linear-gradient(45deg, rgb(41, 175, 112) 0%, rgb(13, 59, 50) 100%);

      
    }



    table tr:first-child td {
        text-align: center;
        font-size: 3.5vw;
        font-weight:600;
        padding: 10px;
        border-radius: 15px;
    }
    table tr:not(:first-child) td {
        background: none;
        text-align: center;
        font-size: 3.5vw;
        
    }

 

.pagination {
    padding: 15px;
    width: 100%;

  
    display: flex;
    flex-direction: row;
}
    .pagination .prev, .pagination .next, .pagination .pagenumber_item {
        color: white;
        font-size: 3.5vw;
        text-align: center;
        cursor: pointer;
        width:10%;
    }

 


@media screen and (max-width: 600px) {

    table tr td.responsivehide {
        display: none !important;
    }
}

.profile_con {
    width: 100%;
 
    padding: 20px
}

    .profile_con .user_card {
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        position: relative
    }

        .profile_con .user_card img {
            width: 100%
        }

        .profile_con .user_card .user_card_info {
            width: 100%;
            height: 100%;
            padding: 20px;
            justify-content: space-between;
            position: absolute
        }

            .profile_con .user_card .user_card_info .user_card_top {
                width: 100%;
                justify-content: space-between;
                display:flex;
                flex-direction:row;
                align-items: flex-start
            }

                .profile_con .user_card .user_card_info .user_card_top .user_card_id {
                    gap: 5px
                }

                    .profile_con .user_card .user_card_info .user_card_top .user_card_id i {
                        font-size: 4vw;
                        color: #fff
                    }

                    .profile_con .user_card .user_card_info .user_card_top .user_card_id span {
                        font-size: 4vw;
                        color: #fff
                    }

                .profile_con .user_card .user_card_info .user_card_top .user_card_vip {
                    gap: 5px
                }

                    .profile_con .user_card .user_card_info .user_card_top .user_card_vip img {
                        width: 15vw
                    }

                    .profile_con .user_card .user_card_info .user_card_top .user_card_vip span {
                        font-size: 4vw;
                        font-weight: bold;
                        color: #fff
                    }

            .profile_con .user_card .user_card_info .user_card_bottom {
                width: 100%
            }

                .profile_con .user_card .user_card_info .user_card_bottom .user_card_credit {
                    gap: 10px;
                    padding-right: 20px;
                    align-items: flex-start
                }

                    .profile_con .user_card .user_card_info .user_card_bottom .user_card_credit .user_card_credit_top {
                        gap: 5px
                    }

                        .profile_con .user_card .user_card_info .user_card_bottom .user_card_credit .user_card_credit_top img {
                            width: 6vw
                        }

                        .profile_con .user_card .user_card_info .user_card_bottom .user_card_credit .user_card_credit_top span {
                            font-size: 3.5vw;
                            color: #fff
                        }

                    .profile_con .user_card .user_card_info .user_card_bottom .user_card_credit .user_card_credit_bottom {
                        gap: 5px
                    }

                        .profile_con .user_card .user_card_info .user_card_bottom .user_card_credit .user_card_credit_bottom p {
                            font-size: 3vw;
                            color: #fff
                        }

                        .profile_con .user_card .user_card_info .user_card_bottom .user_card_credit .user_card_credit_bottom span {
                            font-size: 4vw;
                            color: #fff;
                            font-weight: bold
                        }

                        .profile_con .user_card .user_card_info .user_card_bottom .user_card_credit .user_card_credit_bottom i {
                            font-size: 3.5vw;
                            color: #fff
                        }

                .profile_con .user_card .user_card_info .user_card_bottom .user_card_com {
                    gap: 10px;
                    padding-left: 20px;
                    align-items: flex-start;
                    position: relative
                }

                    .profile_con .user_card .user_card_info .user_card_bottom .user_card_com .user_card_com_top span {
                        font-size: 3.5vw;
                        color: #fff
                    }

                    .profile_con .user_card .user_card_info .user_card_bottom .user_card_com .user_card_com_bottom {
                        gap: 5px
                    }

                        .profile_con .user_card .user_card_info .user_card_bottom .user_card_com .user_card_com_bottom img {
                            width: 6vw
                        }

                        .profile_con .user_card .user_card_info .user_card_bottom .user_card_com .user_card_com_bottom span {
                            font-size: 3.5vw;
                            color: #fff
                        }

                        .profile_con .user_card .user_card_info .user_card_bottom .user_card_com .user_card_com_bottom i {
                            font-size: 3.5vw;
                            color: #fff
                        }

                    .profile_con .user_card .user_card_info .user_card_bottom .user_card_com::before {
                        content: "";
                        width: 1px;
                        height: 50%;
                        background: #fff;
                        position: absolute;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%)
                    }

        .profile_con .user_card .user_card_com {
            padding: 10px 20px;
            background: rgba(0,0,0,.7882352941);
            gap: 5px;
            border-radius: 0 10px 10px 0;
            position: absolute;
            left: 0;
            top: 25%
        }

            .profile_con .user_card .user_card_com img {
                width: 7vw
            }

            .profile_con .user_card .user_card_com .user_card_com_info {
                gap: 5px
            }

                .profile_con .user_card .user_card_com .user_card_com_info span {
                    font-size: 3vw;
                    color: #fff
                }

                .profile_con .user_card .user_card_com .user_card_com_info .user_com_level {
                    gap: 5px
                }

                    .profile_con .user_card .user_card_com .user_card_com_info .user_com_level span {
                        font-size: 3.5vw;
                        color: #fff;
                        font-weight: bold
                    }

                    .profile_con .user_card .user_card_com .user_card_com_info .user_com_level i {
                        font-size: 3vw;
                        color: #fff
                    }


 .crt_comm_lvl_wrap {
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    border-radius: 0 10px 10px 0;
    background: rgba(0, 0, 0, .75);
    position: relative;
    margin-top: 6px;
    margin-left: -30px;
}
 .crt_comm_lvl_wrap .comm_row {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 8px;
        position: relative;
    }
  .crt_comm_lvl_wrap .comm_row .col {
            gap: 5px;
            align-items: flex-start;
        }

 .crt_comm_lvl_wrap .title {
        font-size: 10px;
        color: #fff;
        font-weight: 500;
        letter-spacing: .4px;
        gap: 10px;
    }
  .crt_comm_lvl_wrap .comm_row .crt_lvl {
        color: #fff;
        font-size: 10px;
        font-weight: 600;
    }

 crt_comm_lvl_wrap .comm_row .com_wrap {
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
    }


        .profile_con .user_card .user_card_qr {
            gap: 5px;
            position: absolute;
            right: 5%;
            top: 5%
        }

            .profile_con .user_card .user_card_qr span {
                font-size: 14px;
                color: #fff
            }

            .profile_con .user_card .user_card_qr  {
                padding: 5px;
                width: 20vw;
                border-radius: 5px;
                background: #fff
            }

    .profile_con .profile_detail {
        width: 100%;
        margin-top: 20px;
        gap: 10px
    }

        .profile_con .profile_detail .profile_input_con {
            width: 100%;
            align-items: flex-start;
            gap: 2vw
        }

            .profile_con .profile_detail .profile_input_con span {
                font-size: 3.5vw;
                color: #a7a9ac;
                font-weight: bold
            }

            .profile_con .profile_detail .profile_input_con .profile_input {
                width: 100%;
                position: relative
            }

                .profile_con .profile_detail .profile_input_con .profile_input input {
                    width: 100%;
                    padding: 10px 15px;
                    font-size: 3vw;
                    color: #fff;
                    border: 1px solid #162c58;
                    background: #000f0c;
                    border-radius: 999px
                }

                .profile_con .profile_detail .profile_input_con .profile_input select {
                    width: 100%;
                    padding: 10px 15px;
                    font-size: 3vw;
                    color: #fff;
                    border: 1px solid #162c58;
                    background: #000f0c;
                    border-radius: 999px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none
                }

                .profile_con .profile_detail .profile_input_con .profile_input i {
                    font-size: 3vw;
                    color: #43ffd6;
                    position: absolute;
                    top: 50%;
                    right: 15px;
                    transform: translateY(-40%)
                }

    .profile_con button {
        width: 50vw;
        margin-top: 20px;
        padding: 10px 0;
        font-size: 3.5vw;
        color: #fff;
        border: none;
        background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
        border-radius: 999px
    }
.infor_main_wrap {
    width: 100%;
    padding: 10px;
    background: #010b12;
    border: 1px solid #162c58;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    margin-top: 15px
}

    .infor_main_wrap .profile_infor_grid {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

        .infor_main_wrap .profile_infor_grid .profile_block {
            flex: 1;
            padding: 18px 20px;
            color: #fff;
            font-size: 12px;
            align-items: flex-start;
            position: relative
        }

            .infor_main_wrap .profile_infor_grid .profile_block img {
                width: 28px;
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%)
            }

            .infor_main_wrap .profile_infor_grid .profile_block .title {
                font-weight: 600
            }

                .infor_main_wrap .profile_infor_grid .profile_block .title.sp {
                    color: #2bb46b;
                    font-weight: 600
                }

            .infor_main_wrap .profile_infor_grid .profile_block:nth-child(-n+2) {
                border-bottom: 1px dashed rgba(22,44,88,.5882352941)
            }

            .infor_main_wrap .profile_infor_grid .profile_block:nth-child(odd) {
                border-right: 1px dashed rgba(22,44,88,.5882352941)
            }

    .infor_main_wrap i {
        color: #fff;
        margin-left: auto;
        margin-right: 5px
    }

.downline_con {
    width: 100%;
    min-height: 100vh;
    padding: 20px;
    gap: 10px
}

    .downline_con .title {
        font-size: 18px;
        text-transform: uppercase;
        color: #2bb46b;
        font-weight: 600
    }

    .downline_con .search_bar {
        width: 100%;
        position: relative
    }

        .downline_con .search_bar .search_icon {
            position: absolute;
            top: 35%;
            transform: translateY(-50%);
            left: 15px;
            color: #2b3990;
            font-size: 22px
        }

        .downline_con .search_bar input {
            padding: 10px;
            border-radius: 18px;
            background: #000811;
            width: 100%;
            margin-bottom: 20px;
            border: .6mm solid #2b3990;
            padding-left: 45px;
            font-size: 16px;
            letter-spacing: .6px;
            transition: .2s;
            color: #fff
        }

            .downline_con .search_bar input::-moz-placeholder {
                color: #2b3990
            }

            .downline_con .search_bar input::placeholder {
                color: #2b3990
            }

            .downline_con .search_bar input:focus {
                outline: 0;
                border: .6mm solid #51ba65
            }

        .downline_con .search_bar .cancel_con {
            display: none;
            position: absolute;
            top: 35%;
            transform: translateY(-50%);
            right: 15px;
            align-items: center;
            cursor: pointer
        }

            .downline_con .search_bar .cancel_con i {
                color: #2b3990;
                margin-right: 10px;
                font-size: 22px
            }

            .downline_con .search_bar .cancel_con span {
                line-height: 1;
                font-size: 14px
            }

        .downline_con .search_bar input:valid ~ .cancel_con {
            display: flex;
            opacity: 1
        }

.downline_wrap {
    width: 100%;
    gap: 10px;
    align-items: stretch
}

    .downline_wrap .downline_main_wrap {
        width: 100%;
        gap: 10px
    }

        .downline_wrap .downline_main_wrap .downline_block {
            width: 100%;
            background: linear-gradient(45deg, rgb(15, 83, 73) 21%, rgb(0, 16, 24) 100%);
            border-radius: 10px;
            padding: 15px;
            gap: 15px;
            height: 100%;
            justify-content: space-between;
            filter: drop-shadow(2px 3px 7px black)
        }

            .downline_wrap .downline_main_wrap .downline_block .icon {
                width: 26px;
                align-self: self-end
            }

                .downline_wrap .downline_main_wrap .downline_block .icon img {
                    width: 100%
                }

            .downline_wrap .downline_main_wrap .downline_block .downline_infor_col {
                width: 100%;
                justify-content: center;
                align-items: center;
                color: #2bb46b;
                gap: 5px
            }

                .downline_wrap .downline_main_wrap .downline_block .downline_infor_col .infor {
                    font-size: 32px;
                    color: #2bb46b;
                    font-weight: 600;
                    line-height: 1
                }

                .downline_wrap .downline_main_wrap .downline_block .downline_infor_col .infor_title {
                    font-size: 12px;
                    color: #fff
                }

            .downline_wrap .downline_main_wrap .downline_block .down_title {
                margin-right: auto;
                font-size: 13px;
                color: #fff
            }

            .downline_wrap .downline_main_wrap .downline_block .down_user_row {
                width: -moz-fit-content;
                width: fit-content;
                margin-right: auto;
                gap: 10px
            }

                .downline_wrap .downline_main_wrap .downline_block .down_user_row img {
                    width: 26px
                }

                .downline_wrap .downline_main_wrap .downline_block .down_user_row .usern {
                    color: #fff;
                    font-size: 12px;
                    font-weight: 500;
                    letter-spacing: .4px
                }

            .downline_wrap .downline_main_wrap .downline_block .downline_infor_wrap {
                width: 100%;
                justify-content: space-around;
                align-items: center
            }

            .downline_wrap .downline_main_wrap .downline_block p {
                color: #fff;
                font-size: 12px;
                text-align: center;
                width: 100%
            }

.downline_result_wrap {
    width: 100%;
    padding: 15px 0;
    align-items: flex-start;
    gap: 10px
}

    .downline_result_wrap .down_no_result {
        width: 100%;
        background: linear-gradient(45deg, rgb(15, 83, 73) 21%, rgb(0, 16, 24) 100%);
        border-radius: 8px;
        padding: 14px 20px;
        color: #fff;
        font-size: 12px;
        text-transform: capitalize;
        letter-spacing: .4px
    }

        .downline_result_wrap .down_no_result a {
            color: #2bb46b;
            font-size: 12px;
            font-weight: 700
        }

.overflow {
    overflow: hidden;
    height: 100vh
}

.referral_con .new_refer_part_1 {
    width: 100%;
    position: relative;
 
}

    .referral_con .new_refer_part_1 .new_aff_p1_con {
        width: 100%;
        position: relative;
        display: flex;
        gap: 20px;
    }


        .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_title .new_refer_title_text {
            width: fit-content;
            text-align: center;
            padding: 10px 15px;
            margin-left: -22px;
            font-size: 14px;
            color: #fff;
            background: #000;
            border: 1px solid #3eb2aa;
            border-radius: 10px
        }

        .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 {
            width: 90%;
            margin:auto;
            border: 1px solid #3eb2aa;
            border-radius: 5px
        }

            .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_title {
                width: 100%;
                padding: 5px 0;
                gap: 10px;
                background: #3eb2aa;
                justify-content: center;
                border-radius: 0 0 5px 5px
            }

                .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_title img {
                    width: 6vw
                }

                .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_title span {
                    font-size: 4vw;
                    color: #fff
                }

            .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content {
                width: 100%
            }

                .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_left {
                    width: auto;
                    padding: 10px;
                    align-items: flex-start;
                    gap: 5px;
                }

                    .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_left span {
                        font-size: 3vw;
                        color: #fff
                    }

                .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_right {
                    width: auto;
                    padding: 10px;
                    align-items: flex-start;
                    gap: 5px
                }

                    .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_right span {
                        font-size: 3vw;
                        color: #fff
                    }

                        .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_right span b {
                            color: #3eb2aa
                        }

        .referral_con .new_refer_part_1 .new_aff_p1_con::after {
            content: "";
            width: 1px;
            height: 15px;
            position: absolute;
            top: 100%;
            background: #3eb2aa
        }


    .referral_con .new_refer_part_1 .new_aff_p2_con {
        width: 90%;
        margin:auto;
        align-items: flex-start;
        gap: 5px
    }

        .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 {
            width: 50%;
            position: relative
        }

            .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item {
                width: 100%;
                border: 1px solid #ebefb7;
                border-radius: 5px;
                position: relative
            }

                .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_title {
                    width: 100%;
                    padding: 5px 0;
                    gap: 10px;
                    justify-content: center;
                    border-radius: 0 0 5px 5px
                }

                    .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_title img {
                        width: 5vw
                    }

                    .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_title span {
                        font-size: 4vw;
                        color: #edf1c3
                    }

                .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content {
                    width: 100%
                }

                    .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_left {
                        width: auto;
                        padding: 5px;
                        align-items: flex-start;
                        gap: 10px;
                        border-right: 1px solid gray
                    }

                        .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_left span {
                            font-size: 3vw;
                            color: #fff
                        }

                    .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_right {
                        width: auto;
                        padding: 5px;
                        align-items: flex-start;
                        gap: 10px
                    }

                        .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_right span {
                            font-size: 3vw;
                            color: #fff
                        }

                            .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_right span b {
                                color: #3eb2aa
                            }

                .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item::after {
                    content: "";
                    width: 1px;
                    height: 21px;
                    background: #3eb2aa;
                    position: absolute;
                    top: 100%
                }

                .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item:last-child::after {
                    width: 0;
                    height: 0
                }

            .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_line_p2 {
                width: 100%;
                margin-left: 50%;
                height: 15px;
                margin-top: 15px;
                border: 1px solid #3eb2aa;
                border-bottom: 0;
                border-radius: 5px 5px 0 0
            }

    .referral_con .new_refer_part_1 .new_aff_p3_con {
        width: 180%;
 
        gap: 10px
    }

        .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 {
            width: 50%;
            border: 1px solid #9effb5;
            border-radius: 5px;
            position: relative
        }

            .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_title {
                width: 100%;
                padding: 5px 0;
                gap: 10px;
                justify-content: center;
                border-radius: 0 0 5px 5px
            }

                .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_title img {
                    width: 4vw
                }

                .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_title span {
                    font-size: 3vw;
                    color: #9effb5
                }

            .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content {
                width: 100%
            }

                .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_left {
                    width: auto;
                    padding: 5px;
                    align-items: flex-start;
                    gap: 5px;
                    border-right: 1px solid gray
                }

                    .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_left span {
                        font-size: 2.5vw;
                        color: #fff
                    }

                .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_right {
                    width: auto;
                    padding: 5px;
                    align-items: flex-start;
                    gap: 5px
                }

                    .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_right span {
                        font-size: 2.5vw;
                        color: #fff
                    }

                        .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_right span b {
                            color: #3eb2aa
                        }

    .referral_con .new_refer_part_1 .new_aff_legend {
        padding: 10px 15px;
        font-size: 3vw;
        margin-right: auto;
        margin-top: 20px;
        color: #fff;
        background: #000;
        border: 1px solid #3eb2aa;
        border-radius: 999px
    }

.referral_con .new_aff_calc_con {
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
    border-top: 1px solid #3eb2aa;
    gap: 20px;
    padding: 20px;
}

    .referral_con .new_aff_calc_con .new_aff_calc_l1 {
        gap: 10px
    }

        .referral_con .new_aff_calc_con .new_aff_calc_l1 .new_aff_calc_light {
            padding: 5px 10px;
            font-size: 3vw;
            background: #00ffa2;
            border-radius: 5px
        }

        .referral_con .new_aff_calc_con .new_aff_calc_l1 .new_aff_calc_green {
            padding: 5px 10px;
            font-size: 3vw;
            background: #3eb2aa;
            color: #fff;
            border-radius: 5px
        }

        .referral_con .new_aff_calc_con .new_aff_calc_l1 .new_aff_calc_yellow {
            padding: 5px 10px;
            font-size: 3vw;
            background: #edf1c4;
            border-radius: 5px
        }

        .referral_con .new_aff_calc_con .new_aff_calc_l1 span {
            font-size: 3vw;
            color: #fff
        }

    .referral_con .new_aff_calc_con .new_aff_calc_l2 {
        gap: 5px
    }

        .referral_con .new_aff_calc_con .new_aff_calc_l2 span {
            font-size: 3vw;
            color: #edf1c4
        }

        .referral_con .new_aff_calc_con .new_aff_calc_l2 .new_aff_calc_l2_content {
            padding: 10px 20px;
            background: #000;
            border: 1px solid #3eb2aa;
            border-radius: 5px;
            gap: 5px
        }

            .referral_con .new_aff_calc_con .new_aff_calc_l2 .new_aff_calc_l2_content span {
                font-size: 3vw
            }

    .referral_con .new_aff_calc_con .new_aff_calc_l3 {
        width: 100%;
        gap: 5px
    }

        .referral_con .new_aff_calc_con .new_aff_calc_l3 span {
            font-size: 3vw;
            color: #ffa4c6
        }

        .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con {
            width: 100%;
            gap: 10px
        }

            .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row {
                width: 100%;
                justify-content: center;
                gap: 10px
            }

                .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_light {
                    padding: 5px 10px;
                    font-size: 2.8vw;
                    background: #00ffa2;
                    border-radius: 5px;
                    justify-content: center;
                    gap: 5px
                }

                    .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_light b {
                        font-size: 3vw
                    }

                .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_green {
                    padding: 5px 10px;
                    font-size: 2.8vw;
                    background: #3eb2aa;
                    color: #000;
                    border-radius: 5px;
                    justify-content: center
                }

                .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_yellow {
                    padding: 5px 10px;
                    font-size: 2.8vw;
                    background: #edf1c4;
                    border-radius: 5px;
                    justify-content: center
                }

                .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_blue {
                    padding: 5px 10px;
                    font-size: 2.8vw;
                    background: #aeffe1;
                    border-radius: 5px;
                    justify-content: center;
                    gap: 5px
                }

                    .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_blue b {
                        font-size: 3vw
                    }

                .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row span {
                    font-size: 3vw;
                    color: #fff
                }

        .referral_con .new_aff_calc_con .new_aff_calc_l3 p {
            margin-top: 20px;
            font-size: 3vw;
            color: #ff7575
        }


.referral_con .referral_part_3 {
    width: 100%;
    padding: 20px;
    margin-top: 10vw;
    background: #000f0c;
    border-radius: 10px;
    border: 1px solid #162c58
}

    .referral_con .referral_part_3 .comm_main_wrap {
        width: 100%;
        display: flex;
        gap: 20px
    }

        .referral_con .referral_part_3 .comm_main_wrap .comm_col {
            width: 100%;
            gap: 20px
        }

            .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_title_row {
                width: 100%;
                gap: 10px;
                justify-content: space-between;
                align-items: center;
                gap: 15px
            }

                .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_title_row .sm_block {
                    width: 45px
                }

                .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_title_row .title {
                    font-size: 3vw;
                    color: #000;
                    padding: 12px;
                    text-align: center;
                    background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                    border-radius: 5px
                }

            .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_row {
                width: 100%;
                justify-content: space-between;
                align-items: center;
                gap: 15px
            }

                .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_row .level {
                    background: linear-gradient(45deg, rgb(41, 175, 112) 0%, rgb(13, 59, 50) 100%);
                    box-shadow: inset 0 0 3px rgba(253,253,253,0.5019607843);
                    width: 24%;
                    height: 40px;
                    border-radius: 10px;
                    color: #fff;
                    font-size: 3.5vw;
                    font-weight: 700;
                    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_row .comm_infor {
                    padding: 12px;
                    border-radius: 10px;
                    font-size: 3vw;
                    color: #fff;
                    font-weight: 600;
                    text-align: center
                }

                .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_row .rebate_infor {
                    padding: 12px;
                    border-radius: 10px;
                    font-size: 3vw;
                    color: #fff;
                    font-weight: 600;
                    text-align: center
                }

.referral_con .new_refer_part_1 {
    width: 100%;
    position: relative;
    padding: 10px;
}

    .referral_con .new_refer_part_1 .new_aff_p1_con {
        width: 100%;
        position: relative
    }

        .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_title img {
            width: 62px;
            z-index: 1;
            margin-left: 38px;
            position: relative;
        }

        .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_title .new_refer_title_text {
            padding: 10px 15px;
            margin-left: -22px;
            font-size: 14px;
            color: #fff;
            background: #000;
            border: 1px solid #3eb2aa;
            border-radius: 10px;
            white-space: nowrap;
        }

        .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 {
            width:90%;
            border: 1px solid #3eb2aa;
            border-radius: 5px
        }

            .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_title {
                width: 100%;
                padding: 5px 0;
                gap: 10px;
                background: #3eb2aa;
                justify-content: center;
                border-radius: 0 0 5px 5px
            }

                .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_title img {
                    width: 6vw
                }

                .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_title span {
                    font-size: 4vw;
                    color: #fff
                }

            .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content {
                width: 100%
            }

                .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_left {
                    width: auto;
                    padding: 10px;
                    align-items: flex-start;
                    gap: 5px;
                }

                    .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_left span {
                        font-size: 3vw;
                        color: #fff
                    }

                .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_right {
                    width: auto;
                    padding: 10px;
                    align-items: flex-start;
                    gap: 5px
                }

                    .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_right span {
                        font-size: 3vw;
                        color: #fff
                    }

                        .referral_con .new_refer_part_1 .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_right span b {
                            color: #3eb2aa
                        }

        .referral_con .new_refer_part_1 .new_aff_p1_con::after {
            content: "";
            width: 1px;
            height: 15px;
            position: absolute;
            top: 100%;
            background: #3eb2aa;
            left:50%;
        }

    .referral_con .new_refer_part_1 .new_aff_line {
        width: 50%;
        height: 15px;
        margin-top: 15px;
        border: 1px solid #3eb2aa;
        border-bottom: 0;
        border-radius: 5px 5px 0 0
    }

    .referral_con .new_refer_part_1 .new_aff_p2_con {
        width: 90%;
        align-items: flex-start;
        gap: 5px
    }

        .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 {
            width: 50%;
            position: relative
        }

            .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item {
                width: 100%;
                border: 1px solid #ebefb7;
                border-radius: 5px;
                position: relative
            }

                .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_title {
                    width: 100%;
                    padding: 5px 0;
                    gap: 10px;
                    justify-content: center;
                    border-radius: 0 0 5px 5px
                }

                    .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_title img {
                        width: 5vw
                    }

                    .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_title span {
                        font-size: 4vw;
                        color: #edf1c3
                    }

                .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content {
                    width: 100%
                }

                    .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_left {
                        width: auto;
                        padding: 5px;
                        align-items: flex-start;
                        gap: 10px;
                        border-right: 1px solid gray
                    }

                        .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_left span {
                            font-size: 3vw;
                            color: #fff
                        }

                    .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_right {
                        width: auto;
                        padding: 5px;
                        align-items: flex-start;
                        gap: 10px
                    }

                        .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_right span {
                            font-size: 3vw;
                            color: #fff
                        }

                            .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_right span b {
                                color: #3eb2aa
                            }

                .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item::after {
                    content: "";
                    width: 1px;
                    height: 21px;
                    background: #3eb2aa;
                    position: absolute;
                    top: 100%;
                    left:70%;
                }

                .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_p2_item:last-child::after {
                    width: 0;
                    height: 0
                }

            .referral_con .new_refer_part_1 .new_aff_p2_con .new_aff_p2 .new_aff_line_p2 {
                width: 100%;
                margin-left: 50%;
                height: 15px;
                margin-top: 15px;
                border: 1px solid #3eb2aa;
                border-bottom: 0;
                border-radius: 5px 5px 0 0
            }

    .referral_con .new_refer_part_1 .new_aff_p3_con {
        width: 180%;
        margin-left: 80%;
        gap: 10px
    }

        .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 {
            width: 50%;
            border: 1px solid #9effb5;
            border-radius: 5px;
            position: relative
        }

            .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_title {
                width: 100%;
                padding: 5px 0;
                gap: 10px;
                justify-content: center;
                border-radius: 0 0 5px 5px
            }

                .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_title img {
                    width: 4vw
                }

                .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_title span {
                    font-size: 3vw;
                    color: #9effb5
                }

            .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content {
                width: 100%
            }

                .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_left {
                    width: auto;
                    padding: 5px;
                    align-items: flex-start;
                    gap: 5px;
                    border-right: 1px solid gray
                }

                    .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_left span {
                        font-size: 2.5vw;
                        color: #fff
                    }

                .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_right {
                    width: auto;
                    padding: 5px;
                    align-items: flex-start;
                    gap: 5px
                }

                    .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_right span {
                        font-size: 2.5vw;
                        color: #fff
                    }

                        .referral_con .new_refer_part_1 .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_right span b {
                            color: #3eb2aa
                        }

    .referral_con .new_refer_part_1 .new_aff_legend {
        padding: 10px 15px;
        font-size: 3vw;
        margin-right: auto;
        margin-top: 20px;
        color: #fff;
        background: #000;
        width:auto;
        border: 1px solid #3eb2aa;
        border-radius: 999px
    }

.referral_con .new_aff_calc_con {
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
    border-top: 1px solid #3eb2aa;
    gap: 20px;
    padding: 20px;
}

    .referral_con .new_aff_calc_con .new_aff_calc_l1 {
        gap: 10px
    }

        .referral_con .new_aff_calc_con .new_aff_calc_l1 .new_aff_calc_light {
            padding: 5px 10px;
            font-size: 3vw;
            background: #00ffa2;
            border-radius: 5px
        }

        .referral_con .new_aff_calc_con .new_aff_calc_l1 .new_aff_calc_green {
            padding: 5px 10px;
            font-size: 3vw;
            background: #3eb2aa;
            color: #fff;
            border-radius: 5px
        }

        .referral_con .new_aff_calc_con .new_aff_calc_l1 .new_aff_calc_yellow {
            padding: 5px 10px;
            font-size: 3vw;
            background: #edf1c4;
            border-radius: 5px
        }

        .referral_con .new_aff_calc_con .new_aff_calc_l1 span {
            font-size: 3vw;
            color: #fff
        }

    .referral_con .new_aff_calc_con .new_aff_calc_l2 {
        gap: 5px
    }

        .referral_con .new_aff_calc_con .new_aff_calc_l2 span {
            font-size: 3vw;
            color: #edf1c4
        }

        .referral_con .new_aff_calc_con .new_aff_calc_l2 .new_aff_calc_l2_content {
            padding: 10px 20px;
            background: #000;
            border: 1px solid #3eb2aa;
            border-radius: 5px;
            gap: 5px
        }

            .referral_con .new_aff_calc_con .new_aff_calc_l2 .new_aff_calc_l2_content span {
                font-size: 3vw
            }

    .referral_con .new_aff_calc_con .new_aff_calc_l3 {
        width: 100%;
        gap: 5px
    }

        .referral_con .new_aff_calc_con .new_aff_calc_l3 span {
            font-size: 3vw;
            color: #ffa4c6
        }

        .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con {
            width: 100%;
            gap: 10px
        }

            .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row {
                width: 100%;
                justify-content: center;
                gap: 10px
            }

                .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_light {
                    padding: 5px 10px;
                    font-size: 2.8vw;
                    background: #00ffa2;
                    border-radius: 5px;
                    justify-content: center;
                    gap: 5px
                }

                    .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_light b {
                        font-size: 3vw
                    }

                .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_green {
                    padding: 5px 10px;
                    font-size: 2.8vw;
                    background: #3eb2aa;
                    color: #000;
                    border-radius: 5px;
                    justify-content: center
                }

                .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_yellow {
                    padding: 5px 10px;
                    font-size: 2.8vw;
                    background: #edf1c4;
                    border-radius: 5px;
                    justify-content: center
                }

                .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_blue {
                    padding: 5px 10px;
                    font-size: 2.8vw;
                    background: #aeffe1;
                    border-radius: 5px;
                    justify-content: center;
                    gap: 5px
                }

                    .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_blue b {
                        font-size: 3vw
                    }

                .referral_con .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row span {
                    font-size: 3vw;
                    color: #fff
                }

        .referral_con .new_aff_calc_con .new_aff_calc_l3 p {
            margin-top: 20px;
            font-size: 3vw;
            color: #ff7575
        }
.login_con .login_window .reg_line {
    width: 100%;
    gap: 5px;
}

    .login_con .login_window .reg_line span {
        font-size: 3vw;
        color: #fff;
    }

    .login_con .login_window .reg_line a {
        font-size: 3vw;
        color: #43ffd6;
        text-decoration: underline;
    }

.cover {
    display: none;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,.7);
}

    .cover .cover_con {
        width: 75%;
        height: 100%;
        right:0;
        margin-left: auto;
        background: #1f1f1f;
        background-size: cover
    }

        .cover .cover_con .side_menu_title {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 20px 15px;
            position: relative
        }

            .cover .cover_con .side_menu_title .logo {
                width: 50%;
                filter: drop-shadow(0px 1px 15px rgba(0, 0, 0, 0.3));
                display: flex;
                margin-left: 82px
            }

                .cover .cover_con .side_menu_title .logo img {
                    width: 100%
                }

            .cover .cover_con .side_menu_title .menu_bar_close {
                display: flex;
                flex-direction: column;
                width: 20px;
                height: 20px;
                justify-content: space-between;
                cursor: pointer;
                transition: .4s;
                transform: scale(0.8)
            }

                .cover .cover_con .side_menu_title .menu_bar_close span {
                    width: 100%;
                    height: 2px;
                    background: #002b21;
                    border-radius: 99rem;
                    transition: .4s
                }

                .cover .cover_con .side_menu_title .menu_bar_close .top {
                    transform: translateY(9px) rotate(-45deg)
                }

                .cover .cover_con .side_menu_title .menu_bar_close .center {
                    transform: rotate(360deg) scale(0)
                }

                .cover .cover_con .side_menu_title .menu_bar_close .bottom {
                    transform: translateY(-9px) rotate(45deg)
                }

        .cover .cover_con .side_button_wrap {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 25px 15px;
            position: relative
        }

            .cover .cover_con .side_button_wrap::after {
                content: "";
                position: absolute;
                bottom: 0;
                width: 70%;
                height: 1px;
                background: rgba(255,255,255,.3647058824);
                left: 50%;
                transform: translateX(-50%)
            }

            .cover .cover_con .side_button_wrap .login_btn {
                width: 100%;
                margin: 0 auto 5px;
                padding: 10px 0;
                font-size: 2.8vw;
                font-weight: bold;
                color: #fff;
                border-radius: 5px;
                font-weight: 700;
                display: flex;
                justify-content: center;
                background: linear-gradient(to bottom, #1c8d80, #08423c, #1c8d80);
                box-shadow: 0px 0px 10px rgba(0,0,0,.3)
            }

        .cover .cover_con .side_logged_col {
            width: 100%;
            position: relative
        }

            .cover .cover_con .side_logged_col::after {
                content: "";
                position: absolute;
                bottom: 0;
                width: 70%;
                height: 1px;
                background: rgba(255,255,255,.2039215686);
                left: 50%;
                transform: translateX(-50%)
            }

            .cover .cover_con .side_logged_col .logged_user {
                width: 100%;
                padding: 0 20px 15px 20px;
                gap: 5px;
                display: flex;
                flex-direction: column;
                align-items: flex-start
            }

                .cover .cover_con .side_logged_col .logged_user .logged_user_name {
                    display: flex;
                    font-size: 3vw;
                    font-weight: bold;
                    color: #43ffd6;
                    gap: 5px
                }

                    .cover .cover_con .side_logged_col .logged_user .logged_user_name span {
                        color: #fff
                    }

                .cover .cover_con .side_logged_col .logged_user .menu_deposit {
                    width: 100%;
                    justify-content: space-between
                }

                    .cover .cover_con .side_logged_col .logged_user .menu_deposit .logged_user_bal {
                        display: flex;
                        font-size: 4vw;
                        color: #fff;
                        gap: 5px
                    }

                    .cover .cover_con .side_logged_col .logged_user .menu_deposit a {
                        padding: 5px 10px;
                        font-size: 3vw;
                        font-weight: bold;
                        color: #000;
                        background: linear-gradient(to bottom, #89ff8f, #89ff8f, #007906);
                        border-radius: 5px
                    }

        .cover .cover_con .side_menu_col {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 12px 18px;
            gap: 5px;
            position: relative
        }

            .cover .cover_con .side_menu_col::after {
                content: "";
                position: absolute;
                bottom: 0;
                width: 70%;
                height: 1px;
                background: rgba(255,255,255,.3647058824);
                left: 50%;
                transform: translateX(-50%)
            }

            .cover .cover_con .side_menu_col .lang_cover_col {
                width: 100%;
                display: flex;
                flex-direction: column;
                gap: 20px;
                padding: 10px 0
            }

                .cover .cover_con .side_menu_col .lang_cover_col .lang_option_row {
                    width: 100%;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    gap: 10px
                }

                    .cover .cover_con .side_menu_col .lang_cover_col .lang_option_row img {
                        width: 30px
                    }

                    .cover .cover_con .side_menu_col .lang_cover_col .lang_option_row .lang_option_col {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        gap: 5px
                    }

                        .cover .cover_con .side_menu_col .lang_cover_col .lang_option_row .lang_option_col .lang_region {
                            font-size: 14px;
                            color: #fff7db
                        }

                        .cover .cover_con .side_menu_col .lang_cover_col .lang_option_row .lang_option_col .lang_block_row {
                            width: 100%;
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            gap: 10px
                        }

                            .cover .cover_con .side_menu_col .lang_cover_col .lang_option_row .lang_option_col .lang_block_row .lang_block {
                                font-size: 12px;
                                color: #fff;
                                border-right: .6mm solid #646464;
                                padding-right: 10px
                            }

                                .cover .cover_con .side_menu_col .lang_cover_col .lang_option_row .lang_option_col .lang_block_row .lang_block:last-child {
                                    border-right: 0
                                }

            .cover .cover_con .side_menu_col .sm_title {
                font-size: 3vw;
                color: gray;
                margin-bottom: 7px;
                text-transform: uppercase;
                font-weight: bold
            }

            .cover .cover_con .side_menu_col .side_menu_link_row {
                width: 100%;
                justify-content: flex-start;
                align-items: center;
                gap: 10px;
                padding: 8px 12px;
                background: rgba(0,0,0,0);
                border: .6mm solid rgba(0,0,0,0);
                border-radius: 8px
            }

                .cover .cover_con .side_menu_col .side_menu_link_row img {
                    width: 18px
                }

                .cover .cover_con .side_menu_col .side_menu_link_row span {
                    color: #fff;
                    font-size: 3vw;
                    color: #fff;
                    line-height: 1;
                    display: block
                }

                .cover .cover_con .side_menu_col .side_menu_link_row .selected_lang {
                    display: flex;
                    gap: 10px;
                    margin-left: auto;
                    align-items: center
                }

                    .cover .cover_con .side_menu_col .side_menu_link_row .selected_lang img {
                        width: 18px
                    }

                    .cover .cover_con .side_menu_col .side_menu_link_row .selected_lang i {
                        color: #fff
                    }

            .cover .cover_con .side_menu_col .row_target {
                background: #333;
                border: .6mm solid #a7781c
            }

        .cover .cover_con .lang_row {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .cover .cover_con .lang_row .selected_lang {
                flex: 1;
                display: flex;
                align-items: center
            }

                .cover .cover_con .lang_row .selected_lang img {
                    width: 18px;
                    margin-right: 5px
                }

                .cover .cover_con .lang_row .selected_lang span {
                    color: #fff;
                    font-size: 12px
                }

        .cover .cover_con .side_menu_link_con {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            width: 95%;
            margin: 0px auto 10px;
            align-items: flex-start;
            gap: 20px
        }

            .cover .cover_con .side_menu_link_con .side_menu_block {
                width: 100%;
                gap: 10px;
                display: flex;
                flex-direction: column;
                align-items: center;
                font-size: 3vw;
                color: #fff;
                text-align: center
            }

                .cover .cover_con .side_menu_link_con .side_menu_block .img {
                    width: 7.6vw;
                    border-radius: 999rem
                }

                .cover .cover_con .side_menu_link_con .side_menu_block img {
                    width: 100%
                }

            .cover .cover_con .side_menu_link_con .logged_user {
                width: 100%;
                padding: 0 20px 20px 20px;
                margin-bottom: 20px;
                gap: 5px;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                border-bottom: 1px solid #757575
            }

                .cover .cover_con .side_menu_link_con .logged_user .logged_user_name {
                    display: flex;
                    font-size: 3vw;
                    font-weight: bold;
                    color: #43ffd6;
                    gap: 5px
                }

                    .cover .cover_con .side_menu_link_con .logged_user .logged_user_name span {
                        color: #fff
                    }

                .cover .cover_con .side_menu_link_con .logged_user .logged_user_bal {
                    display: flex;
                    font-size: 4vw;
                    color: #fff;
                    gap: 5px
                }

    .cover .lang_con {
        width: 65%
    }


.head {
    display: flex;
    width: 100%;
    padding: 15px 20px;
    flex-direction: row;
    align-items: center;
    position: sticky;
    justify-content: flex-start;
    top: 0;
    z-index: 999;
    background: linear-gradient(to bottom, #002925, #002925, #000000);
    gap: 4vmin
}

    .head .menu_btn {
        display: flex;
        flex-direction: column;
        width: 20px;
        height: 14px;
        justify-content: space-between;
        cursor: pointer;
        transition: .4s;
        z-index: 99999
    }

        .head .menu_btn span {
            width: 100%;
            height: 2px;
            background: #1c8d80;
            border-radius: 999px;
            transition: .4s
        }

            .head .menu_btn span:not(:first-child) {
                width: 80%
            }

    .head .close .top {
        transform: translateY(9px) rotate(-45deg)
    }

    .head .close .center {
        transform: rotate(360deg) scale(0)
    }

    .head .close .bottom {
        transform: translateY(-9px) rotate(45deg)
    }

    .head .logo {
        width: 40%;
        position: relative;
        margin-right: auto
    }

        .head .logo img {
            width: 100%
        }

            .head .logo img:first-child {
                position: relative;
                z-index: 1
            }

        .head .logo .ball-animate {
            width: 20%;
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 0;
            animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
        }

            .head .logo .ball-animate .logo-wind {
                width: 205%;
                position: absolute;
                right: 80%
            }

            .head .logo .ball-animate .logo-ball {
                width: 100%;
                animation: rotate-in-center 2s linear infinite
            }

    .head .login_btn {
        padding: 5px 29px;
        white-space: nowrap;
        font-size: 2.8vw;
        font-weight: 700;
        color: #fff7db;
        border-radius: 5px;
        border: 1px solid #1c8d80;
        display: flex;
        justify-content: center;
        background: linear-gradient(to bottom, #1c8d80, #08423c, #1c8d80)
    }

        .head .login_btn img {
            width: 17px
        }

    .head .head_logged_bal {
        font-size: 3vw;
        color: #fff;
        position: absolute;
        right: 20px
    }



.option_target {
    display: none;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,.7);
    backdrop-filter: blur(2px)
}

    .option_target .cover_con {
        width: 75%;
        height: 100%;
        margin-left: auto;
        background: #1f1f1f;
        background-size: cover
    }

        .option_target .cover_con .side_menu_title {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 20px 15px;
            position: relative
        }

            .option_target .cover_con .side_menu_title .logo {
                width: 75%;
                filter: drop-shadow(0px 1px 15px rgba(0, 0, 0, 0.3));
                display: flex
            }

                .option_target .cover_con .side_menu_title .logo img {
                    width: 100%
                }

            .option_target .cover_con .side_menu_title .menu_bar_close {
                display: flex;
                flex-direction: column;
                width: 20px;
                height: 20px;
                justify-content: space-between;
                cursor: pointer;
                transition: .4s;
                transform: scale(0.8)
            }

                .option_target .cover_con .side_menu_title .menu_bar_close span {
                    width: 100%;
                    height: 2px;
                    background: #002b21;
                    border-radius: 99rem;
                    transition: .4s
                }

                .option_target .cover_con .side_menu_title .menu_bar_close .top {
                    transform: translateY(9px) rotate(-45deg)
                }

                .option_target .cover_con .side_menu_title .menu_bar_close .center {
                    transform: rotate(360deg) scale(0)
                }

                .option_target .cover_con .side_menu_title .menu_bar_close .bottom {
                    transform: translateY(-9px) rotate(45deg)
                }

        .option_target .cover_con .side_button_wrap {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 25px 15px;
            position: relative
        }

            .option_target .cover_con .side_button_wrap::after {
                content: "";
                position: absolute;
                bottom: 0;
                width: 70%;
                height: 1px;
                background: rgba(255,255,255,.3647058824);
                left: 50%;
                transform: translateX(-50%)
            }

            .option_target .cover_con .side_button_wrap .login_btn {
                width: 100%;
                margin: 0 auto 5px;
                padding: 10px 0;
                font-size: 2.8vw;
                font-weight: bold;
                color: #fff;
                border-radius: 5px;
                font-weight: 700;
                display: flex;
                justify-content: center;
                background: linear-gradient(to bottom, #1c8d80, #08423c, #1c8d80);
                box-shadow: 0px 0px 10px rgba(0,0,0,.3)
            }

        .option_target .cover_con .side_logged_col {
            width: 100%;
            position: relative
        }

            .option_target .cover_con .side_logged_col::after {
                content: "";
                position: absolute;
                bottom: 0;
                width: 70%;
                height: 1px;
                background: rgba(255,255,255,.2039215686);
                left: 50%;
                transform: translateX(-50%)
            }

            .option_target .cover_con .side_logged_col .logged_user {
                width: 100%;
                padding: 0 20px 15px 20px;
                gap: 5px;
                display: flex;
                flex-direction: column;
                align-items: flex-start
            }

                .option_target .cover_con .side_logged_col .logged_user .logged_user_name {
                    display: flex;
                    font-size: 3vw;
                    font-weight: bold;
                    color: #43ffd6;
                    gap: 5px
                }

                    .option_target .cover_con .side_logged_col .logged_user .logged_user_name span {
                        color: #fff
                    }

                .option_target .cover_con .side_logged_col .logged_user .logged_user_bal {
                    display: flex;
                    font-size: 4vw;
                    color: #fff;
                    gap: 5px
                }

        .option_target .cover_con .side_menu_col {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 12px 18px;
            gap: 5px;
            position: relative
        }

            .option_target .cover_con .side_menu_col::after {
                content: "";
                position: absolute;
                bottom: 0;
                width: 70%;
                height: 1px;
                background: rgba(255,255,255,.3647058824);
                left: 50%;
                transform: translateX(-50%)
            }

            .option_target .cover_con .side_menu_col .lang_cover_col {
                width: 100%;
                display: flex;
                flex-direction: column;
                gap: 20px;
                padding: 10px 0
            }

                .option_target .cover_con .side_menu_col .lang_cover_col .lang_option_row {
                    width: 100%;
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    gap: 10px
                }

                    .option_target .cover_con .side_menu_col .lang_cover_col .lang_option_row img {
                        width: 30px
                    }

                    .option_target .cover_con .side_menu_col .lang_cover_col .lang_option_row .lang_option_col {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        gap: 5px
                    }

                        .option_target .cover_con .side_menu_col .lang_cover_col .lang_option_row .lang_option_col .lang_region {
                            font-size: 12px;
                            color: #43ffd6
                        }

                        .option_target .cover_con .side_menu_col .lang_cover_col .lang_option_row .lang_option_col .lang_block_row {
                            width: 100%;
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            gap: 10px
                        }

                            .option_target .cover_con .side_menu_col .lang_cover_col .lang_option_row .lang_option_col .lang_block_row .lang_block {
                                font-size: 12px;
                                color: #fff;
                                border-right: .6mm solid #646464;
                                padding-right: 10px;
                                white-space: nowrap
                            }

                                .option_target .cover_con .side_menu_col .lang_cover_col .lang_option_row .lang_option_col .lang_block_row .lang_block:last-child {
                                    border-right: 0
                                }

            .option_target .cover_con .side_menu_col .sm_title {
                font-size: 10px;
                color: gray;
                margin-bottom: 7px;
                text-transform: uppercase;
                font-weight: bold
            }

            .option_target .cover_con .side_menu_col .side_menu_link_row {
                width: 100%;
                justify-content: flex-start;
                align-items: center;
                gap: 10px;
                padding: 8px 12px;
                background: rgba(0,0,0,0);
                border: .6mm solid rgba(0,0,0,0);
                border-radius: 8px
            }

                .option_target .cover_con .side_menu_col .side_menu_link_row img {
                    width: 16px
                }

                .option_target .cover_con .side_menu_col .side_menu_link_row span {
                    color: #fff;
                    font-size: 13px;
                    color: #fff;
                    line-height: 1;
                    display: block
                }

                .option_target .cover_con .side_menu_col .side_menu_link_row .selected_lang {
                    display: flex;
                    gap: 10px;
                    margin-left: auto;
                    align-items: center
                }

                    .option_target .cover_con .side_menu_col .side_menu_link_row .selected_lang img {
                        width: 18px
                    }

                    .option_target .cover_con .side_menu_col .side_menu_link_row .selected_lang i {
                        color: #fff
                    }

            .option_target .cover_con .side_menu_col .row_target {
                background: #333;
                border: .6mm solid #a7781c
            }

        .option_target .cover_con .lang_row {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .option_target .cover_con .lang_row .selected_lang {
                flex: 1;
                display: flex;
                align-items: center
            }

                .option_target .cover_con .lang_row .selected_lang img {
                    width: 18px;
                    margin-right: 5px
                }

                .option_target .cover_con .lang_row .selected_lang span {
                    color: #fff;
                    font-size: 12px
                }

        .option_target .cover_con .side_menu_link_con {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            width: 95%;
            margin: 0px auto 10px;
            align-items: flex-start;
            gap: 20px
        }

            .option_target .cover_con .side_menu_link_con .side_menu_block {
                width: 100%;
                gap: 10px;
                display: flex;
                flex-direction: column;
                align-items: center;
                font-size: 2.6vw;
                color: #fff
            }

                .option_target .cover_con .side_menu_link_con .side_menu_block .img {
                    width: 7.6vw;
                    border-radius: 999rem
                }

                .option_target .cover_con .side_menu_link_con .side_menu_block img {
                    width: 100%
                }

            .option_target .cover_con .side_menu_link_con .logged_user {
                width: 100%;
                padding: 0 20px 20px 20px;
                margin-bottom: 20px;
                gap: 5px;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                border-bottom: 1px solid #757575
            }

                .option_target .cover_con .side_menu_link_con .logged_user .logged_user_name {
                    display: flex;
                    font-size: 3vw;
                    font-weight: bold;
                    color: #fff7db;
                    gap: 5px
                }

                    .option_target .cover_con .side_menu_link_con .logged_user .logged_user_name span {
                        color: #fff
                    }

                .option_target .cover_con .side_menu_link_con .logged_user .logged_user_bal {
                    display: flex;
                    font-size: 4vw;
                    color: #fff;
                    gap: 5px
                }

    .option_target .lang_con {
        width: 75%
    }

.promo_cover {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.7);
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0
}

    .promo_cover .promo_window {
        width: 80%;
        padding: 10px;
        gap: 10px;
        background: #000f0c;
        border: 1px solid #162c58;
        border-radius: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

        .promo_cover .promo_window .promo_window_img {
            width: 100%;
            border-radius: 5px;
            overflow: hidden
        }

            .promo_cover .promo_window .promo_window_img img {
                width: 100%
            }

        .promo_cover .promo_window .promo_window_info {
            width: 100%
        }

            .promo_cover .promo_window .promo_window_info span {
                font-size: 3vw;
                color: #b6b6b6;
                text-align: center
            }

        .promo_cover .promo_window .promo_window_btn {
            width: 100%;
            justify-content: center;
            gap: 10px
        }

            .promo_cover .promo_window .promo_window_btn button {
                width: 25vw;
                padding: 10px 0;
                font-size: 3vw;
                text-align: center;
                color: #fff;
                background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                border: none;
                border-radius: 5px
            }

            .promo_cover .promo_window .promo_window_btn .promo_window_cancel {
                width: 25vw;
                padding: 10px 0;
                font-size: 3vw;
                text-align: center;
                color: #fff;
                background: linear-gradient(to bottom, rgb(153, 153, 153), grey);
                border: none;
                border-radius: 5px
            }

.index_con .index_lobby .index_promo_con {
    width: 100%;
    padding: 0 10px 10px 0;
    gap: 10px
}

.index_con .index_lobby .index_promo_con .index_promo_item {
    width: 100%;
    background: #000f0c;
    border: 1px solid #162c58;
    border-radius: 10px;
    overflow: hidden
}

    .index_con .index_lobby .index_promo_con .index_promo_item .index_promo_img {
        width: 100%
    }

        .index_con .index_lobby .index_promo_con .index_promo_item .index_promo_img img {
            width: 100%
        }

    .index_con .index_lobby .index_promo_con .index_promo_item .index_promo_btn {
        width: 100%;
        padding: 10px 0;
        gap:10px;
        justify-content: space-around
    }

        .index_con .index_lobby .index_promo_con .index_promo_item .index_promo_btn .promo_more_btn {
            padding: 5px 10px;
            font-size: 3vw;
            color: #fff;
            border: 1px solid #fff;
            border-radius: 5px
        }

        .index_con .index_lobby .index_promo_con .index_promo_item .index_promo_btn .promo_apply_btn {
            padding: 5px 10px;
            font-size: 3vw;
            color: #fff;
            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
            border-radius: 5px
        }


.history_con .history_table {
    width: 100%
}

    .history_con .history_table table {
        width: 100%;
        border-spacing: 0;
        border: 2px solid #162c58;
        border-radius: 10px;
        background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%)
    }

        .history_con .history_table table th {
            padding: 10px 5px;
            font-size: 3vw;
            color: #fff;
            border-bottom: 2px solid #162c58
        }

        .history_con .history_table table td {
            padding: 10px 5px;
            font-size: 3vw;
            color: #fff;
            background: #000f0c;
            text-align: center;
            border-right: 2px solid #162c58;
            border-bottom: 2px solid #162c58
        }

            .history_con .history_table table td:last-child {
                border-right: none
            }

        .history_con .history_table table tr:first-child th:first-child {
            border-radius: 10px 0 0 0
        }

        .history_con .history_table table tr:first-child th:last-child {
            border-radius: 0 10px 0 0
        }

        .history_con .history_table table tr:last-child td {
            border-bottom: none
        }

            .history_con .history_table table tr:last-child td:first-child {
                border-radius: 0 0 0 10px
            }

            .history_con .history_table table tr:last-child td:last-child {
                border-radius: 0 0 10px 0
            }
.row {
    display: flex;
    align-items: center;
}

.referral_con .referral_part_2 {
    width: 100%;
    gap: 5vw;
    padding: 20px;
}

    .referral_con .referral_part_2 .referral_info {
        width: 100%;
        padding: 10px;
        background: linear-gradient(150deg, #01131C 20%, #2A7D5C 80%, #E4E737);
        border: 1px solid #162c58;
        border-radius: 10px;
        gap: 20px
    }

        .referral_con .referral_part_2 .referral_info .referral_info_img {
            width: 25%;
            gap: 10px
        }

            .referral_con .referral_part_2 .referral_info .referral_info_img img {
                width: 100%
            }

            .referral_con .referral_part_2 .referral_info .referral_info_img span {
                font-size: 3.5vw;
                color: #fff;
                font-weight: bold
            }

        .referral_con .referral_part_2 .referral_info .referral_info_text {
            width: 75%
        }

            .referral_con .referral_part_2 .referral_info .referral_info_text span {
                font-size: 3vw;
                color: #fff
            }

            .referral_con .referral_part_2 .referral_info .referral_info_text a {
                font-size: 3vw;
                color: #43ffd6;
                margin-left: 3px
            }

    .referral_con .referral_part_2 .referral_link_con {
        width: 100%;
        padding: 10px;
        align-items: flex-start;
        background: linear-gradient(150deg, #01131C 20%, #521C4B, #E02876);
        border: 1px solid #162c58;
        border-radius: 10px;
        gap: 20px
    }

        .referral_con .referral_part_2 .referral_link_con span {
            font-size: 3vw;
            color: #fff
        }

        .referral_con .referral_part_2 .referral_link_con .referral_reg {
            width: 100%;
            justify-content: space-between
        }

            .referral_con .referral_part_2 .referral_link_con .referral_reg img {
                width: 15%
            }

            .referral_con .referral_part_2 .referral_link_con .referral_reg a {
                padding: 7px;
                font-size: 3vw;
                background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                color: #fff;
                border-radius: 999px
            }

        .referral_con .referral_part_2 .referral_link_con .referral_link {
            width: 100%;
            padding: 5px;
            margin-top: 5vw;
            background: #000f0c;
            border-radius: 5px
        }

            .referral_con .referral_part_2 .referral_link_con .referral_link input {
                width: 100%;
                font-size: 3vw;
                background: none;
                color: #fff;
                border: none
            }

                .referral_con .referral_part_2 .referral_link_con .referral_link input:focus {
                    outline: none
                }

            .referral_con .referral_part_2 .referral_link_con .referral_link i {
                font-size: 3vw;
                color: #fff
            }

.referral_con .referral_part_3 {
    width: 100%;
    padding: 20px;
    margin-top: 10vw;
    background: #000f0c;
    border-radius: 10px;
    border: 1px solid #162c58
}

    .referral_con .referral_part_3 .comm_main_wrap {
        width: 100%;
        display: flex;
        gap: 20px
    }

        .referral_con .referral_part_3 .comm_main_wrap .comm_col {
            width: 100%;
            gap: 20px
        }

            .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_title_row {
                width: 100%;
                gap: 10px;
                justify-content: space-between;
                align-items: center;
                gap: 15px
            }

                .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_title_row .sm_block {
                    width: 45px
                }

                .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_title_row .title {
                    font-size: 3vw;
                    color: #000;
                    padding: 12px;
                    text-align: center;
                    background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                    border-radius: 5px
                }

            .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_row {
                width: 100%;
                justify-content: space-between;
                align-items: center;
                gap: 15px
            }

                .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_row .level {
                    background: linear-gradient(45deg, rgb(41, 175, 112) 0%, rgb(13, 59, 50) 100%);
                    box-shadow: inset 0 0 3px rgba(253,253,253,0.5019607843);
                    width: 70px;
                    height: 40px;
                    border-radius: 10px;
                    color: #fff;
                    font-size: 3.5vw;
                    font-weight: 700;
                    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_row .comm_infor {
                    padding: 12px;
                    border-radius: 10px;
                    font-size: 3vw;
                    color: #fff;
                    font-weight: 600;
                    text-align: center
                }

                .referral_con .referral_part_3 .comm_main_wrap .comm_col .comm_row .rebate_infor {
                    padding: 12px;
                    border-radius: 10px;
                    font-size: 3vw;
                    color: #fff;
                    font-weight: 600;
                    text-align: center
                }

.history_con {
    width: 100%;
    padding: 20px;
    gap: 10px
}


    .history_con .history_table {
        width: 100%
    }

        .history_con .history_table table {
            width: 100%;
            border-spacing: 0;
            border: 2px solid #162c58;
            border-radius: 10px;
            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%)
        }

            .history_con .history_table table th {
                padding: 10px 5px;
                font-size: 3vw;
                color: #fff;
                border-bottom: 2px solid #162c58
            }

            .history_con .history_table table td {
                padding: 10px 5px;
                font-size: 3vw;
                color: #fff;
                background: #000f0c;
                text-align: center;
                border-right: 2px solid #162c58;
                border-bottom: 2px solid #162c58
            }

                .history_con .history_table table td:last-child {
                    border-right: none
                }

            .history_con .history_table table tr:first-child th:first-child {
                border-radius: 10px 0 0 0
            }

            .history_con .history_table table tr:first-child th:last-child {
                border-radius: 0 10px 0 0
            }

            .history_con .history_table table tr:last-child td {
                border-bottom: none
            }

                .history_con .history_table table tr:last-child td:first-child {
                    border-radius: 0 0 0 10px
                }

                .history_con .history_table table tr:last-child td:last-child {
                    border-radius: 0 0 10px 0
                }



.index_con .index_lobby .index_kiosk_con {
    width: 100%;
    padding: 0 10px 10px 0;
    gap: 10px
}

    .index_con .index_lobby .index_kiosk_con .index_kiosk_item {
        width: 100%;
        padding: 20px;
        gap: 20px;
        border: 1px solid #162c58;
        background: #000f0c;
        border-radius: 10px
    }

        .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_bal {
            width: 100%;
            gap: 5px
        }

            .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_bal span {
                font-size: 3vw;
                color: #fff
            }

            .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_bal p {
                padding: 0 10px;
                font-size: 4vw;
                font-weight: bold;
                color: #43ffd6;
                border-bottom: 1px solid #43ffd6
            }

        .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_logo {
            width: 60%;
            margin-right: auto
        }

            .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_logo img {
                width: 100%
            }

        .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail {
            width: 100%;
            gap: 10px
        }

            .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_input_con {
                width: 100%;
                gap: 5px
            }

                .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_input_con span {
                    font-size: 3vw;
                    color: #fff
                }

                .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_input_con input {
                    width: 100%;
                    padding: 10px;
                    font-size: 3vw;
                    color: #fff;
                    background: #162c58;
                    border: 0;
                    border-radius: 5px
                }

            .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_con {
                width: 100%;
                gap: 5px
            }

                .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_con span {
                    width: 30%;
                    font-size: 3vw;
                    color: #fff
                }

                .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_con .kiosk_transfer_amount {
                    width: 100%;
                    gap: 10px
                }

                    .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_con .kiosk_transfer_amount .kiosk_transfer_input {
                        width: 100%;
                        padding: 10px;
                        font-size: 3vw;
                        color: #fff;
                        background: #162c58;
                        border: 0;
                        border-radius: 5px;
                        position: relative
                    }

                        .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_con .kiosk_transfer_amount .kiosk_transfer_input input {
                            width: 100%;
                            background: none;
                            border: none;
                            text-align: right;
                            color: #fff
                        }

                            .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_con .kiosk_transfer_amount .kiosk_transfer_input input:focus {
                                outline: none
                            }

                    .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_con .kiosk_transfer_amount .kiosk_transfer_short {
                        width: 100%;
                        justify-content: space-between
                    }

                        .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_con .kiosk_transfer_amount .kiosk_transfer_short .kiosk_transfer_short_item {
                            width: 10vw;
                            padding: 5px 0;
                            font-size: 3vw;
                            color: #fff;
                            justify-content: center;
                            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
                            border-radius: 5px
                        }

            .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_btn {
                width: 100%;
                margin-top: 20px;
                gap: 10px
            }

                .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_btn .kiosk_transfer_deposit {
                    width: 50%;
                    padding: 5px;
                    text-align: center;
                    font-size: 3vw;
                    color: #fff;
                    font-weight: bold;
                    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                    border-radius: 5px
                }

                .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_detail .kiosk_transfer_btn .kiosk_transfer_transfer {
                    width: 50%;
                    padding: 5px;
                    text-align: center;
                    font-size: 3vw;
                    color: #fff;
                    font-weight: bold;
                    background: linear-gradient(to bottom, rgb(153, 153, 153), grey);
                    border-radius: 5px
                }

        .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_download_con {
            width: 100%;
            justify-content: space-between
        }

            .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_download_con .kiosk_download_item {
                gap: 10px
            }

                .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_download_con .kiosk_download_item .kiosk_download_item_title {
                    gap: 5px
                }

                    .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_download_con .kiosk_download_item .kiosk_download_item_title img {
                        width: 5vw
                    }

                    .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_download_con .kiosk_download_item .kiosk_download_item_title span {
                        font-size: 3vw;
                        color: #fff
                    }

                .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_download_con .kiosk_download_item .kiosk_download_qr {
                    width: 20vw
                }

                    .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_download_con .kiosk_download_item .kiosk_download_qr img {
                        width: 100%
                    }

                .index_con .index_lobby .index_kiosk_con .index_kiosk_item .kiosk_download_con .kiosk_download_item a {
                    padding: 5px 10px;
                    font-size: 3vw;
                    color: #fff;
                    background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
                    border-radius: 5px
                }

    .index_con .index_lobby .index_kiosk_con .index_kiosk_step_con {
        width: 100%;
        margin-top: 30px;
        gap: 40px
    }

        .index_con .index_lobby .index_kiosk_con .index_kiosk_step_con .kiosk_step {
            width: 100%;
            gap: 10px;
            align-items: flex-start
        }

            .index_con .index_lobby .index_kiosk_con .index_kiosk_step_con .kiosk_step span {
                font-size: 3.5vw;
                color: #43ffd6;
                font-weight: bold
            }

            .index_con .index_lobby .index_kiosk_con .index_kiosk_step_con .kiosk_step .kiosk_step_wrap {
                width: 100%;
                gap: 10px
            }

                .index_con .index_lobby .index_kiosk_con .index_kiosk_step_con .kiosk_step .kiosk_step_wrap .kiosk_step_item {
                    width: 100%;
                    padding: 10px;
                    background: #000f0c;
                    gap: 5px;
                    border-radius: 5px;
                    border: 1px solid #162c58
                }

                    .index_con .index_lobby .index_kiosk_con .index_kiosk_step_con .kiosk_step .kiosk_step_wrap .kiosk_step_item .step {
                        display: flex;
                        width: 8vw;
                        height: 8vw;
                        align-items: center;
                        justify-content: center;
                        font-size: 3.5vw;
                        color: #fff;
                        font-weight: bold;
                        background: linear-gradient(180deg, rgba(124, 204, 77, 0.7019607843) 0%, rgba(109, 190, 52, 0.7019607843) 100%);
                        border-radius: 999px
                    }

                    .index_con .index_lobby .index_kiosk_con .index_kiosk_step_con .kiosk_step .kiosk_step_wrap .kiosk_step_item span {
                        width: 70%;
                        font-size: 3vw;
                        color: #fff
                    }

                    .index_con .index_lobby .index_kiosk_con .index_kiosk_step_con .kiosk_step .kiosk_step_wrap .kiosk_step_item img {
                        width: 10vw
                    }

.index_con .index_lobby .kiosk_nav {
    width: 100%;
    padding: 10px 10px 10px 0;
    justify-content: space-between
}

    .index_con .index_lobby .kiosk_nav .kiosk_nav_item {
        width: 22vw;
        height: 12vw;
        padding: 10px;
        background: #000f0c;
        border-radius: 5px;
        border: 1px solid #162c58
    }

        .index_con .index_lobby .kiosk_nav .kiosk_nav_item img {
            width: 100%
        }

.index_con .index_lobby .kiosk_transfer_all {
    padding: 5px 5px;
    font-size: 3vw;
    gap: 5px;
    color: #fff;
    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
    border-radius: 999px;
    border: none
}

    .index_con .index_lobby .kiosk_transfer_all .kiosk_transfer_all_img {
        width: 8vw;
        padding: 5px;
        background: #fff;
        border-radius: 999px
    }

        .index_con .index_lobby .kiosk_transfer_all .kiosk_transfer_all_img img {
            width: 100%
        }

.col {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.radios {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px
}

    .radios .radio {
        width: 100%;
        position: relative;
        cursor: pointer
    }

        .radios .radio input {
            background-color: #222;
            color: #fff;
            padding: 8px 12px;
            border-radius: 99px;
            width: 100%
        }

        .radios .radio .coin_radio {
            position: absolute;
            opacity: 0
        }

        .radios .radio .radio_content {
            padding: 5px;
            border: .6mm solid rgba(0,0,0,0);
            border-radius: 10px;
            transition: .4s
        }

            .radios .radio .radio_content .dot {
                border: solid 2px #f8ab21;
                width: 20px;
                height: 20px;
                border-radius: 999px;
                margin-right: 10px;
                padding: 2px
            }

                .radios .radio .radio_content .dot span {
                    width: 100%;
                    height: 100%;
                    background-color: #f8ab21;
                    border-radius: 99px;
                    opacity: 0;
                    transition: .2s
                }

            .radios .radio .radio_content img {
                width: 100%;
                border-radius: 8px;
                filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5))
            }

            .radios .radio .radio_content h3 {
                color: #fff;
                font-family: "Montserret-bold";
                letter-spacing: .7px
            }

        .radios .radio input:checked + .radio_content {
            border: .6mm solid #43ffd6
        }

            .radios .radio input:checked + .radio_content .dot span {
                opacity: 1
            }

            .radios .radio input:checked + .radio_content h3 {
                color: #43ffd6
            }

.profile_pop_con {
    display: none;
    z-index: 99;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.8);
    overflow: auto
}

.kpi_wrap {
    width: 100%;
    padding: 0 5%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%)
}

    .kpi_wrap .kpi_title {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        justify-content: space-between;
        align-items: center;
        padding: 0 5px
    }

        .kpi_wrap .kpi_title .kpi_wrap_nav {
            gap: 10px
        }

            .kpi_wrap .kpi_title .kpi_wrap_nav .kpi_wrap_nav_item {
                padding: 10px;
                font-size: 14px;
                font-weight: normal;
                background: #1a1935;
                opacity: .7;
                border: 1px solid #162c58;
                border-radius: 5px
            }

            .kpi_wrap .kpi_title .kpi_wrap_nav .kpi_wrap_nav_item_active {
                opacity: 1
            }

    .kpi_wrap .kpi_infor_row {
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 10px
    }

        .kpi_wrap .kpi_infor_row .kpi_block {
            flex: 1;
            padding: 10px;
            background: linear-gradient(45deg, rgb(41, 175, 112) 0%, rgb(13, 59, 50) 100%);
            border-radius: 10px;
            align-items: flex-start;
            gap: 8px
        }

            .kpi_wrap .kpi_infor_row .kpi_block .title {
                font-size: 11px;
                color: #fff;
                font-weight: 500;
                font-style: italic
            }

            .kpi_wrap .kpi_infor_row .kpi_block .infor {
                font-size: 16px;
                color: #fff;
                font-weight: 600
            }

            .kpi_wrap .kpi_infor_row .kpi_block .textbox_wrap {
                width: 100%;
                padding: 9px;
                background: #010b13;
                border-radius: 9px;
                position: relative;
                align-items: center
            }

                .kpi_wrap .kpi_infor_row .kpi_block .textbox_wrap input {
                    width: 100%;
                    border: 0;
                    background: rgba(0,0,0,0);
                    color: #fff;
                    outline: 0
                }

                    .kpi_wrap .kpi_infor_row .kpi_block .textbox_wrap input::-webkit-calendar-picker-indicator {
                        width: 100%;
                        position: absolute;
                        opacity: 0
                    }

                .kpi_wrap .kpi_infor_row .kpi_block .textbox_wrap i {
                    color: #fff;
                    position: absolute;
                    top: 50%;
                    right: 10px;
                    transform: translateY(-50%);
                    pointer-events: none
                }

    .kpi_wrap .kpi_bonus_block {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        padding: 20px;
        background: linear-gradient(45deg, rgb(15, 83, 73) 21%, rgb(0, 16, 24) 100%);
        border-radius: 10px
    }

        .kpi_wrap .kpi_bonus_block .block_infor {
            flex: 1;
            align-items: flex-start;
            gap: 25px
        }

            .kpi_wrap .kpi_bonus_block .block_infor .title {
                flex: 1;
                align-items: flex-start
            }

                .kpi_wrap .kpi_bonus_block .block_infor .title p {
                    font-size: 12px;
                    color: #fff
                }

                .kpi_wrap .kpi_bonus_block .block_infor .title span {
                    font-size: 14px;
                    color: #2bb46b;
                    font-weight: 600
                }

            .kpi_wrap .kpi_bonus_block .block_infor .cur_lvl {
                margin-top: auto;
                gap: 10px;
                font-size: 12px;
                color: #fff
            }

                .kpi_wrap .kpi_bonus_block .block_infor .cur_lvl img {
                    width: 20px
                }

        .kpi_wrap .kpi_bonus_block .cur_circle {
            background: linear-gradient(180deg, rgba(124, 204, 77, 0.7019607843) 0%, rgba(109, 190, 52, 0.7019607843) 100%);
            box-shadow: inset 0 0 3px rgba(253,253,253,0.5019607843);
            width: 50px;
            height: 50px;
            border-radius: 999rem;
            color: #fff;
            font-weight: 700;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .kpi_wrap .kpi_bonus_block .cur_circle span {
                font-size: 22px;
                line-height: 1
            }

    .kpi_wrap .kpi_wrap_body {
        width: 100%;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        max-height: 30vh;
        overflow: auto
    }

        .kpi_wrap .kpi_wrap_body .kpi_sales_wrap {
            width: 100%;
            gap: 10px;
            align-items: flex-start
        }

            .kpi_wrap .kpi_wrap_body .kpi_sales_wrap .title {
                font-size: 14px;
                color: #fff;
                font-weight: 600
            }

            .kpi_wrap .kpi_wrap_body .kpi_sales_wrap .kpi_sales_block {
                width: 100%;
                background: #000811;
                border: .6mm solid #2b3990;
                border-radius: 10px;
                padding: 10px;
                gap: 4px;
                box-shadow: 0px 0px 10px rgba(0,0,0,.7)
            }

                .kpi_wrap .kpi_wrap_body .kpi_sales_wrap .kpi_sales_block .data {
                    font-size: 11px;
                    color: #fff
                }

                .kpi_wrap .kpi_wrap_body .kpi_sales_wrap .kpi_sales_block .amount {
                    color: #2bb46b;
                    font-size: 16px;
                    font-weight: 600
                }

        .kpi_wrap .kpi_wrap_body .kpi_table {
            width: 100%;
            border-spacing: 0;
            color: #fff;
            font-size: clamp(6px,1vw,13px);
            border: 2px solid #162c58;
            margin-bottom: 2%;
            border-radius: 15px;
            overflow: hidden;
            table-layout: fixed;
            background: linear-gradient(45deg, rgb(41, 175, 112) 0%, rgb(13, 59, 50) 100%)
        }

            .kpi_wrap .kpi_wrap_body .kpi_table tr:first-child {
                border: 0
            }

            .kpi_wrap .kpi_wrap_body .kpi_table th, .kpi_wrap .kpi_wrap_body .kpi_table td {
                text-align: center;
                padding: 12px 0;
                font-size: 3vw
            }

            .kpi_wrap .kpi_wrap_body .kpi_table td {
                border-right: 1px solid #162c58;
                background: #010b13;
                border-bottom: 1px solid #162c58
            }

                .kpi_wrap .kpi_wrap_body .kpi_table td:last-child {
                    border-right: 0
                }

                    .kpi_wrap .kpi_wrap_body .kpi_table td:last-child button {
                        background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                        color: #000
                    }

            .kpi_wrap .kpi_wrap_body .kpi_table tr:last-child td {
                border-bottom: 0
            }

            .kpi_wrap .kpi_wrap_body .kpi_table td:nth-last-child(2), .kpi_wrap .kpi_wrap_body .kpi_table td:nth-last-child(1) {
                width: 10%
            }

            .kpi_wrap .kpi_wrap_body .kpi_table button {
                background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                color: #fff;
                font-family: "Montserret-regular";
                padding: 5% 15%;
                font-size: clamp(6px,1vw,13px);
                border: 0;
                border-radius: 5px
            }

    .kpi_wrap button {
        width: 100%;
        padding: 7px 0;
        border-radius: 999rem;
        border: 0;
        background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
        color: #fff;
        box-shadow: 0px 0px 10px rgba(0,0,0,.6)
    }

    .kpi_wrap .kpiwrap {
        display: none;
        width: 100%;
        gap: 10px
    }

    .kpi_wrap .kpiwrap1 {
        display: flex
    }
    .kpi_wrap .kpi_title .kpi_wrap_nav .kpi_wrap_nav_item_active {
        opacity: 1;
    }

 .infor_main_wrap .report_btn {
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 16px;
    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
    gap: 10px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    align-items: center;
    border-radius: 8px;
    margin-left: auto;
    cursor: pointer;
}



 .lottery_result_item {
    background: #2b333b;
    width: 100%;
    border-radius: 15px;
}

    .lottery_result_item .lottery_result_header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 30px;
    }
  .lottery_result_item .lottery_result_header .lottery_company_logo {
            width: 50px;
            border-radius: 5px;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, .5);
        }

.lottery_result_item .lottery_result_top3 {
    display: flex;
    flex-direction: column;
}

    .lottery_result_item .lottery_result_top3 .top_3 {
        display: flex;
        width: 100%;
        gap: 30px;
        justify-content: space-around;
        padding: 15px;
        color: white;
    }

        .lottery_result_item .lottery_result_top3 .top_3 span:last-child {
            font-weight: 900;
        }


.lottery_result_item .lottery_result_title {
    width: 100%;
    background: #757575;
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
    text-align: center
}

.lottery_result_item .lottery_result_row {
    display: grid;
    grid-template-columns: repeat(4,3fr);
    color: #fff;
}

    .lottery_result_item .lottery_result_row .number_item {
        padding: 10px;
    }

  .lottery_result_item .lottery_result_6D {
    color: #fff;
    font-weight: 500;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    width: 100%;
    align-items: center;
}

   .lottery_result_item .lottery_result_6D .row {
        padding: 10px;
        margin: auto;
        width: 100%;
        text-align: center;
    }

  .lottery_result_item .lottery_result_6D .row span {
            font-size: 3vmin;
            margin: 0 auto;
        }

      .lottery_result_item .lottery_result_6D .row:nth-child(2n+2) {
            background-color: #757575;
        }

.swiper-slide .lottery_result_item {
    transform:scale(0.8);
    transition:.4s;
    filter:brightness(0.4);
    width:100%;
}
 
.swiper-slide.swiper-slide-active .lottery_result_item {
    transform: none;
    transition: .4s;
    filter: brightness(1);
 
}

 

.mobile_platform_block .lottery_button_wrap {
    display:grid;
    grid-template-columns:repeat(2,2fr);
    gap:20px;
}

    .mobile_platform_block .lottery_button_wrap a {
        padding: 10px 30px;
        font-size: 3vw;
        border-radius: 5px;
        font-weight: bold;
    }


        .mobile_platform_block .lottery_button_wrap a:last-child {
         
           
         
            color: #000;
            background: linear-gradient(to bottom, #89ff8f, #89ff8f, #007906);
            
        }


        .mobile_platform_block .lottery_button_wrap a:first-child {
            color: #fff;
            background: #2bb46b;
        }

.cover_con_lottery {
    display: none;
    z-index: 999999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    overflow: auto
}
    .cover_con_lottery .payout_table_con {
        width: 90%;
        margin: auto;
        max-width: 800px
    }

        .cover_con_lottery .payout_table_con .title {
            width: 100%;
            background: #2bb46b;
            padding: 12px 15px;
            border-radius: 10px 10px 0 0;
            font-size: 13px;
            color: #FFD;
            justify-content: space-between;
            align-items: center;
            font-weight: 600
        }

        .cover_con_lottery .payout_table_con .lottery_payout_popup {
            width: 100%;
            max-height: 60vh;
            overflow: auto;
            gap: 20px;
            padding: 20px;
            background: #282930;
            border-radius: 0 0 10px 10px
        }

            .cover_con_lottery .payout_table_con .lottery_payout_popup .payout_block {
                width: 100%;
                gap: 12px
            }

                .cover_con_lottery .payout_table_con .lottery_payout_popup .payout_block .payout_title {
                    color: #fff;
                    font-size: 22px;
                    font-weight: 600
                }

                .cover_con_lottery .payout_table_con .lottery_payout_popup .payout_block .sm_title {
                    color: #fff;
                    font-size: 11px;
                    font-weight: 500
                }

                .cover_con_lottery .payout_table_con .lottery_payout_popup .payout_block p {
                    color: #b2b2b2;
                    font-size: 11px;
                    font-weight: 400
                }

                .cover_con_lottery .payout_table_con .lottery_payout_popup .payout_block table {
                    width: 100%;
                    border-collapse: collapse;
                    box-shadow: 0px 0px 10px #000;
                    border-radius: 10px;
                    overflow: hidden
                }

                    .cover_con_lottery .payout_table_con .lottery_payout_popup .payout_block table tr th, .cover_con_lottery  .payout_table_con .lottery_payout_popup .payout_block table tr td {
                        font-size: 13px;
                        color: #fff;
                        text-align: center;
                        font-weight: 400;
                        padding: 12px;
                        border: 1px solid #333435
                    }

                    .cover_con_lottery .payout_table_con .lottery_payout_popup .payout_block table tr:nth-child(odd) {
                        background: #82878c
                    }

.reward_con {
    width: 100%;
    gap: 20px;
    align-items: flex-start
}

    .reward_con .reward_user {
        width: 98%;
        align-items: flex-start;
        gap: 10px
    }

        .reward_con .reward_user .reward_username {
            width: 100%;
            font-size: 4vw;
            font-weight: bold;
            color: #fff;
            align-items: flex-end
        }

            .reward_con .reward_user .reward_username .reward_btn {
                gap: 15px;
                margin-left: auto
            }

                .reward_con .reward_user .reward_username .reward_btn .reward_btn_item {
                    width: 6vw
                }

                    .reward_con .reward_user .reward_username .reward_btn .reward_btn_item img {
                        width: 100%
                    }

        .reward_con .reward_user .reward_point {
            width: 100%;
            padding: 10px;
            justify-content: space-between;
            background: #011019;
            border-radius: 10px
        }

            .reward_con .reward_user .reward_point img {
                width: 7vw
            }

            .reward_con .reward_user .reward_point span {
                font-size: 3.5vw;
                color: #fff
            }

        .reward_con .reward_user .reward_expired {
            font-size: 3vw;
            color: gray;
            gap: 5px
        }

    .reward_con .reward_nav {
        width: 98%;
        gap: 10px;
        justify-content: flex-start
    }

        .reward_con .reward_nav .reward_nav_item {
            width: 50%;
            padding: 10px;
            font-size: 3.5vw;
            background: #011019;
            color: #fff;
            gap: 5px;
            border-radius: 10px;
            justify-content: center
        }

            .reward_con .reward_nav .reward_nav_item img {
                width: 6vw
            }

            .reward_con .reward_nav .reward_nav_item:hover {
                background: #1c8d80
            }

        .reward_con .reward_nav .reward_nav_item_active {
            background: #1c8d80
        }

    .reward_con .reward_lobby {
        display: none;
        width: 98%;
        gap: 20px
    }

        .reward_con .reward_lobby .reward_grid {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px
        }

            .reward_con .reward_lobby .reward_grid .reward_grid_item {
                width: 100%;
                background: #011019;
                border-radius: 10px;
                overflow: hidden
            }

                .reward_con .reward_lobby .reward_grid .reward_grid_item img {
                    width: 100%
                }

                .reward_con .reward_lobby .reward_grid .reward_grid_item .reward_grid_item_info {
                    width: 100%;
                    padding: 5px;
                    gap: 5px
                }

                    .reward_con .reward_lobby .reward_grid .reward_grid_item .reward_grid_item_info span {
                        font-size: 3.5vw;
                        font-weight: bold;
                        color: #fff
                    }

                    .reward_con .reward_lobby .reward_grid .reward_grid_item .reward_grid_item_info p {
                        font-size: 3vw;
                        color: #fff
                    }

        .reward_con .reward_lobby .reward_date {
            width: 100%;
            gap: 10px
        }

            .reward_con .reward_lobby .reward_date .reward_date_range {
                width: 100%;
                justify-content: space-between
            }

                .reward_con .reward_lobby .reward_date .reward_date_range .reward_date_input {
                    width: 45%;
                    height: 40px;
                    background: #011019;
                    border-radius: 10px;
                    overflow: hidden
                }

                    .reward_con .reward_lobby .reward_date .reward_date_range .reward_date_input input {
                        width: 100%;
                        height: 100%;
                        padding: 0 10px;
                        font-size: 3vw;
                        color: #fff;
                        background: rgba(0,0,0,0);
                        border: none;
                        border-radius: 10px;
                        color-scheme: dark
                    }

                .reward_con .reward_lobby .reward_date .reward_date_range span {
                    font-size: 3.5vw;
                    color: #fff
                }

            .reward_con .reward_lobby .reward_date button {
                width: 100%;
                padding: 10px;
                font-size: 3.5vw;
                color: #fff;
                background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
                border: none;
                border-radius: 10px
            }

        .reward_con .reward_lobby .reward_history_table {
            width: 100%
        }

            .reward_con .reward_lobby .reward_history_table table {
                width: 100%;
                border-collapse: collapse
            }

                .reward_con .reward_lobby .reward_history_table table th {
                    padding: 5px;
                    font-size: 3.5vw;
                    background: #1c8d80;
                    color: #fff
                }

                    .reward_con .reward_lobby .reward_history_table table th:first-child {
                        border-radius: 5px 0 0 5px
                    }

                    .reward_con .reward_lobby .reward_history_table table th:last-child {
                        border-radius: 0 5px 5px 0
                    }

                .reward_con .reward_lobby .reward_history_table table td {
                    padding: 5px 0;
                    font-size: 3vw;
                    color: #fff;
                    text-align: center
                }

    .reward_con .reward_reward {
        display: flex
    }

.reward_pop {
    display: none;
    width: 100%;overflow:auto;
    height: 100vh;
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

    .reward_pop .reward_wrap {
        width: 90%;
        background: #0a1e26;
        border-radius: 10px;
        overflow: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

        .reward_pop .reward_wrap .reward_img {
            width: 100%
        }

            .reward_pop .reward_wrap .reward_img img {
                width: 100%
            }

        .reward_pop .reward_wrap .reward_pop_info {
            width: 100%;
            padding: 10px;
            overflow:auto;

            gap: 10px
        }

            .reward_pop .reward_wrap .reward_pop_info .reward_pop_title {
                font-size: 5vw;
                font-weight: bold;
                color: #00ffa2
            }

            .reward_pop .reward_wrap .reward_pop_info .reward_pop_detail {
                width: 100%;
                gap: 10px
            }

                .reward_pop .reward_wrap .reward_pop_info .reward_pop_detail span {
                    font-size: 4vw;
                    color: #fff;
                    margin: 0 auto
                }

                .reward_pop .reward_wrap .reward_pop_info .reward_pop_detail p {
                    font-size: 4vw;
                    color: gray
                }

                .reward_pop .reward_wrap .reward_pop_info .reward_pop_detail ul {
                    padding: 0 15px;
                    line-height: 1.5
                }

                    .reward_pop .reward_wrap .reward_pop_info .reward_pop_detail ul li {
                        font-size: 3.5vw;
                        color: gray
                    }

                .reward_pop .reward_wrap .reward_pop_info .reward_pop_detail .reward_form {
                    width: 100%;
                    gap: 10px
                }

                    .reward_pop .reward_wrap .reward_pop_info .reward_pop_detail .reward_form input {
                        width: 100%;
                        padding: 10px;
                        font-size: 3.5vw;
                        background: #000f0c;
                        color: #fff;
                        border: none;
                        border-radius: 10px
                    }

                    .reward_pop .reward_wrap .reward_pop_info .reward_pop_detail .reward_form textarea {
                        width: 100%;
                        height: 70px;
                        padding: 10px;
                        font-size: 3.5vw;
                        background: #000f0c;
                        color: #fff;
                        border: none;
                        border-radius: 10px;
                        resize: none
                    }

            .reward_pop .reward_wrap .reward_pop_info button {
                width: 100%;
                padding: 7px;
                font-size: 4vw;
                color: #fff;
                background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
                border-radius: 10px;
                border: none
            }

        .reward_pop .reward_wrap .reward_pop_tnc {
            width: 100%;
            padding: 20px;
            align-items: flex-start;
            gap: 10px
        }

            .reward_pop .reward_wrap .reward_pop_tnc h1 {
                font-size: 5vw;
                color: #fff
            }

            .reward_pop .reward_wrap .reward_pop_tnc ol {
                width: 100%;
                line-height: 1.8;
                padding-left: 20px
            }

                .reward_pop .reward_wrap .reward_pop_tnc ol li {
                    font-size: 3.5vw;
                    color: gray
                }

        .reward_pop .reward_wrap .reward_pop_close {
            font-size: 5vw;
            color: #1c8d80;
            position: absolute;
            right: 5%;
            top: 5%
        }

.reward_pop_tnc {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

    .reward_pop_tnc .reward_tnc_wrap {
        width: 90%;
        background: #0a1e26;
        border-radius: 10px;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

        .reward_pop_tnc .reward_tnc_wrap .reward_pop_tnc_info {
            width: 100%;
            padding: 20px;
            align-items: flex-start;
            gap: 10px
        }

            .reward_pop_tnc .reward_tnc_wrap .reward_pop_tnc_info h1 {
                font-size: 4vw;
                color: #00ffa2
            }

            .reward_pop_tnc .reward_tnc_wrap .reward_pop_tnc_info ol {
                width: 100%;
                line-height: 1.8;
                padding-left: 20px
            }

                .reward_pop_tnc .reward_tnc_wrap .reward_pop_tnc_info ol li {
                    font-size: 3.5vw;
                    color: gray
                }

        .reward_pop_tnc .reward_tnc_wrap .reward_pop_tnc_close {
            font-size: 5vw;
            color: #1c8d80;
            position: absolute;
            right: 5%;
            top: 5%
        }