@font-face {
    font-family: 'Montserret-light';
    src: url(../Fonts/Montserrat-Light.otf)
}

@font-face {
    font-family: 'Montserret-exlight';
    src: url(../Fonts/Montserrat-ExtraLight.otf)
}

@font-face {
    font-family: 'Montserret-medium';
    src: url(../Fonts/Montserrat-Medium.otf)
}

@font-face {
    font-family: 'Montserret-regular';
    src: url(../Fonts/Montserrat-Regular.otf)
}

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

@font-face {
    font-family: 'Montserret-bold';
    src: url(../Fonts/Montserrat-Bold.otf)
}

@font-face {
    font-family: 'Montserret-medium';
    src: url(../Fonts/Montserrat-Medium.otf)
}

@font-face {
    font-family: 'Montserret-exbold';
    src: url(../Fonts/Montserrat-ExtraBold.otf)
}

@font-face {
    font-family: 'Monument-regular';
    src: url(../Fonts/MonumentExtended-Regular.otf)
}

@font-face {
    font-family: 'alternates-regular';
    src: url(../Fonts/MontserratAlternates-Regular.otf)
}

@font-face {
    font-family: 'Monument-bold';
    src: url(../Fonts/MonumentExtended-Ultrabold.otf)
}

* {
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Montserret-light';
    scroll-behavior: smooth
}

div {
    cursor: default;
    scrollbar-width: none
}

::-webkit-calendar-picker-indicator {
    padding-right: 5%;
    -webkit-filter: invert(1);
    filter: invert(1)
}

button {
    background-image: url("/Resources/Images/btn_bg_gif/button.gif");
}


.login_button {
 
    padding: 1% 5%;
    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
}
.register_button {
    
    padding: 1% 5%;
    border: 0;
    border-radius: 25px;
    color: #000;
    font-family: "Monument-regular";
    text-transform: uppercase;
    font-size: 14px; background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
}

option {
    font-size: 1vw;
    font-family: 'Montserret-regular';
    width: 100%
}

a {
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

button {
    cursor: pointer
}

select {
    -webkit-appearance: none
}

.row, .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

body {
    height: 100vh;
    overflow: hidden
}

.container {
    width: 100%;
    min-width: 1124px;
    height: 100%;
    background: #011019;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.section {
    width: 100%;
    min-height: 550px;
    padding: 3% 0
}

    .section .title {
        font-size: 18px;
        font-family: 'Montserret-regular';
        text-transform: uppercase;
        color: #2bb46b
    }

    .section .section_nav_bar {
        width: 100%;
        margin: 1% 0;
        border: 1px solid #162c58;
        border-radius: 25px;
        padding: .5%
    }

        .section .section_nav_bar a {
            margin: auto;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 1% 0;
            color: #a7a9ac;
            font-size: clamp(9px, 0.7vw, 16px);
            margin-right: 5px;
            font-family: 'Montserret-regular';
            white-space: nowrap;
            text-align: center;
            border-radius: 25px;
            cursor: pointer
        }

            .section .section_nav_bar a:last-child {
                margin-right: 0
            }

        .section .section_nav_bar .this {
            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
            color: #fff;
            font-family: 'Montserret-bold'
        }

    .section .sub_nav_bar {
        width: 100%;
        margin: 2% 0;
        padding: 0 1% 2%;
        border-bottom: 1px solid #2f3033;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .section .sub_nav_bar .sub_nav {
            padding: .8% 6%;
            color: #a7a9ac;
            font-size: clamp(9px, 0.7vw, 16px);
            font-family: 'Montserret-regular';
            white-space: nowrap;
            text-align: center;
            border-radius: 25px;
            cursor: pointer;
            border: 1px solid #162c58;
            margin-right: 10px
        }

        .section .sub_nav_bar .this {
            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
            color: #fff
        }

    .section .section_form {
        width: 100%;
        text-align: center
    }

        .section .section_form .form_btn {
            background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
            color: white;
            border-radius: 25px;
            padding: 1% 10%;
            margin-bottom: 2%;
            border: 0;
            cursor: pointer
        }

        .section .section_form .textbox_wrap {
            gap: 20px;
            width: 100%;
            margin-bottom: 2%;
            position: relative
        }

            .section .section_form .textbox_wrap .textbox_text {
                text-align: left;
                color: #fff;
                font-size: 12px;
                font-family: 'Montserret-regular';
                width: 15%
            }


            .section .section_form .textbox_wrap .section_textbox:focus {
                outline: 0
            }

            .section .section_form .textbox_wrap .section_textbox::-webkit-input-placeholder {
                color: #162c58
            }

            .section .section_form .textbox_wrap .section_textbox:-ms-input-placeholder {
                color: #162c58
            }

            .section .section_form .textbox_wrap .section_textbox::-ms-input-placeholder {
                color: #162c58
            }

            .section .section_form .textbox_wrap .section_textbox::placeholder {
                color: #162c58
            }

            .section .section_form .textbox_wrap .fa-solid {
                position: absolute;
                color: #2bb46b;
                top: 50%;
                left: 43%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                cursor: pointer
            }

            .section .section_form .textbox_wrap .text {
                text-align: center;
                color: #fff;
                font-size: 12px;
                font-family: 'Montserret-regular';
                margin: 0 1%
            }

            .section .section_form .textbox_wrap .qrcode {
                width: 100%;
                max-width: 120px
            }

                .section .section_form .textbox_wrap .qrcode img {
                    width: 100%
                }

        .section .section_form .date {
            color: #a7a9ac;
            text-align: left;
            font-size: 10px
        }

        .section .section_form .form_title {
            color: #2bb46b;
            width: 20%;
            font-size: 16px;
            font-family: 'Montserret-light';
            white-space: nowrap;
            padding-bottom: .5%;
            margin-bottom: 1.5%;
            text-align: left;
            border-bottom: 2px dotted #2bb46b
        }

        .section .section_form .table {
            width: 100% !important;
            border-spacing: 0;
            color: white;
            font-size: clamp(6px, 1vw, 13px);
            table-layout: fixed;
            border: 2px solid #162c58;
            margin-bottom: 2%;
            border-radius: 15px;
            overflow: hidden
        }

.btn_row {
    gap: 10px;
}

.section .section_form .table {
    width: 100%;
    border-spacing: 0;
    color: white;
    font-size: clamp(6px, 1vw, 13px);
    border: 2px solid #162c58;
    margin-bottom: 2%;
    border-radius: 15px;
    overflow: hidden;
}

    .section .section_form .table .first {
        background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
    }

        .section .section_form .table .first th {
            border-right: 2px solid #162c58;
        }

            .section .section_form .table .first th:last-child {
                border-right: 0;
            }

    .section .section_form .table .second {
        background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
    }

        .section .section_form .table .second th {
            border-top: 2px solid #162c58;
            border-right: 2px solid #162c58;
            border-bottom: 0;
        }

    .section .section_form .table th, .section .section_form .table td {
        text-align: center;
        padding: 1% 0;
    }

    .section .section_form .table td {
        border-right: 2px solid #162c58;
        border-top: 2px solid #162c58;
        background: #010b13;
    }

        .section .section_form .table td:last-child {
            border-right: 0;
        }

    .section .section_form .table th, .section .section_form .table td {
        text-align: center;
        padding: 1% 10px;
        word-break: break-word;
    }

    .section .section_form .table td {
        border-right: 2px solid #162c58;
        border-top: 2px solid #162c58;
        background: #010b13
    }

        .section .section_form .table td:last-child {
            border-right: 0
        }

            .section .section_form .table td:last-child button {
                background: linear-gradient(45deg, #bfc0c2 21%, #fff 100%);
                color: black
            }

    .section .section_form .table button {
        background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
        color: white;
        font-family: 'Montserret-regular';
        padding: 5% 15%;
        font-size: clamp(6px, 1vw, 13px);
        border: 0;
        border-radius: 5px
    }

.section .section_form .agreement {
    margin: 2% 0;
    font-size: 13px;
    margin-top: 20px;
    color: white
}

    .section .section_form .agreement input {
        margin-right: 5px
    }

.section .form_hide {
    display: none
}

.section .product_container {
    width: 100%;
    overflow: hidden
}

.section .btn_wrap {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2%
}

    .section .btn_wrap .fa-solid {
        color: #fff;
        font-size: 14px;
        padding: 7px 10px;
        border: 1px solid #162c58;
        border-radius: 50%;
        background: #01070c;
        cursor: pointer
    }

.section .product_wrap {
    margin: 2% 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    min-width: 100%;
    min-height: 250px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    position: relative
}

    .section .product_wrap .product_con {
        width: calc(100% / 7 - 20px)
    }

        .section .product_wrap .product_con .img_con {
            width: 100%;
            position: relative;
            border-radius: 1.5vw;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            overflow: hidden;
            margin-bottom: 5px
        }

            .section .product_wrap .product_con .img_con .product_img {
                width: 100%;
                height: 100%;
                cursor: pointer
            }

            .section .product_wrap .product_con .img_con .img_cover {
                position: absolute;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                z-index: 9999;
                opacity: 0;
                background-color: rgba(0,0,0,0.8);
                width: 100%;
                height: 100%;
                top: -100%;
                font-size: 12px;
                color: #fff;
                font-family: 'Montserret-regular';
                -webkit-transition: .3s;
                transition: .3s;
                cursor: pointer
            }

                .section .product_wrap .product_con .img_con .img_cover img {
                    width: 40%;
                    max-width: 70px;
                    margin-bottom: 10px
                }

            .section .product_wrap .product_con .img_con .img_error_cover {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                -webkit-backdrop-filter: grayscale(1);
                backdrop-filter: grayscale(1)
            }

                .section .product_wrap .product_con .img_con .img_error_cover img {
                    width: 30%;
                    max-width: 50px;
                    position: absolute;
                    top: 0;
                    left: 0
                }

            .section .product_wrap .product_con .img_con:hover .img_cover {
                top: 0%;
                opacity: 1;
            }

        .section .product_wrap .product_con .product_name {
            color: #a7a9ac;
            font-size: 9px;
            cursor: pointer;
            padding-left: 3%
        }

    .section .product_wrap .sport_con {
        width: calc(100% / 2 - 20px);
        padding: 0% !important
    }

 .slotxSwiper .swiper-slide .game_cover {
    position: absolute;
     display:flex;
     flex-direction:column;
     align-items:center;
     justify-content:center;
     gap:20px;
     width:100%;
     height:100%;
    z-index: 9999;
    opacity: 0;
    background-color: rgba(0,0,0,0.8);
    margin:auto;
    top: 0%;
    font-weight:700;

    left: 0;
    font-size: 12px;
    color: #fff;
    font-family: 'Montserret-regular';
    -webkit-transition: .3s;
    transition: .4s;
    cursor: pointer
}


 .slotxSwiper  .swiper-slide .game_cover svg {
    width: 40%;
}
     
    .slotxSwiper .swiper-slide .game_cover .play_btn {
        color: rgb(255, 255, 255);
        background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
        padding:10px;
        text-align:center;
        cursor:pointer;
        border-radius:999rem;
    }

    .slotxSwiper .swiper-slide .game_cover svg .outer_circle {
        stroke-width: 3;
        stroke-dasharray: 410;
        stroke-dashoffset: 0;
        stroke-linecap: square;
        transition: fill .4s .3s ease-out
    }

    .slotxSwiper .swiper-slide .game_cover:hover .outer_circle {
        stroke-dashoffset: 410;
        transition: stroke 0.7s 0.4s ease-out, stroke-dashoffset 0.4s ease-out;
    }

    .slotxSwiper .swiper-slide .game_cover:hover .inner-circle {
        fill: #2bb46b;
        transition: fill 0.4s 0.3s ease-out;
    }

    .slotxSwiper .swiper-slide .game_cover:hover .play {
         fill:#fff;

    }
.slotxSwiper .swiper-slide:hover .game_cover {
    opacity: 1;
}



        .section .product_wrap .sport_con .sport_ntg {
            width: 41%
        }

    .section .product_wrap .promo_con {
        width: calc(100% / 2 - 20px);
        border-radius: 20px;
        overflow: hidden;
        position: relative;
        border: 1px solid #162c58
    }

        .section .product_wrap .promo_con img {
            width: 100%
        }

        .section .product_wrap .promo_con .promo_title {
            white-space: nowrap;
            width: 100%;
            color: #fff;
            font-size: clamp(9px, 0.8vw, 18px);
            padding: 1.5% 10%;
            position: absolute;
            top: 0
        }

            .section .product_wrap .promo_con .promo_title span {
                font-family: 'Montserret-regular';
                margin-right: 5px
            }

        .section .product_wrap .promo_con .promo_btn_wrap {
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 10px;
            position: absolute;
            bottom: 8%
        }

            .section .product_wrap .promo_con .promo_btn_wrap button {
                padding: 2% 5%;
                text-transform: uppercase;
                background: none;
                border: 1px solid #fff;
                color: #fff;
                font-size: clamp(7px, 0.6vw, 10px);
                font-family: 'Montserret-light';
                border-radius: 25px;
                cursor: pointer
            }

                .section .product_wrap .promo_con .promo_btn_wrap button:last-child {
                    background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
                    border: 0
                }

    .section .product_wrap .nothing {
        background-color: #000811;
        border: 1px solid #162c58;
        border-radius: 2vw;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 3.1% 0%
    }

        .section .product_wrap .nothing img {
            width: 70%
        }

    .section .product_wrap .no_game_text {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #828486;
        font-size: 12px;
        z-index: 5
    }

.section .product_nav_con {
    width: 100%;
    overflow: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1%
}

    .section .product_nav_con .product_nav {
        width: 100%;
        padding: 1.5% 0;
        border: 2px solid #162c58;
        border-radius: 50vw;
        text-align: center;
        cursor: pointer
    }

        .section .product_nav_con .product_nav img {
            width: 35%;
            min-width: 80px
        }

    .section .product_nav_con .this {
        background: linear-gradient(45deg, #0f5349 21%, #001018 100%)
    }

.section .form_table {
    table-layout: fixed;
    margin: 2% 0;
    width: 100%;
    border-spacing: 0;
    color: white;
    font-size: clamp(6px, 1vw, 13px);
    border: 2px solid #162c58;
    border-radius: 15px;
    overflow: hidden;
}

    .section .form_table th, .section .form_table td {
        text-align: center;
        padding: 1% 15px;
        word-break: break-word;
    }

    .section .form_table td {
        border-right: 2px solid #162c58;
        border-top: 2px solid #162c58;
        background: #010b13
    }

        .section .form_table td:last-child {
            border-right: 0
        }

    .section .form_table tr:first-child {
        background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
        color: white;
        font-family: 'Montserret-exlight'
    }

    .section .form_table tr:last-child td {
        border-bottom: 0
    }

    .section .form_table th {
        text-align: center;
        width: 100%
    }
/*.section .form_table th:nth-child(even){width:60%}*/

.section .radios {
    gap: 10px
}

    .section .radios .radio {
        position: relative;
        cursor: pointer
    }

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

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

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

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

                .section .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
                }

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

            .section .radios .radio .radio_content h3 {
                color: white;
                font-family: 'Montserret-bold';
                letter-spacing: .7px
            }

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

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

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

.section .deposit_table {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    color: white;
    font-size: clamp(6px, 1vw, 13px);
    border: 2px solid #162c58;
    margin-bottom: 2%;
    border-radius: 15px;
    overflow: hidden
}

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

    .section .deposit_table th, .section .deposit_table td {
        text-align: center;
        padding: 1% 0;
        word-break: break-word;
        width: 100%;
    }

    .section .deposit_table td {
        border-right: 2px solid #162c58;
        border-top: 2px solid #162c58;
        background: #010b13
    }

        .section .deposit_table td:last-child {
            border-right: 0
        }

    .section .deposit_table button {
        background: linear-gradient(45deg, #bfc0c2 21%, #fff 100%);
        color: black;
        font-family: 'Montserret-regular';
        padding: 5% 15%;
        font-size: clamp(6px, 1vw, 13px);
        border: 0;
        border-radius: 5px
    }

.section .vip_table {
    width: 100%;
    color: white;
    border-radius: 15px;
    overflow: hidden;
    font-size: clamp(5px, 0.8vw, 14px);
    font-family: 'Montserret-light';
    border-spacing: 0
}

    .section .vip_table thead tr th {
        padding: 1%;
        width: 10%
    }

        .section .vip_table thead tr th:first-child {
            width: 50%
        }

        .section .vip_table thead tr th img {
            width: 70px
        }

    .section .vip_table tbody tr {
        background: #072524
    }

        .section .vip_table tbody tr:nth-child(even) {
            background: #041B1F
        }

        .section .vip_table tbody tr th {
            text-align: left;
            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
            font-family: 'Montserret-bold';
            padding: 1.5% 1%;
            letter-spacing: .7px
        }

        .section .vip_table tbody tr td {
            padding: 1% 0;
            text-align: center
        }

            .section .vip_table tbody tr td:first-child {
                padding-left: 2%;
                text-align: left
            }

.section .reward_section {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .section .reward_section .reward_nav {
        width: 20%
    }

        .section .reward_section .reward_nav .reward_box {
            width: 100%;
            background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
            padding: 4% 6%;
            border-radius: 25px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            color: white;
            font-size: 14px;
            font-family: 'Montserret-regular';
            position: relative;
            margin: 10px
        }

            .section .reward_section .reward_nav .reward_box .fa-magnifying-glass {
                position: absolute;
                position: absolute;
                top: 50%;
                left: 7%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .section .reward_section .reward_nav .reward_box input {
                margin-left: auto;
                width: 85%;
                background: none;
                border: none;
                font-size: 14px;
                font-family: 'Montserret-regular';
                color: white
            }

                .section .reward_section .reward_nav .reward_box input::-webkit-input-placeholder {
                    color: #fff1f1;
                    font-size: 14px;
                    font-family: 'Montserret-regular'
                }

                .section .reward_section .reward_nav .reward_box input:-ms-input-placeholder {
                    color: #fff1f1;
                    font-size: 14px;
                    font-family: 'Montserret-regular'
                }

                .section .reward_section .reward_nav .reward_box input::-ms-input-placeholder {
                    color: #fff1f1;
                    font-size: 14px;
                    font-family: 'Montserret-regular'
                }

                .section .reward_section .reward_nav .reward_box input::placeholder {
                    color: #fff1f1;
                    font-size: 14px;
                    font-family: 'Montserret-regular'
                }

                .section .reward_section .reward_nav .reward_box input:focus {
                    outline: 0
                }

            .section .reward_section .reward_nav .reward_box select {
                background: none;
                border: 0;
                color: white;
                width: 100%;
                font-size: 14px;
                font-family: 'Montserret-regular'
            }

                .section .reward_section .reward_nav .reward_box select option {
                    color: black
                }

                .section .reward_section .reward_nav .reward_box select:focus {
                    outline: 0
                }

            .section .reward_section .reward_nav .reward_box .fa-angle-down {
                position: absolute;
                top: 50%;
                right: 7%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

    .section .reward_section .reward_wrap {
        margin-left: 4%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px
    }

        .section .reward_section .reward_wrap .reward_block {
            border-radius: 15px;
            padding: 10px;
            background: linear-gradient(225deg, #00332d 0%, #131c37 49%, #0f4943 100%)
        }

            .section .reward_section .reward_wrap .reward_block img {
                width: 100%;
                border-radius: 10px
            }

            .section .reward_section .reward_wrap .reward_block .reward_detail {
                width: 100%;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                font-size: clamp(9px, 0.8vw, 15px);
                color: white;
                font-family: 'Montserret-light';
                margin: 3% 0
            }

            .section .reward_section .reward_wrap .reward_block button {
                border: 0;
                border-radius: 5px;
                background: linear-gradient(45deg, #bfc0c2 21%, #fff 100%);
                color: black;
                font-size: clamp(9px, 0.8vw, 15px);
                font-family: 'Montserret-regular';
                padding: 3% 0;
                width: 100%
            }

.hide {
    display: none
}

.section_con {
    width: 100%;
    padding: 1% 0;
    margin-bottom: 2%;
    position: relative;
}

    .section_con .section_title {
        width: 100%;
        justify-content: space-between;
    }

        .section_con .section_title .slot_category_row {
            width: 80%;
            gap: 10px;
            justify-content: flex-end;
            z-index: 99;
            /* EDIT By Steven on 4/7/2023 */
            /* EDIT END By Steven on 4/7/2023 */
        }

            .section_con .section_title .slot_category_row .slot_category_wrap {
                width: 90%;
                display: flex;
                justify-content: flex-end;
                align-items: stretch;
                /* Chrome, Edge, and Safari */
            }

                .section_con .section_title .slot_category_row .slot_category_wrap .caterow {
                    width: 100%;
                    display:flex;

                }
                    .section_con .section_title .slot_category_row .slot_category_wrap .caterow .swiper-slide {
                    max-width:100px}



                    .section_con .section_title .slot_category_row .slot_category_wrap::-webkit-scrollbar {
                        width: 0;
                    }

                .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose {
                    font-size: 10px;
                    margin-right: 10px;
                    cursor: grab;
                    letter-spacing: 0.8px;
                    font-family: "Montserret-regular";
                    padding: 6px 20px;
                    border-radius: 10px;
                    border: 1px solid #162c58;
                    background-color: #000811;
                    color: #a7a9ac;
                    white-space: nowrap;
                    transition: 0.4s;
                    display: flex;
                    height: 45px;
                    justify-content: center;
                    align-items: center;
                }

                    .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose img {
                        height: 30px;
                    }

                .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown {
                    font-size: clamp(9px, 0.7vw, 14px);
                    padding: 10px 3%;
                    width: 20%;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    letter-spacing: .7px;
                    white-space: nowrap;
                    background: rgba(34,34,34,0.253);
                    color: rgba(255,255,255,0.76);
                    border-radius: 25px;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    cursor: pointer;
                    position: relative
                }

                    .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown .fa-angle-down {
                        margin-left: 10px;
                        -webkit-transform: rotate(-90deg);
                        transform: rotate(-90deg);
                        -webkit-transition: .4s;
                        transition: .4s
                    }

                    .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown .cate_choose_dropdown_con {
                        overflow: auto;
                        max-height: 170px;
                        position: absolute;
                        top: 100%;
                        left: 0;
                        width: 100%;
                        border-radius: 25px;
                        -webkit-transform: scaleY(0);
                        transform: scaleY(0);
                        opacity: 0;
                        border: 1px solid #162c58;
                        background: #000;
                        -webkit-transition: .4s;
                        transition: .4s;
                        -webkit-transform-origin: top;
                        transform-origin: top;
                        padding: 4% 2%;
                        z-index: 800;
                    }

                        .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown .cate_choose_dropdown_con .cate_choose_drop {
                            font-size: clamp(9px, 0.7vw, 13px);
                            padding: 10px 12%;
                            cursor: pointer;
                            border-radius: 25px
                        }

                            .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown .cate_choose_dropdown_con .cate_choose_drop:hover {
                                background: rgba(73,73,73,0.37)
                            }

                    .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown:hover .cate_choose_dropdown_con {
                        opacity: 1;
                        -webkit-transform: scaleY(1);
                        transform: scaleY(1)
                    }

                    .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown:hover .fa-angle-down {
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg)
                    }

                .section_con .section_title .slot_category_row .slot_category_wrap .this {
                    border: 1px solid #2bb46b;
                    color: #2bb46b
                }

            .section_con .section_title .slot_category_row .this {
                border: 1px solid #2bb46b;
                color: #2bb46b
            }

            .section_con .section_title .slot_category_row .fa-angle-left, .section_con .section_title .slot_category_row .fa-angle-right {
                font-size: 13px;
                padding: 5px 8px;
                border: 1px solid #fff;
                background-color: #3eb278;
                border-radius: 69%;
                color: #fff;
                cursor: pointer;
            }

    .section_con .category_name {
        padding: 20px 25px;
        background: #010b12;
        border-radius: 15px 15px 0 0;
        color: white;
        border: 1px solid #162c58;
        border-bottom: 1px solid #010b12;
        margin-bottom: -1px;
        font-size: clamp(12px, 1.2vw, 18px);
        font-family: 'Montserret-bold';
        color: #fff;
        text-transform: uppercase;
        white-space: nowrap
    }

        .section_con .category_name span {
            color: #2bb46b;
            margin-right: 5px;
            font-family: 'Montserret-bold'
        }

.logged .left {
    width: 30%
}

    .logged .left .header_textbox::-webkit-input-placeholder {
        font-size: 13px !important
    }

    .logged .left .header_textbox:-ms-input-placeholder {
        font-size: 13px !important
    }

    .logged .left .header_textbox::-ms-input-placeholder {
        font-size: 13px !important
    }

    .logged .left .header_textbox::placeholder {
        font-size: 13px !important
    }

.logged .right {
    margin-left: 3%
}

.icon_gif {
    filter: none !important;
}

.blur {
    filter: blur(2px);
    overflow-x: hidden;
    transition: .2s;
}
/* width */
.cate_choose_dropdown_con::-webkit-scrollbar {
    width: 5px;
}

/* Handle */
.cate_choose_dropdown_con::-webkit-scrollbar-thumb {
    background: silver;
    border-radius: 10px;
}

    /* Handle on hover */
    .cate_choose_dropdown_con::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
    }

.side_menu_btn_wrap .sport_btn_wrap:hover .btn_dropdown {
    display: block;
}

.side_menu_btn_wrap .sport_btn_wrap .btn_dropdown .img_con img {
    width: 100%;
    max-width: 50px;
    -webkit-filter: none;
    filter: none;
}

.side_menu_btn_wrap .sport_btn_wrap .btn_dropdown .img_con {
    width: 100%;
    padding: 4%;
    border-radius: 999px;
    border: 1px solid #162c58;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5%;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.side_menu_btn_wrap .sport_btn_wrap .btn_dropdown {
    display: none;
    position: absolute;
    width: 50%;
    top: 100%;
    left: 50%;
    background: rgba(0,0,0,0.7);
    border-radius: 15px;
    padding: 5%;
    border: 2px solid #162c58;
    z-index: 999;
}



.side_menu_btn_wrap .span_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border-radius: 25px;
    /*background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);*/
    -webkit-transition: .4s;
    transition: .4s;
    /*-webkit-animation: glowing 2s ease-in-out infinite both;
    animation: glowing 2s ease-in-out infinite both;*/
}

.side_menu_btn_wrap .right {
    left: 50%;
}

.side_menu_btn_wrap .sport_btn_wrap {
    width: 50%;
}

    .side_menu_btn_wrap .sport_btn_wrap button {
        width: 100% !important;
        padding: 8% 0;
        background: none;
    }

.side_menu_btn_wrap button {
    width: 50%;
    padding: 4% 0;
    border: 0;
    border-radius: 18px;
    background: none;
    color: #fff;
    font-size: clamp(9px, 0.7vw, 16px);
    letter-spacing: 1px;
    font-family: 'Montserret-light';
    text-transform: uppercase;
    gap: 8%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 9;
}

.side_menu_btn_wrap .sport_btn_wrap button img {
    filter: brightness(0) invert(1);
}

.side_menu_btn_wrap button img {
    width: 20px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: .25s;
    transition: .25s;
}

.logged .deposit_btn_con {
    justify-content: flex-end;
    margin: 0 15px;
    width: 273px;
    height: 35px;
}

.des_block .referral_text {
    font-size: 12px;
    text-decoration: underline;
    color: #2bb46b;
    cursor: pointer
}

.referral_des_popup .popup_con {
    position: absolute;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%;
    max-width: 500px;
    border-radius: 20px;
    border: 1px solid #162c58;
    background: #011019;
    padding: 2%
}

    .referral_des_popup .popup_con h2 {
        color: #2bb46b;
        margin: 2% 0;
        font-family: 'Montserret-bold'
    }

    .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: 5%
            }

        .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block {
            width: 50%;
            -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: 12%;
                bottom: -38%;
                width: 2px;
                height: 40%;
                background: #2bb46b
            }

            .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block .affiliate_img {
                width: 25%;
                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: 50%;
            position: relative
        }

            .referral_des_popup .popup_con .affiliate_flow .affiliate_flow_block_noline .affiliate_img {
                width: 25%;
                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: 52%;
            height: 35px;
            margin-top: 5%;
            margin-left: 5%;
            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 .close {
            color: #fff;
            cursor: pointer;
            font-size: 22px;
            -webkit-transition: .5s;
            transition: .5s
        }

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

    .referral_des_popup .popup_con .title {
        color: #d6d6d6;
        font-size: 12px;
        font-family: 'Montserret-exbold'
    }

    .referral_des_popup .popup_con .affiliate_table {
        width: 100%;
        border-collapse: collapse;
        font-size: 10px;
        font-family: 'Montserret-exbold';
        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%
        }

.logged .deposit_btn_con .deposit_text {
    padding-right: 21px;
    gap: 10px;
    height: 100%;
    border-radius: 25px;
    border: 2px solid #162c58;
    background: linear-gradient(220deg, #104737 0%, #010e16 30%, #022d25 62%, #114242 100%);
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding-left: 3%;
    letter-spacing: .8px
}

    .logged .deposit_btn_con .deposit_text .text {
        color: #fff;
        font-size: clamp(15px, 0.8vw, 14px);
        flex: 1;
        text-align: right;
    }

        .logged .deposit_btn_con .deposit_text .text img {
            width: 13px
        }

.logged .deposit_btn_con .deposit_btn {
    z-index: 3;
    position: relative;
    margin-left: -20px;
    border-radius: 25px;
    background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
    height: 100%;
    padding: 0 5%;
    color: #fff;
    font-size: clamp(8px, 1vw, 13px);
    font-family: 'Montserret-regular';
    letter-spacing: .7px
}

    .logged .deposit_btn_con .deposit_btn .fa-solid {
        margin-right: 5%
    }

.logged .user_bar {
    height: 100%;
    /*justify-content: flex-end;*/
    justify-content: center;
}

    .logged .user_bar img {
        width: 100%;
        max-width: 35px;
        z-index: 900
    }

    .logged .user_bar .bar { /*width:100%;*/
        max-width: 172px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: -15%;
        padding: 10px 20px;
        border: 1px solid #162c58;
        border-radius: 25px;
        padding-left: 40px;
        background: -webkit-gradient(linear, left top, right top, from(#105b46), to(#01111a));
        background: linear-gradient(90deg, #105b46 0%, #01111a 100%);
        color: #e0e0e0;
        font-size: clamp(8px, 0.7vw, 12px);
        font-family: 'Montserret-regular';
        cursor: pointer;
        letter-spacing: .8px
    }

.logged .header_icon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 22px;
    max-width: 30px;
    position: relative
}

    .logged .header_icon img {
        width: 100%
    }

    .logged .header_icon .num_no {
        position: absolute;
        top: -25%;
        right: -16%;
        color: #fff;
        background: red;
        padding: 5px 5px;
        border-radius: 100%;
        /*position: absolute;
        top: -30%;
        right: -16%;
        color: #fff;
        background: red;
        padding: 3px 3px;
        border-radius: 100%;*/
    }

.side_menu {
    background: linear-gradient(220deg, #104737 0%, #010e16 30%, #022d25 62%, #114242 100%);
    height: 100%;
    width: 15%;
    padding: 1.5% 1% 5%;
    overflow: auto
}

    .side_menu .side_menu_anim {
        -webkit-animation: slide-in-left .5s both;
        animation: slide-in-left .5s both
    }

    .side_menu::-webkit-scrollbar {
        width: 0px
    }

    .side_menu .side_menu_btn_wrap {
        background: rgba(0,0,0,0.7);
        border-radius: 25px;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 2%;
        position: relative
    }

        .side_menu .side_menu_btn_wrap .span_background {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            border-radius: 25px;
            /*background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);*/
            background: transparent;
            -webkit-transition: .4s;
            transition: .4s;
            /* -webkit-animation: glowing 2s ease-in-out infinite both;
            animation: glowing 2s ease-in-out infinite both ;*/
        }

            .side_menu .side_menu_btn_wrap .span_background img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                /*object-fit: cover;
                object-position: center;*/
            }

            .side_menu .side_menu_btn_wrap .span_background span {
                position: absolute;
                width: 25%;
                top: 0;
                left: 0;
                background: #3eb278;
            }

        .side_menu .side_menu_btn_wrap .right {
            left: 50%
        }

        .side_menu .side_menu_btn_wrap .sport_btn_wrap {
            width: 50%
        }

            .side_menu .side_menu_btn_wrap .sport_btn_wrap button {
                width: 100% !important;
                padding: 8% 0;
                background: none;
            }

                .side_menu .side_menu_btn_wrap .sport_btn_wrap button img {
                    filter: brightness(0) invert(1);
                }

        .side_menu .side_menu_btn_wrap button {
            width: 50%;
            padding: 4% 0;
            border: 0;
            border-radius: 18px;
            background: none;
            color: #fff;
            font-size: clamp(9px, 0.7vw, 16px);
            letter-spacing: 1px;
            font-family: 'Montserret-light';
            text-transform: uppercase;
            gap: 8%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: .3s;
            transition: .3s;
            z-index: 9
        }

            .side_menu .side_menu_btn_wrap button img {
                width: 20px;
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
                -webkit-transition: .25s;
                transition: .25s
            }

    .side_menu .side_menu_link_con {
        margin-top: 20px;
        padding-bottom: 25px;
        border-bottom: 1px solid #80808038;
        gap: 3px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .side_menu .side_menu_link_con .link_con {
            font-size: 14px;
            gap: 15px;
            padding-left: 25px !important;
            color: #a7a9ac;
            width: 100%;
            margin-left: -15px;
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px;
            padding: 8px;
            cursor: pointer;
          
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-transition: .4s;
            transition: .4s
        }

            .side_menu .side_menu_link_con .link_con img {
                width: 24px
            }

            .side_menu .side_menu_link_con .link_con:hover {
                color: #fff;
                font-family: 'Montserret-regular'
            }

        .side_menu .side_menu_link_con .promo {
            font-family: 'Montserret-bold';
            color: orange
        }

        .side_menu .side_menu_link_con .this {
            font-family: 'Montserret-bold';
            color: white;
            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%)
        }

            .side_menu .side_menu_link_con .this img {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1)
            }

    .side_menu .side_menu_wrap {
        margin-top: 20px;
        font-size: 12px;
        color: #a7a9ac;
        padding: 5%;
        border-bottom: 1px solid #80808038;
        padding-bottom: 25px
    }

        .side_menu .side_menu_wrap .lang {
            background: rgba(0,0,0,0.8);
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            padding: 5% 10%;
            border-radius: 25px;
            margin: 10px 0;
            -webkit-backdrop-filter: brightness(60%);
            backdrop-filter: brightness(60%);
            color: white;
            font-size: 14px;
            font-family: 'Montserret-regular';
            cursor: pointer;
            position: relative
        }

            .side_menu .side_menu_wrap .lang .fa-solid {
                -webkit-transition: .3s;
                transition: .3s
            }

            .side_menu .side_menu_wrap .lang .lang_dropdown {
                -webkit-transform: scaleY(0);
                transform: scaleY(0);
                position: absolute;
                top: 70%;
                left: 0%;
                width: 100%;
                background: rgba(0,0,0,0.8);
                border-bottom-left-radius: 25px;
                border-bottom-right-radius: 25px;
                overflow: hidden;
                -webkit-transition: .3s ease-in-out;
                transition: .3s ease-in-out;
                -webkit-transform-origin: top;
                transform-origin: top
            }

                .side_menu .side_menu_wrap .lang .lang_dropdown .lang_choose {
                    cursor: pointer;
                    padding: 5% 10%;
                    -webkit-transition: .3s;
                    transition: .3s;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    border-bottom: 1px solid grey
                }

                    .side_menu .side_menu_wrap .lang .lang_dropdown .lang_choose:last-child {
                        border-bottom: 0
                    }

                    .side_menu .side_menu_wrap .lang .lang_dropdown .lang_choose img {
                        width: 25px;
                        overflow: hidden;
                        -webkit-filter: grayscale(1);
                        filter: grayscale(1);
                        -webkit-transition: .5s;
                        transition: .5s
                    }

                    .side_menu .side_menu_wrap .lang .lang_dropdown .lang_choose:hover {
                        background: #5c5d5f
                    }

                        .side_menu .side_menu_wrap .lang .lang_dropdown .lang_choose:hover img {
                            -webkit-filter: none;
                            filter: none
                        }

            .side_menu .side_menu_wrap .lang:hover .fa-solid {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }

        .side_menu .side_menu_wrap .social_row {
            width: 100%;
            margin: 20px 0;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .side_menu .side_menu_wrap .social_row img {
                width: 24px
            }

    .side_menu .livechat {
        width: 100%;
        border-radius: 50px;
        background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
        padding: 6% 3%
    }

        .side_menu .livechat .livechat_row {
            width: 100%;
            gap: 20px;
            font-size: 14px;
            font-family: 'Montserret-light';
            color: #fff
        }

            .side_menu .livechat .livechat_row img {
                width: 25px
            }

    .side_menu .btn_dropdown {
        display: none;
        position: absolute;
        width: 50%;
        top: 100%;
        left: 50%;
        background: rgba(0,0,0,0.7);
        border-radius: 15px;
        padding: 5%;
        border: 2px solid #162c58;
        z-index: 999
    }

        .side_menu .btn_dropdown .img_con {
            width: 100%;
            padding: 4%;
            border-radius: 999px;
            border: 1px solid #162c58;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-bottom: 5%;
            cursor: pointer;
            -webkit-transition: .3s;
            transition: .3s
        }

            .side_menu .btn_dropdown .img_con:last-child {
                margin-bottom: 0
            }

            .side_menu .btn_dropdown .img_con:hover {
                background: rgba(255,255,255,0.151)
            }

            .side_menu .btn_dropdown .img_con img {
                width: 100%;
                max-width: 50px;
                -webkit-filter: none;
                filter: none
            }

    .side_menu .sport_btn_wrap:hover .btn_dropdown {
        display: block
    }

.right_container {
    width: 85%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    position: relative
}

    .right_container .header_wrap {
        width: 100%
    }

header {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1%;
    z-index: 99998;
    min-width: 900px
}

    header .logo {
        width: 100%;
        max-width: 160px
    }

    header .left {
        width: 60%;
        gap: 30px
    }

        header .left .textbox_wrap {
            position: relative;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

            header .left .textbox_wrap .fa-solid {
                position: absolute;
                color: #022449;
                font-size: 16px;
                top: 50%;
                left: 5%;
                -webkit-transform: translate(-5%, -50%);
                transform: translate(-5%, -50%)
            }

            header .left .textbox_wrap .header_textbox {
                width: 100%;
                color: white;
                border: 1px solid #162c58;
                background: #000000c2;
                border-radius: 25px;
                padding-left: 15%;
                height: 35px
            }

                header .left .textbox_wrap .header_textbox::-webkit-input-placeholder {
                    color: #022449;
                    font-family: 'Montserret-exlight';
                    font-size: 16px
                }

                header .left .textbox_wrap .header_textbox:-ms-input-placeholder {
                    color: #022449;
                    font-family: 'Montserret-exlight';
                    font-size: 16px
                }

                header .left .textbox_wrap .header_textbox::-ms-input-placeholder {
                    color: #022449;
                    font-family: 'Montserret-exlight';
                    font-size: 16px
                }

                header .left .textbox_wrap .header_textbox::placeholder {
                    color: #022449;
                    font-family: 'Montserret-exlight';
                    font-size: 16px
                }

                header .left .textbox_wrap .header_textbox:focus {
                    outline: 0
                }

    header .right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 15px
    }

      /*  header .right button {
            font-size: 14px;
            font-family: 'Monument-regular';
            letter-spacing: 1px;
            position: relative;
            padding: 5px 45px;
            border-radius: 25px;
            border: 0;
            text-transform: uppercase;
            cursor: pointer;
            z-index: 3;
            background: transparent;
        }

            header .right button img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 97%;
                object-fit: cover;
                object-position: center;
                z-index: -1;
            }

            header .right button:first-child {
                background: transparent;
            }

            header .right button:last-child {
                background: transparent;
                color: #fff;
                white-space: nowrap;
            }*/

.marquee_home {
    color: #fff;
    width: 74%;
    margin-bottom: 1%;
    padding-left: 2%
}

    .marquee_home img {
        width: 28px
    }

    .marquee_home marquee {
        font-size: 12px;
        letter-spacing: .8px
    }

.container_wrap {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: -webkit-gradient(linear, left top, left bottom, from(#011019), to(#01080d));
    background: linear-gradient(180deg, #011019 0%, #01080d 100%)
}

    .container_wrap .left_con {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: auto;
        height: 100%;
        overflow: auto;
        position: relative
    }

        .container_wrap .left_con::-webkit-scrollbar {
            width: 0
        }

        .container_wrap .left_con .left_wrap {
            padding: 0 20px
        }

    .container_wrap .right_con {
        width: 22%;
        height: 100%;
        overflow: auto;
        padding-bottom: 5%;
        padding-right: 20px
    }

        .container_wrap .right_con::-webkit-scrollbar {
            width: 0
        }

.banner_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 15px;
}

    .banner_wrap .index_banner_right {
        width: 32%;
        height: 100%;
        justify-content: space-between;
        gap: 15px;
    }

        .banner_wrap .index_banner_right .bannersmSwiper, .banner_wrap .index_banner_right .bannersmSwiper2 {
            width: 100%;
            border-radius: 20px;
            overflow: hidden;
        }

            .banner_wrap .index_banner_right .bannersmSwiper .swiper-slide, .banner_wrap .index_banner_right .bannersmSwiper2 .swiper-slide {
                display: flex;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
            }

            .banner_wrap .index_banner_right .bannersmSwiper img, .banner_wrap .index_banner_right .bannersmSwiper2 img {
                width: 100%;
                height: 100%;
            }

.bannerSwiper {
    width: 68%;
    border-radius: 30px;
    overflow: hidden;
}

    .bannerSwiper .swiper-slide {
        display: flex;
    }

    .bannerSwiper img {
        width: 100%;
        height: 100%;
    }

.banner_wrap {
    width: 100%;
    padding: 1% 0;
    gap: 10px;
}

    .banner_wrap .banner_left, .banner_wrap .banner_right {
        padding: 1% 0.5%;
        width: 49.7%;
        border: 2px solid #162c58;
        background: linear-gradient(135deg, rgb(0, 16, 24) 21%, rgb(15, 83, 73) 100%);
        border-radius: 20px;
    }

        .banner_wrap .banner_left .sub_title, .banner_wrap .banner_right .sub_title {
            font-size: clamp(10px, 0.8vw, 16px);
            color: #fff;
            font-family: "Montserret-light";
            margin-bottom: 5px;
        }

            .banner_wrap .banner_left .sub_title img, .banner_wrap .banner_right .sub_title img {
                width: 20px;
                margin-right: 10px;
            }

            .banner_wrap .banner_left .sub_title span, .banner_wrap .banner_right .sub_title span {
                color: #2bb46b;
                font-family: "Montserret-regular";
                margin-right: 5px;
            }

.category_con {
    border: 1px solid #162c58;
    width: 40%;
    margin-left: auto;
    padding: 7px;
    border-radius: 35px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .category_con .category {
        flex: 1;
        white-space: nowrap;
        font-size: clamp(5px, 0.7vw, 10px);
        font-family: "Montserret-regular";
        color: rgb(167, 169, 172);
        text-transform: uppercase;
        padding: 8px;
        border-radius: 25px;
        cursor: pointer;
        justify-content: center;
        background: none;
        transition: 0.3s;
    }

        .category_con .category img {
            width: 20px;
            filter: brightness(0) invert(0.5);
            margin-right: 10px;
            transition: 0.2s;
        }

        .category_con .category:hover {
            color: #fff;
            font-family: "Montserret-bold";
        }

            .category_con .category:hover img {
                filter: brightness(0) invert(1);
            }

    .category_con .this {
        color: #000;
        background: linear-gradient(45deg, rgb(255,216,0 ) 0%, rgb(255, 190, 115) 100%);
    }

        .category_con .this img {
            filter: brightness(0);
        }



.index_slot_con_2 {
    width: 100%;
    border: 1px solid #162c58;
    border-radius: 0px 20px 0px 0px;
    border-bottom: 0;
    padding: 2% .7%;
    background: #010b12
}



.index_slot_con {
  
    width: 100%;
    border: 1px solid #162c58;
    border-radius: 0px 20px 20px 20px;
    padding: 2% .7%;
    background: #010b12
}

.slot_con {
    width: 100%;
    border: 1px solid #162c58;
    border-radius: 0px 20px 20px 20px;
    padding: 2% .7%;
    background: #010b12
}

    .slot_con .product_wrap_con {
        width: 100%;
        height: 100%;
        overflow: auto;
    }

        .slot_con .product_wrap_con::-webkit-scrollbar {
            width: 0
        }

    .slot_con .product_wrap {
        width: 100%;
        margin: auto;
        overflow: auto;
        z-index: 98;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px
    }

        .slot_con .product_wrap::-webkit-scrollbar {
            width: 0px
        }

        .slot_con .product_wrap .product_col {
            gap: 10px
        }

        .slot_con .product_wrap .product_block {
            width: calc( 100% / 8 - 8.33px);
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            position: relative;
            cursor: pointer
        }

            .slot_con .product_wrap .product_block .img_block {
                width: 100%;
                height: 100%;
                border-radius: 2vw;
                overflow: hidden;
                position: relative
            }

                .slot_con .product_wrap .product_block .img_block .product_img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                    -o-object-position: center bottom;
                    object-position: center bottom
                }

                .slot_con .product_wrap .product_block .img_block .img_cover {
                    position: absolute;
                    -webkit-box-pack: center;
                    opacity: 0;
                    -ms-flex-pack: center;
                    justify-content: center;
                    z-index: 9999;
                    background-color: rgba(0,0,0,0.8);
                    width: 100%;
                    height: 100%;
                    top: -100%;
                    font-size: 12px;
                    color: #fff;
                    font-family: 'Montserret-regular';
                    -webkit-transition: .3s;
                    transition: .3s;
                    cursor: pointer
                }

                    .slot_con .product_wrap .product_block .img_block .img_cover img {
                        width: 40%;
                        margin-bottom: 10px
                    }

                .slot_con .product_wrap .product_block .img_block .img_error_cover {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    -webkit-backdrop-filter: grayscale(1);
                    backdrop-filter: grayscale(1)
                }

                    .slot_con .product_wrap .product_block .img_block .img_error_cover img {
                        width: 30%;
                        position: absolute;
                        top: 0;
                        left: 0
                    }

                .slot_con .product_wrap .product_block .img_block:hover .img_cover {
                    top: 0;
                    opacity: 1;
                }

            .slot_con .product_wrap .product_block .name {
                font-size: clamp(9px, 0.8vw, 13px);
                letter-spacing: .8px;
                color: #a7a9ac;
                padding: 5px 0 0 10px;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                width: 100%
            }

                .slot_con .product_wrap .product_block .name .fav_wrap {
                    font-size: 16px
                }

                    .slot_con .product_wrap .product_block .name .fav_wrap .fa-heart {
                        color: #2bb46b;
                        cursor: pointer
                    }

                    .slot_con .product_wrap .product_block .name .fav_wrap .faved {
                        display: none
                    }

        .slot_con .product_wrap .nothing {
            background-color: #000811;
            border: 1px solid #162c58;
            margin-bottom: 15px;
            border-radius: 2vw;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .slot_con .product_wrap .nothing img {
                width: 80%
            }

    .slot_con slide_proswiper_btn_wrap .sport_product_wrap {
        width: 100%;
        overflow: auto;
        z-index: 999;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }

        .slot_con slide_proswiper_btn_wrap .sport_product_wrap .product_block {
            width: 100%;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            position: relative;
            cursor: pointer
        }

            .slot_con slide_proswiper_btn_wrap .sport_product_wrap .product_block .sport_img_block {
                position: relative;
                width: 100%;
                border-radius: 2vw;
                overflow: hidden
            }

                .slot_con slide_proswiper_btn_wrap .sport_product_wrap .product_block .sport_img_block .product_img {
                    width: 100%;
                    height: 100%
                }

                .slot_con slide_proswiper_btn_wrap .sport_product_wrap .product_block .sport_img_block .img_cover {
                    position: absolute;
                    opacity: 0;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    z-index: 9999;
                    background-color: rgba(0,0,0,0.8);
                    width: 100%;
                    height: 100%;
                    top: -120%;
                    font-size: 12px;
                    color: #fff;
                    font-family: 'Montserret-regular';
                    -webkit-transition: .3s;
                    transition: .3s;
                    cursor: pointer
                }

                    .slot_con slide_proswiper_btn_wrap .sport_product_wrap .product_block .sport_img_block .img_cover img {
                        width: 20%;
                        margin-bottom: 10px
                    }

                .slot_con slide_proswiper_btn_wrap .sport_product_wrap .product_block .sport_img_block .img_error_cover {
                    position: absolute;
                    width: 100%;
                    height: 110%;
                    top: 0;
                    -webkit-backdrop-filter: grayscale(1);
                    backdrop-filter: grayscale(1)
                }

                    .slot_con slide_proswiper_btn_wrap .sport_product_wrap .product_block .sport_img_block .img_error_cover img {
                        width: 20%;
                        max-width: 70px;
                        position: absolute;
                        top: 0;
                        left: 0
                    }

                .slot_con slide_proswiper_btn_wrap .sport_product_wrap .product_block .sport_img_block:hover .img_cover {
                    opacity: 1;
                    top: 0;
                }

            .slot_con slide_proswiper_btn_wrap .sport_product_wrap .product_block .name {
                font-size: 9px;
                color: #a7a9ac;
                padding: 5px 0 0 10px
            }

        .slot_con slide_proswiper_btn_wrap .sport_product_wrap .nothing {
            background-color: #000811;
            border: 1px solid #162c58;
            border-radius: 2vw;
            height: 90%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .slot_con slide_proswiper_btn_wrap .sport_product_wrap .nothing img {
                width: 20%
            }

    .slot_con .slide_product {
        width: 100%;
        white-space: nowrap;
        cursor: -webkit-grab;
        cursor: grab;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .slot_con .slide_product .swiper_pop_con {
            /*min-width: calc( 100% / 6.3);*/
            min-width: calc( 100% / 8);
            padding: 5px;
            /*width: calc( 100% / 7.3);*/
            /*max-width: 210px;*/
            width: 10vw;
            max-width: 298.61px;
            margin-right: 0px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .slot_con .slide_product .swiper_pop_con .swiper_name {
                margin: 5px 0;
                width: 100%;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

                .slot_con .slide_product .swiper_pop_con .swiper_name .name {
                    font-size: clamp(9px, 0.8vw, 13px);
                    color: #fff;
                    padding-left: 5%
                }

                .slot_con .slide_product .swiper_pop_con .swiper_name .fav_wrap {
                    font-size: 16px
                }

                    .slot_con .slide_product .swiper_pop_con .swiper_name .fav_wrap .fa-heart {
                        color: #2bb46b;
                        cursor: pointer
                    }

                    .slot_con .slide_product .swiper_pop_con .swiper_name .fav_wrap .faved {
                        display: none
                    }

            .slot_con .slide_product .swiper_pop_con .swiper_img_con {
                position: relative;
                width: 100%;
                height: 100%;
                border-radius: 30px;
                overflow: hidden
            }

                .slot_con .slide_product .swiper_pop_con .swiper_img_con img {
                    width: 100%
                }

                .slot_con .slide_product .swiper_pop_con .swiper_img_con .img_cover {
                    position: absolute;
                    opacity: 0;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    z-index: 9999;
                    background-color: rgba(0,0,0,0.8);
                    width: 100%;
                    height: 100%;
                    top: -100%;
                    font-size: 12px;
                    color: #fff;
                    font-family: 'Montserret-regular';
                    -webkit-transition: .3s;
                    transition: .3s;
                    cursor: pointer
                }

                    .slot_con .slide_product .swiper_pop_con .swiper_img_con .img_cover img {
                        width: 40%;
                        max-width: 70px;
                        margin-bottom: 10px
                    }

                .slot_con .slide_product .swiper_pop_con .swiper_img_con:hover .img_cover {
                    top: 0;
                    opacity: 1;
                }

.provider_section {
    margin: 3% 0;
    width: 100%;
    text-align: left
}

    .provider_section .title {
        text-transform: uppercase;
        font-size: 18px;
        color: #a7a9ac;
        font-family: 'Montserret-regular'
    }

    /*  .provider_section .provider_wrap {
        overflow: auto;
        margin: 2% 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 10px
    }*/

    .provider_section .provider_wrap .provider_block {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px
    }

        .provider_section .provider_wrap .provider_block img {
            width: 100%;
            height: 100%
        }

.footer_section {
    background-color: #01070c;
    width: 100%;
    padding: 3%
}

.des_section {
    width: 100%;
    text-align: left;
    padding-bottom: 4%;
    border-bottom: 1px solid #2f3033
}

    .des_section .title {
        text-transform: uppercase;
        font-size: clamp(14px, 1vw, 19px);
        color: #a7a9ac;
        font-family: 'Montserret-bold';
        margin-bottom: 10px
    }

    .des_section p {
        text-align: justify;
        color: #828486;
        font-family: 'Montserret-light';
        font-size: clamp(10px, 1vw, 14px);
        line-height: 20px;
        margin-bottom: 3%
    }

    .des_section a {
        color: #2bb46b;
        font-size: 14px
    }

        .des_section a span {
            margin-left: 5px;
            font-size: 12px;
            font-family: 'Montserret-regular'
        }

.footer_wrap {
    width: 100%;
    padding: 3% 0;
    border-bottom: 1px solid #2f3033
}

    .footer_wrap .logo {
        width: 100%;
        max-width: 130px;
        margin-bottom: 30px
    }

    .footer_wrap .footer_row {
        gap: 3%
    }

    .footer_wrap .block_con {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-height: 230px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .footer_wrap .block_con .link {
            color: #cfd3d8;
            font-size: 13px;
            font-family: 'Montserret-regular';
            text-transform: uppercase;
            margin-bottom: 5%;
            white-space: nowrap
        }

        .footer_wrap .block_con p {
            overflow: auto;
            color: #828486;
            font-size: clamp(10px, 1vw, 12px);
            font-family: 'Montserret-light';
            text-align: left;
            border-right: 2px solid #2f3033;
            padding-right: 20px;
            line-height: 1.4
        }

        .footer_wrap .block_con .sub_block {
            width: 100%;
            margin-bottom: 25px
        }

            .footer_wrap .block_con .sub_block .title {
                font-size: 13px;
                font-family: 'Montserret-light';
                color: #a7a9ac;
                text-transform: uppercase;
                margin-bottom: 6%
            }

            .footer_wrap .block_con .sub_block p {
                font-size: 10px;
                font-family: 'Montserret-light';
                color: #a7a9ac;
                border-right: 0
            }

                .footer_wrap .block_con .sub_block p span {
                    margin-left: 10px;
                    color: #2bb46b
                }

            .footer_wrap .block_con .sub_block .big_icon {
                width: 100%;
                max-width: 60px
            }

            .footer_wrap .block_con .sub_block .small_icon {
                width: 30px
            }

            .footer_wrap .block_con .sub_block .img_row {
                width: 100%;
                gap: 10px
            }

                .footer_wrap .block_con .sub_block .img_row img {
                    width: 50%
                }

.footer_img_con {
    padding: 3% 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 5%;
    border-bottom: 1px solid #2f3033
}

    .footer_img_con img {
        width: 100%;
        max-width: 120px
    }

.copyright {
    width: 100%;
    padding: 3% 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .copyright p {
        font-size: 12px;
        font-family: 'Montserret-light';
        color: #a7a9ac
    }

.leaderboard_con {
    width: 100%
}

    .leaderboard_con .title {
        color: #2bb46b;
        font-size: 14px;
        font-family: 'Montserret-bold';
        text-transform: uppercase;
        margin-bottom: 20px
    }

    .leaderboard_con .leaderboard {
        border: 1px solid #162c58;
        border-radius: 20px;
        background-color: #01070c;
        padding: 2%
    }

        .leaderboard_con .leaderboard .leader_table {
            width: 100%;
            border-radius: 20px;
            overflow: hidden;
            border-spacing: 0
        }

            .leaderboard_con .leaderboard .leader_table tr {
                height: 40px
            }

                .leaderboard_con .leaderboard .leader_table tr:nth-child(odd) {
                    background: -webkit-gradient(linear, left top, right top, from(#011315), color-stop(32%, #05171e), color-stop(89%, #072322), color-stop(99%, #000710));
                    background: linear-gradient(90deg, #011315 0%, #05171e 32%, #072322 89%, #000710 99%)
                }

            .leaderboard_con .leaderboard .leader_table th {
                color: #b9bbbe;
                font-size: clamp(8px, 0.7vw, 12px);
                text-align: center
            }

                .leaderboard_con .leaderboard .leader_table th:first-child {
                    width: 15%
                }

                .leaderboard_con .leaderboard .leader_table th:nth-child(even) {
                    width: 50%;
                    text-align: left;
                    font-family: 'Montserret-thin';
                    letter-spacing: .9px
                }

                .leaderboard_con .leaderboard .leader_table th:last-child {
                    color: #2bb46b;
                    font-family: 'Montserret-medium'
                }

            .leaderboard_con .leaderboard .leader_table .number {
                padding: 5px 10px;
                border-radius: 50%;
                border: 1px solid white;
                color: white
            }

            .leaderboard_con .leaderboard .leader_table .first {
                background-color: #af9c3c;
                border: 0
            }

            .leaderboard_con .leaderboard .leader_table .second {
                background: #939598;
                border: 0
            }

            .leaderboard_con .leaderboard .leader_table .third {
                background: #6f5a31;
                border: 0
            }

.promo_wrap {
    width: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .promo_wrap img {
        width: 100%;
        height: 100%
    }

    .promo_wrap button {
        border: 1px solid #fff;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        padding: 5px 10px;
        border-radius: 25px;
        background: none;
        position: absolute;
        bottom: 15%;
        right: 5%;
        cursor: pointer
    }

.promoSwiper_con {
    margin-top: 3%;
    height: 20vw
}

    .promoSwiper_con .promoSwiper {
        width: 100%;
        height: 100%
    }

.Teleg_con {
    margin-top: 10px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .Teleg_con a img {
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }

    .Teleg_con .title {
        -ms-flex-item-align: start;
        align-self: flex-start;
        font-size: 18px;
        font-family: 'Montserret-exlight';
        color: #fff
    }

        .Teleg_con .title span {
            color: #212121;
            font-family: 'Montserret-bold';
            margin-right: 5px
        }

    .Teleg_con p {
        font-size: 13px;
        color: #fefefe;
        margin: 3% 0;
        text-align: left;
    }

    .Teleg_con button {
        width: 75%;
        padding: 3% 0;
        font-size: 12px;
        text-transform: uppercase;
        border: 0;
        border-radius: 10px;
        color: white;
        background: #212121;
        cursor: pointer
    }

.redeem_con {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 20px;
    background: linear-gradient(135deg, #001018 21%, #0f5349 100%);
    padding: 10%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .redeem_con .title {
        -ms-flex-item-align: start;
        align-self: flex-start;
        font-size: 14px;
        font-family: 'Montserret-exlight';
        color: #fff
    }

        .redeem_con .title span {
            color: #2bb46b;
            font-family: 'Montserret-bold';
            margin-right: 5px
        }

    .redeem_con p {
        font-size: 11px;
        color: #a7a9ac;
        margin: 3% 0
    }

    .redeem_con .redeem_textbox {
        height: 30px;
        margin: 7% 0;
        border-radius: 25px;
        width: 100%;
        border: 1px solid #162c58;
        background-color: #01070c;
        color: white;
        padding: 5%;
        cursor: text
    }

        .redeem_con .redeem_textbox:focus {
            outline: 0
        }

    .redeem_con button {
        width: 75%;
        padding: 3% 0;
        font-size: 12px;
        text-transform: uppercase;
        border: 0;
        border-radius: 10px;
        color: white;
        background: #f05a0c;
        cursor: pointer
    }

.cover_con {
    display: none;
    z-index: 900;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.8);
    overflow: auto
}

.kpi_wrap {
    width: 100%;
    margin: auto;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

    .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_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_infor_row button {
            width: -moz-fit-content;
            width: fit-content;
            padding: 10px 26px;
            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 .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: 60vh;
        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
        }

            .kpi_wrap .kpi_wrap_body .kpi_table tr:first-child {
                background: linear-gradient(45deg, rgb(41, 175, 112) 0%, rgb(13, 59, 50) 100%);
                border: 0;
                top: 0;
                position: sticky;
            }

            .kpi_wrap .kpi_wrap_body .kpi_table th, .kpi_wrap .kpi_wrap_body .kpi_table td {
                text-align: center;
                padding: 12px 0
            }

            .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
            }


.MobilePrefix-btn {
}

.MobilePrefix-select {
    width: auto;
    border-radius: 15px 0 0 15px;
    background: #011019;
    color: #3b68c4;
    border: 1px solid #162c58;
    border-right: none;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
}

    .MobilePrefix-select.opened {
        height: 20vh;
        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: 30%;
    border-radius: 0 15px 15px 0;
    background: #011019;
    color: #3b68c4;
    border: 1px solid #162c58;
    height: 40px;
}

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

.cover_con .form_con .form_block .form_wrap .textbox_wrap .form_textbox.Mobile {
    width: 70%;
    border-radius: 0 15px 15px 0;
    border-right: none;
}

.cover_con .form_con .form_block .form_wrap .textbox_wrap .form_textbox.OTP {
    width: 70%;
    border-radius: 15px 0 0 15px;
    border-right: none;
}

.cover_con .form_con .form_block::-webkit-scrollbar {
    width: 0;
}

.cover_con .form_con .form_block {
    border-radius: 20px;
    width: 100%;
    max-height: 60vh;
    overflow: auto;
    scrollbar-width: none;
    margin-top: -10%;
    background: linear-gradient(225deg, #00332d 0%, #131c37 49%, #0f4943 100%);
    z-index: 99999999;
    -webkit-animation: slide-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-bottom 0.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 black
    }

        .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 {
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            .cover_con .form_con .form_block .form_wrap .textbox_wrap .textbox_lbl {
                color: white;
                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: white;
                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::-webkit-input-placeholder {
                    color: #162c58
                }

                .cover_con .form_con .form_block .form_wrap .textbox_wrap .form_textbox:-ms-input-placeholder {
                    color: #162c58
                }

                .cover_con .form_con .form_block .form_wrap .textbox_wrap .form_textbox::-ms-input-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;*/
                    color: #447df0;
                    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, #3eb278 67%, #03a79b 100%);
            color: white;
            font-family: 'Monument-regular';
            text-transform: uppercase;
            font-size: 14px
        }

            .cover_con .form_con .form_block .btn_wrap .form_btn.btn {
                filter: grayscale(1);
            }

        .cover_con .form_con .form_block .btn_wrap .back {
            width: 50%;
            padding: 2% 0;
            background: #414042;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            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;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 10px
        }

            .cover_con .form_con .form_block .login_link .link_img img {
                width: 100%;
                max-width: 30px
            }

.reg .check_wrap {
    width: 100%;
    margin-bottom: 3%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.reg label {
    margin-left: 10px;
    font-size: 12px;
    text-align: left;
    color: #a7a9ac
}

.reg .form_bg_text {
    top: 10% !important
}

.promo_cover_con {
    display: none;
    z-index: 999999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    overflow: auto
}

    .promo_cover_con .promo_popup {
        position: absolute;
        top: 5%;
        left: 16%;
        width: 100%;
        max-width: 65%;
        border-radius: 20px;
        border: 1px solid #162c58;
        background: #011019;
        padding: 2%;
        -webkit-animation: slide-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
        animation: slide-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
    }

        .promo_cover_con .promo_popup .promo_title {
            width: 100%;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .promo_cover_con .promo_popup .promo_title .logo {
                width: 100%;
                max-width: 140px;
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1)
            }

            .promo_cover_con .promo_popup .promo_title .close {
                color: #fff;
                position: absolute;
                top: 3%;
                right: 5%;
                cursor: pointer;
                font-size: 22px;
                -webkit-transition: .5s;
                transition: .5s
            }

                .promo_cover_con .promo_popup .promo_title .close:hover {
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg)
                }

        .promo_cover_con .promo_popup .promo_con {
            width: 100%;
            border: 1px solid #162c58;
            border-radius: 20px;
            overflow: hidden;
            margin: 6% 0
        }

            .promo_cover_con .promo_popup .promo_con .promo_title {
                width: 100%;
                background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
                color: #fff;
                font-size: 16px;
                padding: 1.5% 10%
            }

                .promo_cover_con .promo_popup .promo_con .promo_title span {
                    font-family: 'Montserret-regular';
                    margin-right: 5px
                }

            .promo_cover_con .promo_popup .promo_con .promo_des_block {
                padding: 2% 1%
            }

                .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des {
                    margin-bottom: 5px;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    width: 100%
                }

                    .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des .promo_des_title {
                        padding: 1% 0;
                        font-size: clamp(12px, 3vw, 30px);
                        font-family: 'Montserret-exbold';
                        color: #fff;
                        -webkit-box-flex: 1;
                        -ms-flex: 1;
                        flex: 1;
                        text-align: right;
                        margin-right: 10px
                    }

                        .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des .promo_des_title:last-child {
                            font-family: 'Montserret-regular';
                            font-size: clamp(5px, 2vw, 20px);
                            text-align: left;
                            line-height: .8
                        }

                    .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des .number {
                        font-size: clamp(12px, 3vw, 30px)
                    }

                .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_btn_wrap {
                    width: 100%;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    gap: 10px
                }

                    .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_btn_wrap button {
                        padding: 2% 5%;
                        text-transform: uppercase;
                        background: none;
                        border: 1px solid #fff;
                        color: #fff;
                        font-size: 10px;
                        font-family: 'Montserret-light';
                        border-radius: 25px;
                        cursor: pointer
                    }

                        .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_btn_wrap button:last-child {
                            background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
                            border: 0
                        }

            .promo_cover_con .promo_popup .promo_con .orange {
                background: linear-gradient(135deg, #081219 0%, #f3901c 100%)
            }

            .promo_cover_con .promo_popup .promo_con .purple {
                background: linear-gradient(135deg, #081219 0%, #90278e 100%)
            }

        .promo_cover_con .promo_popup .promo_sub_title {
            color: #fff
        }

            .promo_cover_con .promo_popup .promo_sub_title .date {
                font-size: 10px
            }

                .promo_cover_con .promo_popup .promo_sub_title .date span {
                    color: yellow;
                    margin-left: 5px
                }

        .promo_cover_con .promo_popup .desc {
            margin: 3% 0;
            font-size: 10px;
            color: #a7a9ac
        }

        .promo_cover_con .promo_popup .title_desc {
            margin: 1% 0;
            font-size: 10px;
            color: #d6d6d6
        }

        .promo_cover_con .promo_popup .title {
            color: #d6d6d6;
            font-size: 12px;
            font-family: 'Montserret-exbold'
        }

        .promo_cover_con .promo_popup .promo_table {
            width: 100%;
            border-collapse: collapse;
            font-size: 10px;
            font-family: 'Montserret-exbold';
            border: 1px solid black;
            margin: 2% 0 3%
        }

            .promo_cover_con .promo_popup .promo_table tr {
                height: 25px
            }

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

            .promo_cover_con .promo_popup .promo_table td {
                color: black;
                background: grey;
                text-align: center;
                border-right: 1px solid black
            }

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

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

.apply_popup .popup_con {
    position: absolute;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%;
    max-width: 500px;
    border-radius: 20px;
    border: 1px solid #162c58;
    background: #011019;
    padding: 2%
}

    .apply_popup .popup_con .popup_title {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

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

        .apply_popup .popup_con .popup_title .close {
            color: #fff;
            position: absolute;
            top: 5%;
            right: 5%;
            cursor: pointer;
            font-size: 22px;
            -webkit-transition: .5s;
            transition: .5s
        }

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

    .apply_popup .popup_con .address {
        margin: 50px 0;
        width: 100%;
        border: 1px solid #162c58;
        border-radius: 15px;
        padding: 3%;
        text-align: center;
        font-size: clamp(14px, 1vw, 18px);
        background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
        color: #fff
    }

    .apply_popup .popup_con .qr_code {
        width: 30%;
        margin: auto
    }

        .apply_popup .popup_con .qr_code img {
            width: 100%
        }

    .apply_popup .popup_con p {
        color: #a7a9ac;
        font-size: clamp(14px, 1vw, 18px);
        width: 100%;
        text-align: center;
        margin: 10% 0;
        font-family: 'Montserret-bold'
    }

.apply_popup_con .popup_con {
    position: absolute;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%;
    max-width: 500px;
    border-radius: 20px;
    border: 1px solid #162c58;
    background: #011019;
    padding: 2%
}

    .apply_popup_con .popup_con .popup_title {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

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

        .apply_popup_con .popup_con .popup_title .close {
            color: #fff;
            position: absolute;
            top: 5%;
            right: 5%;
            cursor: pointer;
            font-size: 22px;
            -webkit-transition: .5s;
            transition: .5s
        }

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

    .apply_popup_con .popup_con .promo_apply_img_con {
        width: 100%;
        margin: 4% 0;
        border-radius: 20px;
        overflow: hidden;
        position: relative
    }

        .apply_popup_con .popup_con .promo_apply_img_con img {
            width: 100%
        }

        .apply_popup_con .popup_con .promo_apply_img_con .title {
            position: absolute;
            font-size: clamp(9px, 0.8vw, 18px);
            padding: 1.5% 10%;
            width: 100%;
            color: white;
            top: 0
        }

        .apply_popup_con .popup_con .promo_apply_img_con .promo_apply_btn {
            position: absolute;
            bottom: 5%;
            left: 35%;
            padding: 2% 10%;
            text-transform: uppercase;
            background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
            border: 0;
            color: #fff;
            font-size: clamp(7px, 0.8vw, 14px);
            font-family: 'Montserret-light';
            border-radius: 25px;
            cursor: pointer
        }

    .apply_popup_con .popup_con .promo_sub_des {
        width: 100%;
        padding: 4%;
        border-radius: 20px;
        background: rgba(0,0,0,0.3);
        -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.71);
        box-shadow: 2px 2px 10px rgba(0,0,0,0.71)
    }

        .apply_popup_con .popup_con .promo_sub_des .text {
            color: white;
            letter-spacing: .6px;
            font-size: clamp(14px, 0.7vw, 14px);
            font-family: 'Montserret-regular';
            margin: 3% 0
        }

        .apply_popup_con .popup_con .promo_sub_des .amount {
            width: 100%;
            text-align: center;
            color: #2bb46b;
            font-family: 'Montserret-bold';
            font-size: 2vw
        }

        .apply_popup_con .popup_con .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: 15px;
            width: 100%;
            line-height: 1.5;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .apply_popup_con .popup_con .promo_sub_des .des_row span {
                width: 100%;
                font-size: clamp(12px, 0.8vw, 16px);
                color: #2bb46b;
                font-family: 'Montserret-regular';
                text-align: center
            }

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


.center_con {
    padding-right: 1%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative
}

    .center_con::after {
        content: "";
        position: absolute;
        width: 5%;
        left: 12px;
        top: 0;
        height: 100%;
        background: #2bb46b
    }

.btn_rightcon {
    background: #2bb46b;
    cursor: pointer;
    padding: 14px 2px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation: glowing2 2s infinite both;
    animation: glowing2 2s infinite both;
    position: relative;
    font-size: 9px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}


    .btn_rightcon::after {
        content: "";
        position: absolute;
        top: -27%;
        left: 0;
        width: 50%;
        height: 2%;
        border-top: 10px solid transparent;
        border-bottom: 0px solid transparent;
        border-left: 11px solid #2bb46b;
        z-index: 99
    }

    .btn_rightcon img {
        width: 100%
    }

.open_left {
    display: none
}

.banner_leftSwiper, .banner_rightSwiper {
    width: 100%
}

    .banner_leftSwiper .banner_product_con, .banner_rightSwiper .banner_product_con {
        width: 100%;
        gap: 5px
    }

        .banner_leftSwiper .banner_product_con .img_block, .banner_rightSwiper .banner_product_con .img_block {
            cursor: pointer;
            position: relative;
            border-radius: 1vw;
            overflow: hidden
        }

            .banner_leftSwiper .banner_product_con .img_block img, .banner_rightSwiper .banner_product_con .img_block img {
                width: 100%
            }

        .banner_leftSwiper .banner_product_con .product_name, .banner_rightSwiper .banner_product_con .product_name {
            width: 100%;
            padding-left: 10px;
            text-align: left;
            color: #fff
        }

            .banner_leftSwiper .banner_product_con .product_name p, .banner_rightSwiper .banner_product_con .product_name p {
                font-size: clamp(7px, 0.8vw, 14px);
                font-family: 'Montserret-bold'
            }

                .banner_leftSwiper .banner_product_con .product_name p:last-child, .banner_rightSwiper .banner_product_con .product_name p:last-child {
                    font-size: clamp(5px, 0.6vw, 10px);
                    color: #a7a9ac;
                    font-family: 'Montserret-light'
                }

.swiper_con {
    margin-top: 6%
}

    .swiper_con:first-child {
        margin-top: 1%
    }

.swiper_title_con {
    width: 100%;
    margin-bottom: 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .swiper_title_con .swiper_title {
        color: #2bb46b;
        font-size: clamp(10px, 0.8vw, 15px);
        letter-spacing: .7px;
        gap: 2%;
        font-family: 'Montserret-regular';
        white-space: nowrap
    }

        .swiper_title_con .swiper_title img {
            width: 30px
        }

        .swiper_title_con .swiper_title .btn_wrap {
            width: 10%;
            gap: 5px
        }

    .swiper_title_con .swiper_btn_con {
        gap: 20%
    }

        .swiper_title_con .swiper_btn_con .swiper_btn_wrap {
            width: 2.2rem;
            height: 1.8rem;
            border-radius: 50%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border: 1px solid #162c58;
            cursor: pointer
        }

            .swiper_title_con .swiper_btn_con .swiper_btn_wrap i {
                color: #2bb46b
            }

.slotSwiper {
    width: 100%
}

    .slotSwiper .swiper_img {
        width: 100%
    }

.product_progress_con {
    width: 100%;
    margin: 2% 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 2%
}

    .product_progress_con .progress_btn_con {
        width: 2rem;
        height: 1.8rem;
        border-radius: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #162c58;
        cursor: pointer
    }

        .product_progress_con .progress_btn_con i {
            color: #2bb46b
        }

    .product_progress_con p {
        color: #a7a9ac;
        font-size: clamp(9px, 0.8vw, 13px);
        font-family: 'Montserret-regular'
    }

    .product_progress_con .load {
        padding: 1%;
        border: 1px solid #162c58;
        border-radius: 999px;
        color: #2bb46b;
        font-size: clamp(9px, 0.8vw, 13px);
        font-family: 'Montserret-regular';
        cursor: pointer
    }

    .product_progress_con .progress_bar_con {
        width: 20%;
        height: 15px;
        padding: 4px;
        border-radius: 999px;
        background: rgba(0,0,0,0.5)
    }

        .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
        }

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

.desc_section {
    width: 100%;
    text-align: left;
    padding: 2%
}

    .desc_section .desc_nav {
        width: 100%;
        gap: 15px
    }

        .desc_section .desc_nav .desc_title {
            font-size: clamp(10px, 1vw, 18px);
            font-family: 'Montserret-regular';
            color: white;
            text-align: center;
            padding: 1.5% 3%;
            border-radius: .5vw;
            background: linear-gradient(225deg, #00332d 0%, #131c37 49%, #0f4943 100%);
            margin-bottom: 30px
        }

        .desc_section .desc_nav .this {
            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
            position: relative
        }

            .desc_section .desc_nav .this:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                border-left: .5vw solid transparent;
                border-right: .5vw solid transparent;
                border-bottom: 0.7vw solid #1e8258;
                top: 98%;
                left: 45%
            }

    .desc_section .desc_wrap {
        width: 100%;
        padding: 1.5%;
        background: linear-gradient(220deg, #104737 0%, #010e16 30%, #022d25 62%, #114242 100%);
        border-radius: 10px
    }

        .desc_section .desc_wrap h1 {
            color: orange;
            font-size: clamp(12px, 1vw, 19px);
            font-family: 'Montserret-exlight';
            margin-bottom: .5%
        }

        .desc_section .desc_wrap p {
            text-align: left;
            color: white;
            font-size: clamp(10px, 1vw, 14px);
            font-family: 'Montserret-light';
            line-height: 20px
        }

        .desc_section .desc_wrap ul {
            width: 100%;
            margin: 1% 0
        }

            .desc_section .desc_wrap ul li {
                text-align: left;
                color: #e2fff9;
                font-size: clamp(10px, 1vw, 14px);
                font-family: 'Montserret-light';
                letter-spacing: .7px;
                line-height: 20px
            }

    .desc_section .contact_us_wrap {
        width: 100%;
        margin: 3% 0;
        text-align: left;
        color: white
    }

        .desc_section .contact_us_wrap .contact_icon {
            width: 100%;
            max-width: 25px;
            margin-right: 15px
        }

        .desc_section .contact_us_wrap .contact_title {
            white-space: nowrap;
            width: 15%;
            font-size: clamp(10px, 1vw, 17px);
            text-transform: uppercase;
            font-family: 'Montserret-exbold'
        }

        .desc_section .contact_us_wrap .contact_desc {
            width: 100%;
            font-size: clamp(10px, 1vw, 14px);
            font-family: 'Montserret-regular';
            background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

.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 {
            position: relative;
            height: 240px
        }

            .notfound_section .notfound .notfound-404 h1 {
                font-family: 'Montserrat', sans-serif;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                font-size: 252px;
                font-weight: 900;
                margin: 0px;
                background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-transform: uppercase;
                letter-spacing: -40px;
                margin-left: -20px
            }

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

            .notfound_section .notfound .notfound-404 h3 {
                font-family: 'Cabin', sans-serif;
                position: relative;
                font-size: 16px;
                font-weight: 700;
                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: 3%;
    -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: 1% 3%;
        border-radius: 5px;
        font-family: 'Monument-regular';
        color: #fff;
        font-size: 17px
    }

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

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }

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

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }

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

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

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

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

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

@-webkit-keyframes glowing {
    0%,100% {
        -webkit-box-shadow: 0px 0px 0px #f9f118;
        box-shadow: 0px 0px 0px #f9f118
    }

    50% {
        -webkit-box-shadow: 0px 0px 10px #f9f118;
        box-shadow: 0px 0px 10px #f9f118
    }
}

@keyframes glowing {
    0%,100% {
        -webkit-box-shadow: 0px 0px 0px #f9f118;
        box-shadow: 0px 0px 0px #f9f118
    }

    50% {
        -webkit-box-shadow: 0px 0px 10px #f9f118;
        box-shadow: 0px 0px 10px #f9f118
    }
}

@-webkit-keyframes glowing2 {
    0%,100% {
        -webkit-filter: drop-shadow(0px 0px 0px #f9f118);
        filter: drop-shadow(0px 0px 0px #f9f118)
    }

    50% {
        -webkit-filter: drop-shadow(0px 0px 4px #f9f118);
        filter: drop-shadow(0px 0px 4px #f9f118)
    }
}

@keyframes glowing2 {
    0%,100% {
        -webkit-filter: drop-shadow(0px 0px 0px #f9f118);
        filter: drop-shadow(0px 0px 0px #f9f118)
    }

    50% {
        -webkit-filter: drop-shadow(0px 0px 4px #f9f118);
        filter: drop-shadow(0px 0px 4px #f9f118)
    }
}

.banner_leftSwiper .banner_product_con .img_block .img_cover, .banner_rightSwiper .banner_product_con .img_block .img_cover {
    position: absolute;
    justify-content: center;
    z-index: 9999;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    opacity: 0;
    height: 100%;
    top: -100%;
    font-size: 12px;
    color: #ffffff;
    font-family: 'Montserret-regular';
    transition: .3s;
    cursor: pointer;
}

    .banner_leftSwiper .banner_product_con .img_block .img_cover img, .banner_rightSwiper .banner_product_con .img_block .img_cover img {
        width: 40%;
        margin-bottom: 10px;
    }

.banner_leftSwiper .banner_product_con .img_block:hover .img_cover {
    top: 0%;
    opacity: 1;
}

.banner_rightSwiper .banner_product_con .img_block:hover .img_cover {
    top: 0%;
    opacity: 1;
}

.side_menu_btn_wrap {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5%;
    position: relative;
}

.logged .right .datetime {
    color: #3eb278 !important;
    font-size: 13px;
    gap: 3%;
}

.side_menu_btn_wrap button {
    width: 50%;
    padding: 4% 0;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(45deg, #000 0%, rgba(0,0,0,0.1) 100%);
    color: #fff;
    font-size: clamp(9px, 0.7vw, 16px);
    letter-spacing: 1px;
    font-family: 'Montserret-light';
    text-transform: uppercase;
    gap: 8%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 9;
}

.marquee_home {
    font-size: 11px;
    color: #fff;
    width: 98%;
    margin-bottom: 1%;
    padding-left: 2%
}

/*.index_slot_con .lobbySwiper_ {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}*/

    .index_slot_con .lobbySwiper_ .swiper-wrapper {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    /*.index_slot_con .lobbySwiper_ .swiper-slide {
        text-align: center;*/
        /*width: 100%;*/
        
        /*min-height: 175px;*/
        /*padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }*/

    /*    .index_slot_con .lobbySwiper_     {
            width: 100%;
            padding:30px 30px;
            border: 1px solid #162c58
        }*/

            .index_slot_con .lobbySwiper_ .product_block .swiper-slide img {
                width: 100%;
            }
    .index_slot_con .lobbySwiper_ .product_block {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        cursor: pointer
    }

        .index_slot_con .lobbySwiper_ .product_block .img_block {
            width: 100%;
            height: 100%;
            border-radius: 1vw;
            overflow: hidden;
            position: relative
        }

            .index_slot_con .lobbySwiper_ .product_block .img_block .product_img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: center bottom;
                object-position: center bottom
            }

            .index_slot_con .lobbySwiper_ .product_block .img_block .img_cover {
                position: absolute;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                z-index: 999;
                background-color: rgba(0,0,0,0.8);
                width: 100%;
                height: 100%;
                top: -100%;
                font-size: 12px;
                color: #fff;
                font-family: 'Montserret-regular';
                -webkit-transition: .3s;
                transition: .3s;
                cursor: pointer
            }

                .index_slot_con .lobbySwiper_ .product_block .img_block .img_cover img {
                    width: 40%;
                    margin-bottom: 10px
                }

            .index_slot_con .lobbySwiper_ .product_block .img_block .img_error_cover {
                position: absolute;
                width: 101%;
                height: 101%;
                top: 0;
                -webkit-backdrop-filter: grayscale(1);
                backdrop-filter: grayscale(1)
            }

                .index_slot_con .lobbySwiper_ .product_block .img_block .img_error_cover img {
                    width: 30%;
                    position: absolute;
                    top: 0;
                    left: 0
                }

            .index_slot_con .lobbySwiper_ .product_block .img_block:hover .img_cover {
                top: 0
            }

        .index_slot_con .lobbySwiper_ .product_block .name {
            font-size: clamp(9px, 0.8vw, 13px);
            letter-spacing: .8px;
            color: #a7a9ac;
            padding: 5px 0 0 10px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%
        }

            .index_slot_con .lobbySwiper_ .product_block .name .fav_wrap {
                font-size: 16px
            }

                .index_slot_con .lobbySwiper_ .product_block .name .fav_wrap .fa-heart {
                    color: #2bb46b;
                    cursor: pointer
                }

                .index_slot_con .lobbySwiper_ .product_block .name .fav_wrap .faved {
                    display: none
                }


.index_slot_con .lobbySwiper {
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
}


    .index_slot_con .lobbySwiper .wrapper .swiper-slide {
          width:100%;
          
    }

.index_slot_con .lobbySwiper .wrapper .swiper-slide .product_block {
    width: 100%;
}

    .index_slot_con .lobbySwiper .wrapper .swiper-slide .product_block .img_block .product_img {
        width: 100%;
        border-radius: 10px;
        position: relative;
    }
    .index_slot_con .lobbySwiper .wrapper .swiper-slide .product_block .img_block .img_cover {
        width: 100%;
        height:100%;
        position: absolute;
        top: -100%;
        left: 0;
        color: #fff;
        background-color: rgba(0,0,0,0.8);
        display: none;
        justify-content:center;
        align-content:center;
        z-index: 999;
        padding:15px;
        transition: .3s;
    }
        .index_slot_con .lobbySwiper .wrapper .swiper-slide .product_block .img_block .img_cover img {
            width: 40%;
            margin-bottom: 10px
        }
    .index_slot_con .lobbySwiper .wrapper .swiper-slide .product_block .img_block:hover .img_cover {
        top: 0;
        display:flex;
    }

.lobbySwiper .button_wrap {
    width: fit-content;
    align-items: center;
    color: rgb(255, 255, 255);
    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
    padding: 14px 20px;
    border-radius: 999rem;
    gap: 10px;
    margin: 20px auto 0px;
}

    .lobbySwiper .button_wrap button {
        color: rgb(255, 255, 255);
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        background: rgba(0, 0, 0, 0);
    }



.slot_con .product_wrap {
    width: auto;
    height: 40vw;
    margin: auto;
    overflow-x: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 0;
}

.slot_con .product_wrap_row {
    flex-direction: row !important;
    height: auto !important;
}


.slot_con .show_all {
    max-height: unset !important;
}

.slot_con .product_wrap::-webkit-scrollbar {
    width: 0px
}

.slot_con .product_wrap .product_col {
    gap: 10px;
}

.slot_con .product_wrap .product_block {
    width: calc( 100% / 7 );
    height: calc( 100% / 3);
    align-items: flex-start;
    position: relative;
    cursor: pointer;
    padding: 5px;
}

    .slot_con .product_wrap .product_block .img_block {
        width: 100%;
        height: 100%;
        border-radius: 2vw;
        overflow: hidden;
        position: relative
    }

        .slot_con .product_wrap .product_block .img_block .product_img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center bottom;
            object-position: center bottom
        }

        .slot_con .product_wrap .product_block .img_block .img_cover {
            position: absolute;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            z-index: 9999;
            background-color: rgba(0,0,0,0.8);
            width: 100%;
            height: 100%;
            top: -100%;
            font-size: 12px;
            color: #fff;
            font-family: 'Montserret-regular';
            -webkit-transition: .3s;
            transition: .3s;
            cursor: pointer
        }

            .slot_con .product_wrap .product_block .img_block .img_cover img {
                width: 40%;
                margin-bottom: 10px
            }

        .slot_con .product_wrap .product_block .img_block .img_error_cover {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            -webkit-backdrop-filter: grayscale(1);
            backdrop-filter: grayscale(1)
        }

            .slot_con .product_wrap .product_block .img_block .img_error_cover img {
                width: 30%;
                position: absolute;
                top: 0;
                left: 0
            }

        .slot_con .product_wrap .product_block .img_block:hover .img_cover {
            top: 0
        }

    .slot_con .product_wrap .product_block .name {
       
        letter-spacing: 0px;
       
        padding: 5px 0 0 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        font-size: clamp(9px, 0.8vw, 13px);
        color: #fff;
         
    }

        .slot_con .product_wrap .product_block .name .fav_wrap {
            font-size: 16px
        }

            .slot_con .product_wrap .product_block .name .fav_wrap .fa-heart {
                color: #2bb46b;
                cursor: pointer
            }

            .slot_con .product_wrap .product_block .name .fav_wrap .faved {
                display: none
            }

.slot_con .product_wrap .nothing {
    background-color: #000811;
    border: 1px solid #162c58;
    width: calc( 100% / 6 - 25px);
    margin-bottom: 15px;
    border-radius: 2vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .slot_con .product_wrap .nothing img {
        width: 80%
    }

.slot_con .sport_product_wrap {
    width: 100%;
    overflow: auto;
    z-index: 999;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px
}

    .slot_con .sport_product_wrap .product_block {
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        cursor: pointer
    }

        .slot_con .sport_product_wrap .product_block .sport_img_block {
            position: relative;
            width: 100%;
            border-radius: 2vw;
            overflow: hidden
        }

            .slot_con .sport_product_wrap .product_block .sport_img_block .product_img {
                width: 100%;
                height: 100%
            }

            .slot_con .sport_product_wrap .product_block .sport_img_block .img_cover {
                position: absolute;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                z-index: 9999;
                background-color: rgba(0,0,0,0.8);
                width: 100%;
                height: 100%;
                top: -120%;
                font-size: 12px;
                color: #fff;
                font-family: 'Montserret-regular';
                -webkit-transition: .3s;
                transition: .3s;
                cursor: pointer
            }

                .slot_con .sport_product_wrap .product_block .sport_img_block .img_cover img {
                    width: 20%;
                    margin-bottom: 10px
                }

            .slot_con .sport_product_wrap .product_block .sport_img_block .img_error_cover {
                position: absolute;
                width: 100%;
                height: 110%;
                top: 0;
                -webkit-backdrop-filter: grayscale(1);
                backdrop-filter: grayscale(1)
            }

                .slot_con .sport_product_wrap .product_block .sport_img_block .img_error_cover img {
                    width: 20%;
                    max-width: 70px;
                    position: absolute;
                    top: 0;
                    left: 0
                }

            .slot_con .sport_product_wrap .product_block .sport_img_block:hover .img_cover {
                top: 0
            }

        .slot_con .sport_product_wrap .product_block .name {
            font-size: 9px;
            color: #a7a9ac;
            padding: 5px 0 0 10px
        }

    .slot_con .sport_product_wrap .nothing {
        background-color: #000811;
        border: 1px solid #162c58;
        border-radius: 2vw;
        height: 90%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .slot_con .sport_product_wrap .nothing img {
            width: 20%
        }

.provider_section {
    margin: 3% 0;
    width: 100%;
    text-align: left
}

    .provider_section .title {
        text-transform: uppercase;
        font-size: 18px;
        color: #a7a9ac;
        font-family: 'Montserret-regular'
    }

    .provider_section .provider_wrap .providerSwiper {
        width: 100%;
    }


    .provider_section .provider_wrap .provider_block {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }

        .provider_section .provider_wrap .provider_block img {
            width: 100%;
        }


.footer_section {
    background-color: #01070c;
    width: 97%;
    padding: 3%
}

.des_section {
    width: 100%;
    text-align: left;
    padding-bottom: 4%;
    border-bottom: 1px solid #2f3033
}

    .des_section .title {
        text-transform: uppercase;
        font-size: clamp(14px, 1vw, 19px);
        color: #a7a9ac;
        font-family: 'Montserret-bold';
        margin-bottom: 10px
    }

    .des_section p {
        text-align: justify;
        color: #828486;
        font-family: 'Montserret-light';
        font-size: clamp(10px, 1vw, 14px);
        line-height: 20px;
        margin-bottom: 3%
    }

    .des_section a {
        color: #2bb46b;
        font-size: 14px
    }

        .des_section a span {
            margin-left: 5px;
            font-size: 12px;
            font-family: 'Montserret-regular'
        }

.footer_wrap {
    width: 100%;
    padding: 3% 0;
    border-bottom: 1px solid #2f3033
}

    .footer_wrap .logo {
        width: 100%;
        max-width: 130px;
        margin-bottom: 30px
    }

    .footer_wrap .footer_row {
        gap: 3%
    }

    .footer_wrap .block_con {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-height: 230px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .footer_wrap .block_con .link {
            color: #cfd3d8;
            font-size: 13px;
            font-family: 'Montserret-regular';
            text-transform: uppercase;
            margin-bottom: 5%;
            white-space: nowrap
        }

        .footer_wrap .block_con p {
            overflow: auto;
            color: #828486;
            font-size: clamp(10px, 1vw, 12px);
            font-family: 'Montserret-light';
            text-align: left;
            border-right: 2px solid #2f3033;
            padding-right: 20px
        }

        .footer_wrap .block_con .sub_block {
            width: 100%;
            margin-bottom: 25px
        }

            .footer_wrap .block_con .sub_block .title {
                font-size: 13px;
                font-family: 'Montserret-light';
                color: #a7a9ac;
                text-transform: uppercase;
                margin-bottom: 6%
            }

            .footer_wrap .block_con .sub_block p {
                font-size: 10px;
                font-family: 'Montserret-light';
                color: #a7a9ac;
                border-right: 0
            }

                .footer_wrap .block_con .sub_block p span {
                    margin-left: 10px;
                    color: #2bb46b
                }

            .footer_wrap .block_con .sub_block .big_icon {
                width: 100%;
                max-width: 60px
            }

            .footer_wrap .block_con .sub_block .small_icon {
                width: 22px
            }

            .footer_wrap .block_con .sub_block .img_row {
                width: 100%;
                gap: 10px
            }

                .footer_wrap .block_con .sub_block .img_row img {
                    width: 50%
                }

.footer_img_con {
    padding: 3% 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 5%;
    border-bottom: 1px solid #2f3033
}

    .footer_img_con img {
        width: 100%;
        max-width: 120px
    }

.copyright {
    width: 100%;
    padding: 3% 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .copyright p {
        font-size: 12px;
        font-family: 'Montserret-light';
        color: #a7a9ac
    }

.leaderboard_con {
    width: 100%
}

    .leaderboard_con .title {
        color: #2bb46b;
        font-size: 14px;
        font-family: 'Montserret-bold';
        text-transform: uppercase;
        margin-bottom: 20px
    }

    .leaderboard_con .leaderboard {
        border: 1px solid #162c58;
        border-radius: 20px;
        background-color: #01070c;
        padding: 2%
    }

        .leaderboard_con .leaderboard .leader_table {
            width: 100%;
            border-radius: 20px;
            overflow: hidden;
            border-spacing: 0
        }

            .leaderboard_con .leaderboard .leader_table tr {
                height: 40px
            }

                .leaderboard_con .leaderboard .leader_table tr:nth-child(odd) {
                    background: -webkit-gradient(linear, left top, right top, from(#011315), color-stop(32%, #05171e), color-stop(89%, #072322), color-stop(99%, #000710));
                    background: linear-gradient(90deg, #011315 0%, #05171e 32%, #072322 89%, #000710 99%)
                }

            .leaderboard_con .leaderboard .leader_table th {
                color: #b9bbbe;
                font-size: clamp(8px, 0.7vw, 12px);
                text-align: center
            }

                .leaderboard_con .leaderboard .leader_table th:first-child {
                    width: 15%
                }

                .leaderboard_con .leaderboard .leader_table th:nth-child(even) {
                    width: 50%;
                    text-align: left;
                    font-family: 'Montserret-thin';
                    letter-spacing: .9px
                }

                .leaderboard_con .leaderboard .leader_table th:last-child {
                    color: #2bb46b;
                    font-family: 'Montserret-medium'
                }

            .leaderboard_con .leaderboard .leader_table .number {
                padding: 5px 10px;
                border-radius: 50%;
                border: 1px solid white;
                color: white
            }

            .leaderboard_con .leaderboard .leader_table .first {
                background-color: #af9c3c;
                border: 0
            }

            .leaderboard_con .leaderboard .leader_table .second {
                background: #939598;
                border: 0
            }

            .leaderboard_con .leaderboard .leader_table .third {
                background: #6f5a31;
                border: 0
            }

.promoSwiper .swiper-slide {
    display: flex;
    align-items: center;
}

.promo_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative
}

    .promo_wrap img {
        width: 100%;
        height: 100%
    }

    .promo_wrap button {
        border: 1px solid #fff;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        padding: 5px 10px;
        border-radius: 25px;
        background: none;
        position: absolute;
        bottom: 15%;
        right: 5%;
        cursor: pointer
    }

.promoSwiper_con {
    margin-top: 0%;
    height: 20vw
}

    .promoSwiper_con .promoSwiper {
        width: 100%;
        height: 100%
    }

.redeem_con {
    width: 100%;
    border: 1px solid #162c58;
    border-radius: 20px;
    background: linear-gradient(135deg, #001018 21%, #0f5349 100%);
    padding: 10%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .redeem_con .title {
        -ms-flex-item-align: start;
        align-self: flex-start;
        font-size: 14px;
        font-family: 'Montserret-exlight';
        color: #fff
    }

        .redeem_con .title span {
            color: #2bb46b;
            font-family: 'Montserret-bold';
            margin-right: 5px
        }

    .redeem_con p {
        font-size: 11px;
        color: #a7a9ac;
        margin: 3% 0
    }

    .redeem_con .redeem_textbox {
        height: 30px;
        margin: 7% 0;
        border-radius: 25px;
        width: 100%;
        border: 1px solid #162c58;
        background-color: #01070c;
        color: white;
        padding: 5%;
        cursor: text
    }

        .redeem_con .redeem_textbox:focus {
            outline: 0
        }

    .redeem_con button {
        width: 75%;
        padding: 3% 0;
        font-size: 12px;
        text-transform: uppercase;
        border: 0;
        border-radius: 10px;
        color: white;
        background: #f05a0c;
        cursor: pointer
    }

.cover_con {
    display: none;
    z-index: 900;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    overflow: auto
}

    .cover_con .form_con {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 50%;
        max-width: 400px;
        background: -webkit-gradient(linear, left top, right top, color-stop(25%, #00b16e), to(#007f73));
        background: linear-gradient(90deg, #00b16e 25%, #007f73 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
        }

        .cover_con .form_con .form_block {
            border-radius: 20px;
            width: 100%;
            margin-top: -10%;
            background: linear-gradient(225deg, #00332d 0%, #131c37 49%, #0f4943 100%);
            z-index: 99999999;
            -webkit-animation: slide-in-bottom 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
            animation: slide-in-bottom 0.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 black
            }

                .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 {
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        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: white;
                        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::-webkit-input-placeholder {
                            color: #162c58
                        }

                        .cover_con .form_con .form_block .form_wrap .textbox_wrap .form_textbox:-ms-input-placeholder {
                            color: #162c58
                        }

                        .cover_con .form_con .form_block .form_wrap .textbox_wrap .form_textbox::-ms-input-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: #3b68c4;
                            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, #3eb278 67%, #03a79b 100%);
                    color: white;
                    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;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    gap: 20px;
                    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;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    gap: 10px
                }

                    .cover_con .form_con .form_block .login_link .link_img img {
                        width: 100%;
                        max-width: 30px
                    }

.reg .check_wrap {
    width: 100%;
    margin-bottom: 3%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.reg label {
    margin-left: 10px;
    font-size: 12px;
    text-align: left;
    color: #a7a9ac
}

.reg .form_bg_text {
    top: 10% !important
}

.promo_cover_con {
    display: none;
    z-index: 999999;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.8);
    overflow: auto
}

    .promo_cover_con .promo_popup .promo_title {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .promo_cover_con .promo_popup .promo_title .logo {
            width: 100%;
            max-width: 140px;
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

        .promo_cover_con .promo_popup .promo_title .close {
            color: #fff;
            position: absolute;
            top: 3%;
            right: 5%;
            cursor: pointer;
            font-size: 22px;
            -webkit-transition: .5s;
            transition: .5s
        }

.close:hover {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.promo_cover_con .promo_popup .promo_con {
    width: 100%;
    border: 1px solid #162c58;
    border-radius: 20px;
    overflow: hidden;
    margin: 6% 0
}

    .promo_cover_con .promo_popup .promo_con .promo_title {
        width: 100%;
        background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
        color: #fff;
        font-size: 16px;
        padding: 1.5% 10%
    }

        .promo_cover_con .promo_popup .promo_con .promo_title span {
            font-family: 'Montserret-regular';
            margin-right: 5px
        }

    .promo_cover_con .promo_popup .promo_con .promo_des_block {
        padding: 2% 1%
    }

        .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des {
            margin-bottom: 5px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%
        }

            .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des .promo_des_title {
                padding: 1% 0;
                font-size: clamp(12px, 3vw, 30px);
                font-family: 'Montserret-exbold';
                color: #fff;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                text-align: right;
                margin-right: 10px
            }

                .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des .promo_des_title:last-child {
                    font-family: 'Montserret-regular';
                    font-size: clamp(5px, 2vw, 20px);
                    text-align: left;
                    line-height: .8
                }

            .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des .number {
                font-size: clamp(12px, 3vw, 30px)
            }

        .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_btn_wrap {
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 10px
        }

            .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_btn_wrap button {
                padding: 2% 5%;
                text-transform: uppercase;
                background: none;
                border: 1px solid #fff;
                color: #fff;
                font-size: 10px;
                font-family: 'Montserret-light';
                border-radius: 25px;
                cursor: pointer
            }

                .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_btn_wrap button:last-child {
                    background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
                    border: 0
                }

    .promo_cover_con .promo_popup .promo_con .orange {
        background: linear-gradient(135deg, #081219 0%, #f3901c 100%)
    }

    .promo_cover_con .promo_popup .promo_con .purple {
        background: linear-gradient(135deg, #081219 0%, #90278e 100%)
    }

.promo_cover_con .promo_popup .promo_sub_title {
    color: #fff
}

    .promo_cover_con .promo_popup .promo_sub_title .date {
        font-size: 10px
    }

        .promo_cover_con .promo_popup .promo_sub_title .date span {
            color: yellow;
            margin-left: 5px
        }

.promo_cover_con .promo_popup .desc {
    margin: 3% 0;
    font-size: 10px;
    color: #a7a9ac
}

.promo_cover_con .promo_popup .title_desc {
    margin: 1% 0;
    font-size: 10px;
    color: #d6d6d6
}

.promo_cover_con .promo_popup .title {
    color: #d6d6d6;
    font-size: 12px;
    font-family: 'Montserret-exbold'
}

.promo_cover_con .promo_popup .promo_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
    font-family: 'Montserret-exbold';
    border: 1px solid black;
    margin: 2% 0 3%
}

    .promo_cover_con .promo_popup .promo_table tr {
        height: 25px
    }

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

    .promo_cover_con .promo_popup .promo_table td {
        color: black;
        background: grey;
        text-align: center;
        border-right: 1px solid black
    }

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

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

.apply_popup .popup_con {
    position: absolute;
    top: 5%;
    left: 37%;
    width: 50%;
    max-width: 500px;
    border-radius: 20px;
    border: 1px solid #162c58;
    background: #011019;
    padding: 2%
}

    .apply_popup .popup_con .popup_title {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

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

        .apply_popup .popup_con .popup_title .close {
            color: #fff;
            position: absolute;
            top: 5%;
            right: 5%;
            cursor: pointer;
            font-size: 22px;
            -webkit-transition: .5s;
            transition: .5s
        }

.close:hover {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.apply_popup .popup_con .address {
    margin: 50px 0;
    width: 100%;
    border: 1px solid #162c58;
    border-radius: 15px;
    padding: 3%;
    text-align: center;
    font-size: clamp(14px, 1vw, 18px);
    background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
    color: #fff
}

.apply_popup .popup_con .qr_code {
    width: 30%;
    margin: auto
}

    .apply_popup .popup_con .qr_code img {
        width: 100%
    }

.apply_popup .popup_con p {
    color: #a7a9ac;
    font-size: clamp(14px, 1vw, 18px);
    width: 100%;
    text-align: center;
    margin: 10% 0;
    font-family: 'Montserret-bold'
}


.swiper_con {
    margin-top: 6%
}

    .swiper_con:first-child {
        margin-top: 1%
    }

.swiper_title_con {
    width: 100%;
    margin-bottom: 2%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .swiper_title_con .swiper_title {
        color: #2bb46b;
        font-size: clamp(10px, 0.8vw, 15px);
        letter-spacing: .7px;
        gap: 2%;
        font-family: 'Montserret-regular';
        white-space: nowrap;
        align-items: center;
    }

        .swiper_title_con .swiper_title img {
            width: 3.5%;
            margin-left: 5px;
        }

        .swiper_title_con .swiper_title .btn_wrap {
            width: 10%;
            gap: 5px
        }

.swiper_btn_con {
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

    .swiper_btn_con .swiper_btn_wrap {
        width: 2.2rem;
        height: 1.8rem;
        border-radius: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #162c58;
        cursor: pointer
    }

.product_wrap_con .swiper_btn_con .swiper_btn_wrap {
    width: 1.9rem !important;
    height: 1.8rem;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #162c58;
    cursor: pointer
}

.swiper_btn_con .swiper_btn_wrap i {
    color: #2bb46b
}

.slotSwiper {
    width: 100%
}

    .slotSwiper .swiper_img {
        width: 100%
    }

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

        .slotSwiper .swiper_name .name {
            font-size: clamp(8px, 0.6vw, 12px);
            font-family: 'Montserret-thin';
            color: #fff;
            padding-left: 5%
        }

        .slotSwiper .swiper_name .fav_wrap {
            font-size: 16px
        }

            .slotSwiper .swiper_name .fav_wrap .fa-heart {
                color: #2bb46b;
                cursor: pointer
            }

            .slotSwiper .swiper_name .fav_wrap .faved {
                display: none
            }

    .slotSwiper .swiper_img_con {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 30px;
        overflow: hidden
    }

        .slotSwiper .swiper_img_con .img_cover {
            position: absolute;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            z-index: 9999;
            background-color: rgba(0,0,0,0.8);
            width: 100%;
            height: 100%;
            top: -100%;
            font-size: 12px;
            color: #fff;
            font-family: 'Montserret-regular';
            -webkit-transition: .3s;
            transition: .3s;
            cursor: pointer
        }

            .slotSwiper .swiper_img_con .img_cover img {
                width: 40%;
                max-width: 70px;
                margin-bottom: 10px
            }

        .slotSwiper .swiper_img_con:hover .img_cover {
            top: 0
        }

.product_progress_con {
    width: 100%;
    margin: 2% 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 2%
}

    .product_progress_con .progress_btn_con {
        width: 2rem;
        height: 1.8rem;
        border-radius: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #162c58;
        cursor: pointer
    }

        .product_progress_con .progress_btn_con i {
            color: #2bb46b
        }

    .product_progress_con p {
        color: #a7a9ac;
        font-size: clamp(9px, 0.8vw, 13px);
        font-family: 'Montserret-regular'
    }

    .product_progress_con .load {
        padding: 1%;
        border: 1px solid #162c58;
        border-radius: 999px;
        color: #2bb46b;
        font-size: clamp(9px, 0.8vw, 13px);
        font-family: 'Montserret-regular';
        cursor: pointer
    }

    .product_progress_con .less {
        display: none;
        padding: 1%;
        border: 1px solid #162c58;
        border-radius: 999px;
        color: #2bb46b;
        font-size: clamp(9px, 0.8vw, 13px);
        font-family: 'Montserret-regular';
        cursor: pointer
    }

.backTop {
    display: none;
    position: fixed;
    bottom: 5%;
    left: 10%;
    background-color: #2bb46b;
    padding: 15px 20px;
    border-radius: 50%;
}

.button_col {
    color: white;
    font-weight: 900;
}

.product_progress_con .progress_bar_con {
    width: 20%;
    height: 15px;
    padding: 4px;
    border-radius: 999px;
    background: rgba(0,0,0,0.5)
}

    .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
    }

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

.desc_section {
    width: 100%;
    text-align: left;
    padding: 2%
}

    .desc_section .desc_nav {
        width: 100%;
        gap: 15px
    }

        .desc_section .desc_nav .desc_title {
            font-size: clamp(10px, 1vw, 18px);
            font-family: 'Montserret-regular';
            color: white;
            text-align: center;
            padding: 1.5% 3%;
            border-radius: .5vw;
            background: linear-gradient(225deg, #00332d 0%, #131c37 49%, #0f4943 100%);
            margin-bottom: 30px
        }

        .desc_section .desc_nav .this {
            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
            position: relative
        }

            .desc_section .desc_nav .this:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                border-left: .5vw solid transparent;
                border-right: .5vw solid transparent;
                border-bottom: 0.7vw solid #1e8258;
                top: 98%;
                left: 45%
            }

    .desc_section .desc_wrap {
        width: 100%;
        padding: 1.5%;
        background: linear-gradient(220deg, #104737 0%, #010e16 30%, #022d25 62%, #114242 100%);
        border-radius: 10px
    }

        .desc_section .desc_wrap h1 {
            color: orange;
            font-size: clamp(12px, 1vw, 19px);
            font-family: 'Montserret-exlight';
            margin-bottom: .5%
        }

        .desc_section .desc_wrap p {
            text-align: left;
            color: white;
            font-size: clamp(10px, 1vw, 14px);
            font-family: 'Montserret-light';
            line-height: 20px
        }

        .desc_section .desc_wrap ul {
            width: 100%;
            margin: 1% 0
        }

            .desc_section .desc_wrap ul li {
                text-align: left;
                color: #e2fff9;
                font-size: clamp(10px, 1vw, 14px);
                font-family: 'Montserret-light';
                letter-spacing: .7px;
                line-height: 20px
            }

    .desc_section .contact_us_wrap {
        width: 100%;
        margin: 3% 0;
        text-align: left;
        color: white
    }

        .desc_section .contact_us_wrap .contact_icon {
            width: 100%;
            max-width: 25px;
            margin-right: 15px
        }

        .desc_section .contact_us_wrap .contact_title {
            white-space: nowrap;
            width: 15%;
            font-size: clamp(10px, 1vw, 17px);
            text-transform: uppercase;
            font-family: 'Montserret-exbold'
        }

        .desc_section .contact_us_wrap .contact_desc {
            width: 100%;
            font-size: clamp(10px, 1vw, 14px);
            font-family: 'Montserret-regular';
            background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

.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 {
            position: relative;
            height: 240px
        }

            .notfound_section .notfound .notfound-404 h1 {
                font-family: 'Montserrat', sans-serif;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                font-size: 252px;
                font-weight: 900;
                margin: 0px;
                background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-transform: uppercase;
                letter-spacing: -40px;
                margin-left: -20px
            }

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

            .notfound_section .notfound .notfound-404 h3 {
                font-family: 'Cabin', sans-serif;
                position: relative;
                font-size: 16px;
                font-weight: 700;
                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: 3%;
    -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: 1% 3%;
        border-radius: 5px;
        font-family: 'Monument-regular';
        color: #fff;
        font-size: 17px
    }

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

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }

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

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }

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

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

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

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

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

.promo_cover_con {
    display: none;
    z-index: 999999;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.8);
    overflow: auto
}

    .promo_cover_con .promo_popup .promo_title {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .promo_cover_con .promo_popup .promo_title .logo {
            width: 100%;
            max-width: 140px;
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1)
        }

        .promo_cover_con .promo_popup .promo_title .close {
            color: #fff;
            position: absolute;
            top: 3%;
            right: 5%;
            cursor: pointer;
            font-size: 22px
        }

    .promo_cover_con .promo_popup .promo_con {
        width: 100% !important;
        overflow: hidden;
        margin: 6% 0
    }

        .promo_cover_con .promo_popup .promo_con .promo_title {
            width: 100%;
            color: #fff;
            font-size: 16px;
            padding: 1.5% 10%
        }

            .promo_cover_con .promo_popup .promo_con .promo_title span {
                font-family: 'Montserret-regular';
                margin-right: 5px
            }

        .promo_cover_con .promo_popup .promo_con .promo_des_block {
            padding: 2% 1%
        }

            .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des {
                margin-bottom: 5px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 100%
            }

                .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des .promo_des_title {
                    padding: 1% 0;
                    font-size: clamp(12px, 3vw, 30px);
                    font-family: 'Montserret-exbold';
                    color: #fff;
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    text-align: right;
                    margin-right: 10px
                }

                    .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des .promo_des_title:last-child {
                        font-family: 'Montserret-regular';
                        font-size: clamp(5px, 2vw, 20px);
                        text-align: left;
                        line-height: .8
                    }

                .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_des .number {
                    font-size: clamp(12px, 3vw, 30px)
                }

            .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_btn_wrap {
                width: 100%;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                gap: 10px
            }

                .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_btn_wrap button {
                    padding: 2% 5%;
                    text-transform: uppercase;
                    background: none;
                    border: 1px solid #fff;
                    color: #fff;
                    font-size: 10px;
                    font-family: 'Montserret-light';
                    border-radius: 25px;
                    cursor: pointer
                }

                    .promo_cover_con .promo_popup .promo_con .promo_des_block .promo_btn_wrap button:last-child {
                        background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
                        border: 0
                    }

        .promo_cover_con .promo_popup .promo_con .orange {
            background: linear-gradient(135deg, #081219 0%, #f3901c 100%)
        }

        .promo_cover_con .promo_popup .promo_con .purple {
            background: linear-gradient(135deg, #081219 0%, #90278e 100%)
        }

    .promo_cover_con .promo_popup .promo_sub_title {
        color: #fff
    }

        .promo_cover_con .promo_popup .promo_sub_title .date {
            font-size: 10px
        }

            .promo_cover_con .promo_popup .promo_sub_title .date span {
                color: yellow;
                margin-left: 5px
            }

    .promo_cover_con .promo_popup .desc {
        margin: 3% 0;
        font-size: 10px;
        color: #a7a9ac
    }

    .promo_cover_con .promo_popup .title_desc {
        margin: 1% 0;
        font-size: 10px;
        color: #d6d6d6
    }

    .promo_cover_con .promo_popup .title {
        color: #d6d6d6;
        font-size: 12px;
        font-family: 'Montserret-exbold'
    }

    .promo_cover_con .promo_popup .promo_table {
        width: 100%;
        border-collapse: collapse;
        font-size: 10px;
        font-family: 'Montserret-exbold';
        border: 1px solid black;
        margin: 2% 0 3%
    }

        .promo_cover_con .promo_popup .promo_table tr {
            height: 25px
        }

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

        .promo_cover_con .promo_popup .promo_table td {
            color: black;
            background: grey;
            text-align: center;
            border-right: 1px solid black
        }

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

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


.desc_section {
    width: 100%;
    text-align: left;
    padding: 2%
}

    .desc_section .desc_nav {
        width: 100%;
        gap: 15px
    }

        .desc_section .desc_nav .desc_title {
            font-size: clamp(10px, 1vw, 18px);
            font-family: 'Montserret-regular';
            color: white;
            text-align: center;
            padding: 1.5% 3%;
            border-radius: .5vw;
            background: linear-gradient(225deg, #00332d 0%, #131c37 49%, #0f4943 100%);
            margin-bottom: 30px
        }

        .desc_section .desc_nav .this {
            background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
            position: relative
        }

            .desc_section .desc_nav .this:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                border-left: .5vw solid transparent;
                border-right: .5vw solid transparent;
                border-bottom: 0.7vw solid #1e8258;
                top: 98%;
                left: 45%
            }

    .desc_section .desc_wrap {
        width: 100%;
        padding: 1.5%;
        background: rgba(0,0,0,.5);
        /*background: linear-gradient(220deg, #104737 0%, #010e16 30%, #022d25 62%, #114242 100%);*/
        border-radius: 10px
    }

        .desc_section .desc_wrap h1 {
            color: #2bb46b;
            font-size: clamp(12px, 1.3vw, 22px);
            font-family: 'Montserret-bold';
            margin-bottom: .5%
        }

        .desc_section .desc_wrap p {
            text-align: left;
            color: #BCBEC0;
            font-size: clamp(10px, 1vw, 14px);
            font-family: 'Montserret-light';
            line-height: 20px
        }

        .desc_section .desc_wrap ul {
            width: 100%;
            margin: 1% 0
        }

            .desc_section .desc_wrap ul li {
                text-align: left;
                color: #BCBEC0;
                font-size: clamp(10px, 1vw, 14px);
                font-family: 'Montserret-light';
                letter-spacing: .7px;
                line-height: 20px
            }

    .desc_section .contact_us_wrap {
        width: 100%;
        margin: 3% 0;
        text-align: left;
        color: white
    }

        .desc_section .contact_us_wrap .contact_icon {
            width: 100%;
            max-width: 25px;
            margin-right: 15px
        }

        .desc_section .contact_us_wrap .contact_title {
            white-space: nowrap;
            width: 15%;
            font-size: clamp(10px, 1vw, 17px);
            text-transform: uppercase;
            font-family: 'Montserret-exbold'
        }

        .desc_section .contact_us_wrap .contact_desc {
            width: 100%;
            font-size: clamp(10px, 1vw, 14px);
            font-family: 'Montserret-regular';
            background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent
        }

.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 {
            position: relative;
            height: 240px
        }

            .notfound_section .notfound .notfound-404 h1 {
                font-family: 'Montserrat', sans-serif;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                font-size: 252px;
                font-weight: 900;
                margin: 0px;
                background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-transform: uppercase;
                letter-spacing: -40px;
                margin-left: -20px
            }

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

            .notfound_section .notfound .notfound-404 h3 {
                font-family: 'Cabin', sans-serif;
                position: relative;
                font-size: 16px;
                font-weight: 700;
                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: 3%;
    -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: 1% 3%;
        border-radius: 5px;
        font-family: 'Monument-regular';
        color: #fff;
        font-size: 17px
    }

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

.section .product_wrap .promo_con {
    width: calc(100% / 2 - 20px);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    display: flex;
}

    .section .product_wrap .promo_con img {
        width: 100%;
    }

    .section .product_wrap .promo_con .promo_title {
        width: 100%;
        color: #fff;
        font-size: clamp(9px, 0.8vw, 18px);
        /*padding: 2.7% 10%;*/
        padding: 0.6vw 10%;
        position: absolute;
        top: 0;
        background: #2bb46b;
        border-radius: 20px 20px 0 0;
    }

        .section .product_wrap .promo_con .promo_title span {
            font-family: 'Montserret-regular';
            margin-right: 5px;
        }

    .section .product_wrap .promo_con .promo_btn_wrap {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
        position: absolute;
        bottom: 5%;
    }


.side_menu_btn_wrap .sport_btn_wrap {
    width: 50%;
}

    .side_menu_btn_wrap .sport_btn_wrap button {
        width: 100% !important;
        padding: 8% 0;
        background: none;
    }

        .side_menu_btn_wrap .sport_btn_wrap button img {
            filter: brightness(0)invert(1);
        }

.sport_btn_wrap:hover .btn_dropdown {
    display: block;
}

.btn_dropdown .img_con img {
    width: 100%;
    max-width: 50px;
    -webkit-filter: none;
    filter: none;
}

.btn_dropdown .img_con {
    width: 100%;
    padding: 4%;
    border-radius: 999px;
    border: 1px solid #162c58;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5%;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.btn_dropdown {
    display: none;
    position: absolute;
    width: 50%;
    top: 100%;
    left: 50%;
    background: rgba(0,0,0,0.7);
    border-radius: 15px;
    padding: 5%;
    border: 2px solid #162c58;
    z-index: 999;
}

.side_menu_btn_wrap {
    background: rgba(0,0,0,0.7);
    border-radius: 25px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2%;
    position: relative
}

    .side_menu_btn_wrap .span_background {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        border-radius: 25px;
        /*background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);*/
        -webkit-transition: .4s;
        transition: .4s;
        /*-webkit-animation: glowing 2s ease-in-out infinite both;
        animation: glowing 2s ease-in-out infinite both*/
    }

    .side_menu_btn_wrap .right {
        left: 50%;
    }

.blur {
    filter: blur(2px);
    overflow-x: hidden;
    transition: .2s;
}

.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: 288px;
        height: 288px;
        position: relative;
    }

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

    .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);
    }
}




.fav_con {
    width: 100%;
    border: 1px solid #162c58;
    border-radius: 0px 20px 20px 20px;
    padding: 2% .7%;
    background: #010b12;
}

    .fav_con .favSwiper .product_wrap_con {
        width: 100%;
        height: 100%;
        overflow: auto;
        scrollbar-width: 0;
    }

        .fav_con .favSwiper .product_wrap_con::-webkit-scrollbar {
            width: 0;
        }


.slot_con .product_wrap {
    width: auto;
    height: 37vw;
    margin: auto;
    overflow-x: hidden;
    z-index: 80;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    gap: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

    .slot_con .product_wrap::-webkit-scrollbar {
        width: 0px;
    }

    .slot_con .product_wrap .product_block {
        width: calc( 100% / 8);
        height: calc( 100% / 3);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        cursor: pointer;
        padding: 5px;
    }

        .slot_con .product_wrap .product_block .img_block {
            width: 100%;
            height: 100%;
            border-radius: 1vw;
            overflow: hidden;
            position: relative;
        }

            .slot_con .product_wrap .product_block .img_block .product_img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: center bottom;
                object-position: center bottom;
            }

            .slot_con .product_wrap .product_block .img_block .img_cover {
                position: absolute;
                opacity: 0;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                z-index: 9999;
                background-color: rgba(0, 0, 0, 0.8);
                width: 100%;
                height: 100%;
                top: -100%;
                font-size: 12px;
                color: #fff;
                font-family: 'Montserret-regular';
                -webkit-transition: .3s;
                transition: .3s;
                cursor: pointer;
            }

                .slot_con .product_wrap .product_block .img_block .img_cover img {
                    width: 40%;
                    margin-bottom: 10px;
                }

            .slot_con .product_wrap .product_block .img_block .img_error_cover {
                position: absolute;
                width: 101%;
                height: 101%;
                top: 0;
                -webkit-backdrop-filter: grayscale(1);
                backdrop-filter: grayscale(1);
            }

                .slot_con .product_wrap .product_block .img_block .img_error_cover img {
                    width: 30%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

            .slot_con .product_wrap .product_block .img_block:hover .img_cover {
                top: 0;
                opacity: 1;
            }

        .slot_con .product_wrap .product_block .name {
            font-size: clamp(9px, 0.8vw, 13px);
            letter-spacing: .8px;
            color: #a7a9ac;
            padding: 5px 0 0 10px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
        }

            .slot_con .product_wrap .product_block .name .fav_wrap {
                font-size: 16px;
            }

                .slot_con .product_wrap .product_block .name .fav_wrap .fa-heart {
                    color: #2bb46b;
                    cursor: pointer;
                }

                .slot_con .product_wrap .product_block .name .fav_wrap .faved {
                    display: none;
                }

    .slot_con .product_wrap .nothing {
        background-color: #000811;
        border: 1px solid #162c58;
        margin-bottom: 15px;
        border-radius: 2vw;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .slot_con .product_wrap .nothing img {
            width: 80%;
        }

/*.affiliate_section_des_block .affiliate_des_block .des_block_wrap .aff_btn {
    width: 40%;
    padding: 3% 0;
    font-size: 12px;
    text-transform: uppercase;
    border: 0;
    border-radius: 10px;
    color: white;
    background: #f05a0c;
    cursor: pointer;
    margin: 10px auto 0;
}*/

.product_swiper_con {
    width: 100%
}

.non-swiper-slide {
    display: none !important;
}

.favslotPrev, .favslotNext {
    display: block !important;
}

.deposit_target_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 999rem;
    overflow: hidden;
    z-index: -1;
}

    .deposit_target_btn img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.popup-bg {
    position: fixed;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    justify-content: center;
    top: 0;
    left: 0;
    z-index: 9999;
}

    .popup-bg .popup-container {
        align-items: flex-start;
        padding: 30px;
        color: #fff;
        border-radius: 20px;
        max-width: 350px;
        width: 80%;
        position: relative;
        background: linear-gradient(163deg, rgb(0, 136, 204) 30%, rgb(0, 212, 255) 100%)
    }

        .popup-bg .popup-container h1 {
            text-align: left;
            margin: 5px 0;
            color: #fff
        }

        .popup-bg .popup-container button {
            background: #212121;
            color: #fff;
            border: none;
            margin-top: 15px;
            padding: 10px 20px;
            font-size: 1vw;
            border-radius: 8px
        }


.deposit_wrap {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    background: #0a1e26;
    padding: 15px;
    border-radius: 10px;
    min-height: 535px
}

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

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

        .deposit_wrap .deposit_nav_con span {
            width: 50%;
            height: 85%;
            left: .7%;
            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
        }

        .deposit_wrap .deposit_nav_con .right {
            left: 49.3%
        }

    .deposit_wrap .deposit_target_wrap {
        width: 100%;
        padding: 0 2px;
        align-items: center;
        display: none;
    }


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

            .deposit_wrap .deposit_target_wrap .target_wrap_nav .target_nav_row {
                width: 87px;
                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
            }

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

                .deposit_wrap .deposit_target_wrap .target_wrap_nav .target_nav_row span {
                    font-size: 12px;
                    color: #969696;
                    transition: .4s;
                    font-family: "Montserret-regular"
                }

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

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

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

        .deposit_wrap .deposit_target_wrap .deposit_currency_con {
            width: 100%;
            max-width: 500px;
            margin: 10px 0 0;
            padding: 10px 3px 0
        }

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

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

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

            .deposit_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap {
                width: 100%;
                border-radius: 999rem;
                background: #000;
                padding: 6px
            }

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

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

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

                    .deposit_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row .crypto_name {
                        width: 30%;
                        color: #fff;
                        font-size: 14px;
                        text-align: left;
                        cursor: pointer;
                        font-family: "Montserret-regular"
                    }

                    .deposit_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row span {
                        width: 25%;
                        color: #969696;
                        font-size: 12px;
                        cursor: pointer;
                        padding-left: 40%;
                        text-align: right;
                    }

                    .deposit_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: 14px;
                        cursor: pointer;
                        font-family: "Montserret-regular"
                    }

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

                .deposit_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
                }

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

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

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

                    .deposit_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
                    }

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

                        .deposit_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_dropdown .currency_select .balance_amount {
                            color: #b2b2b2;
                            font-family: "Montserret-light"
                        }

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

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

            .deposit_wrap .deposit_target_wrap .deposit_currency_con .crypto_choose_row {
                width: 100%;
                margin-bottom: 10px;
                border-radius: 999rem
            }

                .deposit_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: "Montserret-light"
                }

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

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

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

                    .deposit_wrap .deposit_target_wrap .deposit_currency_con .fiat_payment_con .fiat_payment_block img {
                        width: 60%
                    }

                    .deposit_wrap .deposit_target_wrap .deposit_currency_con .fiat_payment_con .fiat_payment_block span {
                        color: #5c6368;
                        font-size: 12px;
                        font-family: "Montserret-regular";
                        letter-spacing: .4px
                    }

                .deposit_wrap .deposit_target_wrap .deposit_currency_con .fiat_payment_con .block_target {
                    /*                    border: .6mm solid #2d3b8e*/
                }

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

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

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

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

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

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

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

    .deposit_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;
        font-family: "Montserret-light";
        text-align: center;
        font-size: 12px
    }

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

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

    .deposit_wrap .deposit_target_wrap .fiat_form .deposit_currency_con .btn_wrap {
        margin: 10px 0;
        width: 100%
    }

        .deposit_wrap .deposit_target_wrap .fiat_form .deposit_currency_con .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%)
        }

    .deposit_wrap .deposit_target_wrap .deposit_qr_con {
        width: 100%;
        max-width: 500px;
        margin: 20px 0;
        background: #000811;
        padding: 15px;
        gap: 15px;
        border-radius: 10px
    }

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

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

                .deposit_wrap .deposit_target_wrap .deposit_qr_con .qr_left .title span {
                    color: #2bb46b;
                    font-family: "Montserret-regular"
                }

            .deposit_wrap .deposit_target_wrap .deposit_qr_con .qr_left .qr_address {
                width: 90%;
                padding: 5px;
                color: #2bb46b;
                font-size: 16px;
                word-break: break-all;
                letter-spacing: .5px
            }

            .deposit_wrap .deposit_target_wrap .deposit_qr_con .qr_left .btn {
                border-radius: 999rem;
                background: #060b10;
                width: -moz-fit-content;
                width: fit-content;
                padding: 7px 22px;
                border: .5mm solid #2d3b8e;
                color: #fff;
                margin-top: 10px;
                font-size: 14px;
                justify-content: center;
                align-items: center
            }

        .deposit_wrap .deposit_target_wrap .deposit_qr_con .qr_code img {
            width: 100%;
        }

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

        .deposit_wrap .deposit_target_wrap .crypto_remark span {
            margin-right: 3px;
            font-family: "Montserret-medium"
        }

    .deposit_wrap .fiat {
        width: 100%
    }

        .deposit_wrap .fiat .deposit_currency_con {
            margin: 0
        }

.logged_profile_wrap {
    flex: 1;
    gap: 15px;
}

    .logged_profile_wrap .profile_right {
        width: 41%;
        position: relative;
    }

        .logged_profile_wrap .profile_right .card_bg {
            position: absolute;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            width: 100%;
            border-radius: 15px;
            filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6));
        }

        .logged_profile_wrap .profile_right .card_wrap {
            width: 100%;
            padding: 30px 20px;
            display: flex;
            gap: 20px;
            flex-direction: column;
            z-index: 99;
        }

            .logged_profile_wrap .profile_right .card_wrap .card_top {
                width: 100%;
                align-items: flex-start;
                gap: 20px;
            }

                .logged_profile_wrap .profile_right .card_wrap .card_top i {
                    color: #fff;
                }

                .logged_profile_wrap .profile_right .card_wrap .card_top .username {
                    color: #fff;
                    font-size: 14px;
                }

                .logged_profile_wrap .profile_right .card_wrap .card_top .qr_wrap {
                    width: 90px;
                    position: absolute;
                    right: 20px;
                }

                    .logged_profile_wrap .profile_right .card_wrap .card_top .qr_wrap img {
                        width: 100%;
                    }

            .logged_profile_wrap .profile_right .card_wrap .crt_vip {
                text-transform: uppercase;
                font-size: 18px;
                margin-right: 10px;
                margin-left: auto;
                color: #fff;
                font-weight: 700;
            }

            .logged_profile_wrap .profile_right .card_wrap .card_bottom {
                width: 100%;
                display: flex;
                flex-direction: row;
                margin-top: -2px;
                gap: 127px;
                align-items: center;
            }

                .logged_profile_wrap .profile_right .card_wrap .card_bottom .card_infor_wrap {
                    width: 30%;
                    align-items: flex-start;
                }

                    .logged_profile_wrap .profile_right .card_wrap .card_bottom .card_infor_wrap .title_row {
                        font-size: 12px;
                        color: #fff;
                        font-weight: 500;
                        letter-spacing: .4px;
                        gap: 10px;
                    }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .card_infor_wrap .title_row img {
                            width: unset;
                            height: 20px;
                        }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .card_infor_wrap .title_row span {
                            width: 55px;
                            text-transform: uppercase;
                        }

                    .logged_profile_wrap .profile_right .card_wrap .card_bottom .card_infor_wrap .point_row {
                        width: 100%;
                        justify-content: space-between;
                        align-items: center;
                        padding: 5px 5px 0;
                        gap: 5px;
                    }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .card_infor_wrap .point_row .row, .logged_profile_wrap .profile_right .card_wrap .card_bottom .card_infor_wrap .point_row .col {
                            align-items: flex-start;
                            gap: 5px;
                        }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .card_infor_wrap .point_row span {
                            color: #fff;
                            font-size: 12px;
                        }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .card_infor_wrap .point_row .point {
                            color: #fff;
                            font-family: "Montserret-medium";
                            font-size: 20px;
                            line-height: 1;
                        }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .card_infor_wrap .point_row i {
                            font-size: 18px;
                            color: #fff;
                        }

                .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap {
                    flex: 1;
                    justify-content: flex-start;
                    align-items: flex-start;
                    gap: 5px;
                    padding-left: 20px;
                    position: relative;
                }

                    .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .title {
                        font-size: 12px;
                        color: #fff;
                        font-weight: 500;
                        letter-spacing: .4px;
                        gap: 10px;
                    }

                    .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row {
                        width: 100%;
                        justify-content: flex-start;
                        align-items: flex-end;
                        padding: 5px 5px 0;
                        gap: 8px;
                        position: relative;
                    }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row img {
                            width: 26px;
                        }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row .crt_lvl {
                            color: #fff;
                            font-size: 12px;
                        }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row .com_wrap {
                            width: -moz-fit-content;
                            width: fit-content;
                            position: relative;
                        }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row i {
                            font-size: 14px;
                            color: #fff;
                            align-self: center;
                        }

                        .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap {
                            position: absolute;
                            top: 60%;
                            transform: translateY(-50%);
                            left: 200%;
                            width: -moz-fit-content;
                            width: fit-content;
                            padding: 20px;
                            background: #121212;
                            border-radius: 10px;
                            min-width: 400px;
                            z-index: 9999999;
                            opacity: 0;
                            visibility: hidden;
                            transition: .4s;
                        }

                            .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap a {
                                width: 100%;
                                font-size: 14px;
                                justify-content: flex-end;
                                align-items: center;
                                margin-bottom: 8px;
                                gap: 8px;
                                text-transform: uppercase;
                                color: #2bb46b;
                                font-weight: 600;
                            }

                                .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap a i {
                                    font-size: 14px;
                                    color: #2bb46b;
                                }

                            .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap table {
                                width: 100%;
                                border-collapse: collapse;
                            }

                                .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap table tr:nth-child(odd) {
                                    background: rgba(255, 255, 255, .164);
                                }

                                .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap table th, .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap table td {
                                    font-size: 11px;
                                    color: #fff;
                                    padding: 10px;
                                    text-align: center;
                                    border: 1px solid rgba(255, 255, 255, .164);
                                }

                            .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap::after {
                                position: absolute;
                                left: -9px;
                                top: 50%;
                                transform: translateY(-50%);
                                content: "";
                                width: 0;
                                height: 0;
                                border-top: 10px solid rgba(0, 0, 0, 0);
                                border-bottom: 10px solid rgba(0, 0, 0, 0);
                                border-right: 10px solid #121212;
                            }

                    .logged_profile_wrap .profile_right .card_wrap .card_bottom .crt_comm_lvl_wrap::after {
                        content: "";
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        left: 0;
                        width: 1px;
                        height: 50%;
                        background: rgba(255, 255, 255, .651);
                    }

    .logged_profile_wrap .profile_left {
        flex: 1;
        gap: 14px;
    }

        .logged_profile_wrap .profile_left .tp_row {
            width: 100%;
            gap: 15px;
        }

            .logged_profile_wrap .profile_left .tp_row .tp_block {
                flex: 1;
                padding: 17px 20px;
                background: linear-gradient(45deg, rgb(15, 83, 73) 21%, rgb(0, 16, 24) 100%);
                border-radius: 10px;
                justify-content: flex-start;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
                gap: 15px;
            }

            .logged_profile_wrap .profile_left .tp_row img {
                width: 30px;
            }

            .logged_profile_wrap .profile_left .tp_row .tp_block .infor_col {
                width: -moz-fit-content;
                width: fit-content;
                align-items: flex-start;
            }

                .logged_profile_wrap .profile_left .tp_row .tp_block .infor_col .title, .logged_profile_wrap .profile_left .tp_row .tp_block .infor_col .infor {
                    font-size: 13px;
                    color: #fff;
                }

            .logged_profile_wrap .profile_left .tp_row .tp_block.center {
                justify-content: center;
            }

        .logged_profile_wrap .profile_left .infor_main_wrap {
            width: 100%;
            padding: 10px;
            background: #010b12;
            border: 1px solid #162c58;
            border-radius: 15px;
            display: flex;
            flex-direction: column;
        }

            .logged_profile_wrap .profile_left .infor_main_wrap .profile_infor_grid {
                width: 100%;
                display: grid;
                grid-template-columns: repeat(2, 1fr);
            }

                .logged_profile_wrap .profile_left .infor_main_wrap .profile_infor_grid .profile_block {
                    flex: 1;
                    padding: 18px 20px;
                    color: #fff;
                    font-size: 12px;
                    align-items: flex-start;
                    position: relative;
                }

                    .logged_profile_wrap .profile_left .infor_main_wrap .profile_infor_grid .profile_block:nth-child(odd) {
                        border-right: 1px dashed rgba(22, 44, 88, .5882352941);
                    }

                    .logged_profile_wrap .profile_left .infor_main_wrap .profile_infor_grid .profile_block:nth-child(-n+2) {
                        border-bottom: 1px dashed rgba(22, 44, 88, .5882352941);
                    }

                    .logged_profile_wrap .profile_left .infor_main_wrap .profile_infor_grid .profile_block .title.sp {
                        color: #2bb46b;
                        font-weight: 600;
                    }

            .logged_profile_wrap .profile_left .infor_main_wrap i {
                color: #fff;
                margin-left: auto;
                margin-right: 5px;
            }

.banner_wrap .index_banner_right {
    width: 32%;
    height: 100%;
    justify-content: space-between;
    gap: 15px;
}

    .banner_wrap .index_banner_right.logged .bannersmSwiper, .banner_wrap .index_banner_right.logged .bannersmSwiper2 {
        width: 100%;
        border-radius: 15px;
    }

    .banner_wrap .index_banner_right .bannersmSwiper .swiper-slide, .banner_wrap .index_banner_right .bannersmSwiper2 .swiper-slide {
        display: flex;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
    }

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

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

    .confirm_con .confirm_wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 15px;
        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 {
            margin: 10px 0;
            color: #fff;
            font-size: 12px;
            letter-spacing: 1px;
            line-height: 1.4;
            text-align: center;
            font-family: "Montserret-light"
        }

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

        .confirm_con .confirm_wrap button {
            width: 35%;
            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%)
        }

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

            .confirm_con .confirm_wrap .alert_con p {
                font-size: 10px;
                text-align: left
            }

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

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

        .forbidden_con .forbidden_title_con .forbidden_img {
            width: 200px;
            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)
    }
}



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

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

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

    .forbidden_con .forbidden_title_con .forbidden_title_wrap .special {
        letter-spacing: 28px;
        font-size: 26px
    }

.forbidden_con .forbidden_alert {
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
    padding: 10px 50px;
    border-radius: 999rem;
    border: .6mm solid #2bb46b;
    color: #fff;
    gap: 5px;
    font-size: 16px;
    letter-spacing: .6px
}

    .forbidden_con .forbidden_alert span {
        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: 12%;
        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
    }

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

    .withdrawal_wrap .deposit_nav_con {
        width: 100%;
        max-width: 500px;
        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: 10px;
            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: .7%;
            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.3%
        }

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

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

            .withdrawal_wrap .deposit_target_wrap .target_wrap_nav .target_nav_row {
                width: 87px;
                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: "Montserret-regular"
                }

            .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 .textbox_wrap {
            gap: 8px;
            width: 100%;
            max-width: 500px;
            justify-content: flex-start;
            align-items: flex-start;
            margin: 10px 0;
            position: relative
        }

            .withdrawal_wrap .deposit_target_wrap .textbox_wrap .textbox_text {
                text-align: left;
                color: #5a5a5a;
                font-size: 14px;
                font-family: "Montserret-regular";
                width: 100%
            }

            .withdrawal_wrap .deposit_target_wrap .textbox_wrap .section_textbox {
                width: 100%;
                padding: 10px;
                border-radius: 25px;
                border: 2px solid #162c58;
                color: #fff;
                background: #01070c;
                padding-left: 20px;
                cursor: text;
                font-size: clamp(6px,.8vw,12px)
            }

                .withdrawal_wrap .deposit_target_wrap .textbox_wrap .section_textbox:focus {
                    outline: 0
                }

                .withdrawal_wrap .deposit_target_wrap .textbox_wrap .section_textbox::-moz-placeholder {
                    color: #153575
                }

                .withdrawal_wrap .deposit_target_wrap .textbox_wrap .section_textbox::placeholder {
                    color: #153575
                }

            .withdrawal_wrap .deposit_target_wrap .textbox_wrap .fa-solid {
                position: absolute;
                color: #2bb46b;
                top: 69%;
                left: 94%;
                transform: translateY(-50%);
                cursor: pointer
            }

            .withdrawal_wrap .deposit_target_wrap .textbox_wrap .text {
                text-align: center;
                color: #fff;
                font-size: 12px;
                font-family: "Montserret-regular";
                margin: 0 1%
            }

            .withdrawal_wrap .deposit_target_wrap .textbox_wrap .qrcode {
                width: 100%;
                max-width: 120px
            }

                .withdrawal_wrap .deposit_target_wrap .textbox_wrap .qrcode img {
                    width: 100%
                }

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

            .withdrawal_wrap .deposit_target_wrap .target_payment .payment_name {
                color: gray !important;
                font-size: 11px !important
            }

        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con {
            width: 100%;
            max-width: 500px;
            padding: 10px 3px 0
        }

            .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;
                    text-transform: capitalize;
                    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;
                padding: 6px
            }

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row {
                    width: 100%;
                    padding: 8px 20px;
                    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 .payment_img {
                        width: 42px;
                        cursor: pointer
                    }

                        .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row .payment_img img {
                            width: 42px
                        }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row .crypto_name {
                        width: 30%;
                        color: #fff;
                        font-size: 14px;
                        text-align: left;
                        cursor: pointer;
                        font-family: "Montserret-regular"
                    }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row .payment_name {
                        width: 100%
                    }

                    .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .deposit_currency_wrap .deposit_currency_select_row span {
                        width: 25%;
                        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: 14px;
                        cursor: pointer;
                        font-family: "Montserret-regular"
                    }

                    .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: 5px 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;
                            font-family: "Montserret-light"
                        }

                        .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: "Montserret-light"
                }

                .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: .6mm solid rgba(0,0,0,0);
                    transition: .4s;
                    cursor: pointer;
                    gap: 10px
                }

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

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

                .withdrawal_wrap .deposit_target_wrap .deposit_currency_con .fiat_payment_con .block_target {
                    border: .6mm 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;
                            font-family: "Montserret-light";
                            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;
                    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%)
                    }

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

            .withdrawal_wrap .deposit_target_wrap .deposit_qr_con .qr_left {
                flex: 1;
                gap: 10px;
                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;
                        font-family: "Montserret-regular"
                    }

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

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

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

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

            .withdrawal_wrap .deposit_target_wrap .crypto_remark span {
                margin-right: 3px;
                font-family: "Montserret-medium"
            }

    .withdrawal_wrap .fiat {
        width: 100%
    }

        .withdrawal_wrap .fiat .deposit_currency_con {
            margin: 0
        }

.withdrawal_notice {
    color: red;
    font-size: 1.2vmin;
    margin-bottom: 1%
}

.withdrawal_table {
    table-layout: fixed
}


.deposit_target_wrap .crypto_network_choose .table {
    width: 100%;
    border-spacing: 0;
    color: white;
    font-size: clamp(6px, 1vw, 13px);
    border: 2px solid #162c58;
    margin-bottom: 2%;
    border-radius: 15px;
    overflow: hidden;
}

    .deposit_target_wrap .crypto_network_choose .table .first {
        background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
    }

        .deposit_target_wrap .crypto_network_choose .table .first th {
            border-right: 2px solid #162c58;
        }

            .deposit_target_wrap .crypto_network_choose .table .first th:last-child {
                border-right: 0;
            }

    .deposit_target_wrap .crypto_network_choose .table .second {
        background: linear-gradient(45deg, #29af70 0%, #0d3b32 100%);
    }

        .deposit_target_wrap .crypto_network_choose .table .second th {
            border-top: 2px solid #162c58;
            border-right: 2px solid #162c58;
            border-bottom: 0;
        }

    .deposit_target_wrap .crypto_network_choose .table th, .deposit_target_wrap .crypto_network_choose .table td {
        text-align: center;
        padding: 1% 0;
    }

    .deposit_target_wrap .crypto_network_choose .table td {
        border-right: 2px solid #162c58;
        border-top: 2px solid #162c58;
        background: #010b13;
    }

        .deposit_target_wrap .crypto_network_choose .table td:last-child {
            border-right: 0;
        }

    .deposit_target_wrap .crypto_network_choose .table th, .deposit_target_wrap .crypto_network_choose .table td {
        text-align: center;
        padding: 1% 10px;
        word-break: break-word;
    }

    .deposit_target_wrap .crypto_network_choose .table td {
        border-right: 2px solid #162c58;
        border-top: 2px solid #162c58;
        background: #010b13
    }

        .deposit_target_wrap .crypto_network_choose .table td:last-child {
            border-right: 0
        }

            .deposit_target_wrap .crypto_network_choose .table td:last-child button {
                background: linear-gradient(45deg, #bfc0c2 21%, #fff 100%);
                color: black
            }

    .deposit_target_wrap .crypto_network_choose .table button {
        background: linear-gradient(45deg, #3eb278 67%, #03a79b 100%);
        color: white;
        font-family: 'Montserret-regular';
        padding: 5% 15%;
        font-size: clamp(6px, 1vw, 13px);
        border: 0;
        border-radius: 5px
    }

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

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

        .forbidden_con .forbidden_title_con .forbidden_img {
            width: 200px;
            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)
    }
}

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

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

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

    .forbidden_con .forbidden_title_con .forbidden_title_wrap .special {
        letter-spacing: 13px;
        font-size: 26px
    }

.forbidden_con .forbidden_alert {
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
    padding: 10px 50px;
    border-radius: 999rem;
    border: .6mm solid #2bb46b;
    color: rgba(255,255,255,.753);
    gap: 5px;
    font-size: 12px;
    letter-spacing: .6px
}

    .forbidden_con .forbidden_alert a {
        color: #2bb46b;
        text-decoration: underline
    }

    .forbidden_con .forbidden_alert .provider_row {
        width: -moz-fit-content;
        width: fit-content;
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin-right: 10px
    }

        .forbidden_con .forbidden_alert .provider_row .provider_name {
            color: #fff
        }


        .forbidden_con .forbidden_alert .provider_row .provider_logo img {
            width: 100%
        }

.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: 12%;
        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
    }

.rtp_wrap {
    width: 100%;
    font-size: clamp(7px,.8vw,12px);
    letter-spacing: .8px;
    padding: 3px 0 0 10px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 5px;
}

    .rtp_wrap p {
        color: #2bb46b;
    }



.section_con .section_title {
    width: 100%;
    justify-content: space-between;
}

    .section_con .section_title .slot_category_row {
        width:90%;
        gap: 10px;
        justify-content: flex-end;
        z-index: 99;
    }

   

        .section_con .section_title .slot_category_row .slot_category_wrap {
            width: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: stretch;
        }

            .section_con .section_title .slot_category_row .slot_category_wrap .cateSwiper {
                width: auto;
                display:flex;
            }

            .section_con .section_title .slot_category_row .slot_category_wrap::-webkit-scrollbar {
                width: 0;
            }

            .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose {
                font-size: 10px;
                margin-right: 10px;
                cursor: pointer;
                letter-spacing: 0.8px;
                font-family: "Montserret-regular";
                padding: 6px 20px;
                border-radius: 10px;
                border: 1px solid #162c58;
                background-color: #000811;
                color: #a7a9ac;
                white-space: nowrap;
                transition: 0.4s;
                display: flex;
                height: 45px;
                justify-content: center;
                align-items: center;
            }

                .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose img {
                    height: 30px;
                }

            .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown {
                font-size: 12px;
                padding: 13px 20px;
                width: -moz-fit-content;
                width: fit-content;
                gap: 20px;
                justify-content: space-between;
                align-items: flex-end;
                letter-spacing: 0.7px;
                white-space: nowrap;
                background: #010b12;
                color: rgba(255, 255, 255, 0.76);
                border-radius: 9px;
                cursor: pointer;
                position: relative;
                border: 1px solid rgba(22, 44, 88, 0.4392156863);
            }

                .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown .fa-angle-down {
                    transform: rotate(-90deg);
                    transition: 0.4s;
                    font-size: 10px;
                }

                .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown .cate_choose_dropdown_con {
                    position: absolute;
                    top: 100%;
                    left: 0;
                    width: 100%;
                    border-radius: 25px;
                    transform: scaleY(0);
                    opacity: 0;
                    border: 1px solid #162c58;
                    background: rgb(0, 0, 0);
                    transition: 0.4s;
                    transform-origin: top;
                    padding: 4% 2%;
                }

                    .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown .cate_choose_dropdown_con .cate_choose_drop {
                        font-size: clamp(9px, 0.7vw, 13px);
                        padding: 10px 12%;
                        cursor: pointer;
                        border-radius: 25px;
                    }

                        .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown .cate_choose_dropdown_con .cate_choose_drop:hover {
                            background: rgba(73, 73, 73, 0.37);
                        }

                .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown:hover .cate_choose_dropdown_con {
                    opacity: 1;
                    transform: scaleY(1);
                }

                .section_con .section_title .slot_category_row .slot_category_wrap .cate_choose_dropdown:hover .fa-angle-down {
                    transform: rotate(0deg);
                }

            .section_con .section_title .slot_category_row .slot_category_wrap .this {
                border: 1px solid #2bb46b;
                color: #2bb46b;
            }

        .section_con .section_title .slot_category_row .category_choose_wrap {
            width: 90%;
            white-space: nowrap;
            transition: all 0.4s;
            will-change: transform;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            scroll-behavior: unset;
        }

            .section_con .section_title .slot_category_row .category_choose_wrap .cate_choose_dropdown {
                font-size: 12px;
                padding: 13px 20px;
                width: -moz-fit-content;
                width: fit-content;
                gap: 20px;
                justify-content: space-between;
                align-items: flex-end;
                letter-spacing: 0.7px;
                white-space: nowrap;
                background: #010b12;
                color: rgba(255, 255, 255, 0.76) !important;
                border-radius: 9px;
                cursor: pointer;
                position: relative;
                border: 1px solid #162c58;
                transition: 0.2s;
            }

                .section_con .section_title .slot_category_row .category_choose_wrap .cate_choose_dropdown .text {
                    cursor: pointer;
                    gap: 10px;
                    letter-spacing: 0.7px;
                }

                    .section_con .section_title .slot_category_row .category_choose_wrap .cate_choose_dropdown .text span {
                        display: block;
                    }

                .section_con .section_title .slot_category_row .category_choose_wrap .cate_choose_dropdown .fa-angle-down {
                    transform: rotate(-90deg);
                    transition: 0.4s;
                    font-size: 10px;
                }

                .section_con .section_title .slot_category_row .category_choose_wrap .cate_choose_dropdown .cate_choose_dropdown_con {
                    display: none;
                    position: absolute;
                    top: 110%;
                    right: 0;
                    width: -moz-fit-content;
                    width: fit-content;
                    border-radius: 9px;
                    opacity: 1;
                    background: #0a161f;
                    padding: 17px 10px;
                    gap: 15px;
                    grid-template-columns: repeat(2, 1fr);
                    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.158);
                }

                    .section_con .section_title .slot_category_row .category_choose_wrap .cate_choose_dropdown .cate_choose_dropdown_con .cate_dropdown_row {
                        width: 100%;
                        padding: 0 10px;
                        gap: 10px;
                    }

                        .section_con .section_title .slot_category_row .category_choose_wrap .cate_choose_dropdown .cate_choose_dropdown_con .cate_dropdown_row .cate_checkbox {
                            width: 18px;
                            height: 18px;
                            background-color: transparent;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                            border: 0.5mm solid rgba(43, 180, 107, 0.4784313725);
                            border-radius: 5px;
                            transition: 0.3s;
                            cursor: pointer;
                        }

                    .section_con .section_title .slot_category_row .category_choose_wrap .cate_choose_dropdown .cate_choose_dropdown_con .dropdown_row_target .cate_checkbox {
                        background-color: #2bb46b;
                        background-image: url(../Images/icon/checked.svg);
                    }

                .section_con .section_title .slot_category_row .category_choose_wrap .cate_choose_dropdown:hover .fa-angle-down {
                    transform: rotate(0deg);
                }

            .section_con .section_title .slot_category_row .category_choose_wrap .dropdown_this {
                border: 0.4mm solid #2bb46b;
                outline: 0.1mm solid #2bb46b;
            }

        .section_con .section_title .slot_category_row .btn_wrap {
            gap: 5px;
        }

        .section_con .section_title .slot_category_row .active {
            cursor: grabbing;
        }

        .section_con .section_title .slot_category_row .this {
            border: 1px solid #2bb46b;
            color: #2bb46b;
        }

/* .section_con .section_title .slot_category_row .fa-angle-left, .section_con .section_title .slot_category_row .fa-angle-right {
                font-size: 12px;
                padding: 5px 8px;
                border: 1px solid #162c58;
                background-color: #000811;
                border-radius: 50%;
                color: #a7a9ac;
                cursor: pointer;
                display: block;
            }*/

.tournament_con {
    width: 100%
}

    .tournament_con .tourSwiper {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto
    }

        .tournament_con .tourSwiper .swiper-wrapper {
            width: 100%
        }

            .tournament_con .tourSwiper .swiper-wrapper .swiper-slide {
                width: 100%
            }

                .tournament_con .tourSwiper .swiper-wrapper .swiper-slide img {
                    width: 100%
                }

    .tournament_con .tour_sect {
        width: 100%;
        align-items: flex-start;
        padding: 2% 0;
        gap: 10px
    }

        .tournament_con .tour_sect .tour_sect_title {
            font-size: clamp(16px,1.5vw,28px);
            color: #2bb46b;
            font-family: "Montserret-regular"
        }

        .tournament_con .tour_sect .tour_sect_grid {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2vw
        }

            .tournament_con .tour_sect .tour_sect_grid .tour_sect_item {
                width: 100%;
                position: relative
            }

                .tournament_con .tour_sect .tour_sect_grid .tour_sect_item .tour_sect_img {
                    width: 100%;
                    border-radius: 15px;
                    overflow: hidden;
                    position: relative
                }

                    .tournament_con .tour_sect .tour_sect_grid .tour_sect_item .tour_sect_img img {
                        width: 100%
                    }

                    .tournament_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;
                        z-index: 10
                    }

                        .tournament_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
                        }

                    .tournament_con .tour_sect .tour_sect_grid .tour_sect_item .tour_sect_img:hover .tour_sect_hover {
                        height: 100%
                    }

                .tournament_con .tour_sect .tour_sect_grid .tour_sect_item .tour_extend_counter {
                    width: 80%;
                    pointer-events: none;
                    margin-top: -20%
                }

                    .tournament_con .tour_sect .tour_sect_grid .tour_sect_item .tour_extend_counter .tick {
                        padding-bottom: 0;
                        font-size: 1vw;
                        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
                    }

                    .tournament_con .tour_sect .tour_sect_grid .tour_sect_item .tour_extend_counter .tick-label {
                        font-size: .5vw;
                        text-align: center;
                        color: #fff
                    }

                    .tournament_con .tour_sect .tour_sect_grid .tour_sect_item .tour_extend_counter .tick-group {
                        margin: 0 .25em;
                        text-align: center
                    }

                .tournament_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
                }

                .tournament_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
                }

.pass_title {
    color: #b7ffd9 !important
}

.tournament_extend_con {
    width: 100%
}

    .tournament_extend_con .tourSwiper {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto
    }

        .tournament_extend_con .tourSwiper .swiper-wrapper {
            width: 100%
        }

            .tournament_extend_con .tourSwiper .swiper-wrapper .swiper-slide {
                width: 100%
            }

                .tournament_extend_con .tourSwiper .swiper-wrapper .swiper-slide img {
                    width: 100%
                }

    .tournament_extend_con h1 {
        padding: 1vw 0;
        width: 100%;
        font-size: clamp(24px,3vw,36px);
        color: #2bb46b;
        font-family: "Montserret-bold";
        text-align: center;
        border-bottom: 1px solid rgba(109,110,113,.2549019608)
    }

    .tournament_extend_con .tour_link_con {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        margin-bottom: 5px;
        border-bottom: 1px solid rgba(109,110,113,0.2549019608)
    }

        .tournament_extend_con .tour_link_con h1 {
            flex: 1;
            border: 0;
            font-size: 22px;
            white-space: nowrap;
            padding: 0
        }

        .tournament_extend_con .tour_link_con .result_link {
            margin-top: 0
        }

    .tournament_extend_con .link_wrap {
        width: 100%;
        justify-content: flex-end;
        gap: 20px
    }

    .tournament_extend_con .result_link {
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 15px;
        justify-content: flex-end;
        align-items: center;
        gap: 10px
    }

        .tournament_extend_con .result_link img {
            width: 18px
        }

        .tournament_extend_con .result_link span {
            font-size: 12px
        }

    .tournament_extend_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: 12px
    }

        .tournament_extend_con .tour_extend_row .tour_extend_count {
            width: 50%;
            gap: 10px
        }

            .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item {
                width: 100%;
                height: 100%;
                padding: 20px;
                align-items: flex-start;
                background: #000811;
                border: 1px solid rgba(112,112,112,.2745098039);
                border-radius: 10px;
                gap: 1vw
            }

                .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item .tour_extend_item_title {
                    font-size: clamp(12px,1vw,24px);
                    color: #2bb46b
                }

                .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item .tour_extend_prize {
                    width: 100%;
                    justify-content: center;
                    align-items: flex-end;
                    line-height: .78;
                    gap: 5px
                }

                    .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item .tour_extend_prize p {
                        font-size: clamp(12px,1vw,24px);
                        color: #a5e8c6;
                        font-family: "Montserret-bold";
                        animation: glow 1s ease-in-out infinite alternate
                    }

                    .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item .tour_extend_prize span {
                        font-size: clamp(36px,4vw,72px);
                        color: #a5e8c6;
                        font-family: "Montserret-bold";
                        animation: glow 1s ease-in-out infinite alternate
                    }

                    .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item .tour_extend_prize .tour_date {
                        font-size: clamp(28px,2vw,36px);
                        color: #a5e8c6;
                        width: 100%;
                        text-align: center;
                        font-family: "Montserret-regular";
                        animation: glow 1s ease-in-out infinite alternate
                    }

                    .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item .tour_extend_prize .tnc {
                        color: #fff;
                        text-align: right;
                        font-size: 10px;
                        letter-spacing: .4px;
                        width: 100%;
                    }

                .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item .tour_extend_counter {
                    width: 100%;
                    margin-top: 1vw
                }

                    .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item .tour_extend_counter .tick {
                        padding-bottom: 0;
                        font-size: 1vw;
                        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
                    }

                    .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item .tour_extend_counter .tick-label {
                        font-size: .5vw;
                        text-align: center;
                        color: #fff
                    }

                    .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_item .tour_extend_counter .tick-group {
                        margin: 0 .25em;
                        text-align: center
                    }

            .tournament_extend_con .tour_extend_row .tour_extend_count .extend_date {
                justify-content: space-between
            }

                .tournament_extend_con .tour_extend_row .tour_extend_count .extend_date .exp_title {
                    color: #de0000 !important
                }

                .tournament_extend_con .tour_extend_row .tour_extend_count .extend_date .date {
                    font-size: 2.6vw !important;
                    color: #a5e8c6;
                    font-family: "Montserret-bold";
                    animation: glow 1s ease-in-out infinite alternate;
                    letter-spacing: .4px
                }

            .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_button {
                width: 100%;
                position: relative;
                cursor: pointer;
                transition: .3s
            }

                .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_button:hover {
                    opacity: .6
                }

                .tournament_extend_con .tour_extend_row .tour_extend_count .tour_extend_button .bg {
                    width: 100%;
                    border-radius: 10px;
                    cursor: pointer
                }

                .tournament_extend_con .tour_extend_row .tour_extend_count .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
                }

        .tournament_extend_con .tour_extend_row .tour_extend_player {
            width: 70%;
            align-items: center;
            border-radius: 10px;
            justify-content: space-between
        }

            .tournament_extend_con .tour_extend_row .tour_extend_player .tour_extend_player_item {
                flex: 1;
                gap: 10px;
                border-right: 1px solid rgba(112,112,112,.2745098039)
            }

                .tournament_extend_con .tour_extend_row .tour_extend_player .tour_extend_player_item .player_img {
                    width: 5vw;
                    position: relative;
                    justify-content: center
                }

                    .tournament_extend_con .tour_extend_row .tour_extend_player .tour_extend_player_item .player_img img {
                        width: 50%;
                        animation: 1s ease-in-out 0s infinite alternate none running box-glow
                    }

                .tournament_extend_con .tour_extend_row .tour_extend_player .tour_extend_player_item .player_name {
                    font-size: clamp(12px,1vw,24px);
                    color: #fff;
                    margin-bottom: 15px
                }

                .tournament_extend_con .tour_extend_row .tour_extend_player .tour_extend_player_item .player_pts {
                    font-size: clamp(18px,1.5vw,36px);
                    color: #2bb46b;
                    font-weight: bold
                }

                .tournament_extend_con .tour_extend_row .tour_extend_player .tour_extend_player_item:last-child {
                    border: none
                }

        .tournament_extend_con .tour_extend_row .tour_extend_rank {
            width: 100%;
            border-radius: 10px;
            overflow: hidden;
            gap: 5px
        }

            .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_rank_extend {
                width: 100%;
                gap: 10px
            }

                .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_rank_extend .tour_rank_rank_slide {
                    display: none;
                    width: 100%;
                    gap: 5px
                }

                .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_rank_extend .extend_btn {
                    font-size: clamp(8px,.8vw,16px);
                    color: #2bb46b;
                    border: 1px solid rgba(112,112,112,.2745098039);
                    padding: 10px;
                    border-radius: 999px;
                    margin-top: 5px
                }

                    .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_rank_extend .extend_btn i {
                        margin-right: 5px
                    }

            .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item {
                width: 100%;
                padding: 10px 0;
                border-bottom: 1px dashed rgba(128,128,128,.63);
                background: rgba(238,243,173,0.1215686275) !important
            }

                .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item h1 {
                    width: 25%;
                    padding: 10px;
                    text-align: center;
                    font-size: clamp(8px,.8vw,14px);
                    font-family: "Montserret-regular";
                    border: none;
                    font-weight: normal;
                    color: #fff
                }

                .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .rank_wrap {
                    width: 25%;
                    justify-content: center;
                    align-items: center
                }

                .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .rank_circle {
                    background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                    width: 24px;
                    height: 24px;
                    border-radius: 999rem;
                    font-size: 10px;
                    color: #000;
                    position: relative;
                    font-weight: 600;
                    justify-content: center;
                    align-items: center
                }

                    .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .rank_circle span {
                        color: #2d2d2d;
                        font-size: 10px
                    }

                .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info {
                    display: flex;
                    justify-content: center;
                    font-size: 12px;
                    color: #fff;
                    text-align: center;
                    width: 25%;
                    position: relative
                }

                    .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info img {
                        width: 30px
                    }

                    .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info .status_img {
                        width: 20px
                    }

                    .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_extend_rank_item .tour_extend_rank_info .rank_img {
                        width: 27px;
                        animation: 1s ease-in-out 0s infinite alternate none running box-glow
                    }

                    .tournament_extend_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%)
                    }

                .tournament_extend_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%)
                }

            .tournament_extend_con .tour_extend_row .tour_extend_rank .tour_extend_rank_self {
                width: 100%;
                background: rgba(136,224,208,0.2588235294) !important;
                border: 0
            }

            .tournament_extend_con .tour_extend_row .tour_extend_rank .border_top {
                border-top: 1px dashed rgba(128,128,128,.63)
            }

            .tournament_extend_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_extend_con .tour_extend_con {
        width: 100%;
        gap: 10px;
        align-items: stretch
    }

        .tournament_extend_con .tour_extend_con .tour_extend_block {
            width: 50%;
            padding: 10px 0;
            gap: 10px;
            align-items: center
        }

            .tournament_extend_con .tour_extend_con .tour_extend_block .tour_sm_banner {
                width: 100%;
                position: relative;
                overflow: hidden
            }

                .tournament_extend_con .tour_extend_con .tour_extend_block .tour_sm_banner img {
                    width: 100%
                }

                .tournament_extend_con .tour_extend_con .tour_extend_block .tour_sm_banner .tour_status {
                    position: absolute;
                    width: 100%;
                    color: #fff;
                    text-align: center;
                    background: rgba(192,0,0,.856);
                    padding: 8px;
                    top: 5%;
                    left: -45%;
                    text-transform: uppercase;
                    transform: rotate(-45deg);
                    font-weight: bold;
                    letter-spacing: .4px
                }

            .tournament_extend_con .tour_extend_con .tour_extend_block .table_wrap {
                width: 100%;
                height: 100%;
                border-radius: 10px;
                overflow: hidden;
                border: 1px solid rgba(112,112,112,0.2745098039)
            }

            .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table {
                width: 100%;
                height: 100%;
                border-collapse: collapse;
                table-layout: fixed
            }

                .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table th {
                    color: #fff;
                    padding: 7px 15px;
                    font-size: 14px;
                    font-weight: 500
                }

                .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table tr:first-child {
                    background: linear-gradient(90deg, rgba(22, 139, 137, 0.3490196078) 0%, rgba(30, 83, 88, 0.3098039216) 99%)
                }

                .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table tr {
                    background: rgba(238,243,173,0.1215686275)
                }

                    .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table tr th:last-child, .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table tr td:last-child {
                        border-right: 0
                    }

                .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table td {
                    padding: 5px 20px;
                    text-align: center;
                    font-size: 13px;
                    border-bottom: 1px solid #011019;
                    border-right: 1px solid #011019
                }

                    .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table td img {
                        width: 30px;
                        animation: 1s ease-in-out 0s infinite alternate none running box-glow
                    }

                    .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table td a {
                        color: #2bb46b
                    }

                    .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table td .rank_wrap {
                        width: 100%;
                        justify-content: center;
                        align-items: center;
                        gap: 5px
                    }

                        .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table td .rank_wrap .rank {
                            background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                            width: 26px;
                            height: 26px;
                            border-radius: 999rem;
                            font-size: 12px;
                            color: #000;
                            position: relative
                        }

                            .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table td .rank_wrap .rank span {
                                color: #000;
                                position: absolute;
                                top: 50%;
                                left: 49%;
                                transform: translate(-50%, -50%)
                            }

                .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extand_table .text_special {
                    animation: 1.6s ease-in-out 0s infinite alternate none running text-rotate;
                    font-size: 16px
                }

            .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extend_player {
                width: 100%;
                margin: 0 auto;
                padding: 10px 0;
                align-items: center;
                border-radius: 10px;
                justify-content: space-between;
                gap: 6vw;
                position: relative
            }

                .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extend_player .tour_extend_player_item {
                    width: 40%;
                    gap: 7px;
                    align-items: center;
                    position: relative;
                    z-index: 2
                }

                    .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extend_player .tour_extend_player_item .player_img {
                        width: 20%;
                        position: relative;
                        gap: 10px
                    }

                        .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extend_player .tour_extend_player_item .player_img .profile_img {
                            width: 100%;
                            animation: shadow 2s ease-in-out infinite
                        }

                        .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extend_player .tour_extend_player_item .player_img span {
                            color: #bdbdbd;
                            font-size: 14px
                        }

                    .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extend_player .tour_extend_player_item .player_name {
                        font-size: 16px;
                        color: #fff
                    }

                    .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extend_player .tour_extend_player_item .player_pts {
                        font-size: 14px;
                        color: #2bb46b;
                        font-weight: bold
                    }

                    .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extend_player .tour_extend_player_item:last-child {
                        border: none
                    }

                .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extend_player .tour_row {
                    width: 100%;
                    justify-content: space-between;
                    align-items: center
                }

                .tournament_extend_con .tour_extend_con .tour_extend_block .tour_extend_player .bg {
                    position: absolute;
                    top: 46%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 53%;
                    opacity: .6;
                    animation: 1.2s ease-in-out 0s infinite alternate none running box-glow
                }

.tour_mx_width {
    max-width: 1340px;
    margin: 0 auto
}


.tournament_tnc_con {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.664);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
}

    .tournament_tnc_con .tournament_tnc_item {
        width: 50%;
        max-height: 80vh;
        padding: 2%;
        background: #011019;
        border-radius: 10px;
        border: 1px solid #2bb46b;
        overflow-y: scroll;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

        .tournament_tnc_con .tournament_tnc_item .logo {
            width: 20%
        }

            .tournament_tnc_con .tournament_tnc_item .logo img {
                width: 100%
            }

        .tournament_tnc_con .tournament_tnc_item .tnc_slogan {
            width: 100%;
            margin-top: 5%;
            gap: 5px
        }

            .tournament_tnc_con .tournament_tnc_item .tnc_slogan span {
                font-size: clamp(8px,.7vw,14px);
                color: #fff
            }

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

            .tournament_tnc_con .tournament_tnc_item .tnc_body p {
                font-size: clamp(8px,.7vw,14px);
                color: #2bb46b;
                font-family: "Montserret-bold"
            }

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

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

                    .tournament_tnc_con .tournament_tnc_item .tnc_body ul li::before {
                        color: #2bb46b;
                        font-weight: bold;
                        display: inline-block;
                        width: 1em;
                        margin-left: -1em;
                        font-size: 1vw
                    }

            .tournament_tnc_con .tournament_tnc_item .tnc_body .tnc_prize {
                width: 100%;
                padding-left: 5%;
                margin-top: 10px;
                align-items: flex-start
            }

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

                .tournament_tnc_con .tournament_tnc_item .tnc_body .tnc_prize p {
                    font-size: clamp(6px,.6vw,12px);
                    color: rgba(255,255,255,.719);
                    line-height: 1.5;
                    padding-left: 2%;
                    font-family: "Montserret-regular"
                }

        .tournament_tnc_con .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_con .tournament_tnc_item::-webkit-scrollbar {
            width: 3px;
            background-color: none
        }

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

    .tournament_tnc_con .tnc_close {
        font-size: 1.5vw;
        color: #2bb46b;
        position: fixed;
        top: 12%;
        right: 26%;
        cursor: pointer
    }

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

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

.new_sp {
    z-index: 99;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    position: absolute;
}

.special_sp {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    font-size: clamp(12px,.8vw,16px);
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 2px 35px;
    background: #fff;
    transform: rotate(-45deg) translate(-28%, -40%);
    font-family: "Montserret-bold";
    letter-spacing: .6px
}

    .special_sp img {
        width: 16px
    }

.hot_sp {
    color: red
}

.new_sp {
    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
    padding: 6px 35px;
    transform: rotate(-45deg) translate(-25%, -30%)
}

    .new_sp div {
        animation: show 1.2s infinite
    }

.footer_wrap img {
    width: 100%;
    max-width: 130px;
    margin-bottom: 30px;
}

.tour_mx_width {
    max-width: 1340px;
    margin: 0 auto
}

@keyframes show {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes blink {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@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%
    }
}


@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)
    }
}

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

    .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(../Resources/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(../Resources/Images/earn_extra/extra_bg2.png);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat
        }

        .earn_axtra_wrap .earn_extra_block .block_bg {
            width: 100%;
            border-radius: 20px;
            overflow: hidden
        }

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

        .earn_axtra_wrap .earn_extra_block .block_infor_wrap {
            width: 100%;
            height: 100%;
            padding: 3% 5%;
            justify-content: space-between;
            gap: 10px;
            align-items: stretch
        }

            .earn_axtra_wrap .earn_extra_block .block_infor_wrap .block_infor {
                width: 50%;
                justify-content: center;
                align-items: flex-start;
                gap: 10px
            }

                .earn_axtra_wrap .earn_extra_block .block_infor_wrap .block_infor .title {
                    text-transform: uppercase;
                    font-family: "Montserret-bold";
                    color: #fff;
                    font-size: clamp(14px,1.4vw,23px);
                    letter-spacing: .6px;
                    width: 100%;
                    white-space: nowrap
                }

                    .earn_axtra_wrap .earn_extra_block .block_infor_wrap .block_infor .title span {
                        font-family: "Montserret-bold";
                        color: #2bb46b;
                        letter-spacing: .6px
                    }

                .earn_axtra_wrap .earn_extra_block .block_infor_wrap .block_infor .desc {
                    color: #fff;
                    font-size: clamp(9px,.8vw,12px);
                    letter-spacing: .4px;
                    line-height: 1.4
                }

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

            .earn_axtra_wrap .earn_extra_block .block_infor_wrap .block_img_wrap {
                width: 28%;
                position: relative
            }

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

                .earn_axtra_wrap .earn_extra_block .block_infor_wrap .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_infor_wrap .block_img_wrap .item_2 {
                    position: absolute;
                    left: 0
                }

                .earn_axtra_wrap .earn_extra_block .block_infor_wrap .block_img_wrap .coin_1 {
                    width: 18%;
                    position: absolute;
                    top: 15%;
                    left: 7%;
                    animation: p1 4s ease-in-out infinite
                }

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

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

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

.earn_extra_footer {
    width: 100%;
    background: #000;
    padding: 3% 30px
}

    .earn_extra_footer .footer_title {
        font-size: clamp(14px,2.4vw,32px);
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 50px
    }

        .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: 80%;
                color: #2bb46b;
                font-size: 10px;
                padding: 10px;
                line-height: 1.3;
                letter-spacing: .4px
            }

.earn_form_wrap {
    width: 100%;
    margin: 10px 0;
    background: #1c1e22;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0,.329)
}

    .earn_form_wrap .earn_form_row {
        width: 100%;
        align-items: stretch;
        overflow: hidden
    }

        .earn_form_wrap .earn_form_row .earn_left_from {
            flex: 1;
            gap: 15px;
            padding: 20px;
            padding-right: 0
        }

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

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

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

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

                        .earn_form_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .earn_block_row .earn_block .block_infor_col {
                        flex: 1;
                        justify-content: space-between;
                        align-items: flex-start;
                        gap: 5px
                    }

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

                        .earn_form_wrap .earn_form_row .earn_left_from .earn_block_row .earn_block .block_infor_col .infor {
                            font-size: 18px;
                            font-family: "Montserret-bold";
                            color: #e4c431;
                            letter-spacing: .6px
                        }

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

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

                    .earn_form_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .reward_title_row {
                        width: 100%;
                        padding: 15px;
                        background: rgba(247,212,51,.9098039216)
                    }

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

                    .earn_form_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .reward_infor_block {
                        width: 100%
                    }

                        .earn_form_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap {
                            width: 100%;
                            padding: 5px 10px;
                            max-height: 200px;
                            overflow: auto
                        }

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

                            .earn_form_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap::-webkit-scrollbar-thumb {
                                background-color: #7a7a7a;
                                border-radius: 10px
                            }

                            .earn_form_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .flex1 {
                                    flex: 1
                                }

                                .earn_form_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title:last-child {
                                        text-align: right
                                    }

                                .earn_form_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .reward_infor_bottom_block {
                        width: 100%;
                        padding: 18px;
                        background: rgba(255,255,255,.12)
                    }

                    .earn_form_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .title_row {
                        width: 100%;
                        padding: 15px;
                        gap: 10px;
                        background: #7d8f8f
                    }

                        .earn_form_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .title_row .icon {
                            width: 40px
                        }

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

                        .earn_form_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .title_row .title {
                            font-size: 12px;
                            text-transform: uppercase;
                            color: #fff
                        }

                        .earn_form_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block .title_row .detail_link {
                            color: #7aeeb9;
                            font-size: 14px;
                            margin-left: auto;
                            cursor: pointer
                        }

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

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

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

                    .earn_form_wrap .earn_form_row .earn_left_from .earn_block_row .earn_withdraw_block button {
                        width: 100%;
                        padding: 15px;
                        background: #7d8f8f;
                        color: #7aeeb9;
                        border: 0
                    }

                .earn_form_wrap .earn_form_row .earn_left_from .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_wrap .earn_form_row .earn_right_col {
            width: 28%;
            padding: 20px;
            gap: 15px;
            position: relative;
            z-index: 3;
            background: #1c1e22
        }

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

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

                .earn_form_wrap .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_wrap .earn_form_row .earn_right_col .textbox_col {
                width: 100%;
                align-items: flex-start
            }

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

                .earn_form_wrap .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_wrap .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_wrap .earn_form_row .earn_right_col .textbox_col .textbox_wrap img {
                        width: 20px;
                        cursor: pointer
                    }

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

                    .earn_form_wrap .earn_form_row .earn_right_col .textbox_col .social_row img {
                        width: 20px
                    }

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

                .earn_form_wrap .earn_form_row .earn_right_col .textbox_button_wrap button {
                    flex: 1;
                    padding: 10px;
                    font-size: 12px;
                    color: #000;
                    border-radius: 3px;
                    border: 0
                }

                    .earn_form_wrap .earn_form_row .earn_right_col .textbox_button_wrap button:nth-child(1) {
                        background: rgba(247,212,51,.9098039216)
                    }

                    .earn_form_wrap .earn_form_row .earn_right_col .textbox_button_wrap button:nth-child(2) {
                        background: #c4c4c4
                    }

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

.earn_wallet_row {
    width: 100%;
    margin-bottom: 30px;
    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: 15px;
        background: #343434;
        box-shadow: 0px 0px 10px #000;
        border-radius: 10px;
        gap: 20px
    }

        .earn_wallet_row .earn_wallet_block .earn_wallet_infor_row {
            width: 50%;
            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;
                padding-right: 20px;
                position: relative
            }

                .earn_wallet_row .earn_wallet_block .earn_wallet_infor_row .reward_col::after {
                    content: "";
                    background: #7aeeb9;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 0;
                    width: .6mm;
                    height: 60%
                }

                .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: "Montserret-medium";
                    color: #7aeeb9;
                    font-size: 24px;
                    padding-bottom: 5px;
                    letter-spacing: .6px;
                    animation: box-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 {
            flex: 1;
            position: relative;
            overflow: hidden;
            height: 45px;
            list-style-type: none;
            padding: 0
        }

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

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

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

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

                    .earn_wallet_row .earn_wallet_block .earn_ranking_carousel .earn_wallet_ranking_wrap .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_wrap .earn_wallet_ranking_row .ranking_info .name {
                            color: #fff;
                            font-size: 12px
                        }

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

.referral_popup_wrap {
    width: 90%;
    min-width: 590px;
    max-width: 600px;
    margin: 0 auto;
    background: #1c1e22;
    border-radius: 7px;
    box-shadow: 0px 0px 10px #000;
    overflow: hidden
}

    .referral_popup_wrap .referral_title_row {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 20px 25px;
        background: #1a1a1a;
        border-bottom: 1px solid rgba(146,240,194,.2392156863)
    }

        .referral_popup_wrap .referral_title_row .title {
            font-size: 15px;
            font-family: "Montserret-medium";
            letter-spacing: .4px;
            color: #fff
        }

        .referral_popup_wrap .referral_title_row .close {
            width: 21px;
            height: 21px;
            background: #92f0c3;
            border-radius: 999rem;
            justify-content: center;
            cursor: pointer;
            position: relative;
            z-index: 2;
            transition: .4s
        }

            .referral_popup_wrap .referral_title_row .close i {
                font-size: 11px;
                color: #2bb46b
            }

            .referral_popup_wrap .referral_title_row .close::after {
                content: "";
                position: absolute;
                display: block;
                top: 50%;
                left: 50%;
                width: 250%;
                height: 250%;
                box-sizing: border-box;
                border-radius: 45px;
                background-color: rgba(146,240,194,.4392156863);
                animation: pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
                z-index: 1;
                opacity: 0;
                transition: .3s
            }

            .referral_popup_wrap .referral_title_row .close:hover {
                animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite
            }

                .referral_popup_wrap .referral_title_row .close:hover::after {
                    opacity: 1
                }

    .referral_popup_wrap .referral_popup_infor_wrap {
        width: 100%;
        padding: 20px;
        gap: 20px
    }

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

        .referral_popup_wrap .referral_popup_infor_wrap .title_img {
            width: 50px
        }

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

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

        .referral_popup_wrap .referral_popup_infor_wrap .referral_step_wrap {
            width: 100%;
            justify-content: center;
            align-items: center;
            gap: 0px
        }

            .referral_popup_wrap .referral_popup_infor_wrap .referral_step_wrap .referral_step_block {
                flex: 1;
                position: relative
            }

                .referral_popup_wrap .referral_popup_infor_wrap .referral_step_wrap .referral_step_block img {
                    width: 100%
                }

                .referral_popup_wrap .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_infor_col {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 100%;
                    height: 100%;
                    padding: 10px 20px;
                    align-items: flex-start
                }

                    .referral_popup_wrap .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_infor_col:last-child {
                        padding-left: 30px
                    }

                    .referral_popup_wrap .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_infor_col .step_status {
                        font-size: 28px;
                        color: rgba(43,180,107,.8431372549);
                        font-family: "Montserret-bold"
                    }

                    .referral_popup_wrap .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_infor_col .step_title {
                        width: 100%;
                        margin: 5px 0 12px;
                        color: #fff;
                        font-size: 14px;
                        font-family: "Montserret-medium"
                    }

                        .referral_popup_wrap .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_infor_col .step_title span {
                            color: #92f0c3;
                            font-family: "Montserret-medium"
                        }

                    .referral_popup_wrap .referral_popup_infor_wrap .referral_step_wrap .referral_step_block .step_infor_col .step_infor {
                        font-size: 10px;
                        color: #fff
                    }

        .referral_popup_wrap .referral_popup_infor_wrap .rules_table_wrap {
            width: 100%;
            padding: 10px 15px;
            background: #111;
            border-radius: 9px;
            max-height: 305px;
            overflow: auto
        }

            .referral_popup_wrap .referral_popup_infor_wrap .rules_table_wrap::-webkit-scrollbar {
                width: 4px
            }

            .referral_popup_wrap .referral_popup_infor_wrap .rules_table_wrap::-webkit-scrollbar-track {
                background: rgba(0,0,0,0);
                margin-top: 10px
            }

            .referral_popup_wrap .referral_popup_infor_wrap .rules_table_wrap::-webkit-scrollbar-thumb {
                background-color: #7a7a7a;
                border-radius: 10px
            }

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

                .referral_popup_wrap .referral_popup_infor_wrap .rules_table_wrap .rules_table_title .table_title {
                    color: gray;
                    font-size: 11px;
                    flex: 1;
                    text-align: center;
                    padding: 9px 20px;
                    letter-spacing: .4px
                }

                    .referral_popup_wrap .referral_popup_infor_wrap .rules_table_wrap .rules_table_title .table_title:first-child {
                        text-align: left
                    }

                    .referral_popup_wrap .referral_popup_infor_wrap .rules_table_wrap .rules_table_title .table_title:last-child {
                        text-align: right
                    }

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

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

                    .referral_popup_wrap .referral_popup_infor_wrap .rules_table_wrap .rules_table_col .rules_table_row div {
                        flex: 1;
                        text-align: center;
                        font-size: 12px;
                        padding: 9px 20px;
                        font-family: "Montserret-medium";
                        justify-content: center;
                        align-items: center;
                        color: gray
                    }

                    .referral_popup_wrap .referral_popup_infor_wrap .rules_table_wrap .rules_table_col .rules_table_row .lvl {
                        color: #fff;
                        text-align: left
                    }

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

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

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

.earn-animation {
    animation: slide-in-blurred-right .6s cubic-bezier(0.23, 1, 0.32, 1) both
}

@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% {
        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)
    }
}

.textbox_wrap {
    width: 100%
}

    .textbox_wrap .withdraw_input_wrap {
        width: 100%;
        position: relative
    }

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

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

            .textbox_wrap .withdraw_input_wrap input:focus {
                outline: 0
            }

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

        .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;
            font-family: "Montserret-light";
            text-align: center;
            font-size: 12px
        }

            .textbox_wrap .amount_choose_con .amount_choose span {
                font-size: 12px
            }

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

.special_from_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px
}

    .special_from_wrap .textbox_wrap {
        margin-bottom: 1% !important
    }

        .special_from_wrap .textbox_wrap .textbox_text {
            width: 30% !important;
            white-space: nowrap
        }

        .special_from_wrap .textbox_wrap .section_textbox {
            width: 60% !important
        }

        .special_from_wrap .textbox_wrap .fa-solid {
            left: 88% !important
        }

        .special_from_wrap .textbox_wrap .deposit_currency_select_row {
            width: 60%;
            padding: 6px 20px;
            background: #060b10;
            border: .5mm solid #2d3b8e;
            border-radius: 999rem;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            gap: 10px;
            position: relative
        }

            .special_from_wrap .textbox_wrap .deposit_currency_select_row .crypto_icon {
                width: 26px;
                cursor: pointer
            }

                .special_from_wrap .textbox_wrap .deposit_currency_select_row .crypto_icon img {
                    width: 26px
                }

            .special_from_wrap .textbox_wrap .deposit_currency_select_row .crypto_name {
                width: 90%;
                color: #fff;
                font-size: 12px;
                text-align: left;
                cursor: pointer;
                font-family: "Montserret-regular"
            }

            .special_from_wrap .textbox_wrap .deposit_currency_select_row span {
                width: 25%;
                color: #969696;
                font-size: 12px;
                cursor: pointer
            }

            .special_from_wrap .textbox_wrap .deposit_currency_select_row .balance_amount {
                color: #fff;
                width: 35%;
                overflow: hidden;
                text-align: right;
                text-overflow: ellipsis;
                font-size: 14px;
                cursor: pointer;
                font-family: "Montserret-regular"
            }

            .special_from_wrap .textbox_wrap .deposit_currency_select_row i {
                color: #969696;
                cursor: pointer;
                left: 91% !important
            }

        .special_from_wrap .textbox_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
        }

            .special_from_wrap .textbox_wrap .deposit_currency_select_dropdown::-webkit-scrollbar {
                width: 5px
            }

            .special_from_wrap .textbox_wrap .deposit_currency_select_dropdown::-webkit-scrollbar-track {
                margin-top: 20px;
                margin-bottom: 20px
            }

            .special_from_wrap .textbox_wrap .deposit_currency_select_dropdown::-webkit-scrollbar-thumb {
                background: #162c58;
                border-radius: 10px
            }

            .special_from_wrap .textbox_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
            }

                .special_from_wrap .textbox_wrap .deposit_currency_select_dropdown .currency_select .crypto_name {
                    flex: 1
                }

                .special_from_wrap .textbox_wrap .deposit_currency_select_dropdown .currency_select .balance_amount {
                    color: #b2b2b2;
                    font-family: "Montserret-light"
                }

                .special_from_wrap .textbox_wrap .deposit_currency_select_dropdown .currency_select:hover {
                    background: #1a1935
                }

            .special_from_wrap .textbox_wrap .deposit_currency_select_dropdown .select_target {
                background: #1a1935
            }

.right_con {
    display: none !important
}


.withdraw_fiat .sub_nav_bar, .withdraw_crypto .sub_nav_bar {
    padding-bottom: 20px !important;
    margin: 1% 0% 1.2% !important
}

.referral_pop .earn_block_row {
    width: 100%;
    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;
                text-transform: uppercase;
                color: #000
            }

        .referral_pop .earn_block_row .earn_withdraw_block .reward_infor_block {
            width: 100%
        }

            .referral_pop .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap {
                width: 100%;
                padding: 5px 10px;
                max-height: 600px;
                overflow: auto
            }

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

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

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

                .referral_pop .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
                }

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

                    .referral_pop .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
                    }

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

                        .referral_pop .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title:last-child {
                            text-align: center
                        }

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

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

                    .referral_pop .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
                    }

                        .referral_pop .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
                        }

                        .referral_pop .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
                        }

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

                        .referral_pop .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
                        }

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

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

        .referral_pop .earn_block_row .earn_withdraw_block .title_row {
            width: 100%;
            padding: 15px;
            gap: 10px;
            background: rgba(255,255,255,.12)
        }

            .referral_pop .earn_block_row .earn_withdraw_block .title_row .icon {
                width: 40px
            }

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

            .referral_pop .earn_block_row .earn_withdraw_block .title_row .title {
                font-size: 12px;
                text-transform: uppercase;
                color: #fff
            }

            .referral_pop .earn_block_row .earn_withdraw_block .title_row .detail_link {
                color: #2bb46b;
                font-size: 14px;
                margin-left: auto;
                cursor: pointer
            }

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

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

        .referral_pop .earn_block_row .earn_withdraw_block .withdraw_amount {
            width: 100%;
            padding: 20px;
            font-size: 18px;
            font-family: "Montserret-bold";
            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-family: "Montserret-bold";
                color: #7aeeb9;
                letter-spacing: .6px;
                text-align: center;
                background: rgba(0,0,0,0);
                border: 0;
                outline: 0;
                width: 15%
            }

        .referral_pop .earn_block_row .earn_withdraw_block button {
            width: 100%;
            padding: 15px;
            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
    }

.withdrawal_wrap {
    width: 100%
}

    .withdrawal_wrap .title {
        color: #fff;
        font-size: 12px
    }

.tnc_wrap {
    width: 100%;
    padding: 15px
}

    .tnc_wrap p {
        color: #fff;
        font-size: 12px;
        margin-bottom: 15px
    }

.commi {
    width: 100%;
    align-items: center
}



.cover_con {
    display: none;
    z-index: 900;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.8);
    overflow: auto
}

    .cover_con .form_con {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50%;
        max-width: 450px;
        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
                    }


.com_block_popup {
    width: 95%;
    max-width: 760px;
    margin: 3% 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
            }

        .com_block_popup .com_row .tnc {
            font-size: 12px;
            color: gold;
            cursor: pointer
        }

    .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
        }


.cover_con2 {
    display: none;
    z-index: 999999;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow: auto;
    max-width: 900px
}

    .cover_con2 .form_con {
        top: 50%;
        left: 50%;
        background: linear-gradient(90deg, rgb(0, 177, 110) 25%, rgb(0, 127, 115) 100%);
        border-radius: 25px
    }

        .cover_con2 .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_con2 .form_con .form_bg_text h1 {
                margin-top: 3px;
                font-family: "Monument-regular";
                font-size: 40px;
                line-height: .8
            }

        .cover_con2 .form_con img {
            width: 100%
        }

        .cover_con2 .form_con .close {
            color: #fff;
            position: absolute;
            top: 3%;
            right: 5%;
            cursor: pointer;
            font-size: 18px;
            transition: .5s
        }

            .cover_con2 .form_con .close:hover {
                transform: rotate(-90deg)
            }

        .cover_con2 .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_con2 .form_con .form_block .form_wrap {
                width: 100%;
                padding: 10%;
                padding-bottom: 3%;
                border-bottom: 1px solid #000
            }

                .cover_con2 .form_con .form_block .form_wrap .forgot_pass {
                    color: #fff;
                    font-size: 18px;
                    font-family: "Montserret-light";
                    margin-bottom: 3%
                }

                .cover_con2 .form_con .form_block .form_wrap .textbox_wrap {
                    width: 100%;
                    padding: 0.5% 0;
                    position: relative
                }

                    .cover_con2 .form_con .form_block .form_wrap .textbox_wrap .textbox_flex {
                        justify-content: space-between
                    }

                    .cover_con2 .form_con .form_block .form_wrap .textbox_wrap .textbox_lbl {
                        color: #a7a9ac;
                        font-size: 14px;
                        margin-bottom: 10px
                    }

                    .cover_con2 .form_con .form_block .form_wrap .textbox_wrap .forgot {
                        cursor: pointer;
                        color: #fff
                    }

                    .cover_con2 .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_con2 .form_con .form_block .form_wrap .textbox_wrap .form_textbox:focus {
                            outline: 0
                        }

                        .cover_con2 .form_con .form_block .form_wrap .textbox_wrap .form_textbox::-moz-placeholder {
                            color: #162c58
                        }

                        .cover_con2 .form_con .form_block .form_wrap .textbox_wrap .form_textbox::placeholder {
                            color: #162c58
                        }

                    .cover_con2 .form_con .form_block .form_wrap .textbox_wrap .show_btn_wrap {
                        position: absolute;
                        right: 4%;
                        bottom: 24%
                    }

                        .cover_con2 .form_con .form_block .form_wrap .textbox_wrap .show_btn_wrap .fa-solid {
                            color: #162c58;
                            cursor: pointer
                        }

                        .cover_con2 .form_con .form_block .form_wrap .textbox_wrap .show_btn_wrap .fa-eye-slash {
                            display: none
                        }

            .cover_con2 .form_con .form_block .btn_wrap {
                width: 100%;
                padding: 0% 4%;
                text-align: center;
                gap: 10px
            }

                .cover_con2 .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_con2 .form_con .form_block .btn_wrap .back {
                    width: 50%;
                    padding: 2% 0;
                    background: #414042;
                    justify-content: center;
                    gap: 10px;
                    font-size: 14px
                }

                    .cover_con2 .form_con .form_block .btn_wrap .back i {
                        font-size: 14px
                    }

            .cover_con2 .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_con2 .form_con .form_block .login_link .text {
                    color: #a7a9ac;
                    font-size: 10px
                }

                .cover_con2 .form_con .form_block .login_link .link_img {
                    margin-top: 10px;
                    justify-content: center;
                    gap: 10px
                }

                    .cover_con2 .form_con .form_block .login_link .link_img img {
                        width: 100%;
                        max-width: 30px
                    }


.register_wrap {
    width: 100%;
    padding: 3%;
    justify-content: center;
    align-items: stretch
}

    .register_wrap .reg_form {
        background: linear-gradient(45deg, rgb(15, 83, 73) 21%, rgb(0, 16, 24) 100%);
        width: 100%;
        padding: 4%;
        box-shadow: 0px 0px 10px rgba(0,0,0,.2);
        border-radius: 20px 0 0 20px;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative
    }

        .register_wrap .reg_form .title {
            font-size: 15px;
            color: #fff;
            text-transform: uppercase
        }

        .register_wrap .reg_form .form_wrap {
            width: 100%;
            padding: 15px;
            display: grid;
            grid-template-columns: repeat(2, 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_wrap {
                width: 100%;
                position: relative
            }

                .register_wrap .reg_form .form_wrap .textbox_wrap .textbox_flex {
                    justify-content: space-between
                }

                .register_wrap .reg_form .form_wrap .textbox_wrap .textbox_lbl {
                    color: #a7a9ac;
                    font-size: 12px;
                    margin-bottom: 5px
                }

                    .register_wrap .reg_form .form_wrap .textbox_wrap .textbox_lbl .valid {
                        font-size: 12px;
                        color: red;
                        font-weight: bold;
                        padding: 0px 5px
                    }

                .register_wrap .reg_form .form_wrap .textbox_wrap .forgot {
                    cursor: pointer;
                    color: #fff
                }

                .register_wrap .reg_form .form_wrap .textbox_wrap .form_textbox {
                    width: 100%;
                    height: 40px;
                    padding-left: 20px;
                    color: #fff;
                    border: 1px solid #162c58;
                    background-color: #011019;
                    border-radius: 15px;
                    cursor: text
                }

                    .register_wrap .reg_form .form_wrap .textbox_wrap .form_textbox:focus {
                        outline: 0
                    }

                    .register_wrap .reg_form .form_wrap .textbox_wrap .form_textbox::-moz-placeholder {
                        color: #162c58
                    }

                    .register_wrap .reg_form .form_wrap .textbox_wrap .form_textbox::placeholder {
                        color: #162c58
                    }

                .register_wrap .reg_form .form_wrap .textbox_wrap .show_btn_wrap {
                    position: absolute;
                    right: 4%;
                    top: 50%
                }

                    .register_wrap .reg_form .form_wrap .textbox_wrap .show_btn_wrap .fa-solid {
                        color: #162c58;
                        cursor: pointer
                    }

                    .register_wrap .reg_form .form_wrap .textbox_wrap .show_btn_wrap .fa-eye-slash {
                        display: none
                    }

                .register_wrap .reg_form .form_wrap .textbox_wrap .mobile_row {
                    width: 100%;
                    gap: 5px
                }

                    .register_wrap .reg_form .form_wrap .textbox_wrap .mobile_row .mobile_textbox {
                        width: 15%;
                        text-align: center;
                        padding-left: 0
                    }

            .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 -45px;
            text-align: center;
            gap: 10px;
            position: absolute;
            bottom: 6%;
            left: 50%;
            transform: translateX(-50%)
        }

            .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;
                font-family: "Monument-regular";
                text-transform: uppercase;
                font-size: 14px;
                padding: 10px
            }

            .register_wrap .reg_form .btn_wrap .back {
                width: 50%;
                background: #414042;
                justify-content: center;
                gap: 10px;
                font-size: 14px
            }

                .register_wrap .reg_form .btn_wrap .back i {
                    font-size: 14px
                }

.mobile_platform_section {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
}



    .mobile_platform_section .mobile_platform_block {
        flex: 1;
        border-radius: 15px;
        border: 1px solid #153575;
        padding: 20px;
        gap: 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;
                max-width: 240px;
                width: 100%;
            }

                .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .transfer_amount .amount_item_wrap {
                    gap: 10px;
                    width: 100%;
                    gap: 10px;
                }

                    .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: 120px;
                color: white;
                font-size: 12px;
                font-weight: 500;
                letter-spacing: 0.5px;
            }

            .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap input {
                outline: 0;
                background: #283a49;
                color: white;
                border: 0;
                border-radius: 10px;
                flex: 1;
                max-width: 240px;
            }

            .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;
                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;
                }

.mobile_step_row {
    width: 100%;
    padding: 3% 0;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

    .mobile_step_row i {
        color: white;
        font-size: 18px;
    }

    .mobile_step_row .step_block {
        flex: 1;
        max-width: 360px;
        gap: 10px;
        background: #1b1b1d;
        padding: 10px 15px;
        border-radius: 15px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
    }

        .mobile_step_row .step_block .step {
            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: 40px;
            height: 40px;
            border-radius: 999rem;
            color: white;
            font-size: 13px;
            font-weight: 700;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .mobile_step_row .step_block .step_infor {
            flex: 1;
            color: white;
            font-size: 12px;
        }

        .mobile_step_row .step_block .step_img img {
            width: 50px;
        }

@keyframes show {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.index_tour_wrap {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
}

    .index_tour_wrap .tour_block {
        position: relative;
        width: 50%;
    }

        .index_tour_wrap .tour_block .tour_wrap {
            width: 100%;
            height: 13vw;
            min-height: 150px;
            max-height: 300px;
            overflow: hidden;
            border-radius: 20px;
            border: 0.6mm solid #49eaa6;
        }

        .index_tour_wrap .tour_block .title {
            font-size: clamp(20px, 2vw, 33px);
            color: orange;
            position: absolute;
            top: -9%;
            left: 50%;
            transform: translateX(-50%);
            font-family: "Montserret-bold";
            letter-spacing: 0.6px;
            text-shadow: 0 0 10px #010d15, 0 0 20px #010d15, 0 0 50px #010d15, 0 0 100px #010d15, 0 0 200px #010d15;
        }

        .index_tour_wrap .tour_block .bg {
            width: 100%;
            height: 100%;
            border-radius: 20px;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
        }

        .index_tour_wrap .tour_block .bg_badge {
            position: absolute;
            top: -10%;
            right: -4%;
            width: 10%;
            z-index: 9;
        }

        .index_tour_wrap .tour_block .jackpot_result_row {
            position: absolute;
            top: 55%;
            left: 50%;
            width: 80%;
            transform: translate(-50%, -50%);
        }

            .index_tour_wrap .tour_block .jackpot_result_row .frame {
                width: 100%;
                position: absolute;
                top: 10%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .index_tour_wrap .tour_block .jackpot_result_row .result_row {
                width: 100%;
                justify-content: center;
                align-items: center;
                z-index: 10;
                gap: 10px;
                height: 3vw;
                min-height: 35px;
                max-height: 55px;
                overflow: hidden;
            }

            .index_tour_wrap .tour_block .jackpot_result_row .symbol {
                color: orange;
                font-size: clamp(40px, 3.5vw, 55px);
                font-family: "digital";
                font-weight: 900;
                text-align: center;
            }

            .index_tour_wrap .tour_block .jackpot_result_row .result, .index_tour_wrap .tour_block .jackpot_result_row .odometer-value {
                color: orange;
                white-space: nowrap;
                font-size: clamp(40px, 3.5vw, 55px);
                font-family: "digital";
                font-weight: 900;
                text-align: center;
                min-width: 35px;
            }

    .index_tour_wrap .tournament_result_col {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        gap: 0.5vw;
    }

        .index_tour_wrap .tournament_result_col .result_wrap {
            width: 96%;
            justify-content: center;
            align-items: center;
            gap: 20px;
            padding: 10px;
        }

            .index_tour_wrap .tournament_result_col .result_wrap .tour_result_infor_col {
                width: -moz-fit-content;
                width: fit-content;
                padding: 0 10px;
                align-items: flex-start;
            }

                .index_tour_wrap .tournament_result_col .result_wrap .tour_result_infor_col .cate {
                    font-size: clamp(12px, 1vw, 14px);
                    color: white;
                }

                .index_tour_wrap .tournament_result_col .result_wrap .tour_result_infor_col .result_name_row {
                    width: -moz-fit-content;
                    width: fit-content;
                    gap: 10px;
                }

                    .index_tour_wrap .tournament_result_col .result_wrap .tour_result_infor_col .result_name_row img {
                        width: 30px;
                    }

                    .index_tour_wrap .tournament_result_col .result_wrap .tour_result_infor_col .result_name_row .name {
                        color: #2bb46b;
                        font-size: clamp(12px, 1vw, 14px);
                        font-family: Montserret-medium;
                    }

            .index_tour_wrap .tournament_result_col .result_wrap .tour_result {
                font-size: clamp(10px, 2vw, 32px);
                color: orange;
                font-family: Montserret-bold;
                background-image: linear-gradient(-225deg, #ffa20f 0%, #e8901f 29%, #ffc013 67%, #fff800 100%);
                background-clip: border-box;
                background-size: 200% auto;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                animation: textclip 2s linear infinite;
            }

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.index_tour_wrap .tournament_result_col .gd_line {
    width: 90%;
    height: 0.4mm;
    background: linear-gradient(90deg, transparent, orange, transparent);
}

.index_tour_wrap .tournament_result_col .tick {
    padding-bottom: 0;
    font-size: 1.3vw;
    font-family: "digital";
}

.index_tour_wrap .tournament_result_col .tick-label {
    font-size: 0.6vw;
    text-align: center;
    color: white;
}

.index_tour_wrap .tournament_result_col .tick-flip-panel-text-wrapper {
    font-family: "digital";
    font-weight: 800;
}

.index_tour_wrap .tournament_result_col .tick-group {
    margin: 0 0.2em;
    text-align: center;
}

.index_tour_wrap .tournament_result_col .tick-credits {
    pointer-events: none;
}

.register_bg {
    width: 45%;
    position: relative
}

    .register_bg img {
        width: 100%;
        max-height: 520px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        border-radius: 0 20px 20px 0
    }

    .register_bg .register_banner {
        position: absolute;
        gap: 5px;
        top: 60%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }

        .register_bg .register_banner p {
            font-size: 1.5vw;
            color: #fff;
            font-weight: 700;
            letter-spacing: .4px
        }

            .register_bg .register_banner p span {
                font-size: 1.5vw;
                color: #2bb46b
            }

        .register_bg .register_banner span {
            font-size: 13px;
            color: #fff;
            letter-spacing: .4px
        }

.register_wrap2 .form_wrap {
    grid-template-columns: repeat(1, 1fr) !important
}

.register_wrap2 .register_bg img {
    height: 100% !important;
    max-height: unset !important
}

.register_wrap2 .btn_wrap {
    bottom: 4% !important
}


.MobilePrefix2-btn {
    width: 10%;
    border-radius: 15px;
    background: #011019;
    color: #3b68c4;
    border: 1px solid #162c58;
    border-right: none;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MobilePrefix2-select {
    border-radius: 15px;
    background: #011019;
    color: #3b68c4;
    margin-top: 10px;
    align-self: center;
    outline: 1px solid #162c58;
    overflow: auto;
    border: none;
    transition: 1s;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    z-index: 99999
}

    .MobilePrefix2-select.opened {
        height: 20vh;
        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 .form_block .form_wrap .valid_msg {
    font-size: 12px;
    color: red;
    font-weight: bold;
    padding: 0px 5px;
    display: none;
}

.form_con .form_block .form_wrap .textbox_wrap .valid {
    font-size: 12px;
    color: red;
    font-weight: bold;
    padding: 0px 5px;
}

.form_btn.submit {
    display: block;
}

.register_wrap .reg_form .form_wrap .valid_msg {
    font-size: 12px;
    color: red;
    font-weight: bold;
    padding: 0px 5px;
    display: none;
}

.register_wrap .reg_form .form_wrap .textbox_wrap .valid {
    font-size: 12px;
    color: red;
    font-weight: bold;
    padding: 0px 5px;
}

.com_block_popup .earn_block_row {
    width: 100%;
    max-width: 800px;
    margin: 3% auto;
    gap: 15px
}

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

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

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

            .com_block_popup .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
            }

        .com_block_popup .earn_block_row .earn_block .block_infor_col {
            flex: 1;
            justify-content: space-between;
            align-items: flex-start
        }

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

            .com_block_popup .earn_block_row .earn_block .block_infor_col .infor {
                font-size: 18px;
                font-family: "Montserret-bold";
                color: #7aeeb9;
                letter-spacing: .6px
            }

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

        .com_block_popup .earn_block_row .earn_withdraw_block .reward_title_row {
            width: 100%;
            padding: 15px;
            background: rgba(247,212,51,.9098039216);
            justify-content: space-between
        }

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

        .com_block_popup .earn_block_row .earn_withdraw_block .reward_infor_block {
            width: 100%
        }

            .com_block_popup .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap {
                width: 100%;
                padding: 5px 10px;
                max-height: 600px;
                overflow: auto
            }

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

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

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

                .com_block_popup .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
                }

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

                    .com_block_popup .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
                    }

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

                        .com_block_popup .earn_block_row .earn_withdraw_block .reward_infor_block .reward_table_wrap .reward_table_title .table_title:last-child {
                            text-align: center
                        }

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

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

                    .com_block_popup .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
                    }

                        .com_block_popup .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
                        }

                        .com_block_popup .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
                        }

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

                        .com_block_popup .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
                        }

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

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

        .com_block_popup .earn_block_row .earn_withdraw_block .title_row {
            width: 100%;
            padding: 15px;
            gap: 10px;
            background: rgba(255,255,255,.12)
        }

            .com_block_popup .earn_block_row .earn_withdraw_block .title_row .icon {
                width: 40px
            }

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

            .com_block_popup .earn_block_row .earn_withdraw_block .title_row .title {
                font-size: 12px;
                text-transform: uppercase;
                color: #fff
            }

            .com_block_popup .earn_block_row .earn_withdraw_block .title_row .detail_link {
                color: #2bb46b;
                font-size: 14px;
                margin-left: auto;
                cursor: pointer
            }

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

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

        .com_block_popup .earn_block_row .earn_withdraw_block .withdraw_amount {
            width: 100%;
            padding: 20px;
            font-size: 18px;
            font-family: "Montserret-bold";
            color: #7aeeb9;
            letter-spacing: .6px;
            text-align: center;
            justify-content: center;
            align-items: center;
            gap: 10px
        }

            .com_block_popup .earn_block_row .earn_withdraw_block .withdraw_amount input {
                font-size: 18px;
                font-family: "Montserret-bold";
                color: #7aeeb9;
                letter-spacing: .6px;
                text-align: center;
                background: rgba(0,0,0,0);
                border: 0;
                outline: 0;
                width: 15%
            }

        .com_block_popup .earn_block_row .earn_withdraw_block button {
            width: 100%;
            padding: 15px;
            background: #7d8f8f;
            color: #fff;
            border: 0
        }

    .com_block_popup .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
    }


.register_bg {
    width: 45%;
    position: relative
}

    .register_bg img {
        width: 100%;
        max-height: 520px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        border-radius: 0 20px 20px 0
    }

    .register_bg .register_banner {
        position: absolute;
        gap: 5px;
        top: 60%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }

        .register_bg .register_banner p {
            font-size: 1.5vw;
            color: #fff;
            font-weight: 700;
            letter-spacing: .4px
        }

            .register_bg .register_banner p span {
                font-size: 1.5vw;
                color: #2bb46b
            }

        .register_bg .register_banner span {
            font-size: 13px;
            color: #fff;
            letter-spacing: .4px
        }

.register_wrap2 .form_wrap {
    grid-template-columns: repeat(1, 1fr) !important
}

.register_wrap2 .register_bg img {
    height: 100% !important;
    max-height: unset !important
}

.register_wrap2 .btn_wrap {
    bottom: 4% !important
}

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


.new_leaderboard {
    width: 100%
}

    .new_leaderboard .new_leaderboard_title {
        padding: 20px 25px;
        background: #010b12;
        margin-right: auto;
        border: 1px solid #162c58;
        border-radius: 15px 15px 0 0;
        border-bottom: 1px solid #010b12;
        z-index: 1;
        margin-bottom: -1px;
        gap: 5px
    }

        .new_leaderboard .new_leaderboard_title img {
            width: 2vw
        }

        .new_leaderboard .new_leaderboard_title span {
            font-size: clamp(12px,1.2vw,18px);
            font-family: "Montserret-bold";
            color: #2bb46b
        }

    .new_leaderboard .new_leaderboard_table {
        width: 100%;
        padding: 2% 2%;
        background: #010b12;
        border: 1px solid #162c58;
        border-radius: 0px 20px 20px 20px
    }

        .new_leaderboard .new_leaderboard_table table {
            width: 100%;
            border-collapse: collapse
        }

            .new_leaderboard .new_leaderboard_table table th {
                padding: 20px 10px;
                font-size: clamp(9px,.8vw,13px);
                color: #a7a9ac
            }

                .new_leaderboard .new_leaderboard_table table th:first-child {
                    text-align: left
                }

                .new_leaderboard .new_leaderboard_table table th:last-child {
                    text-align: right
                }

            .new_leaderboard .new_leaderboard_table table td {
                padding: 10px;
                font-size: clamp(9px,.8vw,13px);
                color: #a7a9ac;
                justify-content: center;
                text-align: center;
                gap: 5px;
                width: 20%;
            }

                .new_leaderboard .new_leaderboard_table table td img {
                    width: 2vw;
                    border-radius: 5px
                }

                .new_leaderboard .new_leaderboard_table table td:first-child {
                    text-align: left;
                    justify-content: flex-start;
                    border-radius: 10px 0 0 10px
                }

                .new_leaderboard .new_leaderboard_table table td:last-child {
                    text-align: right;
                    justify-content: flex-end;
                    border-radius: 0 10px 10px 0;
                    /*color: #2bb46b*/
                }

                    .new_leaderboard .new_leaderboard_table table td:last-child img {
                        padding: 4%;
                        vertical-align: middle;
                    }

            /* .new_leaderboard .new_leaderboard_table table td:nth-child(4) {
                    animation: leaderboard_blink 2s ease-in-out infinite
                }*/

            .new_leaderboard .new_leaderboard_table table tr:nth-child(even) td {
                background: #031e31
            }

    .new_leaderboard .new_leaderboard_more {
        margin: 20px 0;
        font-size: clamp(9px,.8vw,13px);
        color: #2bb46b;
        gap: 5px
    }

        .new_leaderboard .new_leaderboard_more img {
            width: .8vw
        }

@keyframes leaderboard_blink {
    0%,100% {
        color: rgba(0,0,0,0)
    }

    50% {
        color: #a7a9ac
    }
}


div.online-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 3px;
    background-color: #0fcc45;
    border-radius: 25%;
    position: relative;
}

span.blink {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #0fcc45;
    opacity: 0.9;
    border-radius: 20%;
    animation: blink 1s linear infinite;
}



div.offlink-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 3px;
    background-color: #ff0000;
    border-radius: 20%;
    position: relative;
}

span.offlink {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #ff0000;
    opacity: 0.9;
    border-radius: 25%;
    animation: blink 1s linear infinite;
}


.provider_game_name {
    width: 50%;
    max-width: 120px;
    margin: 0 auto;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    white-space: nowrap
}




/*Animations*/

@keyframes blink {
    100% {
        transform: scale(2, 2);
        opacity: 0;
    }
}

.text_sp2 {
    position: absolute;
    top: 7%;
    left: -42%;
    width: 100%;
    text-align: center;
    padding: 0.5vw 1vw 0.5vw;
    font-size: 1vw;
    background: #fff;
    border-radius: 3px;
    font-weight: 700;
    line-height: 1;
    transform: rotate(-25deg);
}

.new_sp2 {
    color: #000f0c;
    background: linear-gradient(to bottom, #89ff8f, #89ff8f, #007906);
    transform: rotate(-45deg) translate(-25%, -30%);
}

.section .section_form {
    width: 100%;
    text-align: center;
}

.section .vip_table {
    width: 100%;
    color: #fff;
    border-radius: 15px;
    overflow: hidden;
    font-size: clamp(5px,.8vw,14px);
    font-family: "Montserret-light";
    border-spacing: 0;
}

    .section .vip_table thead tr th {
        padding: 1%;
        width: 10%;
    }

        .section .vip_table thead tr th:first-child {
            width: 50%;
        }

    .section .vip_table tbody tr {
        background: #072524;
    }

        .section .vip_table tbody tr td {
            padding: 1% 0;
            text-align: center;
        }

        .section .vip_table tbody tr:nth-child(even) {
            background: #041b1f;
        }

        .section .vip_table tbody tr th {
            text-align: left;
            background: linear-gradient(45deg, rgb(41, 175, 112) 0%, rgb(13, 59, 50) 100%);
            font-family: "Montserret-bold";
            padding: 1.5% 1%;
            letter-spacing: .7px;
        }

.logged_profile_wrap .profile_right .card_wrap .crt_comm_lvl_wrap {
    width: -moz-fit-content;
    width: fit-content;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    border-radius: 0 14px 14px 0;
    background: rgba(0, 0, 0, .75);
    position: relative;
    margin-top: 6px;
    margin-left: -30px;
}

    .logged_profile_wrap .profile_right .card_wrap .crt_comm_lvl_wrap .comm_row {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 8px;
        position: relative;
    }

        .logged_profile_wrap .profile_right .card_wrap .crt_comm_lvl_wrap .comm_row .col {
            gap: 5px;
            align-items: flex-start;
        }

    .logged_profile_wrap .profile_right .card_wrap .crt_comm_lvl_wrap .title {
        font-size: 10px;
        color: #fff;
        font-weight: 500;
        letter-spacing: .4px;
        gap: 10px;
    }

    .logged_profile_wrap .profile_right .card_wrap .crt_comm_lvl_wrap .comm_row .crt_lvl {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
    }

    .logged_profile_wrap .profile_right .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap {
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
    }

.side_menu .side_menu_wrap .lang {
    background: rgba(0, 0, 0, .8);
    justify-content: space-between;
    width: 100%;
    padding: 5% 10%;
    border-radius: 25px;
    margin: 10px 0;
    -webkit-backdrop-filter: brightness(60%);
    backdrop-filter: brightness(60%);
    color: #fff;
    font-size: 14px;
    font-family: "Montserret-regular";
    cursor: pointer;
    position: relative;
}

    .side_menu .side_menu_wrap .lang .lang_dropdown {
        transform: scaleY(0);
        position: absolute;
        top: 70%;
        left: 0%;
        width: 100%;
        background: rgba(0, 0, 0, .8);
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        overflow: hidden;
        transition: .3s ease-in-out;
        transform-origin: top;
    }

        .side_menu .side_menu_wrap .lang .lang_dropdown .lang_choose {
            cursor: pointer;
            padding: 5% 10%;
            transition: .3s;
            justify-content: space-between;
            border-bottom: 1px solid gray;
        }

            .side_menu .side_menu_wrap .lang .lang_dropdown .lang_choose img {
                width: 25px;
                overflow: hidden;
                filter: grayscale(1);
                transition: .5s;
            }

            .side_menu .side_menu_wrap .lang .lang_dropdown .lang_choose:hover {
                background: #5c5d5f
            }

                .side_menu .side_menu_wrap .lang .lang_dropdown .lang_choose:hover img {
                    filter: none
                }

    .side_menu .side_menu_wrap .lang:hover .lang_dropdown {
        transform: scaleY(100%)
    }

    .side_menu .side_menu_wrap .lang:hover .fa-solid {
        transform: rotate(90deg)
    }



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

    .mobile_platform_section .mobile_platform_block {
        flex: 1;
        border-radius: 15px;
        border: 1px solid #153575;
        padding: 20px;
        gap: 10px
    }

        .mobile_platform_section .mobile_platform_block .balance_row {
            width: 100%;
            gap: 10px;
            justify-content: center;
            align-items: center
        }

            .mobile_platform_section .mobile_platform_block .balance_row .title {
                font-size: 10px;
                color: #fff
            }

            .mobile_platform_section .mobile_platform_block .balance_row .balance {
                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;
            justify-content: center;
            align-items: center;
            gap: 10px
        }

            .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .title {
                text-align: left;
                width: 130px;
                color: #fff;
                font-size: 12px;
                font-weight: 500;
                letter-spacing: .5px
            }

            .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .amount_textbox_wrap {
                width: 100%;
                max-width: 240px;
                gap: 10px
            }

                .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .amount_textbox_wrap .amount_textbox_row {
                    width: 100%;
                    position: relative
                }

                    .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .amount_textbox_wrap .amount_textbox_row .rm {
                        position: absolute;
                        color: #fff;
                        font-size: 13px;
                        top: 49%;
                        transform: translateY(-50%);
                        left: 10px;
                        font-weight: 700;
                        color: #2bb46b
                    }

                    .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .amount_textbox_wrap .amount_textbox_row input {
                        width: 100%;
                        padding-left: 40px;
                        padding-right: 30px;
                        text-align: right
                    }

                    .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .amount_textbox_wrap .amount_textbox_row .zero {
                        position: absolute;
                        color: #fff;
                        font-size: 13px;
                        top: 49%;
                        transform: translateY(-50%);
                        right: 10px
                    }

                .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .amount_textbox_wrap .plat_choose_row {
                    width: 100%;
                    gap: 10px
                }

                    .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap .amount_textbox_wrap .plat_choose_row .plat_choose {
                        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 input {
                outline: 0;
                background: #283a49;
                color: #fff;
                border: 0;
                border-radius: 10px;
                padding: 12px;
                flex: 1;
                max-width: 240px
            }

            .mobile_platform_section .mobile_platform_block .mb_platform_textbox_wrap p {
                width: 80%;
                max-width: 240px;
                color: #fff;
                font-size: 12px;
                padding: 0 5px
            }

        .mobile_platform_section .mobile_platform_block .btn_wrap {
            width: 80%;
            margin: 10px auto 10px;
            gap: 10px
        }

            .mobile_platform_section .mobile_platform_block .btn_wrap button.btn1 {
                flex: 1;
                padding: 10px;
                background: #2bb46b;
                border-radius: 10px;
                border: 0;
                color: #fff;
                font-weight: 600
            }

            .mobile_platform_section .mobile_platform_block .btn_wrap button.btn2 {
                flex: 1;
                padding: 10px;
                background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                border-radius: 10px;
                border: 0;
                color: #000;
                font-weight: 600
            }

        .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: #fff;
                    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: #fff;
                    font-size: 12px;
                    border-radius: 10px;
                    cursor: pointer
                }


.mobile_sm_title {
    text-transform: uppercase;
    font-size: 16px;
    color: #2bb46b;
    font-family: "Montserret-regular";
    margin: 20px 10px
}

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

    .mobile_step_row:last-child {
        margin-bottom: 30px
    }

    .mobile_step_row i {
        color: #fff;
        font-size: 18px
    }

    .mobile_step_row .step_block {
        flex: 1;
        max-width: 360px;
        gap: 10px;
        background: #1b1b1d;
        padding: 10px 15px;
        border-radius: 15px;
        box-shadow: 0px 0px 10px rgba(0,0,0,.7)
    }

        .mobile_step_row .step_block .step {
            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,.5019607843);
            width: 40px;
            height: 40px;
            border-radius: 999rem;
            color: #fff;
            font-size: 13px;
            font-weight: 700;
            box-shadow: 0px 0px 10px rgba(0,0,0,.5);
            display: flex;
            justify-content: center;
            align-items: center
        }

        .mobile_step_row .step_block .step_infor {
            flex: 1;
            color: #fff;
            font-size: 12px
        }

        .mobile_step_row .step_block .step_img img {
            width: 50px
        }


.affiliate_section {
    width: 100%;
    justify-content: center
}

    .affiliate_section .product_container {
        width: 100%;
        gap: 10px;
        align-items: stretch
    }

        .affiliate_section .product_container .affiliate_block {
            flex: 1;
            border: 1px solid #162c58;
            border-radius: 20px;
            background: linear-gradient(135deg, rgb(1, 16, 25) 0%, rgb(16, 76, 84) 28%, rgb(79, 192, 104) 72%, rgb(246, 236, 51) 100%);
            justify-content: flex-start;
            padding: 30px 20px
        }

            .affiliate_section .product_container .affiliate_block img {
                width: 100%;
                max-width: 200px
            }

            .affiliate_section .product_container .affiliate_block p {
                color: #fff;
                font-size: 11px;
                margin: 5% 0;
                text-align: left
            }

            .affiliate_section .product_container .affiliate_block button {
                background: #f05a0c;
                color: #fff;
                font-size: 12px;
                width: 70%;
                padding: 3% 0;
                border-radius: 25px;
                border: 1px solid #e9783b;
                cursor: pointer
            }

            .affiliate_section .product_container .affiliate_block:last-child {
                background: linear-gradient(135deg, rgb(1, 16, 25) 0%, rgb(41, 24, 57) 28%, rgb(121, 33, 92) 73%, rgb(236, 41, 122) 100%);
                justify-content: flex-start
            }

                .affiliate_section .product_container .affiliate_block:last-child h3 {
                    color: #fff;
                    line-height: .9;
                    text-align: left
                }

                    .affiliate_section .product_container .affiliate_block:last-child h3 span {
                        color: #2bb46b;
                        margin: 0 3px
                    }

                .affiliate_section .product_container .affiliate_block:last-child .affiliate_textbox_wrap {
                    width: 100%;
                    margin: 3% 0
                }

                    .affiliate_section .product_container .affiliate_block:last-child .affiliate_textbox_wrap .title {
                        font-size: 13px;
                        font-family: "Montserret-light";
                        margin-bottom: 5px;
                        padding-left: 15px
                    }

                    .affiliate_section .product_container .affiliate_block:last-child .affiliate_textbox_wrap .textbox_wrap {
                        width: 100%;
                        justify-content: space-between;
                        position: relative
                    }

                        .affiliate_section .product_container .affiliate_block:last-child .affiliate_textbox_wrap .textbox_wrap .affiliate_textbox {
                            width: 93%;
                            height: 40px;
                            border-radius: 25px;
                            border: 1px solid #162c58;
                            background: #011019;
                            color: #fff;
                            padding-left: 5%
                        }

                            .affiliate_section .product_container .affiliate_block:last-child .affiliate_textbox_wrap .textbox_wrap .affiliate_textbox:focus {
                                outline: 0
                            }

                        .affiliate_section .product_container .affiliate_block:last-child .affiliate_textbox_wrap .textbox_wrap .copy {
                            color: #fff;
                            font-size: 18px
                        }

            .affiliate_section .product_container .affiliate_block .scan_title {
                color: #fff;
                width: 100%;
                padding-bottom: 2%;
                margin-bottom: 2%;
                text-align: left;
                position: relative
            }

                .affiliate_section .product_container .affiliate_block .scan_title::after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 25%;
                    height: 2px;
                    background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%)
                }

            .affiliate_section .product_container .affiliate_block .qrcode {
                width: 100%;
                max-width: 120px;
                margin: 2% 0
            }

            .affiliate_section .product_container .affiliate_block .scan_now {
                margin: auto;
                background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                color: #000;
                font-family: "Montserret-regular";
                border: 0;
                padding: 1.5% 4%;
                border-radius: 999px
            }

    .affiliate_section .affiliate_des_con {
        width: 100%;
        border: 1px solid #162c58;
        margin-top: 3%;
        border-radius: 20px;
        padding: 3% 5%;
        background: #01070c
    }

        .affiliate_section .affiliate_des_con img {
            width: 20%;
            max-width: 140px;
            margin-right: 5%
        }

        .affiliate_section .affiliate_des_con p {
            flex: 1;
            text-align: left;
            font-size: 11px;
            color: #a7a9ac;
            line-height: 1.4;
            font-family: "Montserret-light"
        }

            .affiliate_section .affiliate_des_con p a {
                color: #2bb46b;
                text-decoration: underline;
                margin-left: 5px
            }

.aff_wrap {
    width: 90%;
    gap: 25px;
    justify-content: center;
    align-items: center;
    padding: 2% 0;
    margin: 0 auto
}

    .aff_wrap .aff_col {
        width: 50%;
        gap: 10px;
        align-items: center
    }

        .aff_wrap .aff_col .aff_slogan_row {
            width: -moz-fit-content;
            width: fit-content;
            position: relative
        }

            .aff_wrap .aff_col .aff_slogan_row .aff_icon {
                width: 52px;
                height: 52px;
                border-radius: 999rem;
                padding: 9px;
                background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                z-index: 99
            }

                .aff_wrap .aff_col .aff_slogan_row .aff_icon img {
                    width: 100%
                }

            .aff_wrap .aff_col .aff_slogan_row .aff_infor {
                color: #fff;
                font-size: 12px;
                font-weight: 600;
                border: 1px solid #2bb46b;
                padding: 13px 25px;
                border-radius: 0 10px 10px 0;
                margin-left: -20px;
                padding-left: 35px;
                background: #011019
            }

                .aff_wrap .aff_col .aff_slogan_row .aff_infor span {
                    color: #89dabb
                }

            .aff_wrap .aff_col .aff_slogan_row::after {
                content: "";
                position: absolute;
                bottom: -40%;
                left: 50%;
                transform: translateX(-50%);
                border-top: 15px solid #2bb46b;
                border-left: 10px solid rgba(0,0,0,0);
                border-right: 10px solid rgba(0,0,0,0)
            }

        .aff_wrap .aff_col .affiliate_block {
            width: 100%;
            min-height: 165px;
            border: 1px solid #162c58;
            border-radius: 20px;
            background: linear-gradient(135deg, rgb(1, 16, 25) 0%, rgb(41, 24, 57) 28%, rgb(121, 33, 92) 73%, rgb(236, 41, 122) 100%);
            justify-content: center;
            align-items: flex-start;
            padding: 25px;
            gap: 30px;
            max-width: 720px
        }

            .aff_wrap .aff_col .affiliate_block .aff_title {
                color: #fff;
                font-size: 14px;
                font-weight: 600;
                letter-spacing: .4px
            }

            .aff_wrap .aff_col .affiliate_block .affiliate_infor_row {
                width: 100%;
                justify-content: space-between;
                align-items: flex-end
            }

                .aff_wrap .aff_col .affiliate_block .affiliate_infor_row .icon {
                    width: 62px
                }

                    .aff_wrap .aff_col .affiliate_block .affiliate_infor_row .icon img {
                        width: 100%
                    }

                .aff_wrap .aff_col .affiliate_block .affiliate_infor_row button {
                    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                    color: #fff;
                    font-size: 11px;
                    font-weight: 600;
                    width: -moz-fit-content;
                    width: fit-content;
                    padding: 10px 20px;
                    border-radius: 999rem;
                    border: 0;
                    cursor: pointer;
                    transition: .4s;
                    box-shadow: 0px 0px 10px rgba(0,0,0,.2)
                }

                    .aff_wrap .aff_col .affiliate_block .affiliate_infor_row button:hover {
                        opacity: .6
                    }

            .aff_wrap .aff_col .affiliate_block .aff_img_block {
                width: 130px;
                padding: 10px 0;
                position: relative
            }

                .aff_wrap .aff_col .affiliate_block .aff_img_block img {
                    width: 100%
                }

                .aff_wrap .aff_col .affiliate_block .aff_img_block .float_title {
                    font-size: 12px;
                    color: #fff;
                    font-weight: 600;
                    position: absolute;
                    bottom: 0;
                    left: 0
                }

            .aff_wrap .aff_col .affiliate_block p {
                color: #fff;
                font-size: 11px;
                margin: 5% 0;
                text-align: left
            }

            .aff_wrap .aff_col .affiliate_block .affiliate_textbox_wrap {
                width: 100%;
                color: #fff;
                font-size: 13px;
                font-weight: 500;
                letter-spacing: .4px
            }

                .aff_wrap .aff_col .affiliate_block .affiliate_textbox_wrap .btn_extend {
                    color: #f7931d;
                    font-size: 14px;
                    font-weight: 600
                }

                .aff_wrap .aff_col .affiliate_block .affiliate_textbox_wrap .title {
                    font-size: 13px;
                    font-weight: 600;
                    color: #2bb46b;
                    margin-bottom: 5px;
                    padding-left: 5px
                }

                .aff_wrap .aff_col .affiliate_block .affiliate_textbox_wrap .textbox_wrap {
                    width: 100%;
                    justify-content: space-between;
                    position: relative
                }

                    .aff_wrap .aff_col .affiliate_block .affiliate_textbox_wrap .textbox_wrap .affiliate_textbox {
                        width: 100%;
                        border-radius: 25px;
                        border: 0;
                        background: rgba(255,255,255,.4117647059);
                        color: #fff;
                        padding: 10px 20px
                    }

                        .aff_wrap .aff_col .affiliate_block .affiliate_textbox_wrap .textbox_wrap .affiliate_textbox:focus {
                            outline: 0
                        }

                        .aff_wrap .aff_col .affiliate_block .affiliate_textbox_wrap .textbox_wrap .affiliate_textbox input {
                            color: #fff
                        }

                    .aff_wrap .aff_col .affiliate_block .affiliate_textbox_wrap .textbox_wrap img {
                        position: absolute;
                        top: 50%;
                        right: 20px;
                        transform: translateY(-50%);
                        width: 20px
                    }

            .aff_wrap .aff_col .affiliate_block .scan_title {
                color: #fff;
                width: 100%;
                padding-bottom: 2%;
                margin-bottom: 2%;
                text-align: left;
                position: relative
            }

                .aff_wrap .aff_col .affiliate_block .scan_title::after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 25%;
                    height: 2px;
                    background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%)
                }

            .aff_wrap .aff_col .affiliate_block .qrcode {
                width: 100%;
                max-width: 120px;
                margin: 2% 0
            }

            .aff_wrap .aff_col .affiliate_block .scan_now {
                margin: auto;
                background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                color: #000;
                font-family: "Montserret-regular";
                border: 0;
                padding: 1.5% 4%;
                border-radius: 999px
            }

            .aff_wrap .aff_col .affiliate_block.block_gre {
                background: linear-gradient(154deg, rgb(1, 16, 25) 0%, rgb(16, 76, 84) 28%, rgb(79, 192, 104) 85%, rgb(246, 236, 51) 100%);
                justify-content: flex-start;
                align-items: center
            }

        .aff_wrap .aff_col .aff_table_wrap {
            width: 100%;
            justify-content: center;
            align-items: center;
            padding: 50px 0;
            gap: 30px
        }

            .aff_wrap .aff_col .aff_table_wrap .aff_ref_infor {
                width: 50%;
                justify-content: center;
                align-items: center;
                position: relative
            }

                .aff_wrap .aff_col .aff_table_wrap .aff_ref_infor img {
                    position: absolute;
                    width: 50px;
                    top: -38px;
                    left: 50%;
                    transform: translateX(-50%);
                    z-index: 9
                }

                .aff_wrap .aff_col .aff_table_wrap .aff_ref_infor .mb_2 {
                    width: 40px;
                    top: -28px;
                    left: 50%;
                    transform: translateX(-50%);
                    z-index: 9
                }

                .aff_wrap .aff_col .aff_table_wrap .aff_ref_infor .ref_infor {
                    width: -moz-fit-content;
                    width: fit-content;
                    padding: 8px 20px;
                    border-radius: 999rem;
                    border: 1px solid #2bb46b;
                    color: #2bb46b;
                    font-size: 16px;
                    font-weight: 700;
                    align-items: center;
                    gap: 6px;
                    position: relative
                }

                    .aff_wrap .aff_col .aff_table_wrap .aff_ref_infor .ref_infor .lvl {
                        font-size: 10px;
                        color: #ff0;
                        font-weight: 500
                    }

                    .aff_wrap .aff_col .aff_table_wrap .aff_ref_infor .ref_infor::after {
                        content: "";
                        position: absolute;
                        top: 100%;
                        left: 50%;
                        transform: translateX(-50%);
                        width: 1px;
                        height: 40px;
                        background: #2bb46b
                    }

            .aff_wrap .aff_col .aff_table_wrap .aff_line {
                display: block;
                width: 55%;
                height: 30px;
                border: 1px solid #2bb46b;
                border-bottom: 0;
                border-radius: 10px 10px 0 0;
                margin-top: 10px
            }

            .aff_wrap .aff_col .aff_table_wrap .aff_sm_ref_infor {
                width: 100%;
                gap: 30px
            }

            .aff_wrap .aff_col .aff_table_wrap .aff_sm_ref_row {
                width: 100%;
                justify-content: space-between;
                align-items: flex-start
            }

                .aff_wrap .aff_col .aff_table_wrap .aff_sm_ref_row .aff_sm_ref_infor {
                    width: 45%;
                    align-items: center
                }

                .aff_wrap .aff_col .aff_table_wrap .aff_sm_ref_row .aff_line {
                    width: 50%
                }

            .aff_wrap .aff_col .aff_table_wrap .aff_ssm_ref_infor {
                width: 100%;
                justify-content: space-between
            }

                .aff_wrap .aff_col .aff_table_wrap .aff_ssm_ref_infor .ref_infor::after {
                    display: none
                }

        .aff_wrap .aff_col .aff_calc {
            width: 100%;
            gap: 3px;
            align-items: flex-start
        }

            .aff_wrap .aff_col .aff_calc .title {
                color: #2bb46b;
                font-size: 11px;
                font-weight: 600
            }

            .aff_wrap .aff_col .aff_calc .calc_fomu {
                font-size: 14px;
                color: #fff
            }

        .aff_wrap .aff_col .comm_title_row {
            width: 100%;
            gap: 10px;
            justify-content: center;
            align-items: center;
            gap: 15px
        }

            .aff_wrap .aff_col .comm_title_row .sm_block {
                width: 45px
            }

            .aff_wrap .aff_col .comm_title_row .title {
                font-size: 12px;
                color: #000;
                padding: 12px;
                min-width: 100px;
                text-align: center;
                background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                border-radius: 5px
            }

                .aff_wrap .aff_col .comm_title_row .title:nth-child(2) {
                    min-width: 10vw !important
                }

        .aff_wrap .aff_col .comm_row {
            width: 100%;
            justify-content: center;
            align-items: center;
            gap: 15px
        }

            .aff_wrap .aff_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: 45px;
                height: 40px;
                border-radius: 10px;
                color: #fff;
                font-size: 15px;
                font-weight: 700;
                box-shadow: 0px 0px 10px rgba(0,0,0,.5);
                display: flex;
                justify-content: center;
                align-items: center
            }

            .aff_wrap .aff_col .comm_row .comm_infor {
                padding: 12px 20px;
                border-radius: 10px;
                font-size: 12px;
                color: #fff;
                font-weight: 600;
                min-width: 10vw !important;
                text-align: center
            }

            .aff_wrap .aff_col .comm_row .rebate_infor {
                padding: 12px 20px;
                border-radius: 10px;
                font-size: 12px;
                color: #fff;
                font-weight: 600;
                min-width: 2vw !important;
                text-align: center
            }

.aff_wrap_after {
    width: 98%;
    align-items: flex-start
}

.aff_card_wrap {
    width: 100%;
    max-width: 460px;
    position: relative
}

    .aff_card_wrap .card_bg {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%;
        border-radius: 15px;
        filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6))
    }

    .aff_card_wrap .card_cover {
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, black);
        border-radius: 15px
    }

    .aff_card_wrap .card_wrap {
        width: 100%;
        padding: 30px 0;
        display: flex;
        flex-direction: column;
        z-index: 99
    }

        .aff_card_wrap .card_wrap .card_top {
            width: 100%;
            align-items: flex-start;
            gap: 20px;
            padding: 0 25px
        }

            .aff_card_wrap .card_wrap .card_top i {
                color: #fff
            }

            .aff_card_wrap .card_wrap .card_top .username {
                color: #fff;
                font-size: 14px;
                font-weight: 600;
                letter-spacing: .4px
            }

            .aff_card_wrap .card_wrap .card_top .qr_wrap {
                width: 75px;
                margin-left: auto
            }

                .aff_card_wrap .card_wrap .card_top .qr_wrap img {
                    width: 100%
                }

        .aff_card_wrap .card_wrap .crt_vip {
            text-transform: uppercase;
            font-size: 18px;
            margin-right: 10px;
            margin-left: auto;
            color: #fff;
            font-weight: 700
        }

        .aff_card_wrap .card_wrap .crt_comm_lvl_wrap {
            width: -moz-fit-content;
            width: fit-content;
            justify-content: center;
            align-items: center;
            gap: 12px;
            padding: 15px 20px;
            border-radius: 14px 0 0 14px;
            background: rgba(0,0,0,.75);
            margin-left: auto;
            position: relative
        }

            .aff_card_wrap .card_wrap .crt_comm_lvl_wrap img {
                width: 28px
            }

            .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .title {
                font-size: 10px;
                color: #fff;
                font-weight: 500;
                letter-spacing: .4px;
                gap: 10px
            }

                .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .title span {
                    width: 55px;
                    text-transform: uppercase
                }

            .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row {
                width: 100%;
                justify-content: flex-start;
                align-items: flex-end;
                gap: 8px;
                position: relative
            }

                .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .col {
                    gap: 5px;
                    align-items: flex-start
                }

                .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .crt_lvl {
                    color: #fff;
                    font-size: 16px;
                    font-weight: 600
                }

                .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .point {
                    color: #fff;
                    font-family: "Montserret-medium";
                    font-size: 26px;
                    line-height: 1
                }

                .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row i {
                    font-size: 14px;
                    color: #fff;
                    align-self: center
                }

                .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap {
                    width: -moz-fit-content;
                    width: fit-content;
                    position: relative
                }

                    .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap {
                        position: absolute;
                        top: 60%;
                        transform: translateY(-50%);
                        left: 200%;
                        width: -moz-fit-content;
                        width: fit-content;
                        padding: 10px 20px;
                        background: #121212;
                        border-radius: 10px;
                        min-width: 400px;
                        z-index: 9999999;
                        opacity: 0;
                        visibility: hidden;
                        transition: .4s
                    }

                        .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap a {
                            width: 100%;
                            font-size: 14px;
                            justify-content: flex-end;
                            align-items: center;
                            margin-bottom: 8px;
                            gap: 8px;
                            text-transform: uppercase;
                            color: #2bb46b;
                            font-weight: 600
                        }

                            .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap a i {
                                font-size: 14px;
                                color: #2bb46b
                            }

                        .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap::after {
                            position: absolute;
                            left: -9px;
                            top: 50%;
                            transform: translateY(-50%);
                            content: "";
                            width: 0;
                            height: 0;
                            border-top: 10px solid rgba(0,0,0,0);
                            border-bottom: 10px solid rgba(0,0,0,0);
                            border-right: 10px solid #121212
                        }

                        .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap table {
                            width: 100%;
                            border-collapse: collapse
                        }

                            .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap table th {
                                white-space: nowrap;
                                background: rgba(255,255,255,.164)
                            }

                            .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap table th, .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap table td {
                                font-size: 11px;
                                color: #fff;
                                padding: 7px;
                                text-align: center;
                                border: 1px solid rgba(255,255,255,.164)
                            }

                            .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap .com_popup_wrap table tr:nth-child(odd) {
                                background: rgba(255,255,255,.164)
                            }

                    .aff_card_wrap .card_wrap .crt_comm_lvl_wrap .comm_row .com_wrap:hover .com_popup_wrap {
                        opacity: 1;
                        visibility: visible
                    }

        .aff_card_wrap .card_wrap .card_bottom {
            width: 100%;
            margin-top: 40px;
            gap: 40px;
            align-items: center;
            padding: 0 25px
        }

            .aff_card_wrap .card_wrap .card_bottom .transfer {
                width: 36px
            }

            .aff_card_wrap .card_wrap .card_bottom .card_infor_wrap {
                width: 30%;
                align-items: flex-start;
                gap: 10px
            }

                .aff_card_wrap .card_wrap .card_bottom .card_infor_wrap .title_row {
                    font-size: 12px;
                    color: #fff;
                    font-weight: 500;
                    letter-spacing: .4px;
                    gap: 10px
                }

                    .aff_card_wrap .card_wrap .card_bottom .card_infor_wrap .title_row span {
                        width: 100px;
                        font-weight: 600;
                        text-transform: uppercase
                    }

                    .aff_card_wrap .card_wrap .card_bottom .card_infor_wrap .title_row img {
                        width: unset;
                        height: 26px
                    }

                .aff_card_wrap .card_wrap .card_bottom .card_infor_wrap .point_row {
                    width: 100%;
                    justify-content: flex-start;
                    align-items: center;
                    padding: 5px 5px 0;
                    gap: 10px
                }

                    .aff_card_wrap .card_wrap .card_bottom .card_infor_wrap .point_row .row, .aff_card_wrap .card_wrap .card_bottom .card_infor_wrap .point_row .col {
                        align-items: flex-start;
                        gap: 5px
                    }

                    .aff_card_wrap .card_wrap .card_bottom .card_infor_wrap .point_row span {
                        color: #fff;
                        font-size: 12px
                    }

                    .aff_card_wrap .card_wrap .card_bottom .card_infor_wrap .point_row .point {
                        color: #fff;
                        font-family: "Montserret-medium";
                        font-size: 26px;
                        line-height: 1
                    }

                    .aff_card_wrap .card_wrap .card_bottom .card_infor_wrap .point_row i {
                        font-size: 18px;
                        color: #fff
                    }

.downline_wrap {
    width: 100%;
    gap: 10px;
    align-items: stretch
}

    .downline_wrap .downline_main_wrap {
        width: 50%;
        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
    }

        .downline_result_wrap .down_no_result a {
            color: #2bb46b;
            font-size: 12px;
            font-weight: 700
        }

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

    .new_aff_p1_con .new_refer_title img {
        width: 62px;
        z-index: 1
    }

    .new_aff_p1_con .new_refer_title .new_refer_title_text {
        padding: 10px 15px;
        margin-left: -22px;
        font-size: 15px;
        color: #fff;
        background: #000;
        border: 1px solid #3eb2aa;
        border-radius: 10px
    }

    .new_aff_p1_con .new_refer_p1 {
        width: 60%;
        border: 1px solid #3eb2aa;
        border-radius: 5px
    }

        .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
        }

            .new_aff_p1_con .new_refer_p1 .new_refer_p1_title img {
                width: 25px
            }

            .new_aff_p1_con .new_refer_p1 .new_refer_p1_title span {
                font-size: 17px;
                color: #fff
            }

        .new_aff_p1_con .new_refer_p1 .new_refer_p1_content {
            width: 100%;
            padding: 20px;
            gap: 5px
        }

            .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_left {
                align-items: center;
                gap: 5px
            }

                .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_left span {
                    font-size: 13px;
                    color: #fff
                }

            .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_right {
                width: auto;
                align-items: center;
                gap: 5px
            }

                .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_right span {
                    font-size: 13px;
                    color: #fff
                }

                    .new_aff_p1_con .new_refer_p1 .new_refer_p1_content .new_refer_content_right span b {
                        color: #3eb2aa
                    }

    .new_aff_p1_con::after {
        content: "";
        width: 1px;
        height: 15px;
        position: absolute;
        top: 100%;
        background: #3eb2aa
    }

.new_aff_line {
    width: 50%;
    height: 30px;
    margin-top: 5px;
    border: 1px solid #3eb2aa;
    border-bottom: 0;
    border-radius: 5px 5px 0 0
}

.new_aff_p2_con {
    width: 100%;
    margin-top: -10px;
    align-items: flex-start;
    gap: 10px
}

    .new_aff_p2_con .new_aff_p2 {
        width: 50%;
        position: relative
    }

        .new_aff_p2_con .new_aff_p2 .new_aff_p2_item {
            width: 100%;
            border: 1px solid #ebefb7;
            border-radius: 5px;
            position: relative
        }

            .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
            }

                .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_title img {
                    width: 25px
                }

                .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_title span {
                    font-size: 17px;
                    color: #edf1c3
                }

            .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content {
                width: 100%
            }

                .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_left {
                    width: auto;
                    padding: 10px;
                    align-items: flex-start;
                    gap: 5px;
                    border-right: 1px solid gray
                }

                    .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_left span {
                        font-size: 13px;
                        color: #fff
                    }

                .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_right {
                    width: auto;
                    padding: 10px;
                    align-items: flex-start;
                    gap: 5px
                }

                    .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_right span {
                        font-size: 13px;
                        color: #fff
                    }

                        .new_aff_p2_con .new_aff_p2 .new_aff_p2_item .new_refer_p2_content .new_refer_content_right span b {
                            color: #3eb2aa
                        }

            .new_aff_p2_con .new_aff_p2 .new_aff_p2_item::after {
                content: "";
                width: 1px;
                height: 15px;
                background: #3eb2aa;
                position: absolute;
                top: 100%
            }

            .new_aff_p2_con .new_aff_p2 .new_aff_p2_item:last-child::after {
                width: 0;
                height: 0
            }

        .new_aff_p2_con .new_aff_p2 .new_aff_line_p2 {
            width: 50%;
            height: 30px;
            margin-top: 15px;
            border: 1px solid #3eb2aa;
            border-bottom: 0;
            border-radius: 5px 5px 0 0
        }

.new_aff_p3_con {
    width: 150%;
    gap: 10px
}

    .new_aff_p3_con .new_aff_p3 {
        width: 50%;
        border: 1px solid #9effb5;
        border-radius: 5px;
        position: relative
    }

        .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
        }

            .new_aff_p3_con .new_aff_p3 .new_refer_p3_title img {
                width: 20px
            }

            .new_aff_p3_con .new_aff_p3 .new_refer_p3_title span {
                font-size: 15px;
                color: #9effb5
            }

        .new_aff_p3_con .new_aff_p3 .new_refer_p3_content {
            width: 100%
        }

            .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
            }

                .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_left span {
                    font-size: 11px;
                    color: #fff
                }

            .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
            }

                .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_right span {
                    font-size: 11px;
                    color: #fff
                }

                    .new_aff_p3_con .new_aff_p3 .new_refer_p3_content .new_refer_content_right span b {
                        color: #3eb2aa
                    }

.new_aff_calc_con {
    padding: 20px 0;
    border-top: 1px solid #3eb2aa;
    gap: 20px;
    width: 40%;
    border-top: 0
}

    .new_aff_calc_con .new_aff_calc_l1 {
        gap: 10px
    }

        .new_aff_calc_con .new_aff_calc_l1 .new_aff_calc_light {
            padding: 5px 10px;
            font-size: 15px;
            background: #00ffa2;
            border-radius: 5px
        }

        .new_aff_calc_con .new_aff_calc_l1 .new_aff_calc_green {
            padding: 5px 10px;
            font-size: 15px;
            background: #3eb2aa;
            color: #fff;
            border-radius: 5px
        }

        .new_aff_calc_con .new_aff_calc_l1 .new_aff_calc_yellow {
            padding: 5px 10px;
            font-size: 15px;
            background: #edf1c4;
            border-radius: 5px
        }

        .new_aff_calc_con .new_aff_calc_l1 span {
            font-size: 15px;
            color: #fff
        }

    .new_aff_calc_con .new_aff_calc_l2 {
        gap: 5px
    }

        .new_aff_calc_con .new_aff_calc_l2 span {
            font-size: 15px;
            color: #edf1c4
        }

        .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
        }

            .new_aff_calc_con .new_aff_calc_l2 .new_aff_calc_l2_content span {
                font-size: 13px
            }

    .new_aff_calc_con .new_aff_calc_l3 {
        width: 100%;
        gap: 5px
    }

        .new_aff_calc_con .new_aff_calc_l3 span {
            font-size: 15px;
            color: #ffa4c6
        }

        .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con {
            width: 100%;
            gap: 10px
        }

            .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row {
                width: 100%;
                justify-content: center;
                gap: 10px
            }

                .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: 15px;
                    background: #00ffa2;
                    border-radius: 5px;
                    justify-content: center;
                    gap: 5px
                }

                    .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_light b {
                        font-size: 19px
                    }

                .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: 15px;
                    background: #3eb2aa;
                    color: #000;
                    border-radius: 5px;
                    justify-content: center
                }

                .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: 15px;
                    background: #edf1c4;
                    border-radius: 5px;
                    justify-content: center
                }

                .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: 15px;
                    background: #aeffe1;
                    border-radius: 5px;
                    justify-content: center;
                    gap: 5px
                }

                    .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row .new_aff_calc_blue b {
                        font-size: 19px
                    }

                .new_aff_calc_con .new_aff_calc_l3 .new_aff_calc_l3_con .new_aff_calc_row span {
                    font-size: 15px;
                    color: #fff
                }

        .new_aff_calc_con .new_aff_calc_l3 p {
            margin-top: 20px;
            font-size: 13px;
            color: #ff7575
        }

.new_aff_legend {
    padding: 10px 15px;
    font-size: 14px;
    margin-right: auto;
    color: #fff;
    background: #000;
    border: 1px solid #3eb2aa;
    border-radius: 999px
}



.comm_main_wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    gap: 20px
}

    .comm_main_wrap .comm_col {
        flex: 1;
        gap: 20px
    }

        .comm_main_wrap .comm_col .comm_title_row {
            width: 100%;
            gap: 10px;
            justify-content: center;
            align-items: center;
            gap: 15px
        }

            .comm_main_wrap .comm_col .comm_title_row .sm_block {
                width: 45px
            }

            .comm_main_wrap .comm_col .comm_title_row .title {
                font-size: 12px;
                color: #000;
                padding: 12px;
                min-width: 100px;
                text-align: center;
                background: linear-gradient(45deg, rgb(191, 192, 194) 21%, rgb(255, 255, 255) 100%);
                border-radius: 5px
            }

                .comm_main_wrap .comm_col .comm_title_row .title:nth-child(2) {
                    min-width: 220px
                }

        .comm_main_wrap .comm_col .comm_row {
            width: 100%;
            justify-content: center;
            align-items: center;
            gap: 15px
        }

            .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: 45px;
                height: 40px;
                border-radius: 10px;
                color: #fff;
                font-size: 15px;
                font-weight: 700;
                box-shadow: 0px 0px 10px rgba(0,0,0,.5);
                display: flex;
                justify-content: center;
                align-items: center
            }

            .comm_main_wrap .comm_col .comm_row .comm_infor {
                padding: 12px 20px;
                border-radius: 10px;
                font-size: 12px;
                color: #fff;
                font-weight: 600;
                text-align: center
            }

            .comm_main_wrap .comm_col .comm_row .rebate_infor {
                padding: 12px 20px;
                border-radius: 10px;
                font-size: 12px;
                color: #fff;
                font-weight: 600;
                text-align: center
            }

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

    .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: 45px;
        height: 40px;
        border-radius: 10px;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        box-shadow: 0px 0px 10px rgba(0,0,0,.5);
        display: flex;
        justify-content: center;
        align-items: center
    }

    .comm_row .comm_infor {
        padding: 12px 20px;
        border-radius: 10px;
        font-size: 12px;
        color: #fff;
        font-weight: 600;
        min-width: 220px;
        text-align: center
    }

    .comm_row .rebate_infor {
        padding: 12px 20px;
        border-radius: 10px;
        font-size: 12px;
        color: #fff;
        font-weight: 600;
        min-width: 100px;
        text-align: center
    }


.affiliate_textbox input {
    width: 100%;
    font-size: 1vw;
    background: none;
    color: #fff;
    border: none;
}

.index_slot_con .btn_wrap {
    gap: 10px;
    float: right;
}

    .index_slot_con .btn_wrap .fa-angle-left, .index_slot_con .btn_wrap .fa-angle-right {
        font-size: 13px;
        padding: 5px 8px;
        border: 1px solid #fff;
        background-color: #3eb278;
        border-radius: 69%;
        color: #fff;
        cursor: pointer;
    }


.kpi_wrap .kpi_title_row .kpi_title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    width: -moz-fit-content;
    width: fit-content;
    border: .6mm solid #2b3990;
    background: #000811;
    border-radius: 10px;
    opacity: .4;
    cursor: pointer;
    transition: .4s;
}

    .kpi_wrap .kpi_title_row .kpi_title.active {
        opacity: 1;
    }

.profile_left .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;
}

.index_slot_con .arrow_container {
    display: flex;
    position: absolute;
    transform: rotate(-90deg) translateY(-50%);
    top: 55%;
    right: 5%;
    pointer-events: none;
    z-index: 9999;
}

    .index_slot_con .arrow_container .arrow {
        position: absolute;
        width: 20px;
        height: 7px;
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5);
        animation: move 3s ease-out infinite;
    }

        .index_slot_con .arrow_container .arrow:first-child {
            animation: move 3s ease-out 1s infinite;
        }


@keyframes move {
    25% {
        opacity: 1;
    }

    33% {
        opacity: 1;
        transform: translateY(30px);
    }

    67% {
        opacity: 1;
        transform: translateY(40px);
    }

    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}


.index_slot_con .arrow_container .arrow:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.index_slot_con .arrow_container .arrow:before, .index_slot_con .arrow_container .arrow:after {
    content: " ";
    position: absolute;
    top: 0;
    background: #fff;
    height: 100%;
    width: 51%;
}

.index_slot_con .arrow_container .arrow:after {
    right: 0;
    z-index: 9999;
    cursor: not-allowed;
    width: 50%;
    transform: skew(0deg, -30deg);
}


.index_slot_con .btn_wrap .fa-angle-right {
    animation: 3s border_glow infinite;
}

@keyframes border_glow {

    0%, 100% {
        border: 1px solid #162c58;
    }

    50% {
        border: 1px solid #29af70;
    }
}

/*Lottery*/

.lottery_wrap {
    width:100%;
    padding:50px;
    display:flex;
    flex-direction:column;
   gap:30px;

}

.lottery_provider {
    border-radius: 20px;
    background: #010b12;
    border: .6mm solid #162c58;
    padding: 30px 20px 30px 30px;
    display: flex;
    width: 100%;
    flex-direction: row;
    gap:15px;
    margin:auto;
    align-content:space-between;
}
    .lottery_provider  .lottery_provider_wrap {
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
.lottery_provider_logo {
    width: 100%;
    max-width: 220px;
 
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.8));
}

.account_info {
  display:flex;
  flex-direction:column;
  text-align:center;
 gap:20px;
  width:100%;
}

    .account_info .wallet_balance {
        font-size:2vmin;
        color: #2bb46b;
 
    }

    .low_balance {
        font-size:1.5vmin;
        color: red;
        align-items:flex-start;
        text-align:left;
    }

.lottery_button {
    border-radius: 10px;
    background:none;
    width: auto;
    padding: 10px 20px;
    color: #fff;
    border:none;
    justify-content:center;
     align-items:flex-end;
}

.lottery_button_wrap .lottery_button:first-child {
    background-color: #282730;
}
.lottery_button_wrap a.lottery_button {
    background-color: #3a8c4d;
}

.lottery_company {
   width:70%;
   margin:0 auto;
 display:flex;
 flex-direction:row;
   gap:15px;
  justify-content:space-around;

}



    .lottery_company .lottery_result_item {
        background: #2b333b;
       width:40%;
       margin:0 auto;
        border-radius: 15px;
    }
    .lottery_company .lottery_result_item .lottery_result_header {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    padding:16px;
    color:#fff;

 
    }
        .lottery_company .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_company .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_company .lottery_result_item .lottery_result_6D .row {
        padding: 10px;
        margin:auto;
        width:100%;
        text-align:center;
    }
    .lottery_company .lottery_result_item .lottery_result_6D .row span{
         font-size:1.5vmin;
        margin:0 auto;
    }

    .lottery_company .lottery_result_item .lottery_result_6D .row:nth-child(2n+2) {
        background-color: #757575;
    }
.popup_wrap {
    display: none;
    position: fixed;
    width: 100%;
    top:0;
    left:0;
    height:100%;
    background-color: rgba(0,0,0,0.5);
    backdrop-filter: blur(10px);
    
    z-index: 991;
}

    .popup_wrap .popup {
        background-color: #282930;
           
        width: 70%;
        max-height:600px;
        margin:3% auto;
        overflow:auto;
        text-align:center;
    }

        .popup_wrap .popup .title {
            width: 100%;
            display:flex;
            background: #2bb46b;
            padding: 12px 15px;
            border-radius: 10px 10px 0 0;
            font-size: 2vmin;
            color: #fff;

            justify-content: space-between;
            align-items: center;
            font-weight: 600;
        }

        .popup_wrap .popup .payout_content {
            display: flex;
            padding: 12px 15px;
            width:100%;
            flex-direction: column;
            text-align: center;
        }

            .popup_wrap .popup .payout_content .payout_title {
                color: #fff;
                font-size: 15px;
                font-weight: 500;
                padding: 12px 15px;
            }

            .popup_wrap .popup .payout_content table {
                border-radius: 10px;
                box-shadow: 0px 0px 10px #000;
                font-size: 2vmin;
                color: #fff;
                margin: 0 auto;
            }

                .popup_wrap .popup .payout_content table tr td {
                    border: 1px solid #333435; padding: 12px 15px;
                }
                .popup_wrap .popup .payout_content table tr:nth-child(2n+1) {
                    background: #82878c;
                }
.search {
    min-width:200px;
    position:relative;
    z-index: 3;
   margin: auto 0;
}

.searchinput {
    border: none;
    background: none;
    padding: 10px 15px;
    border: 1px solid #162c58;
    background-color: #000811;
    border-radius: 15px;
    color:#fff;
    text-align:left;
 
    margin-right: 20px;

}

    .searchinput.hightlighted {
        border: none;
        appearance: none;
        outline-offset: 0;
        border: 1px solid #2bb46b;
        color: #fff;
        cursor: text;
        border-radius: 15px;
    }

.searchdropbox {
    position: absolute;
    top: 50px;

    left: 0;
    background-color: #000811;
}

.dnone {
    display: none;
}

    .searchdropbox.show {
        display:flex;
        border-radius: 20px;
        color:#fff;
        padding:10px 15px;
        overflow:auto;
        min-height:500px;
        background-color: #000811;
    }

.searchdropbox .searchitem {
    color: #fff;
    border-bottom: 1px solid #2bb46b;
    padding: 10px 15px;
}
    .searchdropbox .searchitem:last-child {
        border-bottom:none;
    }


@media only screen and (max-width: 500px) {


    .search {
        display:none;
    }
}


.new_reward_con {
    width: 96%;
    margin: 0 auto;
    padding: 20px;
    background: #0a1e26;
    border-radius: 10px;
    align-items: flex-start;
    justify-content: space-between
}

    .new_reward_con .new_reward_left {
        width: 20%;
        gap: 20px
    }

        .new_reward_con .new_reward_left .new_reward_user {
            width: 100%;
            align-items: flex-start;
            gap: 10px
        }

            .new_reward_con .new_reward_left .new_reward_user .new_reward_username {
                font-size: 16px;
                font-weight: 600;
                color: #fff
            }

            .new_reward_con .new_reward_left .new_reward_user .new_reward_point {
                width: 100%;
                padding: 10px 10px;
                justify-content: space-between;
                background: #011019;
                border-radius: 10px
            }

                .new_reward_con .new_reward_left .new_reward_user .new_reward_point img {
                    width: 34px
                }

                .new_reward_con .new_reward_left .new_reward_user .new_reward_point span {
                    font-size: 14px;
                    color: #fff
                }

            .new_reward_con .new_reward_left .new_reward_user .new_reward_expired {
                font-size: 12px;
                gap: 5px;
                color: gray
            }

        .new_reward_con .new_reward_left .new_reward_nav {
            width: 100%;
            gap: 10px
        }

            .new_reward_con .new_reward_left .new_reward_nav .new_reward_nav_item {
                width: 100%;
                padding: 10px;
                background: #011019;
                font-size: 14px;
                color: #fff;
                gap: 10px;
                border-radius: 10px;
                transition: .3s;
                cursor: pointer
            }

                .new_reward_con .new_reward_left .new_reward_nav .new_reward_nav_item img {
                    width: 30px
                }

                .new_reward_con .new_reward_left .new_reward_nav .new_reward_nav_item:hover {
                    background: rgba(255,255,255,.1)
                }

            .new_reward_con .new_reward_left .new_reward_nav .new_reward_nav_item_active {
                background: rgba(255,255,255,.1)
            }

    .new_reward_con .new_reward_right {
        display: none;
        width: 78%;
        padding: 20px;
        align-items: flex-start;
        background: #011019;
        border-radius: 10px;
        gap: 20px
    }

        .new_reward_con .new_reward_right h1 {
            font-size: 16px;
            color: #2bb46b
        }

        .new_reward_con .new_reward_right .new_reward_grid_cover {
            width: 100%;
            max-height: 70vh;
            overflow-y: auto
        }

            .new_reward_con .new_reward_right .new_reward_grid_cover .new_reward_grid {
                width: 100%;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 20px
            }

                .new_reward_con .new_reward_right .new_reward_grid_cover .new_reward_grid .new_reward_grid_item {
                    width: 100%;
                    background: #0a1e26;
                    border-radius: 10px;
                    overflow: hidden;
                    position: relative
                }

                    .new_reward_con .new_reward_right .new_reward_grid_cover .new_reward_grid .new_reward_grid_item img {
                        width: 100%
                    }

                    .new_reward_con .new_reward_right .new_reward_grid_cover .new_reward_grid .new_reward_grid_item .new_reward_grid_item_info {
                        width: 100%;
                        padding: 15px;
                        justify-content: space-between
                    }

                        .new_reward_con .new_reward_right .new_reward_grid_cover .new_reward_grid .new_reward_grid_item .new_reward_grid_item_info span {
                            font-size: 14px;
                            color: #fff;
                            font-weight: bold
                        }

                        .new_reward_con .new_reward_right .new_reward_grid_cover .new_reward_grid .new_reward_grid_item .new_reward_grid_item_info p {
                            font-size: 12px;
                            color: #fff
                        }

                    .new_reward_con .new_reward_right .new_reward_grid_cover .new_reward_grid .new_reward_grid_item .new_reward_item_cover {
                        width: 100%;
                        height: 100%;
                        background: rgba(0,0,0,.5);
                        justify-content: center;
                        position: absolute;
                        top: 0;
                        left: 0;
                        transition: .3s;
                        visibility: hidden;
                        opacity: 0
                    }

                        .new_reward_con .new_reward_right .new_reward_grid_cover .new_reward_grid .new_reward_grid_item .new_reward_item_cover a {
                            padding: 10px 15px;
                            font-size: 14px;
                            color: #fff;
                            background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                            border-radius: 999px
                        }

                    .new_reward_con .new_reward_right .new_reward_grid_cover .new_reward_grid .new_reward_grid_item:hover .new_reward_item_cover {
                        visibility: visible;
                        opacity: 1
                    }

        .new_reward_con .new_reward_right .new_reward_history {
            width: 100%;
            max-height: 70vh;
            gap: 20px;
            overflow-y: auto
        }

            .new_reward_con .new_reward_right .new_reward_history .new_reward_date {
                width: 100%;
                gap: 10px
            }

                .new_reward_con .new_reward_right .new_reward_history .new_reward_date input {
                    padding: 10px;
                    font-size: 14px;
                    background: #0a1e26;
                    color: #fff;
                    border: 0;
                    border-radius: 10px
                }

                .new_reward_con .new_reward_right .new_reward_history .new_reward_date span {
                    font-size: 14px;
                    color: #fff
                }

                .new_reward_con .new_reward_right .new_reward_history .new_reward_date button {
                    padding: 10px 20px;
                    font-size: 14px;
                    color: #fff;
                    background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                    border: 0;
                    border-radius: 999px
                }

            .new_reward_con .new_reward_right .new_reward_history .new_reward_table {
                width: 100%
            }

                .new_reward_con .new_reward_right .new_reward_history .new_reward_table table {
                    width: 100%;
                    border-collapse: collapse
                }

                    .new_reward_con .new_reward_right .new_reward_history .new_reward_table table th {
                        padding: 5px 0;
                        font-size: 14px;
                        color: #fff;
                        background: #2bb46b
                    }

                        .new_reward_con .new_reward_right .new_reward_history .new_reward_table table th:first-child {
                            border-radius: 5px 0 0 5px
                        }

                        .new_reward_con .new_reward_right .new_reward_history .new_reward_table table th:last-child {
                            border-radius: 0 5px 5px 0
                        }

                    .new_reward_con .new_reward_right .new_reward_history .new_reward_table table td {
                        padding: 5px 0;
                        font-size: 14px;
                        color: #fff;
                        text-align: center
                    }

        .new_reward_con .new_reward_right .new_reward_tnc {
            width: 100%;
            max-height: 70vh;
            gap: 20px;
            overflow-y: auto
        }

            .new_reward_con .new_reward_right .new_reward_tnc ol {
                width: 100%;
                line-height: 1.8
            }

                .new_reward_con .new_reward_right .new_reward_tnc ol li {
                    font-size: 14px;
                    color: gray
                }

    .new_reward_con .reward_reward {
        display: flex
    }

.new_reward_pop {
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999
}

    .new_reward_pop .new_reward_wrap {
        width: 50%;
        max-width: 800px;
        padding: 20px;
        background: #0a1e26;
        align-items: flex-start;
        border-radius: 10px;
        gap: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

        .new_reward_pop .new_reward_wrap .new_reward_img {
            width: 40%;
            border-radius: 10px;
            overflow: hidden
        }

            .new_reward_pop .new_reward_wrap .new_reward_img img {
                width: 100%
            }

        .new_reward_pop .new_reward_wrap .new_reward_pop_info {
            width: 60%;
            align-items: flex-start;
            gap: 10px
        }

            .new_reward_pop .new_reward_wrap .new_reward_pop_info .new_reward_pop_title {
                font-size: 18px;
                color: #2bb46b;
                font-weight: bold
            }

            .new_reward_pop .new_reward_wrap .new_reward_pop_info .new_reward_pop_detail {
                width: 100%;
                align-items: flex-start;
                gap: 10px
            }

                .new_reward_pop .new_reward_wrap .new_reward_pop_info .new_reward_pop_detail span {
                    font-size: 14px;
                    color: #fff
                }

                .new_reward_pop .new_reward_wrap .new_reward_pop_info .new_reward_pop_detail p {
                    font-size: 14px;
                    color: gray
                }

                .new_reward_pop .new_reward_wrap .new_reward_pop_info .new_reward_pop_detail ul {
                    padding-left: 25px;
                    line-height: 1.8
                }

                .new_reward_pop .new_reward_wrap .new_reward_pop_info .new_reward_pop_detail li {
                    font-size: 12px;
                    color: gray
                }

                .new_reward_pop .new_reward_wrap .new_reward_pop_info .new_reward_pop_detail .new_reward_form {
                    width: 100%;
                    align-items: flex-start;
                    gap: 10px
                }

                    .new_reward_pop .new_reward_wrap .new_reward_pop_info .new_reward_pop_detail .new_reward_form input {
                        width: 100%;
                        padding: 10px;
                        font-size: 14px;
                        background: #011019;
                        color: #fff;
                        border: none;
                        border-radius: 10px
                    }

                    .new_reward_pop .new_reward_wrap .new_reward_pop_info .new_reward_pop_detail .new_reward_form textarea {
                        width: 100%;
                        height: 80px;
                        padding: 10px;
                        font-size: 14px;
                        background: #011019;
                        color: #fff;
                        border: none;
                        border-radius: 10px;
                        resize: none
                    }

            .new_reward_pop .new_reward_wrap .new_reward_pop_info button {
                padding: 5px 15px;
                margin-top: 20px;
                font-size: 16px;
                color: #fff;
                background: linear-gradient(45deg, rgb(62, 178, 120) 67%, rgb(3, 167, 155) 100%);
                border: 0;
                border-radius: 10px
            }

        .new_reward_pop .new_reward_wrap .new_reward_pop_close {
            font-size: 16px;
            color: #fff;
            cursor: pointer
        }

.slotxSwiper .index_slot_block img {
    width: 100%;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6));
}

.slotxSwiper .index_slot_block {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.lc_slot_swiper .index_slot_block img {
    width: 100%;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6));
}

.lc_slot_swiper .index_slot_block {
    flex: 1;
}

.swiper-horizontal {
    touch-action: pan-y;
}
.logged_profile_wrap .profile_right .card_wrap .crt_comm_lvl_wrap img {
    width: 28px;
}

.flex-end {
    align-items: flex-end
}

.cateSwiper {
    padding-top: 35px !important;
    padding-bottom: 15px !important
}

.img_sp {
    position: absolute;
    top: -25px;
    right: 5px
}

    .img_sp img {
        width: 40px;
        height: unset !important
    }

.choose_anim {
    position: relative
}

    .choose_anim::after, .choose_anim::before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: -0.2rem;
        background: conic-gradient(from var(--angle, 0deg), #ff2323, #FF4E50, #ffb33e, #ffb77e, #ffb33e, #FF4E50, #ff2323);
        border-radius: inherit;
        animation: spin-gradient 2.5s linear infinite
    }

    .choose_anim::after {
        filter: blur(1rem)
    }