@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");

/* common */

/* Desktop */
input::-webkit-input-placeholder {
    /* Edge */
    color: #fff;
}
.sub_aff16_12 #loadData {
    margin-bottom: 50px;
}
input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

input::placeholder {
    color: #fff;
}
.per_w_50 {
    width: 50%;
}

.per_w_60 {
    width: 60%;
}

.per_w_40 {
    width: 40%;
}

.m-a {
    margin: auto;
}

.mb-17 {
    margin-bottom: 17px;
}
.ksr_icon {
    background-image: url(../../assets/IMG/lock.png) !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 15px !important;
}
.faq_section {
    background: #212121;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    border-radius: 12px;
    margin: 10px auto 15px auto;
}
.faq2112 .wlt-tran-text {
    margin: 5px auto;
}
.faq_content {
    display: none;
    padding: 15px 10px;
    font-size: 13px;
}
.faq_content p {
    margin-bottom: 0 !important;
}
.act_head ~ .faq_content {
    display: block !important;
}
.faq_heading {
    padding: 14px;

    font-size: 13px;
    position: relative;
}
.faq_section_ {
    border-bottom: 0.5px solid #3a3a3a;
}
.faq_section .faq_section_:last-child {
    border: 0px solid !important;
}
.faq_heading:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../IMG/faq_arrow.png);
    top: 20px;
    right: 5px;
    position: absolute;
    display: inline-block;
    background-size: 15px;
    background-repeat: no-repeat;
}
.act_head {
    background: linear-gradient(
        270deg,
        #c6a21a 0%,
        #f4a100 70.31%,
        #956204 100%
    );
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 12px 12px 0px 0px;
    margin-top: 10px;
}
.act_head:after {
    background-image: url(../IMG/faq_arrow1.png) !important;
    display: inline-block;
    background-size: 15px;
    background-repeat: no-repeat;
}
.aj-page .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin: 1px !important;
    line-height: 1.25;
    color: #fff !important;
    background-color: #262626;
    font-size: 0.9rem;
    border: 1px solid #000;
    border-radius: 6px;
}
.p10 {
    padding: 10px;
}
.d_c_122 .earning_inner_section_bottom1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* header */

.wlt-head-text {
    font-family: "Poppins", sans-serif;
}

/* profit slab */
.btn_slab_section {
    background: #262626;

    border-radius: 10px 10px 0 0;
    margin-bottom: -10px;
    display: flex;
    margin-top: 10px;
    font-size: 13px;
}
.a1.active {
    background: #f9bb22;
    box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.45);
    border-radius: 12px 0px 0px 4px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.65);
}
.a2.active {
    background: #f9bb22;
    box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.45);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.65);
    border-radius: 0px 12px 4px 0px;
}
.btn_slab_section a {
    color: #fff;
    width: 50%;
    text-align: center;
    float: left;
    padding: 10px;
}

.slab_percentage_section {
    background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
    box-shadow: 0px 2.98265px 11.1849px rgba(211, 55, 179, 0.4);
    border-radius: 12px;
    display: flex;
    justify-content: space-around;
}

.per_content2 {
    background: linear-gradient(
        90.34deg,
        rgba(253, 253, 253, 0.13) 3%,
        rgba(255, 255, 255, 0.29) 99.74%
    );
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    padding: 10px 20px;
    margin: 20px;
}

.per_content2 p {
    padding: 0;
    font-size: 44px;
    text-align: center;
    margin: 0;
    font-family: Evogria;
}

.per_content1 {
    text-align: center;
}

.per_content1 p {
    font-size: 21px;
    margin: 0;
}

.slab_level_section {
    background: linear-gradient(90deg, #303030 0%, #434343 100%);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    margin-top: 40px;
    position: relative;
}

.level {
    max-width: 32px;
    margin: 10px;
}

.level_content {
    text-align: center;
    position: relative;
    top: -24px;
}

.cir {
    max-width: 35px;
    position: absolute;
    top: -16px;
    right: 9px;
}

.level_content h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 5px;
}

.level_content p {
    font-size: 12px;
    margin: 0 !important;
}

.type_img img {
    max-width: 45px;
}

.type_inner_section {
    width: 100%;
    background: #292929;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    border-radius: 12px;
    margin: 10px 0;
    font-size: 13px;
}

.type_img {
    width: 70px;
}

.type_name {
    font-weight: 600;
    font-size: 13px;
}

.type_per {
    color: #f9bb22;
}

.type_inner_section tr {
    border-bottom: 0.5px solid #3a3a3a;
    height: 50px;
}

.type_inner_section tr:last-child {
    border: none !important;
}

.slab_label_section {
    margin: 25px auto;
    text-align: center;
}

.sports_section_slab1 {
    position: relative;
    padding: 30px 20px;
    margin-bottom: 20px;
    margin-top: 23px;
}

.sports_section_slab1.px1 {
    width: 49%;
    margin-right: 1%;
    background: linear-gradient(90deg, #262626 0%, #313131 100%);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
}

.sports_section_slab1.px2 {
    width: 49%;
    margin-left: 1%;
    background: linear-gradient(90deg, #262626 0%, #313131 100%);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
}

img.img-responsive.spor_icon {
    max-width: 66px;
    position: absolute;
    top: -28px;
    left: calc(50% - 33px);
}

.slab_sports_section {
    display: flex;
}

.sports_section_slab1 p,
.sports_section_slab1 h6 {
    text-align: center;
    margin: 0;
    line-height: 30px;
}

.sports_section_slab1 h6 {
    font-weight: 800;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
}

.sports_section_slab1 p {
    color: #f9bb22;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
}

/* sub_affiliates */

.seachbar {
    background: linear-gradient(90deg, #262626 0%, #313131 100%);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
}
.d121 {
    margin: 10px auto;
    padding: 17px;
    background: #171717;
    box-shadow: 0px 2px 7px rgb(249 187 34 / 24%);
    border-radius: 12px;
    margin-top: 20px;
    border: 1px solid #f9bb22;
}
.d121 p {
    margin: 0;
    padding: 12px;
    text-transform: uppercase;
    color: #f9bb22;
}
.seachbar input {
    width: 97%;
    padding: 12px 15px;
    border: 0px solid !important;
    color: #fff;
    background-image: url("../../assets/IMG/search.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px;
    background-color: transparent;
}

.seachbar input:focus-visible {
    outline: 0px solid !important;
}

.sub_affiliates_section {
    background: linear-gradient(146.03deg, #f2cd0c 0%, #089b0e 100%);
    box-shadow: 0px 2.98265px 11.1849px #608423;
    border-radius: 12px;
    padding: 30px;
    margin: 20px auto 10px auto;
    font-size: 12px;
}

.sub_affiliates_section p {
    margin: 0;
}

.sub_affiliates_section p span {
    font-size: 15px;
    text-align: right;
    float: right;
    font-family: Evogria;
    margin-top: -2px;
}

.sub_settle_section {
    display: flex;
}

.se1 {
    background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
    box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
    border-radius: 12px;
    width: 49%;
    text-align: center;
    margin-right: 1%;
}

.se2 {
    background: linear-gradient(146.03deg, #07b4fe 0%, #5936e3 100%);
    box-shadow: 0px 2.98265px 11.1849px rgba(43, 125, 243, 0.4);
    border-radius: 12px;
    width: 49%;
    text-align: center;
    margin-left: 1%;
}

.sub_settle_section1 h5 {
    font-family: Evogria;
    margin-bottom: 15px;
    /* margin-top: 10px; */
    font-size: 14px;
}

.sub_settle_section1 p {
    font-size: 13px;
    padding: 10px 0;
    min-height: 59px;
    margin: auto;
    vertical-align: middle;
}

.se1 p {
    padding-top: 20px;
}

.earning_section {
    margin-top: 23px;
}

.earning_section h3 {
    font-family: "Evogria";
    font-size: 16px;
    margin-bottom: 0px;
}

.earning_inner_section {
    background: #212121;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    border-radius: 12px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.earning_inner_section_top,
.earning_inner_section_bottom {
    display: flex;
}

.earning_inner_section_top1 {
    width: 50%;
}

.earning_inner_section_top1 p {
    margin: 0;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    text-transform: capitalize !important;
}

.earing_sec1 p img {
    max-width: 20px;
    margin: 0 10px;
    position: relative;
    top: -4px;
}

.earing_sec1 p {
    /* display: flex; */
    margin: 0;
    font-size: 13px;
}

.earning_inner_section_bottom1 {
    width: 50%;
    text-align: center;
}

.earning_inner_section_bottom {
    display: flex;
    background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    border-radius: 12px;
    margin: 10px;
    padding: 10px;
}

.earning_inner_section_top {
    background: #282828;
    padding: 6px;
    border-radius: 12px 12px 0 0;
}

.earing_sec1 {
    position: relative;
    top: 3px;
}

.ser1 {
    text-align: left;
    margin-left: 15px;
}

.ser2 {
    text-align: right;
    margin-right: 20px;
}

.ser2 p {
    color: #f9bb22;
}

.more_btn {
    background: linear-gradient(
        270deg,
        #c6a21a 0%,
        #f4a100 70.31%,
        #956204 100%
    );
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    border-radius: 12px;
    color: #fff;
    text-decoration: none;
    /* width: 100%; */
    display: block;
    padding: 10px 15px;
    margin: 10px;
    text-align: center;
}

img.img-responsive.add_sec {
    max-width: 35px;
    margin-right: 5px;
}

.bot_section1 {
    background: linear-gradient(90deg, #262626 0%, #313131 100%);
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    border-radius: 12px;
    width: 49%;
    padding: 10px 10px 7px 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.bot_section {
    display: flex;
}

.src2 {
    margin-left: 1%;
}

.src1 {
    margin-right: 1%;
}

.bot_section3 {
    background: linear-gradient(90deg, #262626 0%, #313131 100%);
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    border-radius: 12px;
    text-align: center;
    padding: 10px 10px 7px 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

p.p2_name {
    text-align: right;
    margin-right: 20px;
}

p.p1_name {
    text-align: left;
    margin-left: 20px;
}

.mlr-0 {
    margin: 10px 0 !important;
}

/* player reports */
.mr_form .form-group {
    margin-bottom: 6px;
}
.sert1 {
    background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
    box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    display: flex;
}

.sert2 {
    background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
    box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
    display: flex;
}

.sert12 p,
.sert12 h5 {
    padding: 0;
    margin: 0;
    min-height: auto;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    text-align: left;
}

.sert11,
.sert12 {
    margin: auto;
    padding: 15px 9px;
}

.sert12 p {
    font-size: 11px;
}

.sert12 {
    margin-left: -10px;
}

.sert11 img {
    max-width: 40px;
}

/* ================================ */

/* settlement report */

/* ================================ */
.aj-new-cal-icon img {
    max-width: 16px;
    margin-right: 4px;
}
.amt_sec1 p {
    display: flex;
}
.amt_sec1 img {
    margin: 0 0 0 12px;
}
.sett_his .amt_sec1 {
    float: right;
}
.tab121 .p1_name {
    margin: 0 !important;
}
.sett_his p {
    font-size: 11px !important;
}
.sett_his .date_sec p {
    text-align: left;
}
.stat_player {
    color: #ff50da;
    text-transform: inherit !important;
}
.stat_sub-affiliate {
    color: #3ed1ff;
    text-transform: inherit !important;
}

.stst_hid {
    color: #535353;
    font-size: 10px;
}
.wlt-tran-date {
    display: flex;
    padding: 5px;
}
.settlement_report_section p {
    text-transform: capitalize;
}

.download_section {
    display: inline-block;
    width: 100%;
}

.download_section a {
    text-align: right;
    float: right;
    margin: 10px auto;
    color: #fff;
    font-size: 12px;
}

.download_section img {
    max-width: 35px;
    margin-top: 6px;
}

td.type_img1 {
    width: 70px;
    text-align: center;
}

td.type_img1 img {
    width: 22px;
}

.type_name1 {
    padding-left: 10px;
}

.type_amt1 {
    width: 70px;
    text-align: center;
}

.type_amt1 img {
    width: 10px;
}

.genete_btn {
    text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
    margin: 10px 0;
    font-weight: 600;
}

/* ================================ */

/* create sub affiliates */

/* ================================ */

.form-group {
    background: linear-gradient(90deg, #262626 0%, #313131 100%);
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    border-radius: 12px;
    display: inline-block;
    width: 100%;
}

.form-group input {
    width: 94%;
    padding: 12px 27px;
    border: 0px solid !important;
    color: #fff;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px;
    background-color: transparent;
    float: right;
}

.username input {
    background-image: url(../../assets/IMG/username.svg);
}

.password input {
    background-image: url(../../assets/IMG/password.svg);
}

.mobile input {
    background-image: url(../../assets/IMG/mobile.svg);
}

.email input {
    background-image: url(../../assets/IMG/email.svg);
}

.form-group {
    margin-bottom: 5px;
}

.form-group input:focus-visible,
.form-group textarea:focus-visible {
    outline: 0px solid !important;
}

.submit_btn {
    background: linear-gradient(
        270deg,
        #c6a21a 0%,
        #f4a100 70.31%,
        #956204 100%
    );
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    border-radius: 12px;
    width: 100%;
    border: 0px solid !important;
    padding: 13px;
    color: #ffffff;
    text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
    font-size: 17px;
}

.info_graphic_section {
    text-align: center;
}

.info_graphic_section img {
    margin: 40px auto;
}

.skip_btn {
    border: 0.5px solid #f9bb22;
    box-sizing: border-box;
    border-radius: 6px;
    width: 67px;
    text-align: center;
    color: #f9bb22;
    float: right;
    position: absolute;
    right: 10px;
    font-size: 12px;
    padding: 4px 10px;
    background-color: transparent;
}

.profit {
    max-width: 17px;
}

.range_content {
    font-size: 13px;
}

.range_content span {
    margin-left: 10px;
    position: relative;
    top: 1px;
}

.info {
    max-width: 19px;
    float: right;
    margin-right: 5px;
}

.slder_range {
    width: 70px;
    background: #282828;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    border-radius: 8px;
    height: 50px;
    display: block;
    margin-right: 10px;
    padding: 14px;
    text-align: center;
}

.slidecontainer {
    width: 100%;
    display: flex;
}

/* ==================================== */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .apb-one-text,
    .apb-two,
    .apb-three-numb,
    .apb-three-view {
        font-size: 20px !important;
    }
    .all-ply-body-item .apb-one .apb-one-img {
        width: 35px !important;
        height: 35px !important;
    }
    .fix_btn {
        position: fixed;
        width: 100%;
        bottom: 100px;
        background: #282828;
        z-index: 999;
        left: 0;
        right: 0;
    }
    .re_1612 .ss_inner .set_section img {
        max-width: 60px !important;
    }
    .re_1612 .ss_inner .set_section p {
        font-size: 20px !important;
        line-height: 20px !important;
    }
    .re_1612 {
        margin-top: 110px !important;
    }
    .re_1612 .sub_settle_section1 {
        color: #fff;
    }
    .tickets_section_mobile {
        margin-bottom: 75px;
    }
    .cycle_date_section1.c122 p {
        font-size: 20px !important;
    }
    .tic1612 {
        margin-top: 110px !important;
    }
    .sub_aff16_12 {
        padding-top: 0 !important;
        margin-top: 110px;
    }
    .per_w_50 {
        width: 50%;
    }
    .per_w_60 {
        width: 60%;
    }
    .per_w_40 {
        width: 40%;
    }
    .m-a {
        margin: auto;
    }
    .mb-17 {
        margin-bottom: 17px;
    }
    /* ================================ */
    /* header */
    /* ================================ */
    .wlt-head-text {
        font-family: "Poppins", sans-serif;
    }
    /* ================================ */
    /* profit slab */
    /* ================================ */
    .slab_percentage_section {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(211, 55, 179, 0.4);
        border-radius: 12px;
        display: flex;
        justify-content: space-around;
    }
    .per_content2 {
        background: linear-gradient(
            90.34deg,
            rgba(253, 253, 253, 0.13) 3%,
            rgba(255, 255, 255, 0.29) 99.74%
        );
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 12px;
        padding: 10px 20px;
        margin: 20px;
    }
    .per_content2 p {
        padding: 0;
        font-size: 44px;
        text-align: center;
        margin: 0;
        font-family: Evogria;
    }
    .per_content1 {
        text-align: center;
    }
    .per_content1 p {
        font-size: 21px;
        margin: 0;
    }
    .slab_level_section {
        background: linear-gradient(90deg, #303030 0%, #434343 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        margin-top: 0px;
        position: relative;
    }
    .btn_slab_section a,
    .slab_type_section.gtabs.demo td.type_name,
    .slab_type_section.gtabs.demo td.type_amt,
    .slab_type_section.gtabs.demo .type_per,
    .slab_label_section p,
    .sports_section_slab1 p {
        font-size: 20px !important;
    }
    .sports_section_slab1 p {
        margin: 20px auto !important;
    }
    .player_1612 .sub_settle_section1 {
        padding: 20px 10px !important;
    }
    .player_1612 .sert11 img {
        max-width: 90px;
        width: 90px;
        margin-left: -7px;
    }
    .player_1612 .sert12 p,
    .player_1612 .sert12 h5 {
        font-size: 20px !important;
    }
    .player_1612 .filter_popup1 img {
        width: 90px !important;
    }
    .player_1612 .all-ply-content-head-item {
        width: 33.3333% !important;
        font-size: 25px !important;
    }
    .player_1612 .all-ply-content-head-item:nth-child(1) {
        text-align: left;
    }
    .player_1612 .all-ply-content-head-item:nth-child(3) {
        text-align: right;
    }
    .type_img img {
        max-width: 65px;
        margin-right: 10px;
    }
    .level {
        max-width: 61px;
        margin: 16px;
    }
    .level_content {
        text-align: center;
        position: relative;
        top: -53px;
    }
    .cir {
        max-width: 35px;
        position: absolute;
        top: -16px;
        right: 9px;
    }
    .level_content h4 {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-size: 30px;
        margin-bottom: 15px;
    }
    .level_content p {
        font-size: 20px;
        margin: 0 !important;
    }
    .type_img img {
        max-width: 45px;
    }
    .type_inner_section {
        width: 100%;
        background: #292929;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        margin: 10px 0;
        font-size: 13px;
    }
    .type_img {
        width: 70px;
    }
    .type_name {
        font-weight: 600;
        font-size: 13px;
    }
    .type_per {
        color: #f9bb22;
    }
    .type_inner_section tr {
        border-bottom: 0.5px solid #3a3a3a;
        height: 50px;
    }
    .type_inner_section tr:last-child {
        border: none !important;
    }
    .slab_label_section {
        margin: 25px auto;
        text-align: center;
    }
    .sports_section_slab1 {
        position: relative;
        padding: 30px 20px;
        margin-bottom: 20px;
        margin-top: 23px;
    }
    .sports_section_slab1.px1 {
        width: 49%;
        margin-right: 1%;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    .sports_section_slab1.px2 {
        width: 49%;
        margin-left: 1%;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    img.img-responsive.spor_icon {
        max-width: 66px;
        position: absolute;
        top: -28px;
        left: calc(50% - 33px);
    }
    .slab_sports_section {
        display: flex;
    }
    .sports_section_slab1 p,
    .sports_section_slab1 h6 {
        text-align: center;
        margin: 0;
        line-height: 30px;
    }
    .sports_section_slab1 h6 {
        font-weight: 800;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
    }
    .sports_section_slab1 p {
        color: #f9bb22;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
    }
    /* ================================ */
    /* sub_affiliates */
    /* ================================ */
    .seachbar {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    .seachbar input {
        width: 97%;
        padding: 27px;
        border: 0px solid !important;
        color: #fff;
        background-image: url(../../assets/IMG/search.svg);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 30px;
        background-color: transparent;
        font-size: 22px;
    }

    .sub_aff16_12 .earning_inner_section_top1 {
        width: 25% !important;
        text-align: center;
    }
    .sub_aff16_12 .earning_inner_section_top1 p {
        text-align: center !important;
        font-size: 25px;
    }
    .sub_aff16_12 .tab121 .aj-ser1-one img {
        min-width: 35px !important;
        width: 35px !important;
    }
    .aj-ser1-one {
        background-image: url(../IMG/avatar_bg.svg);
        width: 35px !important;
        height: 35px !important;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .sub_earn_1612 {
        margin-top: 110px !important;
    }
    .sub_earn_1612 .earning_inner_section_top1 {
        width: 33.33% !important;
        text-align: center;
    }
    .sub_earn_1612 .earning_inner_section_top1 p {
        text-align: center !important;
        font-size: 25px;
    }
    .sub_earn_1612 .earning_inner_section_top1:first-child p {
        text-align: left !important;
    }
    .sub_earn_1612 .aj-ser1-one img {
        min-width: 35px !important;
        width: 35px !important;
    }
    .sub_aff16_12 .tab121 .aj-ser1-two,
    .sub_aff16_12 .tab121 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 20px;
    }
    .sub_earn_1612 .aj-ser1-two,
    .sub_earn_1612 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 20px;
    }
    .sub_earn_1612 .earning_inner_section_bottom1 {
        width: 33.33% !important;
    }
    .sub_earn_1612 .earing_sec1 p {
        text-align: center !important;
    }
    .cr_sub_1612 {
        margin-top: 110px !important;
    }
    .sub_earn_1612 span.view_tag {
        width: 70px;
        margin: auto;
    }
    .sub_aff16_12 .earning_inner_section_bottom1 {
        width: 50%;
        text-align: center;
        width: 25% !important;
    }
    .sub_aff16_12 .earning_inner_section_bottom1 p {
        text-align: center !important;
    }
    .sub_aff16_12 .ser121 p {
        justify-content: space-evenly !important;
    }
    .sub_aff16_12 .s121 {
        float: none !important;
    }
    .sub_aff16_12 .earning_inner_section_top1:first-child p {
        text-align: left !important;
    }
    .seachbar input:focus-visible {
        outline: 0px solid !important;
    }
    .sub_affiliates_section {
        background: linear-gradient(146.03deg, #f2cd0c 0%, #089b0e 100%);
        box-shadow: 0px 2.98265px 11.1849px #608423;
        border-radius: 12px;
        padding: 30px;
        margin: 20px auto 10px auto;
        font-size: 12px;
    }
    .sub_affiliates_section p {
        margin: 0;
    }
    .sub_affiliates_section p span {
        font-size: 15px;
        text-align: right;
        float: right;
        font-family: Evogria;
        margin-top: -2px;
    }
    .sub_settle_section {
        display: flex;
    }
    .se1 {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
        border-radius: 12px;
        width: 49%;
        text-align: center;
        margin-right: 1%;
    }
    .se2 {
        background: linear-gradient(146.03deg, #07b4fe 0%, #5936e3 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(43, 125, 243, 0.4);
        border-radius: 12px;
        width: 49%;
        text-align: center;
        margin-left: 1%;
    }
    .sub_settle_section1 h5 {
        font-family: Evogria;
        margin-bottom: 15px;
        /* margin-top: 10px; */
    }
    .sub_settle_section1 p {
        font-size: 20px;
        padding: 16px 0;
        min-height: 41px;
        margin: auto;
        vertical-align: middle;
    }
    .sub_settle_section1 h5 {
        font-size: 22px;
    }
    .d121 p {
        margin: 0;
        padding: 20px;
        text-transform: uppercase;
        color: #f9bb22;
        font-size: 20px;
    }
    .se1 p {
        padding-top: 20px;
    }
    .earning_section {
        margin-top: 23px;
        padding-bottom: 40px;
    }
    .earning_section h3 {
        font-family: "Evogria";
        font-size: 30px;
        margin-bottom: 0px;
        color: #f9bb22;
    }
    .earning_inner_section {
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .earning_inner_section_top,
    .earning_inner_section_bottom {
        display: flex;
    }
    .earning_inner_section_top1 {
        width: 50%;
    }
    .earning_inner_section_top1 p {
        margin: 0;
        font-size: 12px;
        padding: 10px;
        text-align: center;
        text-transform: capitalize;
    }
    .earing_sec1 p img {
        max-width: 20px;
        margin: 0 10px;
        position: relative;
        top: -4px;
    }
    .earing_sec1 p {
        /* display: flex; */
        margin: 0;
        font-size: 13px;
    }
    .player_rpt .earning_inner_section_bottom1.p10.p1a.xy1231 {
        width: 35%;
    }
    .player_rpt .earning_inner_section_bottom1.p10.xy123 {
        width: 15% !important;
        margin-top: -5px;
    }
    .earning_inner_section_bottom1 {
        width: 50%;
        text-align: center;
    }
    .earning_inner_section_bottom {
        display: flex;
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        margin: 10px;
        padding: 20px;
        align-items: center;
    }
    .earning_inner_section_top {
        background: #282828;
        padding: 15px 6px;
        border-radius: 12px 12px 0 0;
    }
    .earing_sec1 {
        position: relative;
        top: 3px;
    }
    .ser1 {
        text-align: left;
        margin-left: 0px;
    }
    .ser2 {
        text-align: right;
        margin-right: 10px;
    }
    .ser2 p {
        color: #f9bb22;
    }
    .more_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        color: #fff;
        text-decoration: none;
        /* width: 100%; */
        display: block;
        padding: 20px 15px;
        margin: 10px;
        text-align: center;
        font-size: 20px;
    }
    img.img-responsive.add_sec {
        max-width: 35px;
        margin-right: 5px;
    }
    .filter_popups img {
        width: 70px !important;
    }
    .bot_section1 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 49%;
        padding: 10px 10px 7px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    .bot_section {
        display: flex;
    }
    .src2 {
        margin-left: 1%;
    }
    .src1 {
        margin-right: 1%;
    }
    .bot_section3 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        text-align: center;
        padding: 10px 10px 7px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    p.p2_name {
        text-align: right;
        margin-right: 20px;
    }
    p.p1_name {
        text-align: left;
        margin-left: 20px;
    }
    .mlr-0 {
        margin: 10px 0 !important;
    }
    /* ================================ */
    /* player reports */
    /* ================================ */
    .sert1 {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        display: flex;
    }
    .sert2 {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
        display: flex;
    }
    .sert12 p,
    .sert12 h5 {
        padding: 0;
        margin: 0;
        min-height: auto;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        text-align: left;
    }
    .sert11,
    .sert12 {
        margin: auto;
        padding: 15px 9px;
    }
    .sert12 p {
        font-size: 13px;
    }
    .sert12 {
        margin-left: -15px;
    }
    .sert11 img {
        max-width: 50px;
        width: 50px;
        margin-left: -7px;
    }
    /* ================================ */
    /* settlement report */
    /* ================================ */
    .settlement_report_section p {
        text-transform: capitalize;
    }
    .download_section {
        display: inline-block;
        width: 100%;
    }
    .download_section a {
        text-align: right;
        float: right;
        margin: 10px auto;
        color: #fff;
        font-size: 12px;
    }
    .download_section img {
        max-width: 35px;
        margin-top: 6px;
    }
    td.type_img1 {
        width: 70px;
        text-align: center;
    }
    td.type_img1 img {
        width: 22px;
    }
    .type_name1 {
        padding-left: 10px;
    }
    .type_amt1 {
        width: 70px;
        text-align: center;
    }
    .type_amt1 img {
        width: 10px;
    }
    .genete_btn {
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin: 10px 0;
        font-weight: 600;
    }
    /* ================================ */
    /* create sub affiliates */
    /* ================================ */
    .form-group {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: inline-block;
        width: 100%;
    }
    .form-group input,
    .form-group select {
        width: 94%;
        padding: 12px 50px !important;
        border: 0px solid !important;
        color: #fff;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 26px !important;
        background-color: transparent;
        float: right;
        height: 80px;
        font-size: 20px;
    }
    .username input {
        background-image: url(../../assets/IMG/username.svg);
    }
    .password input {
        background-image: url(../../assets/IMG/password.svg);
    }
    .mobile input {
        background-image: url(../../assets/IMG/mobile.svg);
    }
    .email input {
        background-image: url(../../assets/IMG/email.svg);
    }
    .form-group {
        margin-bottom: 5px;
    }
    .form-group input:focus-visible {
        outline: 0px solid !important;
    }
    .submit_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 100%;
        border: 0px solid !important;
        padding: 13px;
        color: #ffffff !important;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-size: 17px;
        font-weight: 600;
    }
    .info_graphic_section {
        text-align: center;
    }
    .info_graphic_section img {
        margin: 10px auto;
        max-width: 180px;
    }
    .skip_btn {
        border: 0.5px solid #f9bb22;
        box-sizing: border-box;
        border-radius: 6px;
        width: 87px;
        text-align: center;
        color: #f9bb22;
        float: right;
        position: absolute;
        right: 15px;
        font-size: 22px;
        padding: 4px 10px;
        background-color: transparent;
    }
    .c121 p {
        font-family: "Evogria";
        font-size: 30px !important;
        margin-bottom: 0px;
        color: #f9bb22;
    }
    .profit {
        max-width: 30px;
    }
    .range_content {
        font-size: 21px;
        margin-bottom: 15px;
    }
    .range_content span {
        margin-left: 10px;
        position: relative;
        top: 1px;
    }
    .info {
        max-width: 19px;
        float: right;
        margin-right: 5px;
    }
    .slder_range {
        width: 99px;
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        height: 70px;
        display: block;
        margin-right: 10px;
        padding: 13px;
        text-align: center;
        font-size: 26px;
    }
    .range-slider__range {
        margin-top: 17px !important;
    }
    .slidecontainer {
        width: 100%;
        display: flex;
        margin: 10px auto;
    }
    .slider {
        width: 100%;
        margin-top: 15px;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 23px;
        height: 24px;
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        z-index: 99999 !important;
    }
    .slider {
        /* -webkit-appearance: none; */
        background: #d3d3d3;
        height: 2px;
        border-radius: 0px;
        background: #d3d3d3;
        /* outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s; */
        position: relative;
        top: 15px;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        /* width: 23px;
height: 24px; */
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        background-size: 23px;
        z-index: 99999 !important;
    }
    .slider::-moz-range-thumb {
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        background-size: 23px;
        z-index: 99999 !important;
    }
    progress {
        -webkit-appearance: none;
    }

    ::-webkit-progress-value {
        /* background-color: orange; */
    }
    .progress {
        display: -ms-flexbox;
        display: flex;
        height: 3px;
        overflow: hidden;
        font-size: 0.75rem;
        background-color: #fff;
        border-radius: 0.25rem;
        margin-top: 6px;
    }
    .progress-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #f9bb22;
        transition: width 0.6s ease;
        z-index: 999;
    }
    .slider::-moz-range-thumb {
        width: 23px;
        height: 24px;
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
    }
    .add_query {
        display: block;
        text-align: center;
    }
    /* ================================ */
    /* tickets */
    /* ================================ */
    .tickets.live-sticky {
        background: #424242;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        position: relative;
        margin-top: 70px;
        margin-bottom: 20px;
        position: fixed;
        width: calc(100% - 50px) !important;
        z-index: 999;
        /* margin-top: -20px; */
        top: 100px;
        border-radius: 0;
    }
    .no-pre-msg {
        text-align: center;
        margin: 0;
        font-size: 14px;
    }
    .ticket_one {
        display: flex;
        width: 100%;
        padding: 10px 20px;
    }
    .ticket_one p {
        width: 100%;
        margin-bottom: 5px !important;
        font-size: 23px;
        color: #f9bb22;
        margin-top: 5px;
    }
    .ticket_one span {
        float: right;
        text-align: right;
        min-width: 50%;
        color: #fff;
        font-size: 20px !important;
        line-height: 11px;
        background-color: transparent;
        border: none;
        font-weight: 700;
        position: relative;
        top: 6px;
    }
    .ticket_one img {
        max-width: 25px;
        position: relative;
        top: -2px;
        margin: 0 5px;
    }
    .message_count {
        position: absolute;
        top: -26px;
        left: calc(50% - 30px);
    }
    .count_section {
        text-align: center;
        position: relative;
    }
    .message_icon {
        max-width: 80px;
        width: 80px;
    }
    .count-num {
        font-size: 14px;
        position: relative;
        top: -68px;
    }
    .ticket_two {
        background: #2d2d2d;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 20px 15px;
        display: flex;
    }
    .tic_content p {
        margin: 0 !important;
        font-size: 20px;
    }
    .tickets_section_mobile {
        margin-top: 60px;
    }
    .tic_content {
        margin-bottom: 15px;
    }
    .ticket_content_section1 {
        width: calc(100%);
    }
    .active_ticket {
        color: #ffffff;
    }
    .review_ticket {
        color: #f9bb22;
    }
    .hold_ticket {
        color: #ec3c3c;
    }
    .cancel_ticket {
        color: #ec3c3c;
    }
    .completed_ticket {
        color: #4cae4c;
    }
    .ticket_content_section2 {
        text-align: center;
        margin-right: 0;
        margin: auto;
        float: right;
        align-items: baseline;
        min-width: 120px;
    }
    .ticket_content_section2 img {
        max-width: 80px;
    }
    .ticket_content_section2 p {
        font-size: 0.8rem;
        margin: 0;
    }
    /* ================================ */
    /* tickets */
    /* ================================ */
    .home_icon {
        position: absolute;
        top: 14px;
        right: 15px;
        max-width: 35px;
    }
    .sele:focus {
        outline: none !important;
        box-shadow: none !important;
        border: 0px solid !important;
    }
    .sele:visited {
        outline: none !important;
    }
    .sele {
        -webkit-appearance: none;
        height: 87px;
        border: 0px solid;
        color: #fff;
        font-size: 22px;
        padding: 5px 10px;
        margin: 0 !important;
    }
    .sele1 {
        background: url(../../assets/IMG/issue_icon.svg) no-repeat right;
    }
    .sele2 {
        background: url(../../assets/IMG/subject_icon.svg) no-repeat right;
    }
    .sele option {
        color: #000;
    }
    .arr_icon {
        position: absolute;
        max-width: 29px;
        top: 36px;
        right: 20px;
    }
    .form-group {
        position: relative;
    }
    .form-group textarea {
        width: 94%;
        padding: 12px 40px;
        border: 0px solid !important;
        color: #fff;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 26px;
        background-color: transparent;
        background-position-y: 1rem;
        float: right;
        font-size: 22px;
    }

    .form-group textarea::placeholder {
        color: #fff;
    }

    .description textarea {
        background-image: url(../../assets/IMG/description.svg);
    }
    .px1 {
        font-size: 23px;
        line-height: 58px !important;
        color: #fff !important;
    }
    .px1 span img {
        max-width: 63px;
        position: relative;
        top: 5px;
    }
    /* ================================ */
    /* total earning report */
    /* ================================ */
    .cuurent_cycle {
        max-width: 25px;
        margin-right: 7px;
    }
    .sha_cls {
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
    }
    /* ================================ */
    /* Connect To Game Account */
    /* ================================ */
    .background_class {
        background-image: url(assets/IMG/background_black.png);
        background-position: left;
        background-attachment: fixed;
        background-size: cover;
        overflow-x: hidden !important;
    }
    html {
        overflow-x: hidden;
    }
    .bottom_type_btn {
        position: relative;
        margin-top: 0px;
    }
    .bg_icon1 {
        position: absolute;
        top: -31px;
        right: -22px;
        width: 200px;
    }
    .bg_icon2 {
        position: absolute;
        top: 18px;
        left: -22px;
        width: 200px;
    }
    .form_section_1 p {
        font-size: 11px;
        text-align: center;
        margin: 0 !important;
    }
    .acc_con_section {
        text-align: center;
        /* padding: 18% 10px; */
        font-family: "Evogria";
        font-size: 15px;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
        color: #f9bb22;
    }
    .logo {
        max-width: 100px;
        margin: 50px auto;
    }
    .form_section_1 {
        position: fixed;
        width: calc(100% - 30px);
        bottom: 70px;
    }
    .he_cls {
        height: calc(100vh - 250px);
        position: relative;
    }
    .bg_icon11 {
        max-width: 200px;
    }
    .tabxx {
        max-width: 15px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .val_table {
        width: 100%;
        font-size: 12px;
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }
    .val_table td {
        padding: 17px 15px;
        border-bottom: 1px solid#eaeaea1a;
        border-left: 1px solid #eaeaea1a;
    }
    .bl0 {
        border-left: 0px solid !important;
    }
    .bb0 {
        border-bottom: 0px solid !important;
    }
    /* ================================ */
    /* pagination */
    /* ================================ */
    .pagination_section {
        text-align: center;
    }
    .pagination_section a {
        background: #262626;
        border-radius: 4.5px;
        height: 30px;
        width: 30px;
        text-align: center;
        color: #fff;
        padding: 7px 12px;
        font-size: 13px;
        cursor: pointer;
        text-decoration: none !important;
    }
    .pagination_section a.active {
        background: #f9bb22 !important;
    }
    /* ================================ */
    /* All Players */
    /* ================================ */
    .sx {
        margin-top: 8px !important;
    }
    /* ================================ */
    /* Chat Section */
    /* ================================ */
    .chat_section {
        background: #424242;
        border-radius: 12px;
        display: flow-root;
    }
    .chat_section .ticket_content_section1 {
        text-align: center;
    }
    .chat_he {
        color: #f9bb22;
    }
    .chat_section .ticket_content_section1 p {
        font-size: 20px;
    }
    .date_tag {
        color: #ffffff;
        font-size: 20px;
        text-align: center;
        margin: 5px auto;
    }
    .user1,
    .user2 {
        margin-top: 10px;
        margin-bottom: 5px;
        width: 90%;
        font-size: 20px;
        display: inline-block;
    }
    .chat_content {
        display: inline-block;
        margin-bottom: 10px;
    }
    .chat_section .tickets {
        margin-top: 0 !important;
    }
    .user1 span {
        background: #f9bb22;
        border-radius: 0px 10px 5px;
        padding: 3px 10px;
        margin-left: 2px;
        display: inline-table;
        word-break: break-word;
        color: #000;
    }
    .day_split {
        display: inline-block;
    }
    .user2 {
        text-align: right;
        float: right;
    }
    .user2 span {
        background: #171717;
        border-radius: 10px 0px 10px 5px;
        padding: 3px 10px;
        margin-right: 2px;
        display: inline-table;
        text-align: left;
        word-break: break-word;
    }
    .send_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 0px;
        width: 70px;
        height: 60px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
    }
    .ticket_section_thre textarea {
        width: 96%;
        background: transparent;
        border: 0px solid;
        font-size: 20px;
        padding: 9px;
        color: #fff;
        padding-right: 2%;
        max-width: calc(100% - 70px);
        float: left;
        height: 60px;
        background: #2e2e2e;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
        border-radius: 0px 0px 12px 12px;
    }
    .vfdc {
        position: fixed !important;
        width: calc(100% - 52px);
        bottom: -10px;
        margin: 0px auto;
        background: #171717;
    }
    .ticket_section_thre textarea::-webkit-input-placeholder {
        margin-top: 5px;
    }

    .ticket_section_thre textarea:-moz-placeholder {
        /* Firefox 18- */
        margin-top: 5px;
    }

    .ticket_section_thre textarea::-moz-placeholder {
        /* Firefox 19+ */
        margin-top: 5px;
    }

    .ticket_section_thre textarea:-ms-input-placeholder {
        margin-top: 5px;
    }

    .ticket_section_thre textarea::placeholder {
        padding-top: 10px;
    }
    .chat-sub {
        position: absolute;
        height: 60px;
        width: 70px;
        padding: 0;
        background: transparent;
        color: transparent;
        border: none;
        right: 0;
    }
    .cur_earn_1612 .earning_inner_section_top1 {
        width: 33% !important;
    }
    .cur_earn_1612 .earning_inner_section_bottom1 {
        width: 33% !important;
    }

    .cur_earn_1612 .pbg p {
        font-size: 20px;
    }
    .in_av_121 img {
        max-width: 35px !important;
    }
    .cur_earn_1612 span.view_tag {
        margin-left: 30px !important;
    }

    .cur_earn_1612 .earning_inner_section_top1 p {
        font-size: 25px !important;
        text-align: center !important;
    }
    .cur_earn_1612 .earning_inner_section_top1:first-child p {
        text-align: left !important;
    }
    .cur_earn_1612 .earning_inner_section_top1:nth-child(2) p {
        float: right !important;
    }
    .cur_earn_1612 .earning_inner_section_top1:nth-child(3) p {
        float: right !important;
    }
    .re_1612 .earning_inner_section_top1:nth-child(2) p {
        float: none !important;
    }
    .re_1612 .earning_inner_section_bottom1 {
        width: 30% !important;
    }
    .re_1612 .earning_inner_section_bottom1:nth-child(3) p {
        text-align: center;
    }
    .user1 p {
        font-size: 14px;
        margin-left: 2px;
        opacity: 0.6;
        margin-bottom: 0;
    }
    .user2 p {
        font-size: 14px;
        margin-right: 2px;
        opacity: 0.6;
        margin-bottom: 0;
    }
    /* ================================ */
    /* settlement Section */
    /* ================================ */
    .icon_sec img {
        max-width: 25px;
    }
    .earing_sec11 p {
        font-size: 12px;
        text-align: center;
        margin-bottom: 0 !important;
    }
    .sett_sec .earning_inner_section_bottom1 {
        display: table;
    }
    .earing_sec11 {
        display: inline-table;
    }
    .set_sec p {
        margin: 0;
        text-align: center;
    }
    .de_sec {
        color: #26d337;
    }
    .amt_sec {
        color: #f9bb22;
    }
    .mw30 {
        max-width: 30px;
    }

    /* ================================ */
    /* sub affliate - 2  Section */
    /* ================================ */
    .mw0 {
        max-width: 0 !important;
    }
    .sub-af {
        text-align: left;
        margin-left: 4px;
    }
    .top_arrow {
        max-width: 10px;
        display: block;
        text-align: center;
        margin: auto;
        margin-bottom: 5px;
    }
    .tab121 .aj-ser1-two,
    .tab121 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 11px;
    }
    .ser121 p {
        display: flex;
        align-items: center;
    }
    .ser121 img {
        margin: 0 !important;
        max-width: 30px !important;
        top: 0px !important;
    }
    .he_cls {
        margin-top: 60px;
    }
    .tab121 .aj-ser1-one img {
        min-width: 25px !important;
    }
    .s121 {
        float: right;
    }
    .ser121 .view_tag {
        margin: 0 !important;
    }
    /* ================================ */
    /* succeess  Section */
    /* ================================ */
    .scess_msg {
        text-align: center;
        margin-bottom: 40px;
    }
    .scess_msg1 {
        text-align: center;
        margin-top: -55px;
    }
    p.scess_msg_p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .scess_msg_h4 {
        font-family: Evogria;
        color: #2fbd35;
    }
    img.tabxx11 {
        max-width: 24px;
        float: right;
    }
    .sc1 {
        margin: 30px auto 10px auto;
        text-align: left;
    }
    .scess_msg p {
        font-size: 13px;
    }
    .steps_section h4 {
        font-size: 16px;
        font-family: Evogria;
        text-align: center;
        margin: 10px auto;
    }
    .steps_content {
        text-align: center;
        font-size: 20px;
        margin-bottom: 30px;
    }
    .steps_content img {
        max-width: 60px;
        margin: 20px auto 10px auto;
    }
    .wpop_n-bg {
        text-align: center;
        text-align: center;
        height: auto;
        margin-bottom: 100px;
        font-size: 22px;
    }
    .hjgf {
        left: 0px;
        text-align: center !important;
    }
    .hjgf h2 {
        font-size: 25px;
        margin: 50px auto;
    }

    /* --------------------------------------- */
    .bot_section1 a {
        color: #fff !important;
    }
    .sub_affiliates_section {
        color: #fff;
    }
    .apexcharts-gridlines-horizontal .apexcharts-gridline {
        stroke: #b7c1e88c;
        stroke-dasharray: 9;
    }
    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
    .apexcharts-xaxistooltip,
    .apexcharts-tooltip-series-group.apexcharts-active
        .apexcharts-tooltip-marker,
    .apexcharts-tooltip-text-y-label {
        display: none;
    }
    .apexcharts-tooltip-series-group.apexcharts-active,
    .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 0;
        font-size: 13px;
    }
    .apexcharts-tooltip.apexcharts-theme-light {
        border: 1px solid #292929;
        background: rgb(45 45 45);
        border-radius: 10px;
    }
    /* ================================ */
    /* notification  Section */
    /* ================================ */
    .notification_content {
        background: #282828;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        display: flex;
        padding: 15px 10px;
        position: relative;
        margin: 8px auto;
    }
    .not_img {
        min-width: 70px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .n_img {
        max-width: 50px;
    }
    .not_content {
        min-width: calc(100% - 170px);
        margin-right: 51px;
        margin-left: 70px;
    }
    .not_content p {
        margin: 0;
        font-size: 13px;
        color: #fff;
    }
    .not_content p span {
        font-size: 10px;
        color: #6c6c6c;
    }
    .not_notification {
        min-width: 80px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0px;
        text-align: right;
    }
    .not_tag {
        background: #f9bb22;
        border-radius: 4px 0px 0px 4px;
        color: #000;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        padding: 7px 10px;
        font-size: 12px;
        right: -15px;
        font-weight: 600;
    }
    /* ================================ */
    /* settlement  Section */
    /* ================================ */
    .pname .p1_name {
        margin-left: 0 !important;
    }
    .pbg .ser2 p {
        display: flex;
        align-items: center;
    }

    span.view_tag {
        margin-left: 10px;
        border: 1px solid #f9bb22;
        border-radius: 5px;
        padding: 2px 5px;
        margin-top: -2px;
        font-size: 1rem;
        padding: 5px 10px;
        border-radius: 5px;
        color: #f9bb22;
        display: block;
    }
    a {
        text-decoration: none !important;
    }

    .pbg p {
        font-size: 20px;
    }
    .set_section {
        width: 50%;
        float: left;
        text-align: center;
        padding: 10px 10px 20px 10px;
    }
    .settle_section {
        background: #242424;
        border-radius: 12px;
        display: flex;
        margin: 20px auto;
    }
    .set_section img {
        max-width: 30px;
        margin: 10px auto;
    }
    .set_section1 {
        border-right: 0.5px solid #353535;
    }
    p.p1121 {
        margin: 0;
        font-size: 9px;
    }
    p.p1122 {
        margin: 0;
        font-size: 11px;
    }
    .ghfd .sub_settle_section1 p {
        min-height: 40px !important;
    }
    .srT_date {
        color: #189a15;
        font-size: 20px;
        text-transform: capitalize;
    }
    .enD_date {
        color: #ff0000;
        font-size: 20px;
        text-transform: capitalize;
    }
    .vi_btn .ser2 {
        top: 7px;
    }
    .cl1121 .ser1 {
        text-align: center;
    }
    .ghfd .sub_settle_section1 p,
    .ghfd .sub_affiliates_section p {
        text-transform: capitalize !important;
    }
    .ce_cy {
        top: 4px !important;
        max-width: 30px !important;
    }
    .download_report {
        text-align: center;
        background: linear-gradient(91.38deg, #242424 0.55%, #202020 97.81%);
        box-shadow: 0px 4px 13px rgb(0 0 0 / 25%),
            -6px -4px 11px rgb(74 74 74 / 22%),
            inset 0px 1px 2px rgb(55 55 55 / 25%);
        border-radius: 12px;
        padding: 0px;
    }
    .download_report img {
        max-width: 299px;
        margin: 25px auto;
    }
    .in_av_121 p {
        margin-top: -3px;
    }
    .in_av_121 p img {
        top: -2px !important;
    }
    .ear_date {
        display: block;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        color: #ffffff;
    }

    /* ================================ */
    /* current earning  Section */
    /* ================================ */

    .cycle_date_section {
        display: flex;
    }
    .c122 p {
        text-align: right;
        text-transform: inherit;
        font-weight: 700 !important;
    }
    .c121 p {
        text-transform: inherit;
        font-size: 14px;
    }
    .c121 img {
        max-width: 26px;
        margin-right: 4px;
    }
    .c122 p span {
        margin: 0 2px;
        color: #5b5b5b;
    }
    .cycle_date_section1 {
        font-size: 10px;
        text-transform: inherit;
        width: 50%;
    }
    .cycle_date_section1 p {
        margin-bottom: 0 !important;
    }
    .c122 img {
        max-width: 30px;
        top: -2px;
        position: relative;
        margin-right: 6px;
    }
    .c122 {
        margin-top: 4px;
    }
    .cu_earn .p1121 {
        text-transform: uppercase;
        font-family: "Russo One", sans-serif;
        font-size: 20px;
        color: #f9bb22;
    }
    .cu_earn img {
        min-height: 60px !important;
        max-width: 50px !important;
    }
    .cu_earn .p1122 {
        font-size: 20px;
        margin: 3px auto;
        color: #fff !important;
    }
    .se_report_1612 {
        margin-top: 110px !important;
    }
    .se_report_1612 .earning_inner_section_top1 p {
        font-size: 25px !important;
    }
    .se_report_1612 .earning_inner_section_top1:nth-child(4) p {
        text-align: right !important;
    }
    .se_report_1612_1 .ce_cy {
        max-width: 40px !important;
    }
    .se_report_1612_1 .earning_inner_section_top1 {
        width: 33.33% !important;
    }
    .se_report_1612_1 .earning_inner_section_top1 p {
        font-size: 25px !important;
        text-align: center !important;
    }
    .se_report_1612_1 .earning_inner_section_top1:nth-child(3) p {
        text-align: right !important;
    }
    .se_report_1612_1 .earning_inner_section_top1:nth-child(1) p {
        text-align: left !important;
    }
    .se_report_1612_1 .earning_inner_section_bottom1:nth-child(2) .earing_sec1 {
        float: none !important;
    }
    .se_report_1612_1
        .earning_inner_section_bottom1:nth-child(2)
        .earing_sec1
        p {
        text-align: center !important;
        display: block;
    }
    .plan_1612 {
        margin-top: 110px !important;
    }
    .plan_1612 .profit-bx {
        width: 48%;
        padding: 30px 20px;
        margin-right: 2%;
    }
    .sett_his p,
    .date_sec {
        font-size: 20px !important;
    }
    .amt_sec1 img {
        margin: 0 0 0 23px;
    }
    .st_im {
        max-width: 20px;
        margin-right: 4px;
    }
    .cu_122 {
        align-items: center;
        min-height: 54px;
    }
    .pl_type {
        transform: rotate(270deg);
        position: absolute;
        /* top: 0px; */
        /* margin-bottom: -12px; */
        left: -26px;
        font-size: 11px !important;
        text-align: center;
        top: 4px;
    }
    .cu_122 img {
        max-width: 30px !important;
    }
    .type_player {
        top: 10px;
    }
    .type_sub_aff {
        top: 1px;
    }
    .type_player {
        top: 10px;
    }
    .tr_122 .ser2 {
        float: right;
    }
}
@media only screen and (max-height: 420px) {
    .tic1612 {
        margin-top: 60px !important;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
    .cycle_date_section1.c122 p {
        font-size: 20px !important;
    }
    .faq2112 {
        margin-top: 110px !important;
    }
    .tic1612 {
        margin-top: 110px !important;
    }
    .sub_aff16_12 {
        padding-top: 0 !important;
        margin-top: 110px;
    }
    .per_w_50 {
        width: 50%;
    }
    .per_w_60 {
        width: 60%;
    }
    .per_w_40 {
        width: 40%;
    }
    .m-a {
        margin: auto;
    }
    .mb-17 {
        margin-bottom: 17px;
    }
    /* ================================ */
    /* header */
    /* ================================ */
    .wlt-head-text {
        font-family: "Poppins", sans-serif;
    }
    /* ================================ */
    /* profit slab */
    /* ================================ */
    .slab_percentage_section {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(211, 55, 179, 0.4);
        border-radius: 12px;
        display: flex;
        justify-content: space-around;
    }
    .per_content2 {
        background: linear-gradient(
            90.34deg,
            rgba(253, 253, 253, 0.13) 3%,
            rgba(255, 255, 255, 0.29) 99.74%
        );
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 12px;
        padding: 10px 20px;
        margin: 20px;
    }
    .per_content2 p {
        padding: 0;
        font-size: 44px;
        text-align: center;
        margin: 0;
        font-family: Evogria;
    }
    .per_content1 {
        text-align: center;
    }
    .per_content1 p {
        font-size: 21px;
        margin: 0;
    }
    .slab_level_section {
        background: linear-gradient(90deg, #303030 0%, #434343 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        margin-top: 0px;
        position: relative;
    }
    .btn_slab_section a,
    .slab_type_section.gtabs.demo td.type_name,
    .slab_type_section.gtabs.demo td.type_amt,
    .slab_type_section.gtabs.demo .type_per,
    .slab_label_section p,
    .sports_section_slab1 p {
        font-size: 20px !important;
    }
    .sports_section_slab1 p {
        margin: 20px auto !important;
    }
    .player_1612 .sub_settle_section1 {
        padding: 20px 10px !important;
    }
    .player_1612 .sert11 img {
        max-width: 90px;
        width: 90px;
        margin-left: -7px;
    }
    .player_1612 .sert12 p,
    .player_1612 .sert12 h5 {
        font-size: 20px !important;
    }
    .player_1612 .filter_popup1 img {
        width: 90px !important;
    }
    .player_1612 .all-ply-content-head-item {
        width: 33.3333% !important;
        font-size: 25px !important;
    }
    .player_1612 .all-ply-content-head-item:nth-child(1) {
        text-align: left;
    }
    .player_1612 .all-ply-content-head-item:nth-child(3) {
        text-align: right;
    }
    .type_img img {
        max-width: 65px;
        margin-right: 10px;
    }
    .level {
        max-width: 61px;
        margin: 16px;
    }
    .level_content {
        text-align: center;
        position: relative;
        top: -53px;
    }
    .cir {
        max-width: 35px;
        position: absolute;
        top: -16px;
        right: 9px;
    }
    .level_content h4 {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-size: 30px;
        margin-bottom: 15px;
    }
    .level_content p {
        font-size: 20px;
        margin: 0 !important;
    }
    .type_img img {
        max-width: 45px;
    }
    .type_inner_section {
        width: 100%;
        background: #292929;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        margin: 10px 0;
        font-size: 13px;
    }
    .type_img {
        width: 70px;
    }
    .type_name {
        font-weight: 600;
        font-size: 13px;
    }
    .type_per {
        color: #f9bb22;
    }
    .type_inner_section tr {
        border-bottom: 0.5px solid #3a3a3a;
        height: 50px;
    }
    .type_inner_section tr:last-child {
        border: none !important;
    }
    .slab_label_section {
        margin: 25px auto;
        text-align: center;
    }
    .sports_section_slab1 {
        position: relative;
        padding: 30px 20px;
        margin-bottom: 20px;
        margin-top: 23px;
    }
    .sports_section_slab1.px1 {
        width: 49%;
        margin-right: 1%;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    .sports_section_slab1.px2 {
        width: 49%;
        margin-left: 1%;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    img.img-responsive.spor_icon {
        max-width: 66px;
        position: absolute;
        top: -28px;
        left: calc(50% - 33px);
    }
    .slab_sports_section {
        display: flex;
    }
    .sports_section_slab1 p,
    .sports_section_slab1 h6 {
        text-align: center;
        margin: 0;
        line-height: 30px;
    }
    .sports_section_slab1 h6 {
        font-weight: 800;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
    }
    .sports_section_slab1 p {
        color: #f9bb22;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
    }
    /* ================================ */
    /* sub_affiliates */
    /* ================================ */
    .seachbar {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    .seachbar input {
        width: 97%;
        padding: 27px;
        border: 0px solid !important;
        color: #fff;
        background-image: url(../../assets/IMG/search.svg);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 30px;
        background-color: transparent;
        font-size: 22px;
    }

    .sub_aff16_12 .earning_inner_section_top1 {
        width: 25% !important;
        text-align: center;
    }
    .sub_aff16_12 .earning_inner_section_top1 p {
        text-align: center !important;
        font-size: 25px;
    }
    .sub_aff16_12 .tab121 .aj-ser1-one img {
        min-width: 35px !important;
        width: 35px !important;
    }
    .aj-ser1-one {
        background-image: url(../IMG/avatar_bg.svg);
        width: 35px !important;
        height: 35px !important;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .sub_earn_1612 {
        margin-top: 110px !important;
    }
    .sub_earn_1612 .earning_inner_section_top1 {
        width: 33.33% !important;
        text-align: center;
    }
    .sub_earn_1612 .earning_inner_section_top1 p {
        text-align: center !important;
        font-size: 25px;
    }
    .sub_earn_1612 .earning_inner_section_top1:first-child p {
        text-align: left !important;
    }
    .sub_earn_1612 .aj-ser1-one img {
        min-width: 35px !important;
        width: 35px !important;
    }
    .sub_aff16_12 .tab121 .aj-ser1-two,
    .sub_aff16_12 .tab121 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 20px;
    }
    .sub_earn_1612 .aj-ser1-two,
    .sub_earn_1612 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 20px;
    }
    .sub_earn_1612 .earning_inner_section_bottom1 {
        width: 33.33% !important;
    }
    .sub_earn_1612 .earing_sec1 p {
        text-align: center !important;
    }
    .cr_sub_1612 {
        margin-top: 110px !important;
    }
    .sub_earn_1612 span.view_tag {
        width: 70px;
        margin: auto;
    }
    .sub_aff16_12 .earning_inner_section_bottom1 {
        width: 50%;
        text-align: center;
        width: 25% !important;
    }
    .sub_aff16_12 .earning_inner_section_bottom1 p {
        text-align: center !important;
    }
    .sub_aff16_12 .ser121 p {
        justify-content: space-evenly !important;
    }
    .sub_aff16_12 .s121 {
        float: none !important;
    }
    .sub_aff16_12 .earning_inner_section_top1:first-child p {
        text-align: left !important;
    }
    .seachbar input:focus-visible {
        outline: 0px solid !important;
    }
    .sub_affiliates_section {
        background: linear-gradient(146.03deg, #f2cd0c 0%, #089b0e 100%);
        box-shadow: 0px 2.98265px 11.1849px #608423;
        border-radius: 12px;
        padding: 30px;
        margin: 20px auto 10px auto;
        font-size: 12px;
    }
    .sub_affiliates_section p {
        margin: 0;
    }
    .sub_affiliates_section p span {
        font-size: 15px;
        text-align: right;
        float: right;
        font-family: Evogria;
        margin-top: -2px;
    }
    .sub_settle_section {
        display: flex;
    }
    .se1 {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
        border-radius: 12px;
        width: 49%;
        text-align: center;
        margin-right: 1%;
    }
    .se2 {
        background: linear-gradient(146.03deg, #07b4fe 0%, #5936e3 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(43, 125, 243, 0.4);
        border-radius: 12px;
        width: 49%;
        text-align: center;
        margin-left: 1%;
    }
    .sub_settle_section1 h5 {
        font-family: Evogria;
        margin-bottom: 15px;
        /* margin-top: 10px; */
    }
    .sub_settle_section1 p {
        font-size: 20px;
        padding: 16px 0;
        min-height: 41px;
        margin: auto;
        vertical-align: middle;
    }
    .sub_settle_section1 h5 {
        font-size: 22px;
    }
    .d121 p {
        margin: 0;
        padding: 20px;
        text-transform: uppercase;
        color: #f9bb22;
        font-size: 20px;
    }
    .se1 p {
        padding-top: 20px;
    }
    .earning_section {
        margin-top: 23px;
        padding-bottom: 40px;
    }
    .earning_section h3 {
        font-family: "Evogria";
        font-size: 30px;
        margin-bottom: 0px;
        color: #f9bb22;
    }
    .earning_inner_section {
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .earning_inner_section_top,
    .earning_inner_section_bottom {
        display: flex;
    }
    .earning_inner_section_top1 {
        width: 50%;
    }
    .earning_inner_section_top1 p {
        margin: 0;
        font-size: 12px;
        padding: 10px;
        text-align: center;
        text-transform: capitalize;
    }
    .earing_sec1 p img {
        max-width: 20px;
        margin: 0 10px;
        position: relative;
        top: -4px;
    }
    .earing_sec1 p {
        /* display: flex; */
        margin: 0;
        font-size: 13px;
    }
    .player_rpt .earning_inner_section_bottom1.p10.p1a.xy1231 {
        width: 35%;
    }
    .player_rpt .earning_inner_section_bottom1.p10.xy123 {
        width: 15% !important;
        margin-top: -5px;
    }
    .earning_inner_section_bottom1 {
        width: 50%;
        text-align: center;
    }
    .earning_inner_section_bottom {
        display: flex;
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        margin: 10px;
        padding: 10px;
        align-items: center;
    }
    .earning_inner_section_top {
        background: #282828;
        padding: 15px 6px;
        border-radius: 12px 12px 0 0;
    }
    .earing_sec1 {
        position: relative;
        top: 3px;
    }
    .ser1 {
        text-align: left;
        margin-left: 0px;
    }
    .ser2 {
        text-align: right;
        margin-right: 10px;
    }
    .ser2 p {
        color: #f9bb22;
    }
    .more_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        color: #fff;
        text-decoration: none;
        /* width: 100%; */
        display: block;
        padding: 20px 15px;
        margin: 10px;
        text-align: center;
        font-size: 20px;
    }
    img.img-responsive.add_sec {
        max-width: 35px;
        margin-right: 5px;
    }
    .filter_popups img {
        width: 70px !important;
    }
    .bot_section1 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 49%;
        padding: 10px 10px 7px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    .bot_section {
        display: flex;
    }
    .src2 {
        margin-left: 1%;
    }
    .src1 {
        margin-right: 1%;
    }
    .bot_section3 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        text-align: center;
        padding: 10px 10px 7px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    p.p2_name {
        text-align: right;
        margin-right: 20px;
    }
    p.p1_name {
        text-align: left;
        margin-left: 20px;
    }
    .mlr-0 {
        margin: 10px 0 !important;
    }
    /* ================================ */
    /* player reports */
    /* ================================ */
    .sert1 {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        display: flex;
    }
    .sert2 {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
        display: flex;
    }
    .sert12 p,
    .sert12 h5 {
        padding: 0;
        margin: 0;
        min-height: auto;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        text-align: left;
    }
    .sert11,
    .sert12 {
        margin: auto;
        padding: 15px 9px;
    }
    .sert12 p {
        font-size: 13px;
    }
    .sert12 {
        margin-left: -15px;
    }
    .sert11 img {
        max-width: 50px;
        width: 50px;
        margin-left: -7px;
    }
    /* ================================ */
    /* settlement report */
    /* ================================ */
    .settlement_report_section p {
        text-transform: capitalize;
    }
    .download_section {
        display: inline-block;
        width: 100%;
    }
    .download_section a {
        text-align: right;
        float: right;
        margin: 10px auto;
        color: #fff;
        font-size: 12px;
    }
    .download_section img {
        max-width: 35px;
        margin-top: 6px;
    }
    td.type_img1 {
        width: 70px;
        text-align: center;
    }
    td.type_img1 img {
        width: 22px;
    }
    .type_name1 {
        padding-left: 10px;
    }
    .type_amt1 {
        width: 70px;
        text-align: center;
    }
    .type_amt1 img {
        width: 10px;
    }
    .genete_btn {
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin: 10px 0;
        font-weight: 600;
    }
    /* ================================ */
    /* create sub affiliates */
    /* ================================ */
    .form-group {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: inline-block;
        width: 100%;
    }
    .form-group input,
    .form-group select {
        width: 94%;
        padding: 12px 50px !important;
        border: 0px solid !important;
        color: #fff;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 26px !important;
        background-color: transparent;
        float: right;
        height: 80px;
        font-size: 20px;
    }
    .username input {
        background-image: url(../../assets/IMG/username.svg);
    }
    .password input {
        background-image: url(../../assets/IMG/password.svg);
    }
    .mobile input {
        background-image: url(../../assets/IMG/mobile.svg);
    }
    .email input {
        background-image: url(../../assets/IMG/email.svg);
    }
    .form-group {
        margin-bottom: 5px;
    }
    .form-group input:focus-visible {
        outline: 0px solid !important;
    }
    .submit_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 100%;
        border: 0px solid !important;
        padding: 13px;
        color: #ffffff !important;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-size: 17px;
        font-weight: 600;
    }
    .info_graphic_section {
        text-align: center;
    }
    .info_graphic_section img {
        margin: 10px auto;
        max-width: 180px;
    }
    .skip_btn {
        border: 0.5px solid #f9bb22;
        box-sizing: border-box;
        border-radius: 6px;
        width: 87px;
        text-align: center;
        color: #f9bb22;
        float: right;
        position: absolute;
        right: 15px;
        font-size: 22px;
        padding: 4px 10px;
        background-color: transparent;
    }
    .c121 p {
        font-family: "Evogria";
        font-size: 30px !important;
        margin-bottom: 0px;
        color: #f9bb22;
    }
    .profit {
        max-width: 30px;
    }
    .range_content {
        font-size: 21px;
        margin-bottom: 15px;
    }
    .range_content span {
        margin-left: 10px;
        position: relative;
        top: 1px;
    }
    .info {
        max-width: 19px;
        float: right;
        margin-right: 5px;
    }
    .slder_range {
        width: 99px;
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        height: 70px;
        display: block;
        margin-right: 10px;
        padding: 13px;
        text-align: center;
        font-size: 26px;
    }
    .range-slider__range {
        margin-top: 17px !important;
    }
    .slidecontainer {
        width: 100%;
        display: flex;
        margin: 10px auto;
    }
    .slider {
        width: 100%;
        margin-top: 15px;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 23px;
        height: 24px;
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        z-index: 99999 !important;
    }
    .slider {
        /* -webkit-appearance: none; */
        background: #d3d3d3;
        height: 2px;
        border-radius: 0px;
        background: #d3d3d3;
        /* outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s; */
        position: relative;
        top: 15px;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        /* width: 23px;
height: 24px; */
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        background-size: 23px;
        z-index: 99999 !important;
    }
    .slider::-moz-range-thumb {
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        background-size: 23px;
        z-index: 99999 !important;
    }
    progress {
        -webkit-appearance: none;
    }

    ::-webkit-progress-value {
        /* background-color: orange; */
    }
    .progress {
        display: -ms-flexbox;
        display: flex;
        height: 3px;
        overflow: hidden;
        font-size: 0.75rem;
        background-color: #fff;
        border-radius: 0.25rem;
        margin-top: 6px;
    }
    .progress-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #f9bb22;
        transition: width 0.6s ease;
        z-index: 999;
    }
    .slider::-moz-range-thumb {
        width: 23px;
        height: 24px;
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
    }
    .add_query {
        display: block;
        text-align: center;
    }
    /* ================================ */
    /* tickets */
    /* ================================ */
    .tickets {
        background: #212121;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        position: relative;
        margin-top: 70px;
        margin-bottom: 20px;
    }
    .no-pre-msg {
        text-align: center;
        margin: 0;
        font-size: 14px;
    }
    .ticket_one {
        display: flex;
        width: 100%;
        padding: 10px 20px;
    }
    .ticket_one p {
        width: 100%;
        margin-bottom: 5px !important;
        font-size: 23px;
        color: #f9bb22;
        margin-top: 5px;
    }
    .ticket_one span {
        float: right;
        text-align: right;
        min-width: 50%;
        color: #fff;
        font-size: 20px !important;
        line-height: 11px;
        background-color: transparent;
        border: none;
        font-weight: 700;
        position: relative;
        top: 6px;
    }
    .ticket_one img {
        max-width: 25px;
        position: relative;
        top: -2px;
        margin: 0 5px;
    }
    .message_count {
        position: absolute;
        top: -26px;
        left: calc(50% - 30px);
    }
    .count_section {
        text-align: center;
        position: relative;
    }
    .message_icon {
        max-width: 80px;
        width: 80px;
    }
    .count-num {
        font-size: 14px;
        position: relative;
        top: -68px;
    }
    .ticket_two {
        background: #2d2d2d;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 20px 15px;
        display: flex;
    }
    .tic_content p {
        margin: 0 !important;
        font-size: 20px;
    }
    .tickets_section_mobile {
        margin-top: 60px;
    }
    .tic_content {
        margin-bottom: 15px;
    }
    .ticket_content_section1 {
        width: calc(100%);
    }
    .active_ticket {
        color: #ffffff;
    }
    .review_ticket {
        color: #f9bb22;
    }
    .hold_ticket {
        color: #ec3c3c;
    }
    .cancel_ticket {
        color: #ec3c3c;
    }
    .completed_ticket {
        color: #4cae4c;
    }
    .ticket_content_section2 {
        text-align: center;
        margin-right: 0;
        margin: auto;
        float: right;
        align-items: baseline;
        min-width: 120px;
    }
    .ticket_content_section2 img {
        max-width: 80px;
    }
    .ticket_content_section2 p {
        font-size: 0.8rem;
        margin: 0;
    }
    /* ================================ */
    /* tickets */
    /* ================================ */
    .home_icon {
        position: absolute;
        top: 14px;
        right: 15px;
        max-width: 35px;
    }
    .sele:focus {
        outline: none !important;
        box-shadow: none !important;
        border: 0px solid !important;
    }
    .sele:visited {
        outline: none !important;
    }
    .sele {
        -webkit-appearance: none;
        height: 87px;
        border: 0px solid;
        color: #fff;
        font-size: 22px;
        padding: 5px 10px;
        margin: 0 !important;
    }
    .sele1 {
        background: url(../../assets/IMG/issue_icon.svg) no-repeat right;
    }
    .sele2 {
        background: url(../../assets/IMG/subject_icon.svg) no-repeat right;
    }
    .sele option {
        color: #000;
    }
    .arr_icon {
        position: absolute;
        max-width: 29px;
        top: 36px;
        right: 20px;
    }
    .form-group {
        position: relative;
    }
    .form-group textarea {
        width: 94%;
        padding: 12px 40px;
        border: 0px solid !important;
        color: #fff;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 26px;
        background-color: transparent;
        background-position-y: 1rem;
        float: right;
        font-size: 22px;
    }

    .form-group textarea::placeholder {
        color: #fff;
    }

    .description textarea {
        background-image: url(../../assets/IMG/description.svg);
    }
    .px1 {
        font-size: 23px;
        line-height: 58px !important;
        color: #fff !important;
    }
    .px1 span img {
        max-width: 63px;
        position: relative;
        top: 5px;
    }
    /* ================================ */
    /* total earning report */
    /* ================================ */
    .cuurent_cycle {
        max-width: 25px;
        margin-right: 7px;
    }
    .sha_cls {
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
    }
    /* ================================ */
    /* Connect To Game Account */
    /* ================================ */
    .background_class {
        background-image: url(assets/IMG/background_black.png);
        background-position: left;
        background-attachment: fixed;
        background-size: cover;
        overflow-x: hidden !important;
    }
    html {
        overflow-x: hidden;
    }
    .bottom_type_btn {
        position: relative;
        margin-top: 0px;
    }
    .bg_icon1 {
        position: absolute;
        top: -31px;
        right: -22px;
        width: 200px;
    }
    .bg_icon2 {
        position: absolute;
        top: 18px;
        left: -22px;
        width: 200px;
    }
    .form_section_1 p {
        font-size: 11px;
        text-align: center;
        margin: 0 !important;
    }
    .acc_con_section {
        text-align: center;
        /* padding: 18% 10px; */
        font-family: "Evogria";
        font-size: 15px;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
        color: #f9bb22;
    }
    .logo {
        max-width: 100px;
        margin: 50px auto;
    }
    .form_section_1 {
        position: fixed;
        width: calc(100% - 30px);
        bottom: 70px;
    }
    .he_cls {
        height: calc(100vh - 250px);
        position: relative;
    }
    .bg_icon11 {
        max-width: 200px;
    }
    .tabxx {
        max-width: 15px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .val_table {
        width: 100%;
        font-size: 12px;
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }
    .val_table td {
        padding: 17px 15px;
        border-bottom: 1px solid#eaeaea1a;
        border-left: 1px solid #eaeaea1a;
    }
    .bl0 {
        border-left: 0px solid !important;
    }
    .bb0 {
        border-bottom: 0px solid !important;
    }
    /* ================================ */
    /* pagination */
    /* ================================ */
    .pagination_section {
        text-align: center;
    }
    .pagination_section a {
        background: #262626;
        border-radius: 4.5px;
        height: 30px;
        width: 30px;
        text-align: center;
        color: #fff;
        padding: 7px 12px;
        font-size: 13px;
        cursor: pointer;
        text-decoration: none !important;
    }
    .pagination_section a.active {
        background: #f9bb22 !important;
    }
    /* ================================ */
    /* All Players */
    /* ================================ */
    .sx {
        margin-top: 8px !important;
    }
    /* ================================ */
    /* Chat Section */
    /* ================================ */
    .chat_section {
        background: #424242;
        border-radius: 12px;
        display: flow-root;
    }
    .chat_section .ticket_content_section1 {
        text-align: center;
    }
    .chat_he {
        color: #f9bb22;
    }
    .chat_section .ticket_content_section1 p {
        font-size: 20px;
    }
    .date_tag {
        color: #ffffff;
        font-size: 20px;
        text-align: center;
        margin: 5px auto;
    }
    .user1,
    .user2 {
        margin-top: 10px;
        margin-bottom: 5px;
        width: 90%;
        font-size: 20px;
        display: inline-block;
    }
    .chat_content {
        display: inline-block;
        margin-bottom: 10px;
    }
    .chat_section .tickets {
        margin-top: 0 !important;
    }
    .user1 span {
        background: #f9bb22;
        border-radius: 0px 10px 5px;
        padding: 3px 10px;
        margin-left: 2px;
        display: inline-table;
        word-break: break-word;
        color: #000;
    }
    .day_split {
        display: inline-block;
    }
    .user2 {
        text-align: right;
        float: right;
    }
    .user2 span {
        background: #171717;
        border-radius: 10px 0px 10px 5px;
        padding: 3px 10px;
        margin-right: 2px;
        display: inline-table;
        text-align: left;
        word-break: break-word;
    }
    .send_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 0px;
        width: 70px;
        height: 60px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
    }
    .ticket_section_thre textarea {
        width: 96%;
        background: transparent;
        border: 0px solid;
        font-size: 20px;
        padding: 9px;
        color: #fff;
        padding-right: 2%;
        max-width: calc(100% - 70px);
        float: left;
        height: 60px;
        background: #2e2e2e;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
        border-radius: 0px 0px 12px 12px;
    }
    .vfdc {
        position: fixed !important;
        width: calc(100% - 52px);
        bottom: -10px;
        margin: 0px auto;
        background: #171717;
    }
    .ticket_section_thre textarea::-webkit-input-placeholder {
        margin-top: 5px;
    }

    .ticket_section_thre textarea:-moz-placeholder {
        /* Firefox 18- */
        margin-top: 5px;
    }

    .ticket_section_thre textarea::-moz-placeholder {
        /* Firefox 19+ */
        margin-top: 5px;
    }

    .ticket_section_thre textarea:-ms-input-placeholder {
        margin-top: 5px;
    }

    .ticket_section_thre textarea::placeholder {
        padding-top: 10px;
    }
    .chat-sub {
        position: absolute;
        height: 60px;
        width: 70px;
        padding: 0;
        background: transparent;
        color: transparent;
        border: none;
        right: 0;
    }
    .cur_earn_1612 .earning_inner_section_top1 {
        width: 33% !important;
    }
    .cur_earn_1612 .earning_inner_section_bottom1 {
        width: 33% !important;
    }

    .cur_earn_1612 .pbg p {
        font-size: 20px;
    }
    .in_av_121 img {
        max-width: 35px !important;
    }
    .cur_earn_1612 span.view_tag {
        margin-left: 30px !important;
    }

    .cur_earn_1612 .earning_inner_section_top1 p {
        font-size: 25px !important;
        text-align: center !important;
    }
    .cur_earn_1612 .earning_inner_section_top1:first-child p {
        text-align: left !important;
    }
    .cur_earn_1612 .earning_inner_section_top1:nth-child(2) p {
        float: right !important;
    }
    .cur_earn_1612 .earning_inner_section_top1:nth-child(3) p {
        float: right !important;
    }
    .user1 p {
        font-size: 14px;
        margin-left: 2px;
        opacity: 0.6;
        margin-bottom: 0;
    }
    .user2 p {
        font-size: 14px;
        margin-right: 2px;
        opacity: 0.6;
        margin-bottom: 0;
    }
    /* ================================ */
    /* settlement Section */
    /* ================================ */
    .icon_sec img {
        max-width: 25px;
    }
    .earing_sec11 p {
        font-size: 12px;
        text-align: center;
        margin-bottom: 0 !important;
    }
    .sett_sec .earning_inner_section_bottom1 {
        display: table;
    }
    .earing_sec11 {
        display: inline-table;
    }
    .set_sec p {
        margin: 0;
        text-align: center;
    }
    .de_sec {
        color: #26d337;
    }
    .amt_sec {
        color: #f9bb22;
    }
    .mw30 {
        max-width: 30px;
    }

    /* ================================ */
    /* sub affliate - 2  Section */
    /* ================================ */
    .mw0 {
        max-width: 0 !important;
    }
    .sub-af {
        text-align: left;
        margin-left: 4px;
    }
    .top_arrow {
        max-width: 10px;
        display: block;
        text-align: center;
        margin: auto;
        margin-bottom: 5px;
    }
    .tab121 .aj-ser1-two,
    .tab121 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 11px;
    }
    .ser121 p {
        display: flex;
        align-items: center;
    }
    .ser121 img {
        margin: 0 !important;
        max-width: 30px !important;
        top: 0px !important;
    }
    .he_cls {
        margin-top: 60px;
    }
    .tab121 .aj-ser1-one img {
        min-width: 25px !important;
    }
    .s121 {
        float: right;
    }
    .ser121 .view_tag {
        margin: 0 !important;
    }
    /* ================================ */
    /* succeess  Section */
    /* ================================ */
    .scess_msg {
        text-align: center;
        margin-bottom: 40px;
    }
    .scess_msg1 {
        text-align: center;
        margin-top: -55px;
    }
    p.scess_msg_p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .scess_msg_h4 {
        font-family: Evogria;
        color: #2fbd35;
    }
    img.tabxx11 {
        max-width: 15px;
        float: right;
    }
    .sc1 {
        margin: 30px auto 10px auto;
        text-align: left;
    }
    .scess_msg p {
        font-size: 13px;
    }
    .steps_section h4 {
        font-size: 16px;
        font-family: Evogria;
        text-align: center;
        margin: 10px auto;
    }
    .steps_content {
        text-align: center;
        font-size: 13px;
        margin-bottom: 30px;
    }
    .steps_content img {
        max-width: 60px;
        margin: 20px auto 10px auto;
    }
    .wpop_n-bg {
        text-align: center;
        text-align: center;
        height: auto;
        margin-bottom: 100px;
    }
    .hjgf {
        left: 0px;
        text-align: center !important;
    }
    .hjgf h2 {
        font-size: 25px;
        margin: 50px auto;
    }

    /* --------------------------------------- */
    .bot_section1 a {
        color: #fff !important;
    }
    .sub_affiliates_section {
        color: #fff;
    }
    .apexcharts-gridlines-horizontal .apexcharts-gridline {
        stroke: #b7c1e88c;
        stroke-dasharray: 9;
    }
    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
    .apexcharts-xaxistooltip,
    .apexcharts-tooltip-series-group.apexcharts-active
        .apexcharts-tooltip-marker,
    .apexcharts-tooltip-text-y-label {
        display: none;
    }
    .apexcharts-tooltip-series-group.apexcharts-active,
    .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 0;
        font-size: 13px;
    }
    .apexcharts-tooltip.apexcharts-theme-light {
        border: 1px solid #292929;
        background: rgb(45 45 45);
        border-radius: 10px;
    }
    /* ================================ */
    /* notification  Section */
    /* ================================ */
    .notification_content {
        background: #282828;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        display: flex;
        padding: 15px 10px;
        position: relative;
        margin: 8px auto;
    }
    .not_img {
        min-width: 70px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .n_img {
        max-width: 50px;
    }
    .not_content {
        min-width: calc(100% - 170px);
        margin-right: 51px;
        margin-left: 70px;
    }
    .not_content p {
        margin: 0;
        font-size: 13px;
        color: #fff;
    }
    .not_content p span {
        font-size: 10px;
        color: #6c6c6c;
    }
    .not_notification {
        min-width: 80px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0px;
        text-align: right;
    }
    .not_tag {
        background: #f9bb22;
        border-radius: 4px 0px 0px 4px;
        color: #000;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        padding: 7px 10px;
        font-size: 12px;
        right: -15px;
        font-weight: 600;
    }
    /* ================================ */
    /* settlement  Section */
    /* ================================ */
    .pname .p1_name {
        margin-left: 0 !important;
    }
    .pbg .ser2 p {
        display: flex;
        align-items: center;
    }

    span.view_tag {
        margin-left: 10px;
        border: 1px solid #f9bb22;
        border-radius: 5px;
        padding: 2px 5px;
        margin-top: -2px;
        font-size: 1rem;
        padding: 5px 10px;
        border-radius: 5px;
        color: #f9bb22;
        display: block;
    }
    a {
        text-decoration: none !important;
    }

    .pbg p {
        font-size: 20px;
    }
    .set_section {
        width: 50%;
        float: left;
        text-align: center;
        padding: 10px 10px 20px 10px;
    }
    .settle_section {
        background: #242424;
        border-radius: 12px;
        display: flex;
        margin: 20px auto;
    }
    .set_section img {
        max-width: 30px;
        margin: 10px auto;
    }
    .set_section1 {
        border-right: 0.5px solid #353535;
    }
    p.p1121 {
        margin: 0;
        font-size: 9px;
    }
    p.p1122 {
        margin: 0;
        font-size: 11px;
    }
    .ghfd .sub_settle_section1 p {
        min-height: 40px !important;
    }
    .srT_date {
        color: #189a15;
        font-size: 20px;
        text-transform: capitalize;
    }
    .enD_date {
        color: #ff0000;
        font-size: 20px;
        text-transform: capitalize;
    }
    .vi_btn .ser2 {
        top: 7px;
    }
    .cl1121 .ser1 {
        text-align: center;
    }
    .ghfd .sub_settle_section1 p,
    .ghfd .sub_affiliates_section p {
        text-transform: capitalize !important;
    }
    .ce_cy {
        top: 4px !important;
        max-width: 30px !important;
    }
    .download_report {
        text-align: center;
        background: linear-gradient(91.38deg, #242424 0.55%, #202020 97.81%);
        box-shadow: 0px 4px 13px rgb(0 0 0 / 25%),
            -6px -4px 11px rgb(74 74 74 / 22%),
            inset 0px 1px 2px rgb(55 55 55 / 25%);
        border-radius: 12px;
        padding: 0px;
    }
    .download_report img {
        max-width: 299px;
        margin: 25px auto;
    }
    .in_av_121 p {
        margin-top: -3px;
    }
    .in_av_121 p img {
        top: -2px !important;
    }
    .ear_date {
        display: block;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        color: #ffffff;
    }

    /* ================================ */
    /* current earning  Section */
    /* ================================ */

    .cycle_date_section {
        display: flex;
    }
    .c122 p {
        text-align: right;
        text-transform: inherit;
        font-weight: 700 !important;
    }
    .c121 p {
        text-transform: inherit;
        font-size: 14px;
    }
    .c121 img {
        max-width: 26px;
        margin-right: 4px;
    }
    .c122 p span {
        margin: 0 2px;
        color: #5b5b5b;
    }
    .cycle_date_section1 {
        font-size: 10px;
        text-transform: inherit;
        width: 50%;
    }
    .cycle_date_section1 p {
        margin-bottom: 0 !important;
    }
    .c122 img {
        max-width: 30px;
        top: -2px;
        position: relative;
        margin-right: 6px;
    }
    .c122 {
        margin-top: 4px;
    }
    .cu_earn .p1121 {
        text-transform: uppercase;
        font-family: "Russo One", sans-serif;
        font-size: 20px;
        color: #f9bb22;
    }
    .cu_earn img {
        min-height: 60px !important;
        max-width: 50px !important;
    }
    .cu_earn .p1122 {
        font-size: 20px;
        margin: 3px auto;
        color: #fff !important;
    }
    .se_report_1612 {
        margin-top: 110px !important;
    }
    .se_report_1612 .earning_inner_section_top1 p {
        font-size: 25px !important;
    }
    .se_report_1612 .earning_inner_section_top1:nth-child(4) p {
        text-align: right !important;
    }
    .se_report_1612_1 .ce_cy {
        max-width: 40px !important;
    }
    .se_report_1612_1 .earning_inner_section_top1 {
        width: 33.33% !important;
    }
    .se_report_1612_1 .earning_inner_section_top1 p {
        font-size: 25px !important;
        text-align: center !important;
    }
    .se_report_1612_1 .earning_inner_section_top1:nth-child(3) p {
        text-align: right !important;
    }
    .se_report_1612_1 .earning_inner_section_top1:nth-child(1) p {
        text-align: left !important;
    }
    .se_report_1612_1 .earning_inner_section_bottom1:nth-child(2) .earing_sec1 {
        float: none !important;
    }
    .se_report_1612_1
        .earning_inner_section_bottom1:nth-child(2)
        .earing_sec1
        p {
        text-align: center !important;
        display: block;
    }
    .plan_1612 {
        margin-top: 110px !important;
    }
    .plan_1612 .profit-bx {
        width: 48%;
        padding: 30px 20px;
        margin-right: 2%;
    }
    .sett_his p,
    .date_sec {
        font-size: 20px !important;
    }
    .amt_sec1 img {
        margin: 0 0 0 23px;
    }
    .st_im {
        max-width: 20px;
        margin-right: 4px;
    }
    .cu_122 {
        align-items: center;
        min-height: 54px;
    }
    .pl_type {
        transform: rotate(270deg);
        position: absolute;
        /* top: 0px; */
        /* margin-bottom: -12px; */
        left: -11px;
        font-size: 7px !important;
        text-align: center;
        top: 4px;
    }
    .cu_122 img {
        max-width: 30px !important;
    }
    .type_player {
        top: 10px;
    }
    .type_sub_aff {
        top: 1px;
    }
    .type_player {
        top: 10px;
    }
    .tr_122 .ser2 {
        float: right;
    }
}

@media only screen and (max-width: 768px) {
    .sub_earn_1612 .view_tag {
        display: inherit !important;
    }
    .opensright {
        top: calc(50% - 290px) !important;
        left: calc(50% - 215px) !important;
        right: inherit !important;
    }
    .fix_btn {
        position: fixed;
        width: 100%;
        bottom: 50px;
        background: #282828;
        left: 0;
        right: 0;
        /* z-index: 9; */
    }
    .gs-fixed {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 60px;
        z-index: 1;
    }
    .gs-fixed .seachbar {
        border-radius: 0 !important;
    }
    .gs-wlt-tab-fxd {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 115px;
        padding-left: 20px;
        border-radius: 0 !important;
    }

    .per_w_50 {
        width: 50%;
    }
    .per_w_60 {
        width: 60%;
    }
    .per_w_40 {
        width: 40%;
    }
    .m-a {
        margin: auto;
    }
    .mb-17 {
        margin-bottom: 17px;
    }
    /* ================================ */
    /* header */
    /* ================================ */
    .wlt-head-text {
        font-family: "Poppins", sans-serif;
    }
    /* ================================ */
    /* profit slab */
    /* ================================ */
    .slab_percentage_section {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(211, 55, 179, 0.4);
        border-radius: 12px;
        display: flex;
        justify-content: space-around;
    }
    .per_content2 {
        background: linear-gradient(
            90.34deg,
            rgba(253, 253, 253, 0.13) 3%,
            rgba(255, 255, 255, 0.29) 99.74%
        );
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 12px;
        padding: 10px 20px;
        margin: 20px;
    }
    .per_content2 p {
        padding: 0;
        font-size: 44px;
        text-align: center;
        margin: 0;
        font-family: Evogria;
    }
    .per_content1 {
        text-align: center;
    }
    .per_content1 p {
        font-size: 21px;
        margin: 0;
    }
    .slab_level_section {
        background: linear-gradient(90deg, #303030 0%, #434343 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        margin-top: 40px;
        position: relative;
    }
    .level {
        max-width: 32px;
        margin: 10px;
    }
    .level_content {
        text-align: center;
        position: relative;
        top: -24px;
    }
    .cir {
        max-width: 35px;
        position: absolute;
        top: -16px;
        right: 9px;
    }
    .level_content h4 {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-size: 17px;
        margin-bottom: 5px;
    }
    .level_content p {
        font-size: 12px;
        margin: 0 !important;
    }
    .type_img img {
        max-width: 45px;
    }
    .type_inner_section {
        width: 100%;
        background: #292929;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        margin: 10px 0;
        font-size: 13px;
    }
    .type_img {
        width: 70px;
    }
    .type_name {
        font-weight: 600;
        font-size: 13px;
    }
    .type_per {
        color: #f9bb22;
    }
    .type_inner_section tr {
        border-bottom: 0.5px solid #3a3a3a;
        height: 50px;
    }
    .type_inner_section tr:last-child {
        border: none !important;
    }
    .slab_label_section {
        margin: 25px auto;
        text-align: center;
    }
    .sports_section_slab1 {
        position: relative;
        padding: 30px 20px;
        margin-bottom: 20px;
        margin-top: 23px;
    }
    .sports_section_slab1.px1 {
        width: 49%;
        margin-right: 1%;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    .sports_section_slab1.px2 {
        width: 49%;
        margin-left: 1%;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    img.img-responsive.spor_icon {
        max-width: 66px;
        position: absolute;
        top: -28px;
        left: calc(50% - 33px);
    }
    .slab_sports_section {
        display: flex;
    }
    .sports_section_slab1 p,
    .sports_section_slab1 h6 {
        text-align: center;
        margin: 0;
        line-height: 30px;
    }
    .sports_section_slab1 h6 {
        font-weight: 800;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
    }
    .sports_section_slab1 p {
        color: #f9bb22;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
    }
    /* ================================ */
    /* sub_affiliates */
    /* ================================ */
    .seachbar {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    .seachbar input {
        width: 97%;
        padding: 14px;
        border: 0px solid !important;
        color: #fff;
        background-image: url("../../assets/IMG/search.svg");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 20px;
        background-color: transparent;
    }
    .seachbar input:focus-visible {
        outline: 0px solid !important;
    }
    .sub_affiliates_section {
        background: linear-gradient(146.03deg, #f2cd0c 0%, #089b0e 100%);
        box-shadow: 0px 2.98265px 11.1849px #608423;
        border-radius: 12px;
        padding: 30px;
        margin: 20px auto 10px auto;
        font-size: 12px;
    }
    .sub_affiliates_section p {
        margin: 0;
    }
    .sub_affiliates_section p span {
        font-size: 15px;
        text-align: right;
        float: right;
        font-family: Evogria;
        margin-top: -2px;
    }
    .sub_settle_section {
        display: flex;
    }
    .se1 {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
        border-radius: 12px;
        width: 49%;
        text-align: center;
        margin-right: 1%;
    }
    .se2 {
        background: linear-gradient(146.03deg, #07b4fe 0%, #5936e3 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(43, 125, 243, 0.4);
        border-radius: 12px;
        width: 49%;
        text-align: center;
        margin-left: 1%;
    }
    .sub_settle_section1 h5 {
        font-family: Evogria;
        margin-bottom: 15px;
        /* margin-top: 10px; */
    }
    .sub_settle_section1 p {
        font-size: 13px;
        padding: 10px 0;
        min-height: 41px;
        margin: auto;
        vertical-align: middle;
    }
    .se1 p {
        padding-top: 20px;
    }
    .earning_section {
        margin-top: 23px;
        padding-bottom: 40px;
    }
    .earning_section h3 {
        font-family: "Evogria";
        font-size: 16px;
        margin-bottom: 0px;
        color: #f9bb22;
    }
    .earning_inner_section {
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .earning_inner_section_top,
    .earning_inner_section_bottom {
        display: flex;
    }
    .earning_inner_section_top1 {
        width: 50%;
    }
    .earning_inner_section_top1 p {
        margin: 0;
        font-size: 12px;
        padding: 10px;
        text-align: center;
        text-transform: capitalize;
    }
    .earing_sec1 p img {
        max-width: 20px;
        margin: 0 10px;
        position: relative;
        top: -4px;
    }
    .earing_sec1 p {
        /* display: flex; */
        margin: 0;
        font-size: 13px;
    }
    .player_rpt .earning_inner_section_bottom1.p10.p1a.xy1231 {
        width: 35%;
    }
    .player_rpt .earning_inner_section_bottom1.p10.xy123 {
        width: 15% !important;
        margin-top: -5px;
    }
    .earning_inner_section_bottom1 {
        width: 50%;
        text-align: center;
    }
    .earning_inner_section_bottom {
        display: flex;
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        margin: 10px;
        padding: 10px;
        align-items: center;
    }
    .earning_inner_section_top {
        background: #282828;
        padding: 6px;
        border-radius: 12px 12px 0 0;
    }
    .earing_sec1 {
        position: relative;
        top: 3px;
    }
    .ser1 {
        text-align: left;
        margin-left: 0px;
    }
    .ser2 {
        text-align: right;
        margin-right: 10px;
    }
    .ser2 p {
        color: #f9bb22;
    }
    .more_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        color: #fff;
        text-decoration: none;
        /* width: 100%; */
        display: block;
        padding: 10px 15px;
        margin: 10px;
        text-align: center;
    }
    img.img-responsive.add_sec {
        max-width: 35px;
        margin-right: 5px;
    }
    .bot_section1 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 49%;
        padding: 10px 10px 7px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    .bot_section {
        display: flex;
    }
    .src2 {
        margin-left: 1%;
    }
    .src1 {
        margin-right: 1%;
    }
    .bot_section3 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        text-align: center;
        padding: 10px 10px 7px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    p.p2_name {
        text-align: right;
        margin-right: 20px;
    }
    p.p1_name {
        text-align: left;
        margin-left: 20px;
    }
    .mlr-0 {
        margin: 10px 0 !important;
    }
    /* ================================ */
    /* player reports */
    /* ================================ */
    .sert1 {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        display: flex;
    }
    .sert2 {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
        display: flex;
    }
    .sert12 p,
    .sert12 h5 {
        padding: 0;
        margin: 0;
        min-height: auto;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        text-align: left;
    }
    .sert11,
    .sert12 {
        margin: auto;
        padding: 15px 9px;
    }
    .sert12 p {
        font-size: 13px;
    }
    .sert12 {
        margin-left: -15px;
    }
    .sert11 img {
        max-width: 50px;
        width: 50px;
        margin-left: -7px;
    }
    /* ================================ */
    /* settlement report */
    /* ================================ */
    .settlement_report_section p {
        text-transform: capitalize;
    }
    .download_section {
        display: inline-block;
        width: 100%;
    }
    .download_section a {
        text-align: right;
        float: right;
        margin: 10px auto;
        color: #fff;
        font-size: 12px;
    }
    .download_section img {
        max-width: 35px;
        margin-top: 6px;
    }
    td.type_img1 {
        width: 70px;
        text-align: center;
    }
    td.type_img1 img {
        width: 22px;
    }
    .type_name1 {
        padding-left: 10px;
    }
    .type_amt1 {
        width: 70px;
        text-align: center;
    }
    .type_amt1 img {
        width: 10px;
    }
    .genete_btn {
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin: 10px 0;
        font-weight: 600;
    }
    /* ================================ */
    /* create sub affiliates */
    /* ================================ */
    .form-group {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: inline-block;
        width: 100%;
    }
    .form-group input,
    .form-group select {
        width: 94%;
        padding: 12px 27px;
        border: 0px solid !important;
        color: #fff;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 15px;
        background-color: transparent;
        float: right;
    }
    .username input {
        background-image: url(../../assets/IMG/username.svg);
    }
    .password input {
        background-image: url(../../assets/IMG/password.svg);
    }
    .mobile input {
        background-image: url(../../assets/IMG/mobile.svg);
    }
    .email input {
        background-image: url(../../assets/IMG/email.svg);
    }
    .form-group {
        margin-bottom: 5px;
    }
    .form-group input:focus-visible {
        outline: 0px solid !important;
    }
    .submit_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 100%;
        border: 0px solid !important;
        padding: 13px;
        color: #ffffff !important;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-size: 17px;
        font-weight: 600;
    }
    .info_graphic_section {
        text-align: center;
    }
    .info_graphic_section img {
        margin: 10px auto;
        max-width: 180px;
    }
    .skip_btn {
        border: 0.5px solid #f9bb22;
        box-sizing: border-box;
        border-radius: 6px;
        width: 67px;
        text-align: center;
        color: #f9bb22;
        float: right;
        position: absolute;
        right: 10px;
        font-size: 12px;
        padding: 4px 10px;
        background-color: transparent;
    }
    .profit {
        max-width: 17px;
    }
    .range_content {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .range_content span {
        margin-left: 10px;
        position: relative;
        top: 1px;
    }
    .info {
        max-width: 19px;
        float: right;
        margin-right: 5px;
    }
    .slder_range {
        width: 70px;
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        height: 50px;
        display: block;
        margin-right: 10px;
        padding: 14px;
        text-align: center;
    }
    .slidecontainer {
        width: 100%;
        display: flex;
        margin: 10px auto;
    }
    .slider {
        width: 100%;
        margin-top: 15px;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 23px;
        height: 24px;
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        z-index: 99999 !important;
    }
    .slider {
        /* -webkit-appearance: none; */
        background: #d3d3d3;
        height: 2px;
        border-radius: 0px;
        background: #d3d3d3;
        /* outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s; */
        position: relative;
        top: 15px;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        /* width: 23px;
height: 24px; */
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        background-size: 23px;
        z-index: 99999 !important;
    }
    .slider::-moz-range-thumb {
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        background-size: 23px;
        z-index: 99999 !important;
    }
    progress {
        -webkit-appearance: none;
    }

    ::-webkit-progress-value {
        /* background-color: orange; */
    }
    .progress {
        display: -ms-flexbox;
        display: flex;
        height: 3px;
        overflow: hidden;
        font-size: 0.75rem;
        background-color: #fff;
        border-radius: 0.25rem;
        margin-top: 6px;
    }
    .progress-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #f9bb22;
        transition: width 0.6s ease;
        z-index: 999;
    }
    .slider::-moz-range-thumb {
        width: 23px;
        height: 24px;
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
    }
    .add_query {
        display: block;
        text-align: center;
    }
    /* ================================ */
    /* tickets */
    /* ================================ */
    .tickets {
        background: #424242;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        position: relative;
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .no-pre-msg {
        text-align: center;
        margin: 0;
        font-size: 14px;
    }
    .ticket_one {
        display: flex;
        width: 100%;
        padding: 10px 20px;
    }
    .ticket_one p {
        width: 100%;
        margin-bottom: 0 !important;
        font-size: 14px;
        color: #f9bb22;
        margin-top: 8px;
    }
    .ticket_one span {
        float: right;
        text-align: right;
        min-width: 50%;
        color: #fff;
        font-size: 9px !important;
        line-height: 11px;
        background-color: transparent;
        border: none;
        font-weight: 700;
    }
    .ticket_one img {
        max-width: 14px;
        position: relative;
        top: -1px;
        margin: 0 5px;
    }
    .message_count {
        position: absolute;
        top: -26px;
        left: calc(50% - 30px);
    }
    .count_section {
        text-align: center;
        position: relative;
    }
    .message_icon {
        max-width: 60px;
    }
    .count-num {
        font-size: 9px;
        position: relative;
        top: -48px;
    }
    .ticket_two {
        background: #2d2d2d;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0;
        padding: 20px 15px;
        display: flex;
    }
    .tic_content p {
        margin: 0 !important;
        font-size: 13px;
    }
    .tickets_section_mobile {
        margin-top: 60px;
    }
    .tic_content {
        margin-bottom: 15px;
    }
    .ticket_content_section1 {
        width: calc(100%);
    }
    .active_ticket {
        color: #ffffff;
    }
    .review_ticket {
        color: #f9bb22;
    }
    .hold_ticket {
        color: #ec3c3c;
    }
    .cancel_ticket {
        color: #ec3c3c;
    }
    .completed_ticket {
        color: #4cae4c;
    }
    .ticket_content_section2 {
        text-align: center;
        margin-right: 0;
        margin: auto;
        float: right;
        align-items: baseline;
        min-width: 120px;
    }
    .ticket_content_section2 img {
        max-width: 80px;
    }
    .ticket_content_section2 p {
        font-size: 0.55rem;
        margin: 0;
    }
    /* ================================ */
    /* tickets */
    /* ================================ */
    .home_icon {
        position: absolute;
        top: 14px;
        right: 15px;
        max-width: 35px;
    }
    .sele:focus {
        outline: none !important;
        box-shadow: none !important;
        border: 0px solid !important;
    }
    .sele:visited {
        outline: none !important;
    }
    .sele {
        -webkit-appearance: none;
        height: 48px;
        border: 0px solid;
        color: #fff;
        font-size: 14px;
        padding: 5px 10px;
        margin: 0 !important;
    }
    .sele1 {
        background: url(../../assets/IMG/issue_icon.svg) no-repeat right;
    }
    .sele2 {
        background: url(../../assets/IMG/subject_icon.svg) no-repeat right;
    }
    .sele option {
        color: #000;
    }
    .arr_icon {
        position: absolute;
        max-width: 17px;
        top: 20px;
        right: 13px;
    }
    .form-group {
        position: relative;
    }
    .form-group textarea {
        width: 94%;
        padding: 12px 27px;
        border: 0px solid !important;
        color: #fff;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 15px;
        background-color: transparent;
        background-position-y: 1rem;
        float: right;
        font-size: 14px;
    }

    .form-group textarea::placeholder {
        color: #fff;
    }

    .description textarea {
        background-image: url(../../assets/IMG/description.svg);
    }
    .px1 {
        font-size: 12px;
        line-height: 38px !important;
        color: #fff !important;
    }
    .px1 span img {
        max-width: 38px;
        position: relative;
        top: 2px;
    }
    /* ================================ */
    /* total earning report */
    /* ================================ */
    .cuurent_cycle {
        max-width: 25px;
        margin-right: 7px;
    }
    .sha_cls {
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
    }
    /* ================================ */
    /* Connect To Game Account */
    /* ================================ */
    .background_class {
        background-image: url(assets/IMG/background_black.png);
        background-position: left;
        background-attachment: fixed;
        background-size: cover;
        overflow-x: hidden !important;
    }
    html {
        overflow-x: hidden;
    }
    .bottom_type_btn {
        position: relative;
        margin-top: 0px;
    }
    .bg_icon1 {
        position: absolute;
        top: -31px;
        right: -22px;
        width: 200px;
    }
    .bg_icon2 {
        position: absolute;
        top: 18px;
        left: -22px;
        width: 200px;
    }
    .form_section_1 p {
        font-size: 11px;
        text-align: center;
        margin: 0 !important;
    }
    .acc_con_section {
        text-align: center;
        /* padding: 18% 10px; */
        font-family: "Evogria";
        font-size: 15px;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
        color: #f9bb22;
    }
    .logo {
        max-width: 100px;
        margin: 50px auto;
    }
    .form_section_1 {
        position: fixed;
        width: calc(100% - 30px);
        bottom: 70px;
    }
    .he_cls {
        height: calc(100vh - 250px);
        position: relative;
    }
    .bg_icon11 {
        max-width: 200px;
    }
    .tabxx {
        max-width: 15px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .val_table {
        width: 100%;
        font-size: 12px;
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }
    .val_table td {
        padding: 17px 15px;
        border-bottom: 1px solid#eaeaea1a;
        border-left: 1px solid #eaeaea1a;
    }
    .bl0 {
        border-left: 0px solid !important;
    }
    .bb0 {
        border-bottom: 0px solid !important;
    }
    /* ================================ */
    /* pagination */
    /* ================================ */
    .pagination_section {
        text-align: center;
    }
    .pagination_section a {
        background: #262626;
        border-radius: 4.5px;
        height: 30px;
        width: 30px;
        text-align: center;
        color: #fff;
        padding: 7px 12px;
        font-size: 13px;
        cursor: pointer;
        text-decoration: none !important;
    }
    .pagination_section a.active {
        background: #f9bb22 !important;
    }
    /* ================================ */
    /* All Players */
    /* ================================ */
    .sx {
        margin-top: 8px !important;
    }
    /* ================================ */
    /* Chat Section */
    /* ================================ */
    .chat_section {
        background: #424242;
        border-radius: 12px;
        display: flow-root;
    }
    .chat_section .ticket_content_section1 {
        text-align: center;
    }
    .chat_he {
        color: #f9bb22;
    }
    .chat_section .ticket_content_section1 p {
        font-size: 12px;
    }
    .date_tag {
        color: #ffffff;
        font-size: 10px;
        text-align: center;
        margin: 5px auto;
    }
    .user1,
    .user2 {
        margin-top: 10px;
        margin-bottom: 5px;
        width: 90%;
        font-size: 12px;
        display: inline-block;
    }
    .chat_content {
        display: inline-block;
        margin-bottom: 10px;
    }
    .chat_section .tickets {
        margin-top: 0 !important;
    }
    .user1 span {
        background: #f9bb22;
        border-radius: 0px 10px 5px;
        padding: 3px 10px;
        margin-left: 2px;
        display: inline-table;
        word-break: break-word;
        color: #000;
    }
    .day_split {
        display: inline-block;
    }
    .user2 {
        text-align: right;
        float: right;
    }
    .user2 span {
        background: #171717;
        border-radius: 10px 0px 10px 5px;
        padding: 3px 10px;
        margin-right: 2px;
        display: inline-table;
        text-align: left;
        word-break: break-word;
    }
    .send_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 0px;
        width: 70px;
        height: 60px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
    }
    .ticket_section_thre textarea {
        width: 96%;
        background: transparent;
        border: 0px solid;
        font-size: 14px;
        padding: 9px;
        color: #fff;
        padding-right: 2%;
        max-width: calc(100% - 70px);
        float: left;
        height: 60px;
        background: #2e2e2e;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
        border-radius: 0px 0px 12px 12px;
    }
    .vfdc {
        position: fixed !important;
        width: calc(100% - 24px);
        bottom: -10px;
        margin: 0px auto;
        background: #171717;
    }
    .ticket_section_thre textarea::-webkit-input-placeholder {
        margin-top: 5px;
    }

    .ticket_section_thre textarea:-moz-placeholder {
        /* Firefox 18- */
        margin-top: 5px;
    }

    .ticket_section_thre textarea::-moz-placeholder {
        /* Firefox 19+ */
        margin-top: 5px;
    }

    .ticket_section_thre textarea:-ms-input-placeholder {
        margin-top: 5px;
    }

    .ticket_section_thre textarea::placeholder {
        padding-top: 10px;
    }
    .chat-sub {
        position: absolute;
        height: 60px;
        width: 70px;
        padding: 0;
        background: transparent;
        color: transparent;
        border: none;
        right: 0;
    }
    .user1 p {
        font-size: 10px;
        margin-left: 2px;
        opacity: 0.6;
        margin-bottom: 0;
    }
    .user2 p {
        font-size: 10px;
        margin-right: 2px;
        opacity: 0.6;
        margin-bottom: 0;
    }
    /* ================================ */
    /* settlement Section */
    /* ================================ */
    .icon_sec img {
        max-width: 25px;
    }
    .earing_sec11 p {
        font-size: 12px;
        text-align: center;
        margin-bottom: 0 !important;
    }
    .sett_sec .earning_inner_section_bottom1 {
        display: table;
    }
    .earing_sec11 {
        display: inline-table;
    }
    .set_sec p {
        margin: 0;
        text-align: center;
    }
    .de_sec {
        color: #26d337;
    }
    .amt_sec {
        color: #f9bb22;
    }
    .mw30 {
        max-width: 30px;
    }

    /* ================================ */
    /* sub affliate - 2  Section */
    /* ================================ */
    .mw0 {
        max-width: 0 !important;
    }
    .sub-af {
        text-align: left;
        margin-left: 4px;
    }
    .top_arrow {
        max-width: 10px;
        display: block;
        text-align: center;
        margin: auto;
        margin-bottom: 5px;
    }
    .tab121 .aj-ser1-two,
    .tab121 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 11px;
    }
    .ser121 p {
        display: flex;
        align-items: center;
    }
    .ser121 img {
        margin: 0 !important;
        max-width: 30px !important;
        top: 0px !important;
    }
    .he_cls {
        margin-top: 60px;
    }
    .tab121 .aj-ser1-one img {
        min-width: 25px !important;
    }
    .s121 {
        float: right;
    }
    .ser121 .view_tag {
        margin: 0 !important;
    }
    /* ================================ */
    /* succeess  Section */
    /* ================================ */
    .scess_msg {
        text-align: center;
        margin-bottom: 40px;
    }
    .scess_msg1 {
        text-align: center;
        margin-top: -55px;
    }
    p.scess_msg_p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .scess_msg_h4 {
        font-family: Evogria;
        color: #2fbd35;
    }
    img.tabxx11 {
        max-width: 15px;
        float: right;
    }
    .sc1 {
        margin: 30px auto 10px auto;
        text-align: left;
    }
    .scess_msg p {
        font-size: 13px;
    }
    .steps_section h4 {
        font-size: 16px;
        font-family: Evogria;
        text-align: center;
        margin: 10px auto;
    }
    .steps_content {
        text-align: center;
        font-size: 13px;
        margin-bottom: 30px;
    }
    .steps_content img {
        max-width: 60px;
        margin: 20px auto 10px auto;
    }
    .wpop_n-bg {
        text-align: center;
        text-align: center;
        height: auto;
        margin-bottom: 100px;
    }
    .hjgf {
        left: 0px;
        text-align: center !important;
    }
    .hjgf h2 {
        font-size: 25px;
        margin: 50px auto;
    }

    /* --------------------------------------- */
    .bot_section1 a {
        color: #fff !important;
    }
    .sub_affiliates_section {
        color: #fff;
    }
    .apexcharts-gridlines-horizontal .apexcharts-gridline {
        stroke: #b7c1e88c;
        stroke-dasharray: 9;
    }
    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
    .apexcharts-xaxistooltip,
    .apexcharts-tooltip-series-group.apexcharts-active
        .apexcharts-tooltip-marker,
    .apexcharts-tooltip-text-y-label {
        display: none;
    }
    .apexcharts-tooltip-series-group.apexcharts-active,
    .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 0;
        font-size: 13px;
    }
    .apexcharts-tooltip.apexcharts-theme-light {
        border: 1px solid #292929;
        background: rgb(45 45 45);
        border-radius: 10px;
    }
    /* ================================ */
    /* notification  Section */
    /* ================================ */
    .notification_content {
        background: #282828;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        display: flex;
        padding: 15px 10px;
        position: relative;
        margin: 8px auto;
    }
    .not_img {
        min-width: 70px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .n_img {
        max-width: 50px;
    }
    .not_content {
        min-width: calc(100% - 170px);
        margin-right: 51px;
        margin-left: 70px;
    }
    .not_content p {
        margin: 0;
        font-size: 13px;
        color: #fff;
    }
    .not_content p span {
        font-size: 10px;
        color: #6c6c6c;
    }
    .not_notification {
        min-width: 80px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0px;
        text-align: right;
    }
    .not_tag {
        background: #f9bb22;
        border-radius: 4px 0px 0px 4px;
        color: #000;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        padding: 7px 10px;
        font-size: 12px;
        right: -15px;
        font-weight: 600;
    }
    /* ================================ */
    /* settlement  Section */
    /* ================================ */
    .pname .p1_name {
        margin-left: 0 !important;
    }
    .pbg .ser2 p {
        display: flex;
        align-items: center;
    }

    span.view_tag {
        margin-left: 10px;
        border: 1px solid #f9bb22;
        border-radius: 5px;

        padding: 2px 5px;
        margin-top: -2px;
        font-size: 0.7rem;
        padding: 5px;
        border-radius: 5px;
        color: #f9bb22;
        display: block;
    }
    a {
        text-decoration: none !important;
    }

    .pbg p {
        font-size: 11px;
    }
    .set_section {
        width: 50%;
        float: left;
        text-align: center;
        padding: 10px 10px 20px 10px;
    }
    .settle_section {
        background: #242424;
        border-radius: 12px;
        display: flex;
        margin: 20px auto;
    }
    .set_section img {
        max-width: 30px;
        margin: 10px auto;
    }
    .set_section1 {
        border-right: 0.5px solid #353535;
    }
    p.p1121 {
        margin: 0;
        font-size: 9px;
    }
    p.p1122 {
        margin: 0;
        font-size: 11px;
    }
    .ghfd .sub_settle_section1 p {
        min-height: 40px !important;
    }
    .srT_date {
        color: #189a15;
        font-size: 10px;
        text-transform: capitalize;
    }
    .enD_date {
        color: #ff0000;
        font-size: 10px;
        text-transform: capitalize;
    }
    .vi_btn .ser2 {
        top: 7px;
    }
    .cl1121 .ser1 {
        text-align: center;
    }
    .ghfd .sub_settle_section1 p,
    .ghfd .sub_affiliates_section p {
        text-transform: capitalize !important;
    }
    .ce_cy {
        top: 4px !important;
        max-width: 30px !important;
    }
    .download_report {
        text-align: center;
        background: linear-gradient(91.38deg, #242424 0.55%, #202020 97.81%);
        box-shadow: 0px 4px 13px rgb(0 0 0 / 25%),
            -6px -4px 11px rgb(74 74 74 / 22%),
            inset 0px 1px 2px rgb(55 55 55 / 25%);
        border-radius: 12px;
        padding: 0px;
    }
    .download_report img {
        max-width: 155px;
        margin: 15px auto;
    }
    .in_av_121 p {
        margin-top: -3px;
    }
    .in_av_121 p img {
        top: -2px !important;
    }
    .ear_date {
        display: block;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #ffffff;
    }

    /* ================================ */
    /* current earning  Section */
    /* ================================ */

    .cycle_date_section {
        display: flex;
    }
    .c122 p {
        text-align: right;
        text-transform: inherit;
        font-weight: 700 !important;
    }
    .c121 p {
        text-transform: inherit;
        font-size: 14px;
    }
    .c121 img {
        max-width: 26px;
        margin-right: 4px;
    }
    .c122 p span {
        margin: 0 2px;
        color: #5b5b5b;
    }
    .cycle_date_section1 {
        font-size: 10px;
        text-transform: inherit;
        width: 50%;
    }
    .cycle_date_section1 p {
        margin-bottom: 0 !important;
    }
    .c122 img {
        max-width: 10px;
        top: 0px;
        position: relative;
        margin-right: 1px;
    }
    .c122 {
        margin-top: 4px;
    }
    .cu_earn .p1121 {
        text-transform: uppercase;
        font-family: "Russo One", sans-serif;
        font-size: 13px;
        color: #f9bb22;
    }
    .cu_earn img {
        min-height: 30px;
    }
    .cu_earn .p1122 {
        font-size: 7px;
        margin: 3px auto;
    }
    .st_im {
        max-width: 20px;
        margin-right: 4px;
    }
    .cu_122 {
        align-items: center;
        min-height: 54px;
    }
    .pl_type {
        transform: rotate(270deg);
        position: absolute;
        /* top: 0px; */
        /* margin-bottom: -12px; */
        left: -11px;
        font-size: 7px !important;
        text-align: center;
        top: 4px;
    }
    .cu_122 img {
        max-width: 30px !important;
    }
    .type_player {
        top: 10px;
    }
    .type_sub_aff {
        top: 1px;
    }
    .type_player {
        top: 10px;
    }
    .tr_122 .ser2 {
        float: right;
    }
}
.xy123 img {
    margin: 0 !important;
    position: relative;
    top: 0 !important;
}
.xy1231 > .ser1 {
    position: relative;
    top: 0 !important;
}
@media only screen and (max-width: 319px) and (min-width: 280px) {
    .earning_inner_section_bottom {
        margin: 6px 3px !important;
        padding: 10px 5px !important;
    }
    .se_report_1612_1 .pbg p {
        font-size: 8px !important;
    }
    .se_report_1612_1 span.view_tag {
        font-size: 0.4rem !important;
    }
    .sub_aff16_12 .earning_inner_section_bottom .aj-ser1-two,
    .sub_aff16_12 .earing_sec1 p,
    .sub_aff16_12 .earning_section .p1_name {
        margin-left: 5px !important;
        font-size: 9px !important;
        margin-right: 5px !important;
    }
}
@media only screen and (max-width: 359px) {
    .gh122 {
        margin-left: 30px !important;
    }
    .gh1221 {
        width: 84px !important;
    }
    .gh122 p {
        text-align: center;
    }
    .gh1222 p {
        padding: 10px 0;
    }
    .gh1222 {
        width: 70px !important;
    }
    .gh1222 p {
        margin: 0 !important;
    }
    .sert11 img {
        max-width: 40px;
        width: 40px;
        margin-left: -7px;
    }
    .sert12 p {
        font-size: 11px;
    }
    .sert12 {
        margin-left: -10px;
    }
    .sert11 img {
        max-width: 40px;
    }
}

/* ------GS Style--------- */

/* Animations */

.scaleIn {
    animation: scaleIn 0.5s ease-in both;
    -webkit-animation: scaleIn 0.5s ease-in both;
}
@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
}
@-webkit-keyframes scaleIn {
    from {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }
}
.sub_affi_create {
    padding: 40px !important;
}
.notice {
    padding: 20px;
    border-radius: 3px;
    display: none;
    position: absolute;

    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.notice img {
    position: relative;
    width: 100%;
    max-width: 150px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.range-slider {
    width: 100%;
}
.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (73px));
    height: 2px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f9bb22;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
    background: #f9bb22;
}
.range-slider__range:active::-webkit-slider-thumb {
    background: #f9bb22;
}
.range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #2c3e50;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
    background: #1abc9c;
}
.range-slider__range:active::-moz-range-thumb {
    background: #1abc9c;
}
.range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}
.range-slider__value {
    display: inline-block;
    position: relative;
    width: 60px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #2c3e50;
    padding: 5px 10px;
    margin-left: 8px;
}
.range-slider__value:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #2c3e50;
    border-bottom: 7px solid transparent;
    content: "";
}
::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}
.range-slider .progress {
    display: none;
}
.earning_inner_section_top1.sr-com {
    position: relative;
    left: -25px;
}
.cycle_date_section1.c122 p {
    font-size: 9px;
    line-height: 11px;
    background-color: transparent;
    color: #fff;
    border: none;
    font-weight: 600;
}
.sign-up,
.login-wrap {
    -webkit-transition: top 2s; /* For Safari 3.1 to 6.0 */
    transition: top 0.5s;
}
.ss_inner p.p1121 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    line-height: 11px;
    text-transform: capitalize;
}
.ss_inner .set_section img {
    max-width: 32px;
}
.settle_section.ss_inner .p1122 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
    margin-top: 10px;
}
.sub_settle_section.xy6 .sub_settle_section1.se1.sert1 {
    margin-right: 0.7%;
}
.sub_settle_section.xy6 .sub_settle_section1.se2.sert2 {
    margin-left: 0.7%;
}
.earning_section .wlt-tran-wrap.mb-17.ticket_raise {
    margin-bottom: 15px;
}
.earning_inner_section.player_table.pbg p.p1_name {
    text-transform: uppercase !important;
}
.earning_inner_section.player_table.pbg .p_cm {
    position: relative;
    left: -35px;
}
.slab_type_section.gtabs.demo td.type_name {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
}
.slab_type_section.gtabs.demo td.type_amt {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
}
.slab_type_section.gtabs.demo .type_per {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #f9bb22;
}
.percentage_p h6 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 284;
    line-height: 39px;
    text-align: center;
    color: #ffffff;
}
section.create-sff.wlt-bal-wrapper.pd-12 input {
    padding: 20px 30px;
}
.aj-ser1-one {
    background-image: url(../IMG/avatar_bg.svg);
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.subAffView .earing_sec1.ser2 {
    top: 0px;
}
.all-ply-body-item .apb-one .apb-one-img {
    background-image: url(../IMG/avatar_bg.svg);
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.user_er {
    background-image: url(../IMG/avatar_bg.svg);
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin-right: 5px;
}
p.earning_user {
    display: flex;
    line-height: 25px;
}
.mpp-main-wrapper .mpp-head-img {
    background-color: transparent;

    border-radius: 50%;

    width: 34px;
    line-height: 30px;
    display: block;
    justify-content: center;
}
img.ear-user.img-responsive {
    right: 7px;
    top: 0px !important;
    max-width: 20px !important;
}
@media (max-height: 570px) and (max-width: 320px) {
    .no-bd-wrapper {
        width: 100%;
        position: relative;
        height: 129px;
    }
    .no-bd-wrapper img {
        max-width: 50px !important;
    }
    .no-bd-img-wrap {
        position: absolute;
        top: 31% !important;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

.no-bd-wrapper img {
    max-width: 70px;
}
.no-bd-img-wrap {
    text-align: center;
}
.email input {
    background-size: 18.5px;
}
.mobile input {
    background-size: 14px;
    background-position-y: center;
    background-position-x: 5px;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .cycle_date_section1.c121 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #ffffff;
    }
    .cycle_date_section1 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #ffffff;
    }
    .cycle_date_section1.c122 {
        margin-top: 0px;
    }
    .cycle_date_section1.c122 img {
        max-width: 12px;
        top: -2px;
    }
    .settle_section.cu_earn {
        background: linear-gradient(91.38deg, #1d1d1d 0.55%, #141414 97.81%);
        box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.25),
            -6px -4px 11px rgba(74, 74, 74, 0.22),
            inset 0px 1px 2px rgba(55, 55, 55, 0.25);
        border-radius: 12px;
        margin-top: 15px;
    }
    .settle_section.cu_earn .set_section1 {
        border-right: 0.5px solid #282828;
    }
    .settle_section.cu_earn .p1122 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
        line-height: 11px;
        color: #ffffff;
        text-transform: inherit;
        margin-top: 0;
    }
    .earning_section h3 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        color: #f9bb22;
    }
    .earning_section {
        margin-top: 26px;
        padding-bottom: 40px;
    }
    .earning_section .wlt-tran-wrap.mb-17 {
        margin-bottom: 5px;
    }
    .earning_section .current-cyc {
        margin: 25px auto 10px !important;
    }
    .earning_section .current-cyc .cycle_date_section1.c121 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #ffffff;
    }
    .earning_section .current-cyc .cycle_date_section1.c122 {
        margin-top: 4px;
    }
    .earning_inner_section_top {
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
    }
    .earning_inner_section.pbg .earning_inner_section_top1 .p1_name {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        text-transform: uppercase;
        color: #ffffff;
    }
    .earning_inner_section.pbg .earning_inner_section_top1 .p1_name.revenue {
        text-align: left !important;
    }
    .cycle_date_section1.c121 .curr-cy {
        max-width: 30px;
        height: 28.2px;
    }
    .earning_section .seachbar input {
        padding: 20px 14px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
    }
    #loadPlayers .no-bd-img-wrap .no-bd-img {
        margin-bottom: -5px;
    }
    #loadPlayers .no-bd-img-wrap p {
        font-size: 12px;
        text-transform: none;
    }
    .earning_section form#\#Searchform.sticky {
        position: fixed;
        top: 35px;
        left: 0;
        right: 0;
        width: 100%;
        padding: 15px 0;
    }
    .earning_section .sticky2 {
        position: fixed;
        width: 100%;
        top: 106px;
        left: 0;
        right: 0;
        box-shadow: none;
        border-radius: 0;
    }
    .commission {
        width: 100%;
    }
    /* ------Sub-Affiliates--------- */
    .sub_settle_section .sub_settle_section1 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        margin-top: 12px;
        color: #ffffff;
        padding-bottom: 0 !important;
    }
    .sub_settle_section1 h5 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 22px;
        color: #ffffff;
    }
    .download_report.d121 {
        background: #171717;
        box-shadow: 0px 2px 7px rgb(249 187 34 / 24%);
        border-radius: 12px;
        margin-top: 12px;
    }
    .download_report.d121 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        text-transform: uppercase;
        color: #f9bb22;
        padding: 20px;
    }
    .seachbar input {
        padding: 20px 14px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
    }
    .sb-wrapper .earning_section {
        margin-top: 19px;
        padding-bottom: 40px;
    }
    .sb-wrapper .earning_section .wlt-tran-date-wrap1 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        line-height: 15px;
        text-align: center;
        color: #ffffff;
        font-size: 12px;
    }
    .sb-wrapper .earning_section .aj-wlt-tran-inner-wrap {
        margin-bottom: 8px;
    }
    .sb-wrapper .earning_section .p1_name {
        margin: 0 !important;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
        line-height: 13px;
        text-transform: uppercase;
        color: #ffffff;
    }
    .sb-wrapper .earning_section .earning_inner_section_top {
        padding: 11px 6px;
    }
    .tab121 .aj-ser1-two,
    .tab121 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 12px;
    }
    .earning_inner_section_bottom1.s122 .earing_sec1.ser1.s121 p {
        margin-left: -20px !important;
    }
    .earning_inner_section_bottom1.s122 .earing_sec1.ser1.s121 {
        float: none;
    }
    .earning_inner_section_bottom1 .ser2 p {
        color: #fff;
    }
    #Searchform.sticky {
        position: fixed;
        top: 40px;
        left: 0;
        right: 0;
        width: 100%;
        padding: 15px 0;
        z-index: 9;
    }
    .earning_inner_section_top.sticky1 {
        position: fixed;
        width: 100%;
        top: 106px;
        left: 0;
        right: 0;
    }
    .earning_inner_section_top.sticky1 {
        padding: 11px 15px !important;
    }
    .sticky .seachbar input {
        padding: 20px 23px;
    }
    .bot_section1 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 49%;
        padding: 12px 11px 12px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    img.img-responsive.add_sec {
        max-width: 36px;
        margin-right: 4px;
    }
    .bot_section3 {
        margin-bottom: 0px;
    }
    .tab121 .earing_sec1 p {
        margin-left: 5px !important;
    }
    .earning_inner_section_bottom1 img.open_branch {
        border: 1px solid #313131;
        box-sizing: border-box;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 5px;
        width: 23px !important;
        padding: 1px;
    }
    .earning_inner_section.tab121 #load_more {
        padding: 0 15px;
    }
    .bot_section3 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        text-align: center;
        padding: 12px 11px 12px 10px;
        margin-top: 0px;
        font-size: 13px;
    }
    .set-pop-text-wrap.sbf-head-text-wrap h4 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        color: #ffffff;
        margin-bottom: 30px;
    }
    .set-pop-text-wrap div h3 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        color: #f9bb22;
    }
    form.mr_form {
        margin-top: 15px;
    }
    form.mr_form .form-group input {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        padding: 20px 25px;
        color: #ffffff;
    }
    form.mr_form .submit_btn {
        margin-top: 4px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        padding: 19.5px 15px;
        line-height: 16px;
        color: #ffffff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
    }
    .earning_section input.wlt-date {
        margin-left: 10px;
        font-size: 10px;
    }
    .earing_sec1.ser2 {
        top: 3px;
    }
    .earning_inner_section_bottom {
        margin: 6px 10px;
    }
    .ppp-date-wrap input.wlt-date {
        margin-left: 7px;
    }
    .live-sticky .ticket_two {
        /* position: fixed;
        width: 100%;
        top: 98px;
        left: 0;
        right: 0;
        z-index: 99; */
    }
    .live-sticky .chat-box {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    .live-sticky .tic_content p {
        margin: 0 !important;
        font-size: 13px;
        text-align: left;
    }
    .live-sticky .tic_content {
        width: 50%;
    }
    .settlement-history-wrapper .sticky3 {
        margin-top: 16px;
        border-radius: 0;
        width: 100%;
        left: 0;
        right: 0;
    }
}

@media only screen and (min-width: 481px) {
    .d_c_122 .s122 {
        width: 100px !important;
        text-align: center;
    }
    .d_c_122 .s122_1 p {
        text-align: right !important;
    }
    .gh122 p,
    .gh1221 p,
    .gh1222 p {
        text-align: center !important;
    }
}

/* lazy loader */
/* Common  */

section.lln-amin-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #141414;
    z-index: 99999;
}
.lln-head {
    height: 60px;
    background-color: #141414;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lln-head div {
    will-change: transform;
    animation: placeHolderShimmer 3s linear infinite forwards;
    -webkit-backface-visibility: hidden;
    background: linear-gradient(90deg, #707070 8%, #858585 18%, #353535 33%);
    background-size: 800px 104px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.lln-footer {
    height: 62px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #3f3d3d;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.lln-footer div {
    width: 15%;
    height: 30px;
    will-change: transform;
    animation: placeHolderShimmer 2s linear infinite forwards;
    -webkit-backface-visibility: hidden;
    background: linear-gradient(90deg, #6b6969 8%, #676161 18%, #2c2b2b 33%);
    background-size: 800px 104px;
    position: relative;
}
.lln-head div {
    width: 10%;
    /*margin: 15px auto;*/
    /*background-color: red;*/
    height: 30px;
    padding: 10px 0;
}
@-webkit-keyframes pulse {
    0% {
        background-color: #525252;
        opacity: 1;
    }
    33% {
        background-color: #eee;
        opacity: 0.75;
    }
    67% {
        background-color: #dddd;
        opacity: 0.5;
    }
    100% {
        background-color: #525252;
        opacity: 1;
    }
}
@keyframes placeHolderShimmer {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: -468px 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: 468px 0;
    }
}
@-webkit-keyframes shiny {
    0% {
        background-position: -200px 0;
    }
    to {
        background-position: 200px 0;
    }
}
@keyframes shiny {
    0% {
        background-position: -200px 0;
    }
    to {
        background-position: 200px 0;
    }
}
.lln-effect1 {
    will-change: transform;
    animation: placeHolderShimmer 3s linear infinite forwards;
    -webkit-backface-visibility: hidden;
    background: linear-gradient(90deg, #707070 8%, #858585 18%, #353535 33%);
    background-size: 800px 104px;
    position: relative;
}
.lln-effect2 {
    will-change: transform;
    animation: placeHolderShimmer 2s linear infinite forwards;
    -webkit-backface-visibility: hidden;
    background: linear-gradient(90deg, #707070 8%, #858585 18%, #353535 33%);
    background-size: 800px 104px;
    position: relative;
}
.lln-effect3 {
    will-change: transform;
    animation: placeHolderShimmer 1s linear infinite forwards;
    -webkit-backface-visibility: hidden;
    background: linear-gradient(90deg, #707070 8%, #858585 18%, #353535 33%);
    background-size: 800px 104px;
    position: relative;
}
.xy12.sticky {
    background: #292929;
    padding: 5px 10px;
}
/* sub afflaite loader */

.sub_box11 {
    height: 100px;
    margin: 10px;
    border-radius: 12px;
    width: calc(50% - 12px);
}

.sticky {
    position: fixed;
    top: 60px;
    width: 100%;
    left: 0;
    margin: 0 !important;
    z-index: 999;
    border-radius: 0;
}
.sticky > .seachbar {
    border-radius: 0 !important;
    margin: 0 !important;
}
.live_chat_fixed.sticky {
    background: #424242;
    padding: 10px;
    text-align: center;
    width: 100%;
    display: block;
}
.date_sec {
    font-size: 12px;
}
.sticky1 {
    position: fixed;
    top: 105px;
    width: calc(100% - 20px);
    border-radius: 0;
    background: #2a2a2a;
    z-index: 99 !important;
}
.sticky4 {
    position: fixed;
    top: 60px;
    width: calc(100% - 20px);
    border-radius: 0;
    background: #2a2a2a;
    z-index: 99 !important;
}
.sticky3 {
    position: fixed;
    top: 92px;
    width: calc(100% - 20px);
    border-radius: 0;
    background: #2a2a2a;
    z-index: 99 !important;
}
.sticky2 {
    position: fixed;
    top: 98px;
    width: calc(100% - 20px);
    border-radius: 0;
    background: #2a2a2a;
    z-index: 99 !important;
}
.per_w_50 {
    width: 50%;
}
.slab_level_section {
    width: 50%;
}
.cycle_date_section.sticky1 {
    padding: 5px 2px;
    margin: 0 !important;
}
.slab_level_section {
    width: 50%;
}
.cycle_date_section.sticky1 {
    padding: 5px 2px;
    margin: 0 !important;
}
.d-fle {
    display: flex;
}
@media only screen and (max-width: 768px) {
    #filter_popup1 .sort_section a {
        font-size: 12px;
    }
    .pb-con-arrow {
        bottom: -41px;
    }
    .per_content2 p {
        font-size: 35px;
    }
}
@media only screen and (max-width: 550px) {
    .per_content2 p {
        font-size: 35px;
    }
}
@media only screen and (min-width: 321px) and (max-width: 500px) {
    .gh122 {
        margin-left: 25px !important;
    }
    .gh1222 p {
        position: relative;
        left: 10px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
    .apb-one-text,
    .apb-two,
    .apb-three-numb,
    .apb-three-view {
        font-size: 20px !important;
    }
    .all-ply-body-item .apb-one .apb-one-img {
        width: 35px !important;
        height: 35px !important;
    }
    .sub_aff16_12 #loadData {
        margin-bottom: 100px;
    }
    .re_1612 .sub_settle_section1 {
        color: #fff;
    }
    .re_1612 .earning_inner_section_top1:nth-child(2) p {
        float: none !important;
    }
    .profit-bx {
        width: 48%;
        margin-right: 2%;
        padding: 10px 20px;
    }
    .slab_level_section {
        margin-top: 0 !important;
    }
    .plan_1612 {
        margin-top: 110px !important;
    }
    .sub_aff16_12 {
        padding-top: 0 !important;
        margin-top: 110px !important;
    }
    .sub_aff16_12 .earning_inner_section_top1 {
        width: 25% !important;
        text-align: center;
    }
    .sub_aff16_12 .earning_inner_section_bottom1 {
        width: 50%;
        text-align: center;
        width: 25% !important;
    }
    .sub_aff16_12 .ser121 p {
        justify-content: space-evenly !important;
    }
}
@media only screen and (max-width: 380px) {
    .per_content2 p {
        font-size: 30px;
    }
    .sub_settle_section1 h5 {
        font-size: 13px;
    }
    .slab_level_section {
        height: 84px;
    }
}
@media only screen and (max-width: 500px) and (min-width: 400px) {
    .info_graphic_section img {
        max-width: 300px !important;
    }
}
@media only screen and (max-width: 320px) {
    .live-sticky {
        width: calc(100% - 20px) !important;
    }
    .live-sticky .tic_content p {
        margin: 0 !important;
        font-size: 10px !important;
        text-align: left;
    }
    .c121 p {
        text-transform: inherit;
        font-size: 11px;
    }
    .smr1 {
        max-width: 160px !important;
    }
    .gh122 {
        margin-left: 0px !important;
    }
    .not_content p {
        font-size: 10px;
    }
    .sticky1 {
        top: 101px;
    }
    .gf125 p {
        margin-left: 0 !important;
    }
    .seachbar input {
        padding: 9px;
        background-size: 15px;
        background-color: transparent;
        font-size: 15px;
    }
    .per_content2 p {
        font-size: 24px;
    }
    .type_inner_section,
    .type_name {
        font-size: 11px;
    }
    .form-group input,
    .form-group select {
        font-size: 13px;
    }
    .submit_btn {
        font-size: 13px;
    }
    h4.wlt-head-text {
        font-size: 0.8rem !important;
    }
    .info_graphic_section img {
        margin: 10px auto;
        max-width: 230px;
    }
    .in_av_121 img {
        max-width: 15px !important;
    }
    .pbg p {
        font-size: 9px;
    }
    span.view_tag {
        font-size: 0.4rem;
    }
}

@media only screen and (max-width: 280px) {
    .sports_section_slab1 {
        padding: 30px 20px 10px 20px !important;
    }
    .onbd-main-text-wrap {
        left: -80px !important;
    }
    .onbd-n-font {
        font-size: 33px !important;
    }
    .live-sticky .tic_content p {
        margin: 0 !important;
        font-size: 8px !important;
        text-align: left;
    }
    .info_graphic_section img {
        max-width: 300px !important;
    }
    .gh122 {
        margin-left: 8px !important;
    }
    .gh1222 p {
        text-align: center;
    }
    .xy6 p {
        font-size: 9px !important;
    }
    .sticky1 {
        top: 101px;
    }
    .sticky2 {
        top: 89px;
    }
    .sticky3 {
        top: 89px;
    }
    .gf125 p {
        margin-left: 0 !important;
        font-size: 9px !important;
    }
    .sub_settle_section1 h5 {
        /* margin-top: 10px; */
        font-size: 11px;
    }
    .sub_settle_section1 p {
        font-size: 12px;
    }
    .per_content2 p {
        font-size: 18px;
    }
    .type_inner_section,
    .type_name {
        font-size: 9px;
    }
    .sett_his p {
        font-size: 9px !important;
    }
    .form-group input,
    .form-group select,
    .form-group textarea {
        font-size: 10px;
    }
    .submit_btn {
        font-size: 11px;
    }
    h4.wlt-head-text {
        font-size: 0.7rem !important;
    }
    span.view_tag {
        font-size: 0.4rem;
    }
    .ser121 img {
        max-width: 15px !important;
        top: -2px !important;
    }
    .cycle_date_section1 {
        font-size: 8px;
    }
    .slab_percentage_section {
        width: 100% !important;
        margin-right: 2% !important;
        height: 84px !important;
        margin-bottom: 18px !important;
    }
    .d-fle {
        display: block !important;
    }
    .slab_level_section {
        width: 100%;
    }
}

@media screen and (max-width: 460px), screen and (max-height: 850px) {
    .xsa {
        margin-top: 6px;
    }
    .level_content p {
        font-size: 14px;
    }
    .slab_percentage_section {
        width: 48%;
        margin-right: 2%;
        height: 119px;
    }
    .per_content1 p {
        font-size: 19px;
        margin: 0;
    }
    .btn_slab_section a {
        padding: 10px;
    }
    .type_inner_section tr {
        height: 56px;
    }
    .type_img {
        width: 40px;
        margin-right: 10px !important;
    }
    .type_img img {
        max-width: 40px;
        margin-right: 48px;
    }
    .slab_label_section {
        margin: 15px auto;
        text-align: center;
    }
    .slab_label_section p {
        margin: 0 !important;
    }
    img.img-responsive.spor_icon {
        max-width: 52px;
        position: absolute;
        top: -19px;
        left: calc(50% - 20px);
    }
    .slab_level_section {
        margin-top: 0 !important;
    }
    .sports_section_slab1 {
        padding: 10px !important;
    }
    .sports_section_slab1 p,
    .sports_section_slab1 h6 {
        line-height: 1.5;
    }
    .sports_section_slab1 {
        padding: 30px 20px !important;
    }
}
@media screen and (min-height: 800px) {
    .xsa {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .btn_slab_section a {
        padding: 20px;
    }
    .type_inner_section tr {
        height: 65px;
    }
    .slab_label_section p {
        margin: 24px !important;
    }
}
@media screen and (max-width: 360px), screen and (max-height: 700px) {
    .cur_earn_1612 .ser2 {
        margin-right: 0 !important;
    }
    .se_report_1612_1 .earning_inner_section_bottom {
        margin: 6px 3px !important;
        padding: 10px 5px !important;
    }
    .se_report_1612_1 .ser2 {
        margin-right: 0 !important;
    }
    .se_report_1612_1 span.view_tag {
        font-size: 0.5rem !important;
    }
    .se_report_1612_1 .pbg p {
        font-size: 10px;
    }
    .xsa {
        margin-top: 6px;
    }
    .slab_percentage_section {
        width: 48%;
        margin-right: 2%;
        height: 113px;
    }
    .per_content1 p {
        font-size: 19px;
        margin: 0;
    }
    .btn_slab_section a {
        padding: 10px;
    }
    .type_inner_section tr {
        height: 42px;
    }
    .type_img {
        width: 40px;
        margin-right: 10px !important;
    }
    .type_img img {
        max-width: 40px;
        margin-right: 48px;
    }
    .slab_label_section {
        margin: 15px auto;
        text-align: center;
    }
    .slab_label_section p {
        margin: 0 !important;
    }
    img.img-responsive.spor_icon {
        max-width: 52px;
        position: absolute;
        top: -19px;
        left: calc(50% - 20px);
    }
    .slab_level_section {
        margin-top: 0 !important;
    }
    .sports_section_slab1 {
        padding: 10px !important;
    }
    .sports_section_slab1 p,
    .sports_section_slab1 h6 {
        line-height: 1.5;
    }
    .sports_section_slab1 {
        padding: 20px 20px !important;
    }
}

@media screen and (max-width: 320px), screen and (max-height: 570px) {
    .xsa {
        margin-top: 6px;
    }
    .slab_percentage_section {
        width: 48%;
        margin-right: 2%;
        height: 113px;
    }
    .per_content1 p {
        font-size: 19px;
        margin: 0;
    }
    .btn_slab_section a {
        padding: 5px 10px;
    }
    .type_inner_section tr {
        height: 30px;
    }
    .type_img {
        width: 40px;
        margin-right: 10px !important;
    }
    .type_img img {
        max-width: 40px;
        margin-right: 48px;
    }
    .slab_label_section {
        margin: 5px auto;
        text-align: center;
    }
    .slab_label_section p {
        margin: 0 !important;
    }
    img.img-responsive.spor_icon {
        max-width: 52px;
        position: absolute;
        top: -19px;
        left: calc(50% - 20px);
    }
    .slab_level_section {
        margin-top: 0 !important;
    }
    .sports_section_slab1 {
        padding: 10px !important;
    }
    .sports_section_slab1 p,
    .sports_section_slab1 h6 {
        line-height: 1.5;
    }
    .sports_section_slab1 {
        padding: 20px 15px 10px 15px !important;
    }
}

@media only screen and (max-width: 375px) {
    .cycle_date_section1.c121 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
    }
}
/* ------GS Style--------- */
#filter_popup1,
#filter_popup2 {
    background-color: rgba(0, 0, 0, 0.7);
}
#filter_popup1 .modal-dialog.modal-dialog-centered {
    width: 100%;
    max-width: 100%;
}

button.open-popup {
    background-color: transparent;
    color: #fff;
    box-shadow: none;
    border: 0;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
}
.range-slider {
    width: 100%;
}
.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (10px));
    height: 2px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}
.range-slider__range::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    background: #f9bb22;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
    background: #f9bb22;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}
.range-slider__range:active::-webkit-slider-thumb {
    background: #f9bb22;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}
.range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #f9bb22;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}
.range-slider__range::-moz-range-thumb:hover {
    background: #f9bb22;
}
.range-slider__range:active::-moz-range-thumb {
    background: #f9bb22;
}
.range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}
.range-slider__value {
    display: inline-block;
    position: relative;
    width: 60px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #2c3e50;
    padding: 5px 10px;
    margin-left: 8px;
}
.range-slider__value:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #2c3e50;
    border-bottom: 7px solid transparent;
    content: "";
}
::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}
.range-slider .progress {
    display: none;
}
option[value=""][disabled] {
    display: none;
}
.settlement_report_section .earning_inner_section_top1 .p1_name,
.settlement_report_section .earning_inner_section_top1 .p2_name {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
}
.sb-wrapper .earning_section .sub-affiliate-tab .sign-up {
    margin-left: -15px !important;
}
.sb-wrapper .earning_section .sub-affiliate-tab .earing_sec1 p {
    margin-left: 2px !important;
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .cycle_date_section1.c121 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #ffffff;
    }
    .cycle_date_section1 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #ffffff;
    }
    .cycle_date_section1.c122 {
        margin-top: 0px;
    }
    .cycle_date_section1.c122 img {
        max-width: 12px;
        top: -2px;
    }
    .settle_section.cu_earn {
        background: linear-gradient(91.38deg, #1d1d1d 0.55%, #141414 97.81%);
        box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.25),
            -6px -4px 11px rgba(74, 74, 74, 0.22),
            inset 0px 1px 2px rgba(55, 55, 55, 0.25);
        border-radius: 12px;
        margin-top: 15px;
    }
    .settle_section.cu_earn .set_section1 {
        border-right: 0.5px solid #282828;
    }
    .settle_section.cu_earn .p1122 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
        line-height: 11px;
        color: #ffffff;
        text-transform: inherit;
        margin-top: 0;
    }
    .earning_section h3 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        color: #f9bb22;
    }
    .earning_section {
        margin-top: 26px;
        padding-bottom: 40px;
    }
    .earning_section .wlt-tran-wrap.mb-17 {
        margin-bottom: 5px;
    }
    .earning_section .current-cyc {
        margin: 25px auto 10px !important;
    }
    .earning_section .current-cyc .cycle_date_section1.c121 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #ffffff;
    }
    .earning_section .current-cyc .cycle_date_section1.c122 {
        margin-top: 4px;
    }
    .earning_inner_section_top {
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
    }
    .earning_inner_section.pbg .earning_inner_section_top1 .p1_name {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        text-transform: uppercase;
        color: #ffffff;
    }
    .earning_inner_section.pbg .earning_inner_section_top1 .p1_name.revenue {
        text-align: left !important;
    }
    .cycle_date_section1.c121 .curr-cy {
        max-width: 30px;
        height: 28.2px;
    }
    .earning_section .seachbar input {
        padding: 20px 14px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
    }
    #loadPlayers .no-bd-img-wrap .no-bd-img {
        margin-bottom: -5px;
    }
    #loadPlayers .no-bd-img-wrap p {
        font-size: 12px;
        text-transform: none;
    }
    .earning_section form#\#Searchform.sticky {
        position: fixed;
        top: 35px;
        left: 0;
        right: 0;
        width: 100%;
        padding: 15px 0;
    }
    .earning_section .sticky2 {
        position: fixed;
        width: 100%;
        top: 106px;
        left: 0;
        right: 0;
        box-shadow: none;
        border-radius: 0;
    }
    .commission {
        width: 100%;
    }
    /* ------Sub-Affiliates--------- */
    .sub_settle_section .sub_settle_section1 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        /* margin-top: 12px; */
        color: #ffffff;
        padding-bottom: 0 !important;
    }
    .sub_settle_section1 h5 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 22px;
        color: #ffffff;
    }
    .download_report.d121 {
        background: #171717;
        box-shadow: 0px 2px 7px rgb(249 187 34 / 24%);
        border-radius: 12px;
        margin-top: 12px;
    }
    .download_report.d121 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        text-transform: uppercase;
        color: #f9bb22;
        padding: 20px;
    }
    .seachbar input {
        padding: 20px 14px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
    }
    .sb-wrapper .earning_section {
        margin-top: 19px;
        padding-bottom: 40px;
    }
    .sb-wrapper .earning_section .wlt-tran-date-wrap1 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        line-height: 15px;
        text-align: center;
        color: #ffffff;
        font-size: 12px;
    }
    .sb-wrapper .earning_section .aj-wlt-tran-inner-wrap {
        margin-bottom: 8px;
    }
    .sb-wrapper .earning_section .p1_name {
        margin: 0 !important;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
        line-height: 13px;
        text-transform: uppercase;
        color: #ffffff;
    }
    .sb-wrapper .earning_section .earning_inner_section_top {
        padding: 11px 6px;
    }
    .tab121 .aj-ser1-two,
    .tab121 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 12px;
    }
    .earning_inner_section_bottom1.s122 .earing_sec1.ser1.s121 p {
        margin-left: -20px !important;
    }
    .earning_inner_section_bottom1.s122 .earing_sec1.ser1.s121 {
        float: none;
    }
    .earning_inner_section_bottom1 .ser2 p {
        color: #fff;
    }
    #Searchform.sticky {
        position: fixed;
        top: 40px;
        left: 0;
        right: 0;
        width: 100%;
        padding: 15px 0;
        z-index: 9;
    }
    .earning_inner_section_top.sticky1 {
        position: fixed;
        width: 100%;
        top: 106px;
        left: 0;
        right: 0;
    }
    .earning_inner_section_top.sticky1 {
        padding: 11px 15px !important;
    }
    .sticky .seachbar input {
        padding: 20px 23px;
    }
    .bot_section1 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 49%;
        padding: 12px 11px 12px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    img.img-responsive.add_sec {
        max-width: 36px;
        margin-right: 4px;
    }
    .bot_section3 {
        margin-bottom: 0px;
    }
    .tab121 .earing_sec1 p {
        margin-left: 5px !important;
    }
    .earning_inner_section_bottom1 img.open_branch {
        border: 1px solid #313131;
        box-sizing: border-box;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 5px;
        width: 23px !important;
        padding: 1px;
    }
    .earning_inner_section.tab121 #load_more {
        padding: 0 15px;
    }
    .bot_section3 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        text-align: center;
        padding: 12px 11px 12px 10px;
        margin-top: 0px;
        font-size: 13px;
    }
    .set-pop-text-wrap.sbf-head-text-wrap h4 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        color: #ffffff;
        margin-bottom: 30px;
    }
    .set-pop-text-wrap div h3 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        color: #f9bb22;
    }
    form.mr_form {
        margin-top: 15px;
    }
    form.mr_form .form-group input {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        padding: 20px 25px;
        color: #ffffff;
    }
    form.mr_form .submit_btn {
        margin-top: 4px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        padding: 19.5px 15px;
        line-height: 16px;
        color: #ffffff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
    }
    .earning_section input.wlt-date {
        margin-left: 10px;
    }
    .earing_sec1.ser2 {
        top: 3px;
    }
    .earning_inner_section_bottom {
        margin: 6px 10px;
    }
    .ppp-date-wrap input.wlt-date {
        margin-left: 7px;
    }
    .live-sticky .ticket_two {
        /* position: fixed;
    width: 100%;
    top: 98px;
    left: 12px;
    right: 0;
    z-index: 99;
    width: calc(100% - 24px); */
    }
    .live-sticky .chat-box {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    .live-sticky .tic_content p {
        margin: 0 !important;
        font-size: 13px;
        text-align: left;
    }
    .live-sticky .tic_content {
        width: 50%;
    }

    .settlement-history-wrapper .sticky3 {
        margin-top: 16px;
        border-radius: 0;
        width: 100%;
        left: 0;
        right: 0;
    }
    .slab_percentage_section {
        width: 48%;
        margin-right: 2%;
        height: 119px;
    }
    .slab_label_section {
        margin: 15px auto;
        text-align: center;
    }
    .slab_label_section p {
        margin: 0 !important;
    }
    img.img-responsive.spor_icon {
        max-width: 52px;
        position: absolute;
        top: -19px;
        left: calc(50% - 25px);
    }
    .slab_level_section {
        margin-top: 0 !important;
    }
    .sports_section_slab1 {
        padding: 10px !important;
    }
    .sports_section_slab1 p,
    .sports_section_slab1 h6 {
        line-height: 1.5;
    }
    .sports_section_slab1 {
        padding: 30px 20px !important;
    }
    #load_more button {
        outline: 0;
    }
    .val_table td {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #ffffff;
    }
    #lk-rc1,
    #lk-rc2 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        color: #f9bb22;
    }
    img.tabxx11 {
        max-width: 21px;
        height: 23px;
        float: right;
    }
    .scess_msg p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #ffffff;
    }
    .steps_section h4 {
        font-size: 15px;
        font-family: Evogria;
        text-align: center;
        margin: 10px auto;
    }
    .steps_content img {
        max-width: 62px;
        height: 62px;
        margin: 5px auto 15px auto;
    }
    .steps_content p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #ffffff;
    }
    section.lk-share-wrapper.pd-12.steps_section h4 {
        margin-bottom: 20px !important;
    }
    .sub_settle_section1.se1:before {
        background: url(../../assets/IMG/start-bg.png);
        content: "";
        position: absolute;
        width: 120px;
        height: 100px;
    }
    .tab121 .aj-ser1-one img {
        min-width: 25px !important;
        max-width: 25px;
    }
}

@media only screen and (max-width: 600px) {
    .profit-bx.slab_percentage_section {
        height: 84px;
    }
    .profit-bx h4 {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-size: 17px;
        margin-bottom: 4px;
    }

    .cycle_date_section1.c121 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #ffffff;
    }
    .cycle_date_section1 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 15px;
        color: #ffffff;
    }
    .cycle_date_section1.c122 {
        margin-top: 0px;
    }
    .cycle_date_section1.c122 img {
        max-width: 12px;
        top: -2px;
    }
    .settle_section.cu_earn {
        background: linear-gradient(91.38deg, #1d1d1d 0.55%, #141414 97.81%);
        box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.25),
            -6px -4px 11px rgba(74, 74, 74, 0.22),
            inset 0px 1px 2px rgba(55, 55, 55, 0.25);
        border-radius: 12px;
        margin-top: 15px;
    }
    .settle_section.cu_earn .set_section1 {
        border-right: 0.5px solid #282828;
    }
    .settle_section.cu_earn .p1122 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
        line-height: 11px;
        color: #ffffff;
        text-transform: inherit;
        margin-top: 0;
    }
    .earning_section h3 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        color: #f9bb22;
    }
    .earning_section {
        margin-top: 26px;
        padding-bottom: 40px;
    }
    .earning_section .wlt-tran-wrap.mb-17 {
        margin-bottom: 5px;
    }
    .earning_section .current-cyc {
        margin: 25px auto 10px !important;
    }
    .earning_section .current-cyc .cycle_date_section1.c121 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #ffffff;
    }
    .earning_section .current-cyc .cycle_date_section1.c122 {
        margin-top: 4px;
    }
    .earning_inner_section_top {
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
    }
    .earning_inner_section.pbg .earning_inner_section_top1 .p1_name {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        text-transform: uppercase;
        color: #ffffff;
    }
    .earning_inner_section.pbg .earning_inner_section_top1 .p1_name.revenue {
        text-align: left !important;
    }
    .cycle_date_section1.c121 .curr-cy {
        max-width: 30px;
        height: 28.2px;
    }
    .earning_section .seachbar input {
        padding: 20px 14px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
    }
    #loadPlayers .no-bd-img-wrap .no-bd-img {
        margin-bottom: -5px;
    }
    #loadPlayers .no-bd-img-wrap p {
        font-size: 12px;
        text-transform: none;
    }
    .earning_section form#\#Searchform.sticky {
        position: fixed;
        top: 35px;
        left: 0;
        right: 0;
        width: 100%;
        padding: 15px 0;
    }
    .earning_section .sticky2 {
        position: fixed;
        width: 100%;
        top: 104px;
        left: 0;
        right: 0;
        box-shadow: none;
        border-radius: 0;
    }
    .commission {
        width: 100%;
    }
    /* ------Sub-Affiliates--------- */
    .sub_settle_section .sub_settle_section1 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        /* margin-top: 12px; */
        color: #ffffff;
        padding-bottom: 0 !important;
    }
    .sub_settle_section1 h5 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 22px;
        color: #ffffff;
    }
    .download_report.d121 {
        background: #171717;
        box-shadow: 0px 2px 7px rgb(249 187 34 / 24%);
        border-radius: 12px;
        margin-top: 12px;
    }
    .download_report.d121 p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        text-transform: uppercase;
        color: #f9bb22;
        padding: 20px;
    }
    .seachbar input {
        padding: 20px 14px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
    }
    .sb-wrapper .earning_section {
        margin-top: 19px;
        padding-bottom: 40px;
    }
    .sb-wrapper .earning_section .wlt-tran-date-wrap1 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        line-height: 15px;
        text-align: center;
        color: #ffffff;
        font-size: 12px;
    }
    .sb-wrapper .earning_section .aj-wlt-tran-inner-wrap {
        margin-bottom: 8px;
    }
    .sb-wrapper .earning_section .p1_name {
        margin: 0 !important;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
        line-height: 13px;
        text-transform: uppercase;
        color: #ffffff;
    }
    .sb-wrapper .earning_section .earning_inner_section_top {
        padding: 11px 6px;
    }
    .tab121 .aj-ser1-two,
    .tab121 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 12px;
    }
    .earning_inner_section_bottom1.s122 .earing_sec1.ser1.s121 p {
        margin-left: -20px !important;
    }
    .earning_inner_section_bottom1.s122 .earing_sec1.ser1.s121 {
        float: none;
    }
    .earning_inner_section_bottom1 .ser2 p {
        color: #f9bb22;
    }
    #Searchform.sticky {
        position: fixed;
        top: 40px;
        left: 0;
        right: 0;
        width: 100%;
        padding: 15px 0;
        z-index: 9;
    }
    .earning_inner_section_top.sticky1 {
        position: fixed;
        width: 100%;
        top: 106px;
        left: 0;
        right: 0;
    }
    .earning_inner_section_top.sticky1 {
        padding: 11px 15px !important;
    }
    .sticky .seachbar input {
        padding: 20px 23px;
    }
    .bot_section1 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 49%;
        padding: 12px 11px 12px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    img.img-responsive.add_sec {
        max-width: 36px;
        margin-right: 4px;
    }
    .bot_section3 {
        margin-bottom: 0px;
    }
    .tab121 .earing_sec1 p {
        margin-left: 5px !important;
    }
    .earning_inner_section_bottom1 img.open_branch {
        border: 1px solid #313131;
        box-sizing: border-box;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 5px;
        width: 23px !important;
        padding: 1px;
    }
    .earning_inner_section.tab121 #load_more {
        padding: 0 15px;
    }
    .bot_section3 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        text-align: center;
        padding: 12px 11px 12px 10px;
        margin-top: 0px;
        font-size: 13px;
    }
    .set-pop-text-wrap.sbf-head-text-wrap h4 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        color: #ffffff;
        margin-bottom: 30px;
    }
    .set-pop-text-wrap div h3 {
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        color: #f9bb22;
    }
    form.mr_form {
        margin-top: 15px;
    }
    form.mr_form .form-group input {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        padding: 20px 25px;
        color: #ffffff;
    }
    form.mr_form .submit_btn {
        margin-top: 4px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        padding: 19.5px 15px;
        line-height: 16px;
        color: #ffffff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
    }

    .earing_sec1.ser2 {
        top: 3px;
    }
    .earning_inner_section_bottom {
        margin: 6px 10px;
    }
    .ppp-date-wrap input.wlt-date {
        margin-left: 7px;
    }
    .live-sticky {
        position: fixed;
        width: calc(100% - 24px);
        z-index: 999;
        /* margin-top: -20px; */
        top: 60px;
        border-radius: 0;
    }
    .live-sticky .chat-box {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    .live-sticky .tic_content p {
        margin: 0 !important;
        font-size: 13px;
        text-align: left;
    }
    .live-sticky .tic_content {
        width: 50%;
    }

    .settlement-history-wrapper .sticky3 {
        margin-top: 16px;
        border-radius: 0;
        width: 100%;
        left: 0;
        right: 0;
    }
    .slab_percentage_section {
        width: 48%;
        margin-right: 2%;
        height: 119px;
    }
    .slab_label_section {
        margin: 15px auto;
        text-align: center;
    }
    .slab_label_section p {
        margin: 0 !important;
    }
    img.img-responsive.spor_icon {
        max-width: 52px;
        position: absolute;
        top: -19px;
        left: calc(50% - 25px);
    }
    .slab_level_section {
        margin-top: 0 !important;
    }
    .sports_section_slab1 {
        padding: 10px !important;
    }
    .sports_section_slab1 p,
    .sports_section_slab1 h6 {
        line-height: 1.5;
    }
    .sports_section_slab1 {
        padding: 30px 20px !important;
    }
    #load_more button {
        outline: 0;
    }
    .val_table td {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        color: #ffffff;
    }
    #lk-rc1,
    #lk-rc2 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        color: #f9bb22;
    }
    img.tabxx11 {
        max-width: 20px;
        float: right;
    }
    .scess_msg p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #ffffff;
    }
    .steps_section h4 {
        font-size: 15px;
        font-family: Evogria;
        text-align: center;
        margin: 10px auto;
    }
    .steps_content img {
        max-width: 60px;
        margin: 5px auto 15px auto;
    }
    .steps_content p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        color: #ffffff;
    }
    section.lk-share-wrapper.pd-12.steps_section h4 {
        margin-bottom: 20px !important;
    }
    .sub_settle_section1.se1:before {
        background: url(../../assets/IMG/start-bg.png);
        content: "";
        position: absolute;
        width: 120px;
        height: 100px;
    }
    .tab121 .aj-ser1-one img {
        min-width: 25px !important;
        max-width: 25px;
    }
    .sfs-pop-up.set-pop-text-wrap .ppp-c-text-wrap span:first-child {
        text-align: left;
    }
}

@media only screen and (max-width: 320px) {
    .sub_settle_section1 h5 {
        font-size: 11px;
    }
    .earning_section h3 {
        font-size: 12px;
    }
    input.wlt-date {
        font-size: 10px;
    }
    .set-pop-text-wrap span {
        text-align: left;
    }
    .ppp-c-text-wrap span:last-child {
        font-size: 12px;
    }
    #lk-rc1,
    #lk-rc2 {
        padding-left: 15px;
    }
    .sr-end.earning_inner_section_top1.gh1222 {
        margin-right: 30px;
    }
    .tic_content p {
        font-size: 11px;
    }
    .earning_inner_section.player_table.pbg .p_cm {
        position: relative;
        left: -20px;
    }
    .sb-wrapper .earning_section .sub-affiliate-tab .earing_sec1 p {
        margin-left: 15px !important;
    }
    .earning_inner_section_bottom1.s122 .earing_sec1.ser1.s121 p {
        margin-left: 0px !important;
    }
    section.wlt-head-wrapper.pd-1-5 .home_icon {
        position: absolute;
        top: 15px;
        right: 15px;
        max-width: 30px;
    }
    .skip_btn {
        width: 55px;
        padding: 3px 10px;
    }
    #mpp_popup {
        top: 25px;
    }
    .modal .mpp-t-one {
        top: -80px;
        position: absolute;
        width: 55px;
        height: 80px;
    }
    .modal .mpp-t-main-wrapper p {
        padding-top: 0;
    }
    .modal .mpp-t-two {
        top: -70px;
        position: absolute;
        width: 50px;
        height: 70px;
    }
    .modal .mpp-card-head {
        padding: 0.5rem 0.5rem;
        margin-bottom: 3px;
    }
    .modal .mpp-head-text {
        font-size: 13px;
        line-height: 20px;
    }
    .gs-wlt-tab-fxd {
        top: 98px;
    }
}
@media only screen and (max-width: 280px) {
    .sr-end.earning_inner_section_top1.gh1222 {
        margin-right: 20px;
    }
    .earning_inner_section.player_table.pbg .p_cm {
        position: relative;
        left: -10px;
    }
    .sb-wrapper .earning_section .sub-affiliate-tab img.open_branch {
        max-width: 20px !important;
    }
}

/* calender  */
.daterangepicker.show-calendar .drp-buttons {
    display: none !important;
}
.opensright {
    top: calc(50% - 290px) !important;
    left: calc(50% - 137px) !important;
    right: 0px;
}
.daterangepicker {
    border: 1px solid #ddd;
    font-size: 8px;
    line-height: 1.5;
    font-family: "Montserrat", sans-serif !important;
}

.calendar-table thead tr:nth-child(1) {
    height: 40px;
    background: #f9bb22;
}
.c121 p {
    font-family: Evogria !important;
    font-size: 12px;
    color: #f9bb22 !important;
}

.lln-body ul li {
    list-style-type: none !important;
}
.set-pop-close-btn1 {
    width: 50px;
    line-height: 50px;
    display: flex;
    height: 50px;
    border-radius: 50%;
    /* background: linear-gradient(
180deg, #f9bb22 0%, #a1430e 100%);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
    display: flex;
    justify-content: center;
    /* position: absolute;
    left: calc(50% - 20px);
    top: -18px; */
}
.filter_popup,
.filter_popup .modal-dialog {
    background: #f5f5f50f;
    margin: 0;
}
.filter_popup .modal-header {
    border-bottom: 0px solid !important;
    background: transparent;
    position: relative;
    top: 31px;
    z-index: 99;
}

.filter_popup .modal-dialog {
    position: fixed;
    bottom: 0;
    left: 0%;
    right: 0%;
    transform: translate(0%, -2%);
}
.filter_popup {
    overflow: hidden;
}
.filter_popup .modal-body {
    margin: 0;
    margin: 0;
    /* position: fixed;
    bottom: -17px; */
    border-radius: 0;
    border: 0px solid;
    background: #292929;
    width: 100%;
}
.popi_12 {
    text-align: center;
    margin: auto;
    padding: 0;
    /* margin-top: -19px; */
}
.sort_section h4 {
    font-family: Evogria;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    color: #f9bb22;
}
.sort_section1 {
    width: 50%;
    float: left;
}
.sort_section a {
    border: 0.5px solid #f9bb22;
    box-sizing: border-box;
    border-radius: 6px;
    color: #f9bb22;
    float: right;
    font-size: 12px;
    padding: 3px 9px 2px 9px;
    margin-top: -5px;
}
.ul_filter {
    background: #303030;
    border-radius: 12px;
    list-style-type: none;
    font-size: 14px;
    padding: 0;
}
.ul_filter li {
    padding: 15px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    border-bottom: 0.5px solid #383838;
    font-family: "Poppins", sans-serif;
    display: flex;
    cursor: pointer;
}
.filter_popup .modal-content {
    margin: 0;
    position: fixed;
    bottom: -17px;
    background: transparent;
}
/* .ul_filter li:after {
    content: url('../assets/IMG/un_check.svg');
} */
.un_check_img,
.check_img {
    max-width: 15px;
    margin-right: 15px;
}
.ul_filter li .check_img {
    display: none;
}
.ul_filter li.acti .un_check_img {
    display: none;
}
.ul_filter li.acti .check_img {
    display: block !important;
}
@media only screen and (min-width: 651px) and (max-width: 768px) {
    .faq2112 {
        margin-top: 110px !important;
    }
    .fix_btn {
        position: fixed;
        width: 100%;
        bottom: 74px;
        background: #282828;
        left: 0;
        right: 0;
        /* z-index: 9; */
    }
    .re_1612 {
        margin-top: 110px !important;
    }
    .re_1612 .ss_inner .set_section img {
        max-width: 60px !important;
    }
    .re_1612 .ss_inner .set_section p {
        font-size: 20px !important;
        line-height: 20px !important;
    }
    .tickets_section_mobile {
        margin-bottom: 75px;
    }
    .cycle_date_section1.c122 p {
        font-size: 20px !important;
    }
    .tic1612 {
        margin-top: 110px !important;
    }
    .sub_aff16_12 {
        padding-top: 0 !important;
        margin-top: 110px;
    }
    .per_w_50 {
        width: 50%;
    }
    .per_w_60 {
        width: 60%;
    }
    .per_w_40 {
        width: 40%;
    }
    .m-a {
        margin: auto;
    }
    .mb-17 {
        margin-bottom: 17px;
    }
    /* ================================ */
    /* header */
    /* ================================ */
    .wlt-head-text {
        font-family: "Poppins", sans-serif;
    }
    /* ================================ */
    /* profit slab */
    /* ================================ */
    .slab_percentage_section {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(211, 55, 179, 0.4);
        border-radius: 12px;
        display: flex;
        justify-content: space-around;
    }
    .per_content2 {
        background: linear-gradient(
            90.34deg,
            rgba(253, 253, 253, 0.13) 3%,
            rgba(255, 255, 255, 0.29) 99.74%
        );
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 12px;
        padding: 10px 20px;
        margin: 20px;
    }
    .per_content2 p {
        padding: 0;
        font-size: 44px;
        text-align: center;
        margin: 0;
        font-family: Evogria;
    }
    .per_content1 {
        text-align: center;
    }
    .per_content1 p {
        font-size: 21px;
        margin: 0;
    }
    .slab_level_section {
        background: linear-gradient(90deg, #303030 0%, #434343 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        margin-top: 0px;
        position: relative;
    }
    .btn_slab_section a,
    .slab_type_section.gtabs.demo td.type_name,
    .slab_type_section.gtabs.demo td.type_amt,
    .slab_type_section.gtabs.demo .type_per,
    .slab_label_section p,
    .sports_section_slab1 p {
        font-size: 20px !important;
    }
    .sports_section_slab1 p {
        margin: 20px auto !important;
    }
    .player_1612 .sub_settle_section1 {
        padding: 20px 10px !important;
    }
    .player_1612 .sert11 img {
        max-width: 90px;
        width: 90px;
        margin-left: -7px;
    }
    .player_1612 .sert12 p,
    .player_1612 .sert12 h5 {
        font-size: 20px !important;
    }
    .player_1612 .filter_popup1 img {
        width: 90px !important;
    }
    .player_1612 .all-ply-content-head-item {
        width: 33.3333% !important;
        font-size: 25px !important;
    }
    .player_1612 .all-ply-content-head-item:nth-child(1) {
        text-align: left;
    }
    .player_1612 .all-ply-content-head-item:nth-child(3) {
        text-align: right;
    }
    .type_img img {
        max-width: 65px;
        margin-right: 10px;
    }
    .level {
        max-width: 61px;
        margin: 16px;
    }
    .level_content {
        text-align: center;
        position: relative;
        top: -53px;
    }
    .cir {
        max-width: 35px;
        position: absolute;
        top: -16px;
        right: 9px;
    }
    .level_content h4 {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-size: 30px;
        margin-bottom: 15px;
    }
    .level_content p {
        font-size: 20px;
        margin: 0 !important;
    }
    .type_img img {
        max-width: 45px;
    }
    .type_inner_section {
        width: 100%;
        background: #292929;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        margin: 10px 0;
        font-size: 13px;
    }
    .type_img {
        width: 70px;
    }
    .type_name {
        font-weight: 600;
        font-size: 13px;
    }
    .type_per {
        color: #f9bb22;
    }
    .type_inner_section tr {
        border-bottom: 0.5px solid #3a3a3a;
        height: 50px;
    }
    .type_inner_section tr:last-child {
        border: none !important;
    }
    .slab_label_section {
        margin: 25px auto;
        text-align: center;
    }
    .sports_section_slab1 {
        position: relative;
        padding: 30px 20px;
        margin-bottom: 20px;
        margin-top: 23px;
    }
    .sports_section_slab1.px1 {
        width: 49%;
        margin-right: 1%;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    .sports_section_slab1.px2 {
        width: 49%;
        margin-left: 1%;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    img.img-responsive.spor_icon {
        max-width: 66px;
        position: absolute;
        top: -28px;
        left: calc(50% - 33px);
    }
    .slab_sports_section {
        display: flex;
    }
    .sports_section_slab1 p,
    .sports_section_slab1 h6 {
        text-align: center;
        margin: 0;
        line-height: 30px;
    }
    .sports_section_slab1 h6 {
        font-weight: 800;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
    }
    .sports_section_slab1 p {
        color: #f9bb22;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
    }
    /* ================================ */
    /* sub_affiliates */
    /* ================================ */
    .seachbar {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }
    .seachbar input {
        width: 97%;
        padding: 27px;
        border: 0px solid !important;
        color: #fff;
        background-image: url(../../assets/IMG/search.svg);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 30px;
        background-color: transparent;
        font-size: 22px;
    }

    .sub_aff16_12 .earning_inner_section_top1 {
        width: 25% !important;
        text-align: center;
    }
    .sub_aff16_12 .earning_inner_section_top1 p {
        text-align: center !important;
        font-size: 25px;
    }
    .sub_aff16_12 .tab121 .aj-ser1-one img {
        min-width: 35px !important;
        width: 35px !important;
    }
    .aj-ser1-one {
        background-image: url(../IMG/avatar_bg.svg);
        width: 35px !important;
        height: 35px !important;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .sub_earn_1612 {
        margin-top: 110px !important;
    }
    .sub_earn_1612 .earning_inner_section_top1 {
        width: 33.33% !important;
        text-align: center;
    }
    .sub_earn_1612 .earning_inner_section_top1 p {
        text-align: center !important;
        font-size: 25px;
    }
    .sub_earn_1612 .earning_inner_section_top1:first-child p {
        text-align: left !important;
    }
    .sub_earn_1612 .aj-ser1-one img {
        min-width: 35px !important;
        width: 35px !important;
    }
    .sub_aff16_12 .tab121 .aj-ser1-two,
    .sub_aff16_12 .tab121 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 20px;
    }
    .sub_earn_1612 .aj-ser1-two,
    .sub_earn_1612 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 20px;
    }
    .sub_earn_1612 .earning_inner_section_bottom1 {
        width: 33.33% !important;
    }
    .sub_earn_1612 .earing_sec1 p {
        text-align: center !important;
    }
    .cr_sub_1612 {
        margin-top: 110px !important;
    }
    .sub_earn_1612 span.view_tag {
        width: 70px;
        margin: auto;
    }
    .sub_aff16_12 .earning_inner_section_bottom1 {
        width: 50%;
        text-align: center;
        width: 25% !important;
    }
    .sub_aff16_12 .earning_inner_section_bottom1 p {
        text-align: center !important;
    }
    .sub_aff16_12 .ser121 p {
        justify-content: space-evenly !important;
    }
    .sub_aff16_12 .s121 {
        float: none !important;
    }
    .sub_aff16_12 .earning_inner_section_top1:first-child p {
        text-align: left !important;
    }
    .seachbar input:focus-visible {
        outline: 0px solid !important;
    }
    .sub_affiliates_section {
        background: linear-gradient(146.03deg, #f2cd0c 0%, #089b0e 100%);
        box-shadow: 0px 2.98265px 11.1849px #608423;
        border-radius: 12px;
        padding: 30px;
        margin: 20px auto 10px auto;
        font-size: 12px;
    }
    .sub_affiliates_section p {
        margin: 0;
    }
    .sub_affiliates_section p span {
        font-size: 15px;
        text-align: right;
        float: right;
        font-family: Evogria;
        margin-top: -2px;
    }
    .sub_settle_section {
        display: flex;
    }
    .se1 {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
        border-radius: 12px;
        width: 49%;
        text-align: center;
        margin-right: 1%;
    }
    .se2 {
        background: linear-gradient(146.03deg, #07b4fe 0%, #5936e3 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(43, 125, 243, 0.4);
        border-radius: 12px;
        width: 49%;
        text-align: center;
        margin-left: 1%;
    }
    .sub_settle_section1 h5 {
        font-family: Evogria;
        margin-bottom: 15px;
        /* margin-top: 10px; */
    }
    .sub_settle_section1 p {
        font-size: 20px;
        padding: 16px 0;
        min-height: 41px;
        margin: auto;
        vertical-align: middle;
    }
    .sub_settle_section1 h5 {
        font-size: 22px;
    }
    .d121 p {
        margin: 0;
        padding: 20px;
        text-transform: uppercase;
        color: #f9bb22;
        font-size: 20px;
    }
    .se1 p {
        padding-top: 20px;
    }
    .earning_section {
        margin-top: 23px;
        padding-bottom: 40px;
    }
    .earning_section h3 {
        font-family: "Evogria";
        font-size: 30px;
        margin-bottom: 0px;
        color: #f9bb22;
    }
    .earning_inner_section {
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .earning_inner_section_top,
    .earning_inner_section_bottom {
        display: flex;
    }
    .earning_inner_section_top1 {
        width: 50%;
    }
    .earning_inner_section_top1 p {
        margin: 0;
        font-size: 12px;
        padding: 10px;
        text-align: center;
        text-transform: capitalize;
    }
    .earing_sec1 p img {
        max-width: 20px;
        margin: 0 10px;
        position: relative;
        top: -4px;
    }
    .earing_sec1 p {
        /* display: flex; */
        margin: 0;
        font-size: 13px;
    }
    .player_rpt .earning_inner_section_bottom1.p10.p1a.xy1231 {
        width: 35%;
    }
    .player_rpt .earning_inner_section_bottom1.p10.xy123 {
        width: 15% !important;
        margin-top: -5px;
    }
    .earning_inner_section_bottom1 {
        width: 50%;
        text-align: center;
    }
    .earning_inner_section_bottom {
        display: flex;
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        margin: 10px;
        padding: 15px;
        align-items: center;
    }
    .earning_inner_section_top {
        background: #282828;
        padding: 15px 6px;
        border-radius: 12px 12px 0 0;
    }
    .earing_sec1 {
        position: relative;
        top: 3px;
    }
    .ser1 {
        text-align: left;
        margin-left: 0px;
    }
    .ser2 {
        text-align: right;
        margin-right: 10px;
    }
    .ser2 p {
        color: #f9bb22;
    }
    .more_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        color: #fff;
        text-decoration: none;
        /* width: 100%; */
        display: block;
        padding: 20px 15px;
        margin: 10px;
        text-align: center;
        font-size: 20px;
    }
    img.img-responsive.add_sec {
        max-width: 35px;
        margin-right: 5px;
    }
    .filter_popups img {
        width: 70px !important;
    }
    .bot_section1 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 49%;
        padding: 10px 10px 7px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    .bot_section {
        display: flex;
    }
    .src2 {
        margin-left: 1%;
    }
    .src1 {
        margin-right: 1%;
    }
    .bot_section3 {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        text-align: center;
        padding: 10px 10px 7px 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    p.p2_name {
        text-align: right;
        margin-right: 20px;
    }
    p.p1_name {
        text-align: left;
        margin-left: 20px;
    }
    .mlr-0 {
        margin: 10px 0 !important;
    }
    /* ================================ */
    /* player reports */
    /* ================================ */
    .sert1 {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        display: flex;
    }
    .sert2 {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
        display: flex;
    }
    .sert12 p,
    .sert12 h5 {
        padding: 0;
        margin: 0;
        min-height: auto;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        text-align: left;
    }
    .sert11,
    .sert12 {
        margin: auto;
        padding: 15px 9px;
    }
    .sert12 p {
        font-size: 13px;
    }
    .sert12 {
        margin-left: -15px;
    }
    .sert11 img {
        max-width: 50px;
        width: 50px;
        margin-left: -7px;
    }
    /* ================================ */
    /* settlement report */
    /* ================================ */
    .settlement_report_section p {
        text-transform: capitalize;
    }
    .download_section {
        display: inline-block;
        width: 100%;
    }
    .download_section a {
        text-align: right;
        float: right;
        margin: 10px auto;
        color: #fff;
        font-size: 12px;
    }
    .download_section img {
        max-width: 35px;
        margin-top: 6px;
    }
    td.type_img1 {
        width: 70px;
        text-align: center;
    }
    td.type_img1 img {
        width: 22px;
    }
    .type_name1 {
        padding-left: 10px;
    }
    .type_amt1 {
        width: 70px;
        text-align: center;
    }
    .type_amt1 img {
        width: 10px;
    }
    .genete_btn {
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin: 10px 0;
        font-weight: 600;
    }
    /* ================================ */
    /* create sub affiliates */
    /* ================================ */
    .form-group {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: inline-block;
        width: 100%;
    }
    .form-group input,
    .form-group select {
        width: 94%;
        padding: 12px 50px !important;
        border: 0px solid !important;
        color: #fff;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 26px !important;
        background-color: transparent;
        float: right;
        height: 80px;
        font-size: 20px;
    }
    .username input {
        background-image: url(../../assets/IMG/username.svg);
    }
    .password input {
        background-image: url(../../assets/IMG/password.svg);
    }
    .mobile input {
        background-image: url(../../assets/IMG/mobile.svg);
    }
    .email input {
        background-image: url(../../assets/IMG/email.svg);
    }
    .form-group {
        margin-bottom: 5px;
    }
    .form-group input:focus-visible {
        outline: 0px solid !important;
    }
    .submit_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 100%;
        border: 0px solid !important;
        padding: 13px;
        color: #ffffff !important;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-size: 17px;
        font-weight: 600;
    }
    .info_graphic_section {
        text-align: center;
    }
    .info_graphic_section img {
        margin: 10px auto;
        max-width: 180px;
    }
    .skip_btn {
        border: 0.5px solid #f9bb22;
        box-sizing: border-box;
        border-radius: 6px;
        width: 87px;
        text-align: center;
        color: #f9bb22;
        float: right;
        position: absolute;
        right: 15px;
        font-size: 22px;
        padding: 4px 10px;
        background-color: transparent;
    }
    .c121 p {
        font-family: "Evogria";
        font-size: 30px !important;
        margin-bottom: 0px;
        color: #f9bb22;
    }
    .profit {
        max-width: 30px;
    }
    .range_content {
        font-size: 21px;
        margin-bottom: 15px;
    }
    .range_content span {
        margin-left: 10px;
        position: relative;
        top: 1px;
    }
    .info {
        max-width: 19px;
        float: right;
        margin-right: 5px;
    }
    .slder_range {
        width: 99px;
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        height: 70px;
        display: block;
        margin-right: 10px;
        padding: 13px;
        text-align: center;
        font-size: 26px;
    }
    .range-slider__range {
        margin-top: 17px !important;
    }
    .slidecontainer {
        width: 100%;
        display: flex;
        margin: 10px auto;
    }
    .slider {
        width: 100%;
        margin-top: 15px;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 23px;
        height: 24px;
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        z-index: 99999 !important;
    }
    .slider {
        /* -webkit-appearance: none; */
        background: #d3d3d3;
        height: 2px;
        border-radius: 0px;
        background: #d3d3d3;
        /* outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s; */
        position: relative;
        top: 15px;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        /* width: 23px;
height: 24px; */
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        background-size: 23px;
        z-index: 99999 !important;
    }
    .slider::-moz-range-thumb {
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
        background-size: 23px;
        z-index: 99999 !important;
    }
    progress {
        -webkit-appearance: none;
    }

    ::-webkit-progress-value {
        /* background-color: orange; */
    }
    .progress {
        display: -ms-flexbox;
        display: flex;
        height: 3px;
        overflow: hidden;
        font-size: 0.75rem;
        background-color: #fff;
        border-radius: 0.25rem;
        margin-top: 6px;
    }
    .progress-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #f9bb22;
        transition: width 0.6s ease;
        z-index: 999;
    }
    .slider::-moz-range-thumb {
        width: 23px;
        height: 24px;
        border: 0;
        background: url("../../assets/IMG/range_icon.svg");
        cursor: pointer;
    }
    .add_query {
        display: block;
        text-align: center;
    }
    /* ================================ */
    /* tickets */
    /* ================================ */
    .tickets {
        background: #424242;
        position: relative;
    }
    .tickets {
        background: #212121;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;

        margin-top: 70px;
        margin-bottom: 20px;
    }
    .no-pre-msg {
        text-align: center;
        margin: 0;
        font-size: 14px;
    }
    .ticket_one {
        display: flex;
        width: 100%;
        padding: 10px 20px;
    }
    .ticket_one p {
        width: 100%;
        margin-bottom: 5px !important;
        font-size: 23px;
        color: #f9bb22;
        margin-top: 5px;
    }
    .ticket_one span {
        float: right;
        text-align: right;
        min-width: 50%;
        color: #fff;
        font-size: 20px !important;
        line-height: 11px;
        background-color: transparent;
        border: none;
        font-weight: 700;
        position: relative;
        top: 6px;
    }
    .ticket_one img {
        max-width: 25px;
        position: relative;
        top: -2px;
        margin: 0 5px;
    }
    .message_count {
        position: absolute;
        top: -26px;
        left: calc(50% - 30px);
    }
    .count_section {
        text-align: center;
        position: relative;
    }
    .message_icon {
        max-width: 80px;
        width: 80px;
    }
    .count-num {
        font-size: 14px;
        position: relative;
        top: -68px;
    }
    .ticket_two {
        background: #2d2d2d;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 20px 15px;
        display: flex;
    }
    .tic_content p {
        margin: 0 !important;
        font-size: 20px;
    }
    .tickets_section_mobile {
        margin-top: 60px;
    }
    .tic_content {
        margin-bottom: 15px;
    }
    .ticket_content_section1 {
        width: calc(100%);
    }
    .active_ticket {
        color: #ffffff;
    }
    .review_ticket {
        color: #f9bb22;
    }
    .hold_ticket {
        color: #ec3c3c;
    }
    .cancel_ticket {
        color: #ec3c3c;
    }
    .completed_ticket {
        color: #4cae4c;
    }
    .ticket_content_section2 {
        text-align: center;
        margin-right: 0;
        margin: auto;
        float: right;
        align-items: baseline;
        min-width: 120px;
    }
    .ticket_content_section2 img {
        max-width: 80px;
    }
    .ticket_content_section2 p {
        font-size: 0.8rem;
        margin: 0;
    }
    /* ================================ */
    /* tickets */
    /* ================================ */
    .home_icon {
        position: absolute;
        top: 14px;
        right: 15px;
        max-width: 35px;
    }
    .sele:focus {
        outline: none !important;
        box-shadow: none !important;
        border: 0px solid !important;
    }
    .sele:visited {
        outline: none !important;
    }
    .sele {
        -webkit-appearance: none;
        height: 87px;
        border: 0px solid;
        color: #fff;
        font-size: 22px;
        padding: 5px 10px;
        margin: 0 !important;
    }
    .sele1 {
        background: url(../../assets/IMG/issue_icon.svg) no-repeat right;
    }
    .sele2 {
        background: url(../../assets/IMG/subject_icon.svg) no-repeat right;
    }
    .sele option {
        color: #000;
    }
    .arr_icon {
        position: absolute;
        max-width: 29px;
        top: 36px;
        right: 20px;
    }
    .form-group {
        position: relative;
    }
    .form-group textarea {
        width: 94%;
        padding: 12px 40px;
        border: 0px solid !important;
        color: #fff;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 26px;
        background-color: transparent;
        background-position-y: 1rem;
        float: right;
        font-size: 22px;
    }

    .form-group textarea::placeholder {
        color: #fff;
    }

    .description textarea {
        background-image: url(../../assets/IMG/description.svg);
    }
    .px1 {
        font-size: 23px;
        line-height: 58px !important;
        color: #fff !important;
    }
    .px1 span img {
        max-width: 63px;
        position: relative;
        top: 5px;
    }
    /* ================================ */
    /* total earning report */
    /* ================================ */
    .cuurent_cycle {
        max-width: 25px;
        margin-right: 7px;
    }
    .sha_cls {
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
    }
    /* ================================ */
    /* Connect To Game Account */
    /* ================================ */
    .background_class {
        background-image: url(assets/IMG/background_black.png);
        background-position: left;
        background-attachment: fixed;
        background-size: cover;
        overflow-x: hidden !important;
    }
    html {
        overflow-x: hidden;
    }
    .bottom_type_btn {
        position: relative;
        margin-top: 0px;
    }
    .bg_icon1 {
        position: absolute;
        top: -31px;
        right: -22px;
        width: 200px;
    }
    .bg_icon2 {
        position: absolute;
        top: 18px;
        left: -22px;
        width: 200px;
    }
    .form_section_1 p {
        font-size: 11px;
        text-align: center;
        margin: 0 !important;
    }
    .acc_con_section {
        text-align: center;
        /* padding: 18% 10px; */
        font-family: "Evogria";
        font-size: 15px;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
        color: #f9bb22;
    }
    .logo {
        max-width: 100px;
        margin: 50px auto;
    }
    .form_section_1 {
        position: fixed;
        width: calc(100% - 30px);
        bottom: 70px;
    }
    .he_cls {
        height: calc(100vh - 250px);
        position: relative;
    }
    .bg_icon11 {
        max-width: 200px;
    }
    .tabxx {
        max-width: 15px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .val_table {
        width: 100%;
        font-size: 12px;
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }
    .val_table td {
        padding: 17px 15px;
        border-bottom: 1px solid#eaeaea1a;
        border-left: 1px solid #eaeaea1a;
    }
    .bl0 {
        border-left: 0px solid !important;
    }
    .bb0 {
        border-bottom: 0px solid !important;
    }
    /* ================================ */
    /* pagination */
    /* ================================ */
    .pagination_section {
        text-align: center;
    }
    .pagination_section a {
        background: #262626;
        border-radius: 4.5px;
        height: 30px;
        width: 30px;
        text-align: center;
        color: #fff;
        padding: 7px 12px;
        font-size: 13px;
        cursor: pointer;
        text-decoration: none !important;
    }
    .pagination_section a.active {
        background: #f9bb22 !important;
    }
    /* ================================ */
    /* All Players */
    /* ================================ */
    .sx {
        margin-top: 8px !important;
    }
    /* ================================ */
    /* Chat Section */
    /* ================================ */
    .chat_section {
        background: #424242;
        border-radius: 12px;
        display: flow-root;
    }
    .chat_section .ticket_content_section1 {
        text-align: center;
    }
    .chat_he {
        color: #f9bb22;
    }
    .chat_section .ticket_content_section1 p {
        font-size: 20px;
    }
    .date_tag {
        color: #ffffff;
        font-size: 20px;
        text-align: center;
        margin: 5px auto;
    }
    .user1,
    .user2 {
        margin-top: 10px;
        margin-bottom: 5px;
        width: 90%;
        font-size: 20px;
        display: inline-block;
    }
    .chat_content {
        display: inline-block;
        margin-bottom: 10px;
    }
    .chat_section .tickets {
        margin-top: 0 !important;
    }
    .user1 span {
        background: #f9bb22;
        border-radius: 0px 10px 5px;
        padding: 3px 10px;
        margin-left: 2px;
        display: inline-table;
        word-break: break-word;
        color: #000;
    }
    .day_split {
        display: inline-block;
    }
    .user2 {
        text-align: right;
        float: right;
    }
    .user2 span {
        background: #171717;
        border-radius: 10px 0px 10px 5px;
        padding: 3px 10px;
        margin-right: 2px;
        display: inline-table;
        text-align: left;
        word-break: break-word;
    }
    .send_btn {
        background: linear-gradient(
            270deg,
            #c6a21a 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 0px;
        width: 70px;
        height: 60px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
    }
    .ticket_section_thre textarea {
        width: 96%;
        background: transparent;
        border: 0px solid;
        font-size: 20px;
        padding: 9px;
        color: #fff;
        padding-right: 2%;
        max-width: calc(100% - 70px);
        float: left;
        height: 60px;
        background: #2e2e2e;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
        border-radius: 0px 0px 12px 12px;
    }
    .vfdc {
        position: fixed !important;
        width: calc(100% - 29px);
        bottom: -10px;
        margin: 0px auto;
        background: #171717;
    }
    .ticket_section_thre textarea::-webkit-input-placeholder {
        margin-top: 5px;
    }

    .ticket_section_thre textarea:-moz-placeholder {
        /* Firefox 18- */
        margin-top: 5px;
    }

    .ticket_section_thre textarea::-moz-placeholder {
        /* Firefox 19+ */
        margin-top: 5px;
    }

    .ticket_section_thre textarea:-ms-input-placeholder {
        margin-top: 5px;
    }

    .ticket_section_thre textarea::placeholder {
        padding-top: 10px;
    }
    .chat-sub {
        position: absolute;
        height: 60px;
        width: 70px;
        padding: 0;
        background: transparent;
        color: transparent;
        border: none;
        right: 0;
    }
    .cur_earn_1612 .earning_inner_section_top1 {
        width: 33% !important;
    }
    .cur_earn_1612 .earning_inner_section_bottom1 {
        width: 33% !important;
    }

    .cur_earn_1612 .pbg p {
        font-size: 20px;
    }
    .in_av_121 img {
        max-width: 35px !important;
    }
    .cur_earn_1612 span.view_tag {
        margin-left: 30px !important;
    }

    .cur_earn_1612 .earning_inner_section_top1 p {
        font-size: 25px !important;
        text-align: center !important;
    }
    .cur_earn_1612 .earning_inner_section_top1:first-child p {
        text-align: left !important;
    }
    .cur_earn_1612 .earning_inner_section_top1:nth-child(2) p {
        float: right !important;
    }
    .cur_earn_1612 .earning_inner_section_top1:nth-child(3) p {
        float: right !important;
    }
    .re_1612 .earning_inner_section_top1:nth-child(2) p {
        float: none !important;
    }
    .re_1612 .earning_inner_section_bottom1 {
        width: 30% !important;
    }
    .re_1612 .earning_inner_section_bottom1:nth-child(3) p {
        text-align: center;
    }
    .user1 p {
        font-size: 14px;
        margin-left: 2px;
        opacity: 0.6;
        margin-bottom: 0;
    }
    .user2 p {
        font-size: 14px;
        margin-right: 2px;
        opacity: 0.6;
        margin-bottom: 0;
    }
    /* ================================ */
    /* settlement Section */
    /* ================================ */
    .icon_sec img {
        max-width: 25px;
    }
    .earing_sec11 p {
        font-size: 12px;
        text-align: center;
        margin-bottom: 0 !important;
    }
    .sett_sec .earning_inner_section_bottom1 {
        display: table;
    }
    .earing_sec11 {
        display: inline-table;
    }
    .set_sec p {
        margin: 0;
        text-align: center;
    }
    .de_sec {
        color: #26d337;
    }
    .amt_sec {
        color: #f9bb22;
    }
    .mw30 {
        max-width: 30px;
    }

    /* ================================ */
    /* sub affliate - 2  Section */
    /* ================================ */
    .mw0 {
        max-width: 0 !important;
    }
    .sub-af {
        text-align: left;
        margin-left: 4px;
    }
    .top_arrow {
        max-width: 10px;
        display: block;
        text-align: center;
        margin: auto;
        margin-bottom: 5px;
    }
    .tab121 .aj-ser1-two,
    .tab121 .earing_sec1 p {
        margin-left: 10px !important;
        font-size: 11px;
    }
    .ser121 p {
        display: flex;
        align-items: center;
    }
    .ser121 img {
        margin: 0 !important;
        max-width: 30px !important;
        top: 0px !important;
    }
    .he_cls {
        margin-top: 60px;
    }
    .tab121 .aj-ser1-one img {
        min-width: 25px !important;
    }
    .s121 {
        float: right;
    }
    .ser121 .view_tag {
        margin: 0 !important;
    }
    /* ================================ */
    /* succeess  Section */
    /* ================================ */
    .scess_msg {
        text-align: center;
        margin-bottom: 40px;
    }
    .scess_msg1 {
        text-align: center;
        margin-top: -55px;
    }
    p.scess_msg_p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .scess_msg_h4 {
        font-family: Evogria;
        color: #2fbd35;
    }
    img.tabxx11 {
        max-width: 25px;
        float: right;
    }
    .sc1 {
        margin: 30px auto 10px auto;
        text-align: left;
    }
    .scess_msg p {
        font-size: 13px;
    }
    .steps_section h4 {
        font-size: 16px;
        font-family: Evogria;
        text-align: center;
        margin: 10px auto;
    }
    .steps_content {
        text-align: center;
        font-size: 13px;
        margin-bottom: 30px;
    }
    .steps_content img {
        max-width: 60px;
        margin: 20px auto 10px auto;
    }
    .wpop_n-bg {
        text-align: center;
        text-align: center;
        height: auto;
        margin-bottom: 100px;
    }
    .hjgf {
        left: 0px;
        text-align: center !important;
    }
    .hjgf h2 {
        font-size: 25px;
        margin: 50px auto;
    }

    /* --------------------------------------- */
    .bot_section1 a {
        color: #fff !important;
    }
    .sub_affiliates_section {
        color: #fff;
    }
    .apexcharts-gridlines-horizontal .apexcharts-gridline {
        stroke: #b7c1e88c;
        stroke-dasharray: 9;
    }
    .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
    .apexcharts-xaxistooltip,
    .apexcharts-tooltip-series-group.apexcharts-active
        .apexcharts-tooltip-marker,
    .apexcharts-tooltip-text-y-label {
        display: none;
    }
    .apexcharts-tooltip-series-group.apexcharts-active,
    .apexcharts-tooltip-series-group:last-child {
        padding-bottom: 0;
        font-size: 13px;
    }
    .apexcharts-tooltip.apexcharts-theme-light {
        border: 1px solid #292929;
        background: rgb(45 45 45);
        border-radius: 10px;
    }
    /* ================================ */
    /* notification  Section */
    /* ================================ */
    .notification_content {
        background: #282828;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        display: flex;
        padding: 15px 10px;
        position: relative;
        margin: 8px auto;
    }
    .not_img {
        min-width: 70px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .n_img {
        max-width: 50px;
    }
    .not_content {
        min-width: calc(100% - 170px);
        margin-right: 51px;
        margin-left: 70px;
    }
    .not_content p {
        margin: 0;
        font-size: 13px;
        color: #fff;
    }
    .not_content p span {
        font-size: 10px;
        color: #6c6c6c;
    }
    .not_notification {
        min-width: 80px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0px;
        text-align: right;
    }
    .not_tag {
        background: #f9bb22;
        border-radius: 4px 0px 0px 4px;
        color: #000;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        padding: 7px 10px;
        font-size: 12px;
        right: -15px;
        font-weight: 600;
    }
    /* ================================ */
    /* settlement  Section */
    /* ================================ */
    .pname .p1_name {
        margin-left: 0 !important;
    }
    .pbg .ser2 p {
        display: flex;
        align-items: center;
    }

    span.view_tag {
        margin-left: 10px;
        border: 1px solid #f9bb22;
        border-radius: 5px;
        padding: 2px 5px;
        margin-top: -2px;
        font-size: 1rem;
        padding: 5px 10px;
        border-radius: 5px;
        color: #f9bb22;
        display: block;
    }
    a {
        text-decoration: none !important;
    }

    .pbg p {
        font-size: 20px;
    }
    .set_section {
        width: 50%;
        float: left;
        text-align: center;
        padding: 10px 10px 20px 10px;
    }
    .settle_section {
        background: #242424;
        border-radius: 12px;
        display: flex;
        margin: 20px auto;
    }
    .set_section img {
        max-width: 30px;
        margin: 10px auto;
    }
    .set_section1 {
        border-right: 0.5px solid #353535;
    }
    p.p1121 {
        margin: 0;
        font-size: 9px;
    }
    p.p1122 {
        margin: 0;
        font-size: 11px;
    }
    .ghfd .sub_settle_section1 p {
        min-height: 40px !important;
    }
    .srT_date {
        color: #189a15;
        font-size: 20px;
        text-transform: capitalize;
    }
    .enD_date {
        color: #ff0000;
        font-size: 20px;
        text-transform: capitalize;
    }
    .vi_btn .ser2 {
        top: 7px;
    }
    .cl1121 .ser1 {
        text-align: center;
    }
    .ghfd .sub_settle_section1 p,
    .ghfd .sub_affiliates_section p {
        text-transform: capitalize !important;
    }
    .ce_cy {
        top: 4px !important;
        max-width: 30px !important;
    }
    .download_report {
        text-align: center;
        background: linear-gradient(91.38deg, #242424 0.55%, #202020 97.81%);
        box-shadow: 0px 4px 13px rgb(0 0 0 / 25%),
            -6px -4px 11px rgb(74 74 74 / 22%),
            inset 0px 1px 2px rgb(55 55 55 / 25%);
        border-radius: 12px;
        padding: 0px;
    }
    .download_report img {
        max-width: 299px;
        margin: 25px auto;
    }
    .in_av_121 p {
        margin-top: -3px;
    }
    .in_av_121 p img {
        top: -2px !important;
    }
    .ear_date {
        display: block;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        color: #ffffff;
    }

    /* ================================ */
    /* current earning  Section */
    /* ================================ */

    .cycle_date_section {
        display: flex;
    }
    .c122 p {
        text-align: right;
        text-transform: inherit;
        font-weight: 700 !important;
    }
    .c121 p {
        text-transform: inherit;
        font-size: 14px;
    }
    .c121 img {
        max-width: 26px;
        margin-right: 4px;
    }
    .c122 p span {
        margin: 0 2px;
        color: #5b5b5b;
    }
    .cycle_date_section1 {
        font-size: 10px;
        text-transform: inherit;
        width: 50%;
    }
    .cycle_date_section1 p {
        margin-bottom: 0 !important;
    }
    .c122 img {
        max-width: 30px;
        top: -2px;
        position: relative;
        margin-right: 6px;
    }
    .c122 {
        margin-top: 4px;
    }
    .cu_earn .p1121 {
        text-transform: uppercase;
        font-family: "Russo One", sans-serif;
        font-size: 20px;
        color: #f9bb22;
    }
    .cu_earn img {
        min-height: 60px !important;
        max-width: 50px !important;
    }
    .cu_earn .p1122 {
        font-size: 20px;
        margin: 3px auto;
        color: #fff !important;
    }
    .se_report_1612 {
        margin-top: 110px !important;
    }
    .se_report_1612 .earning_inner_section_top1 p {
        font-size: 25px !important;
    }
    .se_report_1612 .earning_inner_section_top1:nth-child(4) p {
        text-align: right !important;
    }
    .se_report_1612_1 .ce_cy {
        max-width: 40px !important;
    }
    .se_report_1612_1 .earning_inner_section_top1 {
        width: 33.33% !important;
    }
    .se_report_1612_1 .earning_inner_section_top1 p {
        font-size: 25px !important;
        text-align: center !important;
    }
    .se_report_1612_1 .earning_inner_section_top1:nth-child(3) p {
        text-align: right !important;
    }
    .se_report_1612_1 .earning_inner_section_top1:nth-child(1) p {
        text-align: left !important;
    }
    .se_report_1612_1 .earning_inner_section_bottom1:nth-child(2) .earing_sec1 {
        float: none !important;
    }
    .se_report_1612_1
        .earning_inner_section_bottom1:nth-child(2)
        .earing_sec1
        p {
        text-align: center !important;
        display: block;
    }
    .plan_1612 {
        margin-top: 110px !important;
    }
    .plan_1612 .profit-bx {
        width: 48%;
        padding: 30px 20px;
        margin-right: 2%;
    }
    .sett_his p,
    .date_sec {
        font-size: 20px !important;
    }
    .amt_sec1 img {
        margin: 0 0 0 23px;
    }
    .st_im {
        max-width: 20px;
        margin-right: 4px;
    }
    .cu_122 {
        align-items: center;
        min-height: 54px;
    }
    .pl_type {
        transform: rotate(270deg);
        position: absolute;
        /* top: 0px; */
        /* margin-bottom: -12px; */
        left: -18px;
        font-size: 10px !important;
        text-align: center;
        top: 4px;
    }
    .cu_122 img {
        max-width: 30px !important;
    }
    .type_player {
        top: 10px;
    }
    .type_sub_aff {
        top: 1px;
    }
    .type_player {
        top: 10px;
    }
    .tr_122 .ser2 {
        float: right;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    /* ================================ */
    /* GS Style Ipad-pro */
    /* ================================ */
    .faq2112 {
        margin-top: 110px !important;
    }
    .opensright {
        top: calc(50% - 290px) !important;
        left: calc(50% - 200px) !important;
        right: inherit !important;
    }
    .notification_content {
        padding: 20px 15px;
        margin: 14px auto;
    }
    .sub_aff16_12 #loadData {
        margin-bottom: 120px;
    }
    .not_img {
        min-width: 100px;
        top: 58%;
        transform: translateY(-50%);
    }
    img.img-responsive.n_img {
        max-width: 100%;
    }
    .not_content {
        min-width: calc(100% - 200px);
        margin-right: 51px;
        margin-left: 105px;
    }
    .not_content p {
        margin: 0;
        font-size: 20px;
        color: #fff;
    }
    .not_content p span {
        font-size: 18px;
        color: #6c6c6c;
    }
    .acc_con_section {
        font-family: "Evogria";
        font-size: 25px;
        position: absolute;
        top: 40%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
        color: #f9bb22;
        padding-bottom: 0 !important;
    }

    .form_section_1 p {
        font-size: 22px;
        text-align: center;
        margin: 0 !important;
    }
    .val_table {
        width: 100%;
        font-size: 25px;
    }
    .tabxx {
        max-width: 25px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .form_section_1 {
        bottom: 120px;
    }
    .form_section_1 p {
        font-size: 30px;
    }

    .sticky {
        top: 100px;
    }
    .sticky2 {
        position: fixed;
        top: 186px;
        left: 0;
        width: 100%;
        border-radius: 0;
        background: #2a2a2a;
        z-index: 99 !important;
        right: 0;
    }
    .sticky3 {
        position: fixed;
        top: 163px;
        width: 100%;
        left: 0;
        border-radius: 0;
        background: #2a2a2a;
        z-index: 99 !important;
        right: 0;
    }
    .se_report_1612 .earning_inner_section_top1:nth-child(4) p {
        text-align: right !important;
        margin-right: 30px;
    }
    .xy12.sticky {
        background: #292929;
        padding: 5px 25px;
    }
    .sticky {
        position: fixed;
        top: 100px;
        width: 100%;
        left: 0;
        margin: 0 !important;
        z-index: 999;
        border-radius: 0;
    }
    .earning_inner_section_top.sticky1 {
        top: 185px;
        left: 0;
        right: 0;
        width: 100%;
        padding-left: 25px;
    }
    .live-sticky .ticket_two {
        /* position: fixed;
        width: 100%;
        top: 150px;
        left: 0;
        right: 0;
        z-index: 99; */
    }
    .live-sticky .chat-box {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    .live-sticky .tic_content p {
        margin: 0 !important;
        font-size: 13px;
        text-align: left;
    }
    .live-sticky .tic_content {
        width: 50%;
    }
    .settlement-history-wrapper .sticky3 {
        margin-top: 16px;
        border-radius: 0;
        width: 100%;
        left: 0;
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* ================================ */
    /* GS Style Ipad-pro */
    /* ================================ */
    .notification_content {
        padding: 20px 15px;
        margin: 14px auto;
    }
    .not_img {
        min-width: 100px;
        top: 58%;
        transform: translateY(-50%);
    }
    img.img-responsive.n_img {
        max-width: 100%;
    }
    .not_content {
        min-width: calc(100% - 200px);
        margin-right: 51px;
        margin-left: 105px;
    }
    .not_content p {
        margin: 0;
        font-size: 20px;
        color: #fff;
    }
    .not_content p span {
        font-size: 18px;
        color: #6c6c6c;
    }
    .acc_con_section {
        font-family: "Evogria";
        font-size: 25px;
        position: absolute;
        top: 40%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
        color: #f9bb22;
        padding-bottom: 0 !important;
    }

    .form_section_1 p {
        font-size: 22px;
        text-align: center;
        margin: 0 !important;
    }
    .val_table {
        width: 100%;
        font-size: 25px;
    }
    .tabxx {
        max-width: 25px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .form_section_1 {
        bottom: 120px;
    }
    .form_section_1 p {
        font-size: 30px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    /* ================================ */
    /* GS Style Ipad-pro */
    /* ================================ */
    .notification_content {
        padding: 20px 15px;
        margin: 14px auto;
    }
    .not_img {
        min-width: 100px;
        top: 58%;
        transform: translateY(-50%);
    }
    img.img-responsive.n_img {
        max-width: 100%;
    }
    .not_content {
        min-width: calc(100% - 200px);
        margin-right: 51px;
        margin-left: 105px;
    }
    .not_content p {
        margin: 0;
        font-size: 20px;
        color: #fff;
    }
    .not_content p span {
        font-size: 18px;
        color: #6c6c6c;
    }
    .acc_con_section {
        font-family: "Evogria";
        font-size: 25px;
        position: absolute;
        top: 40%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
        color: #f9bb22;
        padding-bottom: 0 !important;
    }

    .form_section_1 p {
        font-size: 22px;
        text-align: center;
        margin: 0 !important;
    }
    .val_table {
        width: 100%;
        font-size: 25px;
    }
    .tabxx {
        max-width: 25px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .form_section_1 {
        bottom: 120px;
    }
    .form_section_1 p {
        font-size: 30px;
    }

    .sticky {
        top: 100px;
    }
    .sticky2 {
        position: fixed;
        top: 186px;
        left: 0;
        width: 100%;
        border-radius: 0;
        background: #2a2a2a;
        z-index: 99 !important;
        right: 0;
    }
    .sticky3 {
        position: fixed;
        top: 163px;
        width: 100%;
        left: 0;
        border-radius: 0;
        background: #2a2a2a;
        z-index: 99 !important;
        right: 0;
    }
    .se_report_1612 .earning_inner_section_top1:nth-child(4) p {
        text-align: right !important;
        margin-right: 30px;
    }
    .xy12.sticky {
        background: #292929;
        padding: 5px 25px;
    }
    .sticky {
        position: fixed;
        top: 100px;
        width: 100%;
        left: 0;
        margin: 0 !important;
        z-index: 999;
        border-radius: 0;
    }
    .earning_inner_section_top.sticky1 {
        top: 185px;
        left: 0;
        right: 0;
        width: 100%;
        padding-left: 25px;
    }
    .live-sticky .ticket_two {
        /* position: fixed;
        width: 100%;
        top: 150px;
        left: 0;
        right: 0;
        z-index: 999; */
    }
    .live-sticky .chat-box {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    .live-sticky .tic_content p {
        margin: 0 !important;
        font-size: 13px;
        text-align: left;
    }
    .live-sticky .tic_content {
        width: 50%;
    }
    .settlement-history-wrapper .sticky3 {
        margin-top: 16px;
        border-radius: 0;
        width: 100%;
        left: 0;
        right: 0;
    }
    .gs-wlt-tab-fxd {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 165px;
    }
    .fix_btn {
        position: fixed;
        width: 100%;
        bottom: 98px;
        background: #282828;
        left: 0;
        right: 0;
    }
    .gs-fixed {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 110px;
    }
    .gs-fixed .seachbar {
        border-radius: 0 !important;
    }
    .gs-wlt-tab-fxd {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 195px;
        padding-left: 20px;
        border-radius: 0 !important;
    }
    .lln-amin-wrapper ul li {
        height: 40px !important;
    }
    form.download_report {
        position: relative;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: -50px !important;
        left: -100px !important;
        width: 25px;
    }
    .pb-con-item {
        margin: 10px 10px 30px 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .live-sticky {
        position: fixed;
        width: calc(100% - 30px);
        z-index: 999;
        /* margin-top: -20px; */
        top: 100px;
        border-radius: 0;
    }
    /* ================================ */
    /* GS Style Ipad-pro */
    /* ================================ */
    .lln-amin-wrapper ul li {
        height: 40px !important;
    }
    .notification_content {
        padding: 20px 15px;
        margin: 14px auto;
    }
    .not_img {
        min-width: 100px;
        top: 58%;
        transform: translateY(-50%);
    }
    img.img-responsive.n_img {
        max-width: 100%;
    }
    .not_content {
        min-width: calc(100% - 200px);
        margin-right: 51px;
        margin-left: 105px;
    }
    .not_content p {
        margin: 0;
        font-size: 20px;
        color: #fff;
    }
    .not_content p span {
        font-size: 18px;
        color: #6c6c6c;
    }
    .acc_con_section {
        font-family: "Evogria";
        font-size: 25px;
        position: absolute;
        top: 40%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 30px);
        color: #f9bb22;
        padding-bottom: 0 !important;
    }

    .form_section_1 p {
        font-size: 22px;
        text-align: center;
        margin: 0 !important;
    }
    .val_table {
        width: 100%;
        font-size: 25px;
    }
    .tabxx {
        max-width: 25px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .form_section_1 {
        bottom: 120px;
    }
    .form_section_1 p {
        font-size: 30px;
    }
    .sticky2#earn_top {
        top: 185px;
    }
    .sticky {
        top: 100px;
    }
    .sticky2 {
        position: fixed;
        top: 170px;
        left: 0;
        width: 100%;
        border-radius: 0;
        background: #2a2a2a;
        z-index: 99 !important;
        right: 0;
    }
    .sticky3 {
        position: fixed;
        top: 160px;
        width: 100%;
        left: 0;
        border-radius: 0;
        background: #2a2a2a;
        z-index: 99 !important;
        right: 0;
    }
    .se_report_1612 .earning_inner_section_top1:nth-child(4) p {
        text-align: right !important;
        margin-right: 30px;
    }
    .xy12.sticky {
        background: #292929;
        padding: 5px 25px;
    }
    .sticky {
        position: fixed;
        top: 100px;
        width: 100%;
        left: 0;
        margin: 0 !important;
        z-index: 999;
        border-radius: 0;
    }
    .earning_inner_section_top.sticky1 {
        top: 185px;
        left: 0;
        right: 0;
        width: 100%;
        padding-left: 25px;
    }
    .live-sticky .ticket_two {
        /* position: fixed;
        width: 100%;
        top: 150px;
        left: 0;
        right: 0;
        z-index: 99; */
    }
    .live-sticky .chat-box {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    #chatMessages {
        padding-top: 280px;
    }
    .live-sticky .tic_content p {
        margin: 0 !important;
        font-size: 20px;
        text-align: left;
    }
    .live-sticky .tic_content {
        width: 50%;
    }
    .settlement-history-wrapper .sticky3 {
        margin-top: 0px;
        border-radius: 0;
        width: 100%;
        left: 0;
        right: 0;
    }

    .gs-fixed {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 100px;
    }
    .gs-fixed .seachbar {
        border-radius: 0 !important;
    }
    .gs-wlt-tab-fxd {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 185px;
        padding-left: 20px;
        border-radius: 0 !important;
    }
}

@media only screen and (max-width: 280px) {
    .sub_affi_create {
        padding: 15px !important;
    }
    .scess_msg1 {
        text-align: center;
        margin-top: -32px;
    }

    td#lk-rc1 {
        font-size: 10px;
    }
    .set-pop-text-wrap span {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 8px;
        /* color: #03b515; */
        margin-bottom: 5px;
    }
}

.ticket_content_section2 .btn {
    background: transparent;
    box-shadow: none;
}
#ticket_modal .modal-content {
    background-color: #292929;
}
#ticket_modal .modal-header {
    border-bottom: none;
}
#ticket_modal .modal-header .close {
    color: #fff;
}
#ticket_modal .modal-body {
    text-align: center;
}
#ticket_modal .modal-body img {
    max-width: 300px;
}
#ticket_modal .modal-footer {
    border-top: none;
    padding: 0px;
}
#ticket_modal .review_ticket {
    font-size: 18px;
    margin-bottom: 0px;
}

@media screen and (min-width: 0px) and (max-width: 280px) {
    div#chatMessages {
        padding-top: 260px;
        /* max-height: 600px;
      overflow-y: scroll; */
    }
}
@media screen and (min-width: 281px) and (max-width: 340px) {
    div#chatMessages {
        padding-top: 260px;
        /* max-height: 600px;
      overflow-y: scroll; */
    }
}
@media screen and (min-width: 341px) and (max-width: 375px) {
    div#chatMessages {
        padding-top: 280px;
        /* max-height: 600px;
      overflow-y: scroll; */
    }
}
@media screen and (min-width: 376px) and (max-width: 768px) {
    div#chatMessages {
        padding-top: 280px;
        /* max-height: 600px;
      overflow-y: scroll; */
    }
}

@media only screen and (max-width: 1400px) {
    .dog-par .dog-01 p,
    .dog-par .dog-02 p,
    .dog-par .dog-03 p {
        font-size: 22px !important;
    }
    .allplayer .apb-one-text,
    .allplayer .apb-two,
    .allplayer .apb-three .apb-three-numb {
        font-size: 22px !important;
    }
    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 25px !important;
        line-height: 25px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .dog-par .dog-03 span.view_tag,
    .allplayer .apb-three .apb-three-view {
        font-size: 1.2rem !important;
    }
    .dog-01 .user_er {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }

    .dog-01 .earning_user {
        display: flex;
        align-items: center;
    }

    .dog-01 .user_er img.ear-user.img-responsive {
        right: 10px;
        top: 0px !important;
        max-width: 35px !important;
    }

    .dog-par {
        padding: 20px;
    }

    .dog-player {
        padding: 15px 6px;
    }
    .dog-sub-player {
        padding: 20px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .dog-par .dog-01 p,
    .dog-par .dog-02 p,
    .dog-par .dog-03 p {
        font-size: 22px !important;
    }
    .allplayer .apb-one-text,
    .allplayer .apb-two,
    .allplayer .apb-three .apb-three-numb {
        font-size: 22px !important;
    }
    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 25px !important;
        line-height: 25px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .dog-par .dog-03 span.view_tag,
    .allplayer .apb-three .apb-three-view {
        font-size: 1.2rem !important;
    }
    .dog-head .earning_inner_section_top {
        padding: 20px 6px;
    }
    .dog-par {
        padding: 21px;
    }
}

@media only screen and (max-width: 768px) {
    .dog-par .dog-01 p,
    .dog-par .dog-02 p,
    .dog-par .dog-03 p {
        font-size: 18px !important;
    }
    .allplayer .apb-one-text,
    .allplayer .apb-two,
    .allplayer .apb-three .apb-three-numb {
        font-size: 18px !important;
    }
    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 20px !important;
        line-height: 20px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .dog-par .dog-03 span.view_tag,
    .allplayer .apb-three .apb-three-view {
        font-size: 1rem !important;
    }
    .wlt-tran-text.all-head-play {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .dog-par .dog-01 p,
    .dog-par .dog-02 p,
    .dog-par .dog-03 p {
        font-size: 14px !important;
    }
    .allplayer .apb-one-text,
    .allplayer .apb-two,
    .allplayer .apb-three .apb-three-numb {
        font-size: 14px !important;
    }
    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 16px !important;
        line-height: 15px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .dog-par .dog-03 span.view_tag,
    .allplayer .apb-three .apb-three-view {
        font-size: 0.8rem !important;
    }
    .dog-head .earning_inner_section_top {
        background: #282828;
        padding: 20px 6px;
        border-radius: 12px 12px 0 0;
    }
    .dog-head .earning_inner_section_top {
        background: #282828;
        padding: 10px 6px;
        border-radius: 12px 12px 0 0;
    }
    .dog-par {
        padding: 10px;
    }
    .dog-player {
        padding: 20px 6px;
    }
    .dog-sub-player {
        padding: 9px !important;
    }
    .wlt-tran-text.all-head-play {
        font-size: 15px;
        line-height: 19px;
    }
}

@media only screen and (max-width: 560px) {
    .dog-par .dog-01 p,
    .dog-par .dog-02 p,
    .dog-par .dog-03 p {
        font-size: 14px !important;
    }
    .allplayer .apb-one-text,
    .allplayer .apb-two,
    .allplayer .apb-three .apb-three-numb {
        font-size: 14px !important;
    }
    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 18px !important;
        line-height: 18px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .dog-par .dog-03 span.view_tag,
    .allplayer .apb-three .apb-three-view {
        font-size: 0.8rem !important;
    }
    .dog-head .earning_inner_section_top pname {
        padding: 15px 6px !important;
    }
    .dog-player .all-ply-content-head-item {
        padding: 0 !important;
    }
    .dog-01 .user_er {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
    .all-ply-body-item .apb-one .apb-one-img {
        background-image: url(../IMG/avatar_bg.svg);
        width: 35px;
        height: 35px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media only screen and (max-width: 420px) {
    .dog-par .dog-01 p,
    .dog-par .dog-02 p,
    .dog-par .dog-03 p {
        font-size: 14px !important;
    }
    .allplayer .apb-one-text,
    .allplayer .apb-two,
    .allplayer .apb-three .apb-three-numb {
        font-size: 15px !important;
    }
    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 18px !important;
        line-height: 18px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .dog-par .dog-03 span.view_tag,
    .allplayer .apb-three .apb-three-view {
        font-size: 0.8rem !important;
    }
    .dog-head .earning_inner_section_top pname {
        padding: 15px 6px !important;
    }
    .dog-player .all-ply-content-head-item {
        padding: 0 !important;
    }
    .dog-01 .user_er {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }

    .dog-01 .user_er {
        width: 25px;
        height: 25px;
        margin-right: 8px;
        display: flex;
    }
    .all-ply-body-item .apb-one .apb-one-img {
        background-image: url(../IMG/avatar_bg.svg);
        width: 25px;
        height: 25px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 10px;
        margin-right: 5px;
    }
    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 15px !important;
        line-height: 15px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .dog-head .earning_inner_section_top {
        background: #282828;
        padding: 10px 6px;
        border-radius: 12px 12px 0 0;
    }
    .dog-par {
        padding: 11px;
    }
    .dog-sub-player {
        padding: 10px !important;
    }
}
@media only screen and (max-width: 375px) {
    .dog-par .dog-01 p,
    .dog-par .dog-02 p,
    .dog-par .dog-03 p {
        font-size: 12px !important;
    }
    .allplayer .apb-one-text,
    .allplayer .apb-two,
    .allplayer .apb-three .apb-three-numb {
        font-size: 12px !important;
    }
    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px !important;
        line-height: 15px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .dog-par .dog-03 span.view_tag,
    .allplayer .apb-three .apb-three-view {
        font-size: 0.5rem !important;
    }
    .dog-sub-player {
        padding: 10px 5px !important;
    }
    .dog-player {
        padding: 6px !important;
    }
    .all-ply-content-head.aj-all-ply-content-head.player-all.dog-player {
        padding: 20px !important;
    }
    .dog-head .earning_inner_section_top {
        background: #282828;
        padding: 10px 6px;
        border-radius: 12px 12px 0 0;
    }
    .dog-par {
        padding: 11px;
    }
    .dog-01 .user_er {
        width: 25px;
        height: 25px;
        margin-right: 5px;
        display: flex;
    }
    .all-ply-body-item .apb-one .apb-one-img {
        background-image: url(../IMG/avatar_bg.svg);
        width: 25px;
        height: 25px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 10px;
        margin-right: 5px;
    }
}

@media only screen and (max-width: 360px) {
    .dog-par .dog-01 p,
    .dog-par .dog-02 p,
    .dog-par .dog-03 p {
        font-size: 10px !important;
    }
    .allplayer .apb-one-text,
    .allplayer .apb-two,
    .allplayer .apb-three .apb-three-numb {
        font-size: 10px !important;
    }
    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px !important;
        line-height: 15px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .dog-par .dog-03 span.view_tag,
    .allplayer .apb-three .apb-three-view {
        font-size: 0.5rem !important;
    }
    .dog-par {
        padding: 10px 5px !important;
    }
    .dog-01 .user_er {
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }
    .dog-sub-player {
        padding: 10px 5px !important;
    }
    .dog-player {
        padding: 6px !important;
    }
    .all-ply-content-head.aj-all-ply-content-head.player-all.dog-player {
        padding: 1px !important;
    }
    .all-ply-content-head.aj-all-ply-content-head.player-all.dog-player {
        padding: 20px !important;
    }
}

@media only screen and (max-width: 320px) {
    .dog-par .dog-01 p,
    .dog-par .dog-02 p,
    .dog-par .dog-03 p {
        font-size: 10px !important;
    }
    .allplayer .apb-one-text,
    .allplayer .apb-two,
    .allplayer .apb-three .apb-three-numb {
        font-size: 10px !important;
    }
    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px !important;
        line-height: 15px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .dog-par .dog-03 span.view_tag,
    .allplayer .apb-three .apb-three-view {
        font-size: 0.5rem !important;
    }
}
@media only screen and (max-width: 280px) {
    .dog-par .dog-01 p,
    .dog-par .dog-02 p,
    .dog-par .dog-03 p {
        font-size: 8px !important;
    }

    .dog-head #earn_top .p1_name,
    .dog-head .all-ply-content-head-item {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 10px !important;
        line-height: 15px;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-align: center !important;
    }
    .allplayer .apb-one-text,
    .allplayer .apb-two,
    .allplayer .apb-three .apb-three-numb {
        font-size: 8px !important;
    }
    .dog-par .dog-03 span.view_tag,
    .allplayer .apb-three .apb-three-view {
        font-size: 0.5rem !important;
    }
    .allplayer .apb-one .apb-one-img {
        background-image: url(../IMG/avatar_bg.svg);
        width: 20px;
        height: 20px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 5px;
        display: flex;
        margin-right: 5px;
    }
    .all-ply-content-head.aj-all-ply-content-head.player-all.dog-player {
        padding: 16px 6px !important;
    }
    .dog-01 .user_er {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        display: flex;
    }
    .wlt-tran-text {
        font-size: 12px;
        word-spacing: 0px;
    }
}