@font-face {
    font-family: Evogria;
    src: url(../FONTS/Evogria.otf);
}
@font-face {
    font-family: Nostromo;
    src: url(../FONTS/NostromoOutline-Black.otf);
}
@font-face {
    font-family: TheBlackheads;
    src: url(../FONTS/TheBlackheads.otf);
}

@font-face {
    font-family: impact;
    src: url(../FONTS/impact.ttf);
}

@font-face {
    font-family: advent;
    src: url(../FONTS/AdventPro-Regular.ttf);
}

@font-face {
    font-family: russoone;
    src: url(../FONTS/RUSSOONE-REGULAR.TTF);
}

html {
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", sans-serif;
    background-color: #171717;
    color: #fff;
    /* overflow-x: hidden; */
}

img {
    width: 100%;
}

.aj-pp-n-pwd.has-success,.aj-pp-c-pwd.has-success{
    border: 1px solid #26D337;
}
.aj-pp-n-pwd.has-error,.aj-pp-c-pwd.has-error{
    border: 1px solid #F92121;
}

.bd-card-header h2{
    text-transform: capitalize;
}

.bd-card-body-content p:nth-of-type(2){
    text-transform: uppercase;
}


.parsley-errors-list{
    color: #FF1612 !important;
}
.no-bd-wrapper {
    width: 100%;
    position: relative;
    height: 100vh;
}
.no-bd-wrapper {
    width: 100%;
    position: relative;
    height: 100vh;
}

.aj-flex-wrap{
    flex-wrap: wrap;
}

.aj-scroll-cmb{
    margin-bottom: 350px !important;
}

/* input:-webkit-autofill {
    -webkit-box-shadow:#262626 !important;
    -webkit-background-clip: #262626 !important;
    -webkit-background-color: #262626 !important;
    -webkit-text-fill-color: #fff;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow:#262626 !important;    -webkit-background-clip: #262626 !important;
    -webkit-background-color: #262626 !important;
-webkit-text-fill-color: #fff;
}

input:-internal-autofill-selected {
    background-color: #262626 !important;
    color: #fff !important;
} */



/*  */
/* @media only screen
  and (max-width: 1024px)
  and (max-height: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5) {


        .head-bars {
            width: 75px;
        }
        .head-wrap {
            padding: 20px;
            display: flex;
            justify-content: space-between;
            margin-bottom: 1rem;
            height: 110px;
            align-items: center;
        }
        .head-bell {
            width: 26px;
            margin-right: 14px;
        }
        .head-user-img {
            width: 50px;
            background-color: #242424;
            border-radius: 50%;
        }
        .head-user-text span:first-child {
            font-size: 1.1rem;
            min-width: 50px;
            text-align: right;
        }
        .head-user-text span:last-child {
            color: #f9bb22;
            font-size: 1rem;
            text-align: right;
        }


} */

.slider-item-text.active{
    color: #f9bb22;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



body.aj-desktop-body::-webkit-scrollbar {
    width: 0;
}
.wlt-tran-date{
    padding: 0!important;
}
.wlt-tran-date img{
    display: none;
}
.wlt-tran-date-wrap{
    padding: 3px 2px!important;
}
.wlt-tran-date input{
    background-image: url(/assets/IMG/cal.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 14px;
    padding-left: 19px!important;
    width: 129px!important;
    height: 24px;
}
@media only screen and (min-width: 1025px) and (max-width:1400px){

    .not-dot {
        position: absolute;
        font-size: 6px;
        font-weight: 600;
        width: 15px;
        height: 15px;
        background-color: red;
        border-radius: 50%;
        line-height: 15px;
        top: -8px;
        left: 8px;
        text-align: center;
    }
    /* ==============================
        Dashboard
    ================================*/
    .main-wrapper {
        width: 100%;
        /* margin: 0 auto; */
        /* margin-bottom: 5rem; */
    }
    .head-user-img {
        width: 50px;
        background-color: #242424;
        border-radius: 50%;
    }
    .head-user-wrap {
        display: flex;
        align-items: center;
    }
    .head-user-text {
        display: flex;
        flex-direction: column;
    }
    .head-user-text span:first-child {
        font-size: 1.1rem;
        min-width: 50px;
        text-align: right;
    }

    .head-user-text span:last-child {
        color: #f9bb22;
        font-size: 1.1rem;
        text-align: right;
    }

    .head-bars {
        width: 65px;
    }
    .head-wrap {
        padding: 20px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
        height: 110px;
        align-items: center;
    }

    .home-tab {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: 48%;
        border-radius: 10px;
        padding: 7px;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .home-tab-text span:first-child {
        font-size: 0.6rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .home-tab-text span:last-child {
        font-size: 1.8rem;
    }

    .home-tab-text {
        text-align: right;
        display: flex;
        flex-direction: column;
    }

    .home-tab-wrap {
        padding: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* margin-bottom: 1rem; */
    }
    .home-tab-wrap a{
        display: contents;
        color: #fff!important;
    }
    .home-tab-img {
        width: 60px;
    }

    .wel-star {
        display: block;
        width: 10px;
        position: absolute;
    }

    .wel-main-wrap {
        height: 190px;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    span.wel-star.one {
        top: 10px;
        left: 22%;
        width: 3px;
    }
    span.wel-star.two {
        top: 2px;
        left: 16%;
        width: 3px;
    }
    span.wel-star.three {
        top: -5px;
        left: 50%;
        width: 4px;
    }
    span.wel-star.four {
        top: 20px;
        left: 80%;
        width: 4px;
    }
    span.wel-star.five {
        top: 15px;
        left: 57%;
        width: 6px;
    }
    span.wel-star.six {
        top: 30px;
        left: 62%;
        width: 4px;
    }

    .wel-wrap {
        background: linear-gradient(90deg, #303030 0%, #434343 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        padding: 2rem 1rem 1rem 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        flex-direction: column;
    }

    .wel-starts-wrap {
        background-repeat: no-repeat;
        background-size: contain;
        height: 75px;
        position: absolute;
        top: -15px;
        width: 100%;
    }

    span.d-we-cy-text {
        font-size: 0.7rem;
    }
    section.wel-wrapper {
        padding: 25px;
    }

    .wel-wrap h5 {
        font-size: 1.3rem;
        font-weight: 600;
    }
    .wel-star-wrap {
        width: 60px;
        position: absolute;
        top: -41px;
        left: 50%;
        transform: translateX(-50%);
    }

    .we-rd-wrap {
        width: 40px;
        position: absolute;
        top: -25px;
        right: 10px;
        border-radius: 50%;
        background: linear-gradient(316.25deg, #373737 17.57%, #1c1c1c 79.76%);
    }

    .pd-12 {
        padding: 25px;
    }
    .mon-tab {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        height: 160px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 48%;
        position: relative;
    }

    .mon-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .mon-ball-inner div:first-child {
        background: linear-gradient(
            113deg,
            rgba(41, 41, 41, 0.6) 11.58%,
            rgba(49, 49, 49, 0.6) 96.03%
        );
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

        border-radius: 50%;
        height: 55px;
        width: 55px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .mon-ball-inner div:last-child {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mon-ball-inner {
        position: relative;
    }

    .mon-ball {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    section.mon-wrapper.pd-12 {
        padding-top: 3rem;
    }

    .mon-w-text {
        color: #f9bb22;
    }
    span.mon-w-numb {
        font-size: 1.6rem;
        font-weight: 600;
    }

    .mb-3r {
        margin-bottom: 3rem;
    }

    .h-graph {
        width: 100%;
        height: 235px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }


    .details-tab {
        display: flex;
        width: 49%;
        background: linear-gradient(90deg, #1f1f1f 0%, #2c2c2c 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        padding: 0.5rem;
        align-items: center;
        justify-content: start;
        margin-bottom: 12px;
    }

    .details-text-wrap {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 600;
        color: #fff;
    }

    .details-img-wrap {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
    }

    .details-img-wrap div {
        width: 26px;
    }

    .details-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* ====================
             pop-up
    =====================*/
    #settlement_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 1rem 1rem;
    }

    .set-pop-text-wrap h4 {
        font-size: 1rem;
        text-align: center;
        font-weight: 600;
        /* font-family: Evogria; */
    }

    .set-pop-text-wrap span {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 0.85rem;
        /* color: #03b515; */
        margin-bottom: 1rem;
    }

    .set-pop-amt-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1rem;
    }

    .set-pop-text-wrap div h4 {
        font-size: 1rem;
    }

    .set-pop-text-wrap div h3 {
        font-size: 1rem;
        color: #f9bb22;
    }

    .set-pop-inner-wrap {
        background: #333333;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 1rem;
        margin-top: 2rem;
        text-align: center;
    }

    .set-pop-inner-wrap p {
        color: #f9bb22;
        margin-bottom: 0;
        font-size: 0.85rem;
    }

    .set-pop-inner-wrap span {
        font-size: 0.75rem;
    }

    .set-pop-close-btn span {
        margin: auto;
    }

    .set-pop-img-wrap {
        position: relative;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .set-pop-img-wrap div:first-child {
        background: linear-gradient(
            113deg,
            rgba(41, 41, 41, 0.6) 11.58%,
            rgba(49, 49, 49, 0.6) 96.03%
        );
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 80px;
        width: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .set-pop-img-wrap div:last-child {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 67px;
        width: 67px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .set-pop-close-btn {
        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;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    label {
        margin-left: 20px;
    }
    .aj-set-datapicker {
        width: 70px;
        position: relative;
        padding: 0 !important;
        margin: 0 0 0 auto;
        /* margin: 0 20px 20px 20px; */
    }
    .aj-set-datapicker > span:hover {
        cursor: pointer;
    }

    .aj-set-datapicker input {
        font-size: 0.8rem;
        font-weight: 600;
        padding: 0;
        background-color: transparent !important;
        border: none;
        color: #fff;
    }
    .aj-set-datapicker input:focus {
        box-shadow: none;
    }

    span.input-group-addon.aj-set-datapicker-icon {
        color: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -52px;
        margin: 0;
    }
    span.set-pop-date {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .set-pop-star-one {
        position: absolute;
        width: 3px;
        top: -50px;
        left: 105px;
    }
    .set-pop-star-two {
        position: absolute;
        width: 4px;
        top: 0;
        left: 130px;
    }

    .set-pop-star-three {
        position: absolute;
        width: 5px;
        top: 20px;
        left: 146px;
    }

    .set-pop-star-four {
        position: absolute;
        width: 5px;
        right: 130px;
        top: -30px;
    }

    .set-pop-star-five {
        position: absolute;
        width: 6px;
        top: 0;
        right: 144px;
    }
    .set-pop-star-six {
        position: absolute;
        width: 6px;
        top: 20px;
        right: 105px;
    }
    .set-pop-star-seven {
        position: absolute;
        width: 5px;
        top: 40px;
        right: 78px;
    }
    .set-pop-star-eight {
        position: absolute;
        width: 7px;
        top: 8px;
        right: 50px;
    }
    .sucess-c {
        color: #03b515;
    }
    .error-c {
        color: #fb1818;
    }

    span.set-pop-date.wt-pop-date {
        justify-content: space-between;
        align-items: center;
    }
    /* withdraw popup */
    #withdraw_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 1rem 1rem;
    }

    #player_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #sub_affiliate_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #topplayer_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #allplayer_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #player_report_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }
    .date-one-wrap p {
        font-weight: 600;
    }

    .wt-pop-data {
        display: flex;
        align-items: center;
    }
    .wt-pop-data span {
        display: inline-block;
    }
    .wt-pop-data {
        display: flex;
    }

    .wt-pop-data span:first-child {
        text-align: end;
    }

    .wt-pop-data span:last-child {
        text-align: left;
        margin-left: 12px;
    }

    span.set-pop-date-number {
        display: inline !important;
        width: auto;
        margin-bottom: 0;
    }

    /* player report */
    .ppp-date-wrap {
        display: flex;
        justify-content: flex-end;
        margin-top: 2rem;
        flex-direction: column;
    }

    .ppp-date-inner-wrap {
        width: 160px;
        text-align: center;
    }

    .ppp-content-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 50%;
        padding: content: '\f26e';px 0;
    }

    .ppp-c-img {
        position: relative;
        width: 40px;
        height: 40px;
        margin-right: 7px;
    }

    .ppp-c-img-bg-one {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ppp-c-img-bg {
        position: absolute;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(113deg, #ffffff 11.58%, #ffcf7b 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .ppp-c-text-wrap span {
        margin-bottom: 0;
    }

    .ppp-content-wrapper {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #313131;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 5px;
    }

    .ppp-c-text-wrap span:last-child {
        font-size: 0.9rem;
        text-align: left;
        font-weight: 700;
    }

    .ppp-c-text-wrap span:first-child {
        font-size: 0.62rem;
    }
    .ppp-c-img-icon {
        width: 22px;
    }

    /* =========================
        Slider
    ============================*/
    .slider-wrapper {
        width: 500px;
        height: 100vh;
        background-color: #262626;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: -595px;
        transition: all 0.5s;
    }

    .slider-wrapper.open {
        left: 0;
    }

    .slider-upper-wrap {
        /* background-color: yellow; */
        width: 100%;
        padding: 2rem 1rem;
        background: linear-gradient(77.46deg, #2c2c2c 0.94%, #444444 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        display: flex;
        align-items: center;
    }
    .slider-profile-wrap {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .slider-profile-img {
        width: 85px;
        margin-right: 10px;
        border-radius: 50%;
        background-color: #474747;
    }
    .slider-profile-data {
        width: 100%;
        /* height: 100%; */
    }

    .slider-profile-data p:nth-child(1) {
        font-size: 1.3rem;
        font-weight: 600;
        text-transform: uppercase;
    }
    .slider-profile-data p:nth-child(2) {
        font-size: 1.1rem;
    }
    .slider-profile-data p:nth-child(3) {
        font-size: 1.1rem;
        color: #f9bb22;
    }
    .slider-close-wrap {
        cursor: pointer;
        position: absolute;
        width: 95px;
        /* background-color: red; */
        display: flex;
        justify-content: center;
        align-items: center;
        right: -95px;
        height: 95px;
        background: linear-gradient(
            90deg
            , #cdb24b 0%, #f4a100 70.31%, #956204 100% );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }
    .slider-close-img {
        width: 50px;
    }
    .slider-inner-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .slider-item {
        width: 100%;
        display: flex;
        padding: 25px;
        align-items: center;
        border-bottom: 0.5px solid #343434;
    }

    .slider-item-img {
        width: 25px;
        margin-right: 2rem;
        margin-left: 12px;
    }

    .slider-item-text {
        color: #fff;
        font-weight: 600;
        font-size: 1.3rem;
    }

    /* ============================
          Wallet - Page
  =============================== */

    .pd-1-5 {
        padding: 1.5rem;
    }
    section.wlt-head-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wlt-head-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
    }
    .wlt-head-img img{
        max-width: 33px;
    }
    .wlt-head-home-img {
        /* max-width: 33px; */
    }
    h4.wlt-head-text {
        font-size: 0.9rem;
        /* font-weight: 600; */
        text-transform: capitalize;
        margin-bottom: 0;
    }
    .wlt-bal-wrap {
        padding: 10px;
        background: linear-gradient(180deg, #2e2e2e 0%, #413a2b 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
    }

    .wlt-bal-content {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
        display: flex;
        padding: 1rem;
    }
    .wlt-bal-content {
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
        display: flex;
        padding: 2rem 2rem;
        align-items: center;
        justify-content: space-around;
    }
    .wlt-bal-img-wrap {
        position: relative;
    }
    .wlt-bal-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 120px;
        width: 120px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-bal-img-two {
        position: absolute;
        height: 71px;
        width: 71px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(113deg, #ffffff 11.58%, #31bccf 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .wlt-bal-text-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .wlt-bal-text-wrap p {
        font-size: 0.9rem;
        font-weight: 600;
    }
    .wlt-bal-text-wrap h2 {
        font-weight: 400;
        font-family: impact;
    }
    .wlt-tab-one {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 80px;
        width: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-tab {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .wlt-tab-two {
        height: 65px;
        width: 65px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(
            135.25deg,
            rgba(83, 83, 83, 0) 8.59%,
            #282828 94.56%
        );
        border: 0.2px solid #545454;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        border-radius: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wlt-tab-img {
        width: 46px;
    }
    .wlt-tabs-wrap {
        margin-top: 2rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    span.wlt-tab-text {
        font-size: 0.6rem;
        position: absolute;
        font-weight: 600;
        bottom: -30px;
        color: #fff;
    }
    section.pd-12.wlt-tran-wrapper {
        margin-top: 4rem;
    }
    .wlt-m-trans-upper-wrap {
        padding: 1rem;
        /* padding-left: 5em; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 0.85rem;
        font-weight: 600;
        width: 100%;
        text-align: center;
    }
    .wlt-m-trans-lower-wrap {
        padding: 10px;
        border-radius: 0 0 12px 12px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }

    .wlt-m-trans-lower-wrap {
        padding: 10px;
        border-radius: 0 0 12px 12px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }

    .wlt-mtl-img {
        width: 20px;
        margin-right: 5px;
    }

    .wlt-mtl-date {
        font-size: 0.7rem;
        font-weight: 500;
        color: #fff;
    }

    .wlt-mtl-text {
        font-size: 0.9rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .wlt-mtl-text-one {
        font-size: 0.8rem;
        width: 74px;
        text-align: center;
        /* text-align: center; */
    }

    .wlt-mtl-text-two {
        font-size: 0.6rem;
    }
    .wlt-mtl-number {
        min-width: 90px;
        text-align: right;
        color: #f9bb22;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .wlt-mtl-text-two {
        width: 65px;
        text-align: center;
    }

    .wlt-mtl-wrap {
        display: flex;
        align-items: center;
    }
    .wlt-m-t-l-tabs {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .wlt-m-t-l-wrap {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 10px;
    }
    .wlt-mtl-dots {
        width: 20px;
        margin: 0 auto;
    }

    .wlt-tran-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .wlt-tran-text {
        font-size: 1rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .wlt-tran-date-wrap {
        background: #212121;
        border-radius: 7px;
        padding: 3px 10px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 0.65rem;
        padding: 2px;
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }
    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        color: #fff;
    }
    .daterangepicker .drp-selected {
        color: #f9bb22;
    }
    .daterangepicker.show-calendar .drp-buttons {
        display: flex !important;
    }
    .daterangepicker {
        /* background-color: #2b2b2b;   */
    }

    /* =======================
          Help Page
  ========================*/
    .hp-head-wrapper span {
        text-align: center;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .hp-main-img-wrap {
        position: relative;
        width: 70px;
    }
    .hp-main-img-one {
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.3);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .hp-main-img-two {
        position: absolute;
        height: 59px;
        width: 59px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg,
            rgba(255, 255, 255, 0.54) 11.58%,
            #ffffff 96.03%
        );
    }
    .hp-main-img {
        width: 36px;
    }
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;

        border-radius: 12px;
        width: 100%;
        height: 120px;
        align-items: center;
        margin-bottom: 12px;
    }
    .hp-main-name-wrap span {
        font-size: 0.9rem;
        font-weight: 600;
    }
    .hp-main-content-wrap {
        border-radius: 5px;
        padding: 6px 10px;
    }
    .hp-main-content-wrap span {
        font-size: 0.85rem;
        font-weight: 600;
        color: #fff;
    }

    .hp-cont {
        width: 49%;
        height: 150px;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px;
    }
    .hp-cont-img-wrap {
        position: relative;
        width: 40px;
        height: 40px;
    }
    .hp-cont-img {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        align-items: center;
    }
    .hp-cont-wrap {
        display: flex;
        justify-content: space-between;
    }
    .hp-cont-name span {
        font-size: 0.85rem;
        font-weight: 600;
    }
    .hp-cont-numb span {
        font-size: 0.9rem;
    }

    /* ====================
      Links Page
  ====================== */
    .lk-cp-wrap {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 74px;
        display: flex;
        justify-content: center;
        position: relative;
        align-items: center;
        width: 100%;
    }
    .lk-cp {
        width: 550px;
        text-align: center;
    }
    .lk-cp p {
        color: #f9bb22;
        font-size: 0.9rem;
    }
    .lk-cp-img-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 32px;
    }
    .lk-sh-wrap {
        text-align: center;
    }
    .lk-sh-wrap span {
        font-size: 0.85rem;
        display: block;
        line-height: 1.4;
    }
    .lk-share-tab {
        position: relative;
    }

    .lk-share-bg {
        position: absolute;
        height: 55px;
        width: 55px;

        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }

    .lk-share-img {
        width: 35px;
    }
    .lk-share-tab {
        position: relative;
        width: 55px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -45px;
        font-size: 0.65rem;
        text-align: center;
        width: 100%;
    }
    .lk-share-wrap {
        display: flex;
        justify-content: space-around;
    }
    section.lk-share-wrapper.pd-12 {
        margin-top: 1.5rem;
    }

    .lk-bg-one {
        background: linear-gradient(
            146.03deg,
            rgba(253, 89, 20, 0.1) 0%,
            rgba(202, 48, 209, 0.1) 100%
        );
        position: absolute;
        height: 240px;
        width: 240px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-two {
        background: linear-gradient(
            146.03deg,
            rgba(253, 89, 20, 0.1) 0%,
            rgba(202, 48, 209, 0.1) 100%
        );
        position: absolute;
        height: 210px;
        width: 210px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-three {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        position: absolute;
        height: 182px;
        width: 182px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lk-bg-wrap {
        position: relative;
    }
    .lk-bg-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }
    .lk-bg-wrap {
        position: relative;
        width: 250px;
        height: 250px;
        margin: 3rem auto;
    }
    .success-c {
        color: #03b515;
    }
    .set-pop-date-icon {
        margin-right: 10px;
    }

    /* ====================================
            Login?Signup
  =====================================*/
    .lg-top-bg {
        height: 300px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    /*  */
    /*Don't forget to add Font Awesome CSS : "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"*/
    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        width: 100%;
        border: none;
        border-radius: 8px;
        /* margin: 8px 0; */
        outline: none;
        padding: 18px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 0.85rem;
        color: #fff;
    }

    .lg-input::placeholder {
        color: #fff !important;
    }

    .lg-input:focus {
        border-color: #f0a22e;
        box-shadow: 0 0 8px 0 #f0a22e;
    }

    .inputWithIcon .lg-input {
        padding-left: 40px;
        margin-bottom: 10px;
    }

    .inputWithIcon {
        position: relative;
    }

    .inputWithIcon i {
        position: absolute;
        left: 0;
        top: 12px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
    }

    .lg-inputWithIcon .lg-input:focus + i {
        color: #fff;
    }

    .lg-inputWithIcon.inputIconBg i {
        background-color: #aaa;
        color: #fff;
        padding: 9px 4px;
        border-radius: 4px 0 0 4px;
    }

    .lg-inputWithIcon.inputIconBg input[type="text"]:focus + i {
        color: #fff;
        background-color: #f0a22e;
    }

    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 25px;
        color: #f9bb22;
    }
    .lg-content-inner-wrap {
        padding: 0 2rem;
    }
    .lg-btn {
        width: 100%;
        border: none;
        padding: 0.9rem;
        font-weight: 400;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
    }

    .lg-lower-wrap a {
        color: #fff;
        font-size: 0.7rem;
        display: block;
        text-align: center;
        margin-top: 1rem;
        padding-bottom: 10px;
    }

    .lg-lower-wrap span {
        display: block;
        text-align: center;
        font-size: 0.7rem;
    }
    .lg-lower-wrap span a {
        display: inline;
        text-align: center;
        font-size: 0.7rem;
        margin: 0;
        color: #f9bb22;
    }

    .lg-lower-wrap {
        margin-top: 30px;
        /* padding-bottom: 1rem; */
    }

    /* =======================
    Dashboard footer
  =======================*/
    .d-footer-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .d-footer-item-img {
        width: 21px;
    }
    .d-footer-item-text {
        font-size: 0.7rem;
        color: #fff;
        margin-top: 0.1rem;
    }
    .d-footer-wrap {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    section.d-footer-wrapper {
        background: linear-gradient(
            180deg,
            #292929 0%,
            rgba(17, 17, 17, 1) 100%
        );
    }
    .details-wrap a {
        display: contents;
    }

    .pending-c {
        color: #f9bb22;
    }
    .set-pd-1r {
        padding: 2rem;
    }
    /* =======================
      Bank Details
  ======================== */
    .bd-heading-wrap h2 {
        font-family: "Evogria";
        font-size: 0.9rem;
        color: #f9bb22;
    }
    .bd-card {
        border-radius: 12px;
        margin-bottom: 1rem;
    }
    .bd-card:nth-child(odd) {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(211, 55, 179, 0.4);
    }

    .bd-card:nth-child(even) {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
    }

    .bd-card-header {
        padding: 1rem;
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
        position: relative;
    }
    .bd-card-header h2 {
        font-size: 1rem;
        font-weight: 600;
        padding-left: 1rem;
        margin-bottom: 0;
        color: #fff;
    }
    .bd-card-body {
        padding: 2rem;
        position: relative;
    }
    .bd-card-body-img {
        position: absolute;
        width: 85px;
        right: 25px;
        top: 15px;
    }
    .bd-card-body-content p {
        margin-bottom: 0;
        color: #fff;
        font-size: 0.8rem;
    }
    .bd-card-wrapper {
        display: flex;
        flex-direction: column;
        overflow: auto;
        /* padding-top: 3rem; */
        margin-bottom: 10rem;
    }
    .no-bd-wrapper {
        width: 100%;
        position: relative;
        height: 150px;
    }
    .no-bd-img-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .no-bd-img {
        width: 100px;
        /* margin-bottom: 1rem; */
    }
    .no-bd-img-wrap p {
        font-size: 0.9rem;
    }


    .bd-heading-wrap {
        margin-bottom: 1rem;
    }

    /* ========================
        Withdraw
  =========================*/

    .wd1-card {
        border-radius: 12px;
        padding: 1rem;
        position: relative;
        margin-bottom: 1rem;
    }
    .wd1-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .wd1-img-wrap {
        position: relative;
        width: 70px;
        display: flex;
        height: 70px;
    }
    .wd1-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd1-img-two {
        position: absolute;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;

        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd1-text-wrap h3 {
        font-size: 1rem;
        font-weight: 600;
        margin-left: 10px;
        color: #fff;
        margin-bottom: 0;
    }
    p.wd1-text {
        font-size: 0.85rem;
    }
    .wd1-bg-img {
        width: 60px;
        position: absolute;
        bottom: 22px;
        right: 20px;
    }

    .wd1-card:nth-child(odd) {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }
    .wd1-card:nth-child(even) {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
    }
    .wd2-tick-img-wrap {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .wd2-tick-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd2-tick-img-two {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    section.wd2-fixed-btn-wrap {
        position: fixed;
        bottom: 0;
        background-color: #000;
        width: 100%;
    }
    a.more_btn.mlr-0.lg-btn.wd2-btn {
        border: 2px solid #f9bb22;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        color: #f9bb22;
        background: none;
    }
    .wd2-card {
        margin-bottom: 3rem;
    }
    /* WD3*/
    .wd3-img-wrap {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .wd3-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd3-img-two {
        position: absolute;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd3-card {
        padding: 2rem 1rem;
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-radius: 12px;
        position: relative;
    }
    .wd3-card-body {
        display: flex;
        align-items: center;
    }
    .wd3-content-wrap h3 {
        font-size: 1rem;
        font-weight: 600;
    }
    .wd3-content-wrap p {
        font-size: 0.8rem;
        margin-bottom: 0;
    }
    .wd3-bank-img {
        position: absolute;
        width: 60px;
        right: 40px;
        bottom: 50px;
    }

    .wd3-form-wrapper {
        margin: 1rem 0;
    }
    .wd3-amt-wrapper {
        margin: 1rem;
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 35%;
    }
    .wd3-amt-heading {
        font-size: 0.85rem;
        /* margin-bottom: 1rem; */
    }
    .wd3-amt {
        margin-top: 1rem;
        font-size: 2rem;
        font-weight: 600;
        color: #f9bb22;
        /* font-family: "Poppins", sans-serif; */
    }
    .wd3-btn-wrapper {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    /* wd3 popup */
    .dark-bg {
        background-color: #000;
    }
    .wd3-top-bg {
        height: 250px;
        position: relative;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
    }
    .wd3-top-content {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    .wd3-top-content p {
        font-size: 0.75rem;
    }

    .wd3-top-content h2 {
        font-family: "Evogria";
    }
    .wd3-main-content {
        background-color: #232323;
        border-radius: 12px;
        margin: 0 1rem 1rem;
    }
    .wd3-content-one {
        padding: 1rem;
        text-align: center;
        border-bottom: 1px solid #333;
    }
    .wd3-content-one p {
        font-size: 0.85rem;
    }
    .wd3-content-one span {
        /* font-family: "Poppins", sans-serif; */
        color: #f9bb22;
        font-weight: 600;
        font-size: 1.3rem;
    }
    .wd3-content-two {
        padding: 1rem;
        text-align: center;
    }
    .wd3-content-two span {
        font-size: 0.8rem;
        display: block;
    }

    .aj-more_btn {
        background-image: url(assets/IMG/sign-bg-new.gif);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        background-color: #000;
        /* height: 100%; */
        border: none;
        text-align: center;
        font-weight: 600;
        color: #fff;
    }
    /* Profile PAge */
    .pr-p-card-top {
        background: linear-gradient(144.19deg, #fd5914 2.77%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        /* border-radius: 12px; */
        padding: 1rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .pr-p-t-wrap {
        position: relative;
        height: 85px;
        width: 85px;
    }
    .pr-p-t-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 85px;
        width: 85px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-p-t-two {
        position: absolute;
        height: 71px;
        width: 71px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        background-color: #fff;
    }
    .pr-p-t-text {
        margin-top: 10px;
        font-weight: 600;
    }
    .pr-p-card-top {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .pr-p-card-down {
        background: #ffd1f6;
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        display: flex;
        position: relative;
    }
    .pr-p-d {
        width: 50%;
        padding: 1rem;
        text-align: center;
    }

    .pr-p-d i,
    .pr-p-d p {
        /* font-weight: 600; */
        color: #dd3f8e;
        /* font-size: 0.85rem; */
    }
    .pr-p-d p {
        font-weight: 400;
        /* color: #dd3f8e; */
        font-size: 0.85rem;
    }
    .pr-p-bg-1 {
        position: absolute;
        bottom: -32px;
        left: 0;
    }
    .pr-p-bg-2 {
        position: absolute;
        top: 0;
        left: 50px;
    }
    .pr-p-bg-3 {
        position: absolute;
        right: 0;
        top: 0;
    }
    .pr-p-d:first-child {
        border-right: 0.5px solid #ca94bf;
    }
    .pr-pp-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-pp-img-two {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .pr-pp-img-wrap {
        position: relative;
        height: 50px;
        width: 50px;
    }

    .pr-pp-card-body {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pr-pp-main-img-wrap {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .pr-pp-img-text {
        margin-left: 10px;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .pr-pp-card-main {
        /* padding: 1rem; */
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
        border-radius: 12px;
    }

    .pr-pp-card {
        padding: 1rem;
    }

    .pr-pp-card:first-child {
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.4);
    }

    .pr-tab-wrap {
        padding: 10px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .pr-tab {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        padding: 1rem;
        margin-bottom: 10px;
    }
    .pr-tab-img {
        width: 21px;
    }
    .pr-tab-text {
        margin-left: 1rem;
        font-size: 0.85rem;
        color: #fff;
    }
    .pr-tab-wrap {
        margin-bottom: 10px;
    }
    .aj-rel {
        position: relative;
    }
    .aj-d-footer-h-img-wrap {
        height: 30px;
    }
    .aj-d-footer-h-img {
        position: absolute;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -25px;
        left: -10px;
        background: linear-gradient(
            180deg,
            #212121 0%,
            rgba(17, 17, 17, 0) 100%
        );
        border: 2px solid #f9bb22;
        box-sizing: border-box;
    }
    .aj-d-footer-h-img img {
        width: 50%;
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 12px;
        z-index: 999;
    }
    /*  */
    .aj-sgn-btn {
        background-color: transparent;
    }
    .lg-main-wrapper-bg {
        background-size: contain;
        height: 100%;
    }

    .aj-page .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #f9bb22;
        background-color: #262626;
        font-size: 0.9rem;
        border: 1px solid #000;
    }

    .aj-page .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #f9bb22;
        border-color: #f9bb22;
        border-radius: 5px;
    }
    .aj-page {
        justify-content: center;
    }
    .tp-wel-main-wrap {
        height: 100px;
    }
    .tp-search .seachbar input {
        padding: 15px 15px;
    }

    .pr-pp-text-wrap {
        font-size: 0.85rem;
    }

    .pr-pp-img {
        width: 25px;
    }

    .mpp-card {
        background-color: #292929;
        padding: 20px 12px;
        border-radius: 8px;
    }
    .mpp-card-head {
        display: flex;
        background: #333333;
        border-radius: 8px;
        padding: 0.5rem;
        margin-bottom: 0.5rem;
        justify-content: center;
        align-items: baseline;
    }
    .mpp-main-wrapper .mpp-head-img {
        background-color: transparent;
        /* background-color: #292929; */
        /* padding: .2rem; */
        border-radius: 50%;
        /* height: 30px; */
        width: 34px;
        line-height: 30px;
        display: block;
        justify-content: center;
    }
    .mpp-head-text {
        margin-left: 0.5rem;
        font-weight: 600;
        font-size: 0.9rem;
    }
    .mpp-card-body p {
        font-size: 0.8rem;
    }

    #mpp_popup .modal-content {
        border: none;
        border-radius: 8px;
    }

    .mpp-main-wrapper {
        border-radius: 8px;
        background-color: #1b1b1b;
    }

    .mpp-main-content {
        padding: 12px;
    }

    .mpp-main-content h3 {
        font-size: 0.9rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .mpp-main-content p {
        font-size: 0.8rem;
    }

    #mpp_popup {
        z-index: 9999999999;
    }

    .mpp-t-one {
        top: -100px;
        position: absolute;
        width: 55px;
        height: 100px;

        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 2rem;
        left: 120px;
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }

    .mpp-t-main-wrapper span {
        font-size: 0.7rem;
        font-weight: 600;
        text-align: center;
        width: 100%;
        display: block;
    }

    .mpp-t-main-wrapper p {
        font-size: 0.9rem;
        font-weight: 600;
        padding-top: 10px;
        text-align: center;
        font-family: Evogria;
    }

    .mpp-t-img {
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .mpp-t-main-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .mpp-t-two {
        top: -80px;
        position: absolute;
        width: 50px;
        height: 80px;

        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 1.6rem;
        left: 190px;

        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
    }
    .wd2-inpt {
        appearance: none;

        width: 30px;
        height: 30px;
        content: none;
        outline: none;
        margin: 0;
        background-color: transparent;
    }

    .wd2-inpt:checked {
        appearance: none;
        outline: none;
        padding: 0;
        content: none;
        border: none;
    }
    .wd2-inpt:checked::before {
        position: absolute;
        color: #ed4c52 !important;
        content: url(../IMG/withdraw/tick.svg);
        top: 10px;
        left: 10px;
    }

    .wd3-img {
        width: 18px;
    }

    .login-main-wrapper {
        height: 100vh;
    }

    .alert {
        /* margin-left: 10px; */
        /* margin-right: 10px; */
        background-color: #f9bb33;
        border-color: #f9bb33;
        position: absolute;
        top: 20px;
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
        font-size: 13px;
    }
    .dashboard-wrapper {
        /* margin-bottom: 4rem; */
    }

    .pr-p-d p a {
        color: #dd3f8e;
    }

    .othr-page-nav {
        /* width: 10px; */
        position: absolute;
        top: 10px;
        left: 20px;
    }

    .pr-p-edit-img {
        position: absolute;
        right: 20px;
        top: 15px;
    }
    .aj-mb-4 {
        margin-bottom: 4rem;
    }

    /* .inputWithIcon img {
        position: absolute;
        left: 10px;
        top: 16px;

        width: 15px;
        transition: 0.3s;
    } */

    .aj-ser1 {
        display: flex;
        align-items: center;
    }
    .aj-ser1-two {
        margin-left: 10px;
        font-size: 0.8rem;
    }
    .wlt-head-home-img {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .sb-view-head-warp {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    span.sb-view-fil {
        display: block;
        width: 26px;
    }
    .hp-cont-img div {
        width: 19px;
    }
    .lk-sh-img {
        width: 35px;
        margin: 1.5rem auto;
    }
    .slider-list {
        height: calc(100vh - 123px);
        overflow-x: auto;
    }

    .ticket_one span {
        font-size: 0.65rem;
    }
    div#chatMessages {
        margin-bottom: 3rem;
    }
    .no-pre-msg {
        text-align: center;
    }
    /* img.aj-mail-img {
        top: 23px;
        width: 17px;
    } */

    .sb-suc-close {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .aj-t-msg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #e5a12c;
        border-radius: 10px;
        padding: 0.8rem;
        font-size: 0.8rem;
        text-transform: uppercase;
        font-weight: 600;
        z-index: 99999;
    }

    .aj-pt-2 {
        padding-top: 2rem;
    }
    .bd-card.wd2-card:last-child {
        margin-bottom: 11rem;
    }
    .h-graph-head {
        font-size: 1rem;
        font-family: "Evogria";
    }
    .saf-new-wrapper {
        background-color: #292929;
        padding: 4rem 0.8rem 0.8rem;
        position: relative;
        margin: 0 12px;
        border-radius: 8px;
    }
    .sbf-mtl-img {
        width: 40px;
    }
    .sbf-mtl-text-one {
        width: 12px;
    }
    .sbf-m-trans-upper-wrap {
        padding-left: 1rem;
        justify-content: space-around;
    }
    .sbf-mtl-text {
        align-items: flex-start;
    }
    .sbf-mtl-text-two {
        text-align: left;
    }
    .sbf-m-t-l-tabs {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 10px;
        margin-bottom: 10px;
    }
    .sb-aff-new-wrapper {
        padding-top: 5rem;
        margin-bottom: 8rem;
    }
    .ppp-c-text-wrap {
        display: flex;
        flex-direction: column;
    }
    .sbf-sec-head h3 {
        font-size: 0.9rem;
        text-transform: uppercase;
        font-family: "Evogria";
    }
    .sbf-head-text-wrap {
        margin-bottom: 1rem;
    }
    .sbf-mtl-number {
        min-width: unset;
        color: #fff;
        font-weight: 400;
        font-size: 0.7rem;
    }

    .aj-width-100 {
        width: 100%;
    }
    .sbf-star-wrap {
        position: absolute;
        position: absolute;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 200px;
    }
    .wd3-new-text span {
        font-size: 0.7rem;
        display: block;
        margin-bottom: 5px;
    }
    span.wd3-tic-no {
        display: block;
        font-size: 0.65rem;
        font-weight: 300;
        color: #fff;
    }
    input:focus {
        outline: none;
    }
    .reg-main-wrapper {
        height: 100%;
    }
    .head-bell {
        width: 26px;
        margin-right: 23px;
    }
    .aj_value_section {
        padding: 10px 0rem;
    }
    .aj-wlt-tran-wrap {
        flex-direction: column;
    }
    .aj-wlt-tran-inner-wrap {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 12px;
        align-items: center;
    }
    .earning_inner_section {
        width: 100%;
    }
    .aj-fx {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .slab_label_section p {
        font-size: 0.8rem;
    }
    /* onboard */
    #onbd-slider {
        position: relative;
    }
    .onbd-img-wrap {
        width: 100%;
    }

    .onbd-img {
        width: 291px;
        margin-bottom: 4rem;
        margin-left: auto;
    }

    .onbd-text h3 {
        font-size: 1.2rem;
        font-weight: 600;
    }

    .onbd-text p {
        color: #fff;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        width: 75%;
    }
    .nav-btn.onbd-prev-slide {
        display: none;
    }

    .nav-btn.onbd-next-slide {
        border: 1px solid #f9bb22;
        padding: 0.5rem 1.3rem;
        font-size: 0.8rem;
        font-weight: 500;
        border-radius: 12px;
        color: #f9bb22;
    }

    #onbd-slider .owl-dots {
        display: inline-block;
        padding-left: 1.5rem;
    }

    #onbd-slider .owl-nav {
        position: absolute;
        bottom: -65px;
        left: 5px;
    }
    #onbd-slider .owl-dots .owl-dot span {
        background: #60522f;
        width: 8px;
        height: 8px;
        margin: 5px 3px;
    }

    .onbd-text {
        padding-left: 1.5rem;
    }

    #onbd-slider .owl-dots .owl-dot.active span,
    #onbd-slider .owl-dots .owl-dot:hover span {
        background: #f9bb22;
    }

    .nav-btn.onbd-next-slide:focus {
        outline: none;
    }
    a.onbd-skip {
        color: #aaa;
        font-size: 0.9rem;
    }
    a:focus {
        outline: none;
    }

    a:hover {
        text-decoration: none;
    }
    #onbd-slider.owl-nav [class*="owl-"]:hover {
        background: transparent !important;
    }

    .ds-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .ds-head h3 {
        font-size: 0.85rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .ds-fl-tabs {
        display: flex;
    }
    .ds-tab:last-child {
        margin-left: 5px;
    }
    #ds-slider .owl-dots .owl-dot span {
        background: #60522f;
        width: 8px;
        height: 8px;
        margin: 5px 3px;
    }

    .onbd-text {
        padding-left: 1.5rem;
    }

    #ds-slider .owl-dots .owl-dot.active span,
    #ds-slider .owl-dots .owl-dot:hover span {
        background: #f9bb22;
    }

    .gtab {
        display: none;
    }
    .gtab.active {
        display: block;
    }
    .ajhide {
        display: none;
    }
    .ajactive {
        display: block;
    }
    .aj-d-footer-h-home {
        width: 38px;
    }
    .head-user-text span:last-child,
    .slider-profile-data p:nth-child(3) {
        font-weight: 400;
        font-family: russoone;
    }
    .aj-new-cal-icon {
        width: 12px;
    }
    .wlt-tran-date {
        display: flex;
        align-items: baseline;
    }
    input.wlt-date {
        margin-left: 3px;
    }

    .dsr-head {
        /* background-color: 262626; */
        display: flex;
        justify-content: space-around;
        background: #262626;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 4px 4px 0px 4px;
        /* padding: 6px 3px; */
    }
    .dsr-head-item {
        font-size: 0.7rem;
        width: 100%;
        text-align: center;
        height: 100%;
        padding: 10px 2px;
    }
    .dsr-body {
        background: #1f1f1f;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 15px 8px;
        border-radius: inherit;
    }

    .dsr-earn {
        margin: 0;
        background: linear-gradient(91.38deg, #222222 0.55%, #141414 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; */
    }
    .drs-btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        background: linear-gradient(91.38deg, #222222 0.55%, #121212 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;
        margin-top: 1.5rem;
    }
    .dsr-btn-img {
        width: 34px;
    }
    .dsr-btn-text {
        font-size: 1.3rem;
        font-weight: 600;
        color: #fff;
        margin-left: 5px;
        text-transform: capitalize;
    }
    .dsr-head-item-mid {
        border-right: 1px solid #333333;
        border-left: 1px solid #333333;
    }
    .dsr-active {
        background-color: #f9bb22;
        /* border-radius: inherit; */
    }
    .prm-one {
        padding: 8px;
        background: linear-gradient(180deg, #1a1a1a 0%, #202020 100%);
        box-shadow: inset 0px 0px 24px rgb(147 147 147 / 5%);
        border-radius: 12px;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100px;
        background-position: center;
        margin-bottom: 1rem;
    }
    .prm-one.prm-two {
        height: 150px;
        background-size: contain;
    }
    #prm-slider .owl-stage {
        padding-left: 0px !important;
    }
    .pd-popup-wrap .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    .set-pop-text-wrap p {
        font-size: 0.9rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .all-ply-content-head {
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .all-ply-content-head-item {
        padding: 15px 10px;
        text-align: center;

        border-radius: inherit;
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase;
    }
    .all-ply-content-body {
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        padding: 2px;
    }
    .all-ply-body-item {
        margin-top: 10px;
        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;
    }
    .apb-one {
        display: flex;
        width: 100%;
        /* padding: 10px; */
        align-items: center;
    }
    .apb-one-img {
        width: 34px;
    }
    .apb-one-text {
        font-size: 20px;
        margin-left: 5px;
    }
    .apb-two {
        width: 50%;
        text-align: center;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .apb-three {
        display: flex;
        margin-right: 10px;
        font-size: 20px;
        width: 100%;
        align-items: center;
        justify-content: flex-end;
    }

    .apb-three-numb {
        font-size: 20px;
        min-width: 58px;
        text-align: right;
        color: #f9bb22;
    }
    .apb-three-view {
        border: 1px solid #f9bb22;
        font-size: 20px;
        margin-left: 5ox;
        padding: 5px;
        border-radius: 5px;
        color: #f9bb22;
        margin-left: 8px;
        text-transform: uppercase;
    }
    .pb-pop-head {
        background: linear-gradient(90deg, #232323 0%, #232323 100%);
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius: 12px 12px 0 0;
    }
    .pb-head-item {
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        padding: 15px 10px;
        font-weight: 600;
    }
    .pb-pop-body {
        background: #212121;
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        padding: 1px;
    }
    .pb-con-item {
        /* margin-top: 10px; */
        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 10px 25px 10px;
        padding: 10px;
        align-items: center;
    }
    .pb-con.one {
        width: 100%;
        text-align: center;
        font-size: 0.9rem;
        font-weight: 600;
    }
    .pb-con.two {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pb-con-inner-img {
        width: 35px;
    }
    .pb-con-inner-text {
        font-size: 0.8rem;
    }
    .pb-con.three {
        width: 100%;
        text-align: center;
        position: relative;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: -36px;
        left: -51px;
    }
    .ds-share-img {
        position: absolute;
        bottom: 35px;
        right: 50px;
        width: 80px;
    }
    .ds-img,
    .ds-tab {
        position: relative;
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #4a4a4a;
        opacity: 0.8;
    }
    .ds-tab .overlay {
        display: none;
    }

    .ds-tab.active .overlay {
        display: block;
    }
    .aj-dsr-earn {
        background: none;
    }
    .aj-set_section1 {
        background: linear-gradient(110.67deg, #262626 4.22%, #111111 99.01%);
        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%);
        margin: 5px;
        border-radius: 8px;
    }

    .onbd-main-text-wrap {
        position: absolute;
        transform: rotate(-90deg);
        top: 110px;
        left: -90px;
    }
    .onbd-main-text-inner-wrap {
        position: relative;
    }
    .onbd-n-font {
        font-family: Nostromo;
        font-size: 3rem;
        color: #f9bb22;
    }
    .onbd-b-font {
        position: absolute;
        font-family: TheBlackheads;
        font-size: 2.3rem;
        top: 38px;
        left: 80px;
        width: 100%;
    }
    .onbd-b-font-numb {
        left: 204px;
    }
    .onbd-b-font-now {
        left: 235px;
    }
    /* .new-wd-rupee {
        top: 3px;
    } */
    .page-link {
        position: relative;
        display: block;
        padding: 5px 8px !important;
        margin-left: -1px;
        line-height: 1.25;
        color: #fff !important;
        background-color: #262626;
        font-size: 0.9rem;
        border: 1px solid #0000;
        margin: 1px;
        border-radius: 3px;
    }
    span.aj-new-pop-date {
        margin-bottom: 0;
        font-size: 0.7rem;
    }
    .new-ppp-date-wrap {
        margin-top: 2rem;
    }
    .lk-sh-img {
        display: flex;
        width: 100px;
        margin: 25px auto;
        align-items: center;
        justify-content: space-between;
        /* margin: 1.5rem auto; */
    }
    .aj-sb-aff-close {
        width: 55px;
        position: absolute;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
    }
    .aff-new-pop-main .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 2rem 0.8rem 0.8rem;
    }

    div.aff-new-pop-main {
        /* padding-top: 4rem; */
    }
    .mpp-stars-wrap {
        position: absolute;
        top: -133px;
        left: 50%;
        transform: translateX(-50%);
        width: 260px;
    }
    .jgtab {
        display: none;
    }
    .jgtab.active {
        display: table;
    }
    /* effect */
    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%;

        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-effect {
        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;
    }
    .ll-mt-4 {
        margin-top: 4rem;
    }
    .ll-mt-5 {
        margin-top: 5rem;
    }

    .aj-on-btn-wrap {
        position: absolute;
        bottom: 82px;
        left: 32px;
    }
    button.aj-on-btn {
        border: 1px solid #f9bb22;
        padding: 0.5rem 1.3rem;
        font-size: 0.8rem;
        font-weight: 500;
        border-radius: 12px;
        color: #f9bb22;
        background-color: #141414;
    }
    .aj-hide {
        display: none !important;
    }
    .aj-show {
        display: block !important;
    }
    .aj-fixed {
        position: fixed;
        top: 60px !important;
        left: 0;
        width: 100%;
    }
    .aj-alp-fixed {
        position: fixed;
        top: 10;
        left: 0;
        width: 100%;
    }
    .aj-wal-sticky-wrapper.aj-fixed {
        margin-top: 0 !important;
        background-color: #171717;
        z-index: 999;
    }
    .more_btn:focus {
        outline: none;
    }
    .aj-al-player-fixed.aj-fixed {
        background-color: #161616;
        padding: 12px;
    }
    .all-ply-content-warp {
        padding-bottom: 3rem;
    }

    section.wlt-head-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #171717;
        z-index: 999;
        height: 60px;
    }
    .wlt-tran-wrapper-height {
        height: 55px;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 115px;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    .all-ply-tab-head-fxd {
        position: fixed;
        top: 262px;
        left: 0;
        width: 100%;
    }
    .aj-mt-60 {
        margin-top: 110px;
    }
    .wlt-m-trans-wrap {
        padding-bottom: 6rem;
    }
    .aj-al-player-fixed.aj-alp-fixed {
        padding: 0 10px;
        background-color: #171717;
    }
    .all-ply-content-body {
        margin-bottom: 5rem;
    }
    p.aj-fgp-text {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        line-height: unset;
        text-align: center;
        text-align: center;
    }
    .aj-ld-more-wrap {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: center;
    }
    .aj-ld-more {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 0.8rem;
        font-weight: 600;
        background-color: #f9ab30;
        border-color: #f9ab30;
    }
    .aj-d-footer-h-home {
        position: absolute;
        top: -17px;
        left: -7px;
    }
    .ds-img {
        width: 100%;
        height: 500px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .bd-card-button-wrap.pd-12 {
        margin-bottom: 3rem;
    }
    .onbd-btn-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin-top: 3rem;
    }
    a.onbd-btn {
        border-radius: 10px;
        padding: 0.6rem 1.4rem;
        border: 1px solid #f9bb22;
        font-size: 0.8rem;
        color: #f9bb22;
    }
    .onboard-wrapper {
        height: 100vh;
    }
    button:focus {
        outline: none;
    }
    .otp-timer-wrap {
        text-align: center;
    }
    span#countdown {
        /* font-size: 0.7rem; */
        color: #f9bb33;
        letter-spacing: 0.1rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
        line-height: 25px;
    }
    /* new */
    .head-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: #171717;
    }
    /* .dashboard-wrapper {
        height: 100vh;
        position: relative;
    }
    section.home-tab-wrap {
        position: absolute;
        width: 100%;
        top: 14%;
    }
    section.wel-wrapper {
        position: absolute;
        width: 100%;
        top: 33%;
    }
    section.d-slide-wrap {
        position: absolute;
        width: 100%;
        top: 45%;
    }
    section.details-wrapper {
        position: absolute;
        top: 77%;
        width: 100%;
    } */
    .home-tab {
        padding: 2rem;
        margin-bottom: 15px;
    }
    .wel-wrap {
        padding: 3rem 1.5rem 1.5rem 1.5rem;
    }
    .wel-star-wrap {
        width: 90px;
    }
    .ds-header {
        margin-bottom: 1rem;
    }
    .ds-head h3 {
        font-size: 2rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .home-tab-text span:first-child {
        font-size: 1.4rem;
        font-weight: 600;
        text-transform: uppercase;
    }
    .ds-tab {
        width: 27px;
    }
    .dsr-head-item {
        padding: 18px 5px;
        font-size: 1.25rem;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .aj-set_section1 {
        margin: 20px 10px;
        padding: 20px 20px 30px 21px;
    }
    .aj-set_section1 img {
        max-width: 40px;
        min-height: 18px;
    }
    .aj-set_section1:last-child {
        font-size: 0.65rem;
    }
    .drs-btn-wrap {
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 25px;
    }
    .details-tab {
        padding: 1.5rem;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
    }
    .slider-profile-data p {
        padding-bottom: 3px;
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: right;
        padding-right: 15px;
    }
    .aj-all-ply-content-head {
        padding-right: 2.3rem;
    }
    .aj-na{
        color: #f9bb22;
    }
    .wallet-wrapper{
        position: relative;
    }

    #lg-see-pwd img,#rg-see-pwd img, #aj-rest-pwd img, #cs-see-pwd img{
        position: unset;
        left:unset;
        top: unset;
        width: 100%;
        transition: 0.3s;
    }
    #lg-see-pwd .slash-eye, #rg-see-pwd .slash-eye,#aj-rest-pwd .slash-eye,#cs-see-pwd .slash-eye{
        top:1px  !important;
    }
    div#lg-see-pwd,div#rg-see-pwd,div#aj-rest-pwd,div#cs-see-pwd {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    .pr-pp-new-wrap {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pr-pp-new-wrap-text {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        margin-left: 10px;
    }
    .pr-pp-img-text {
        margin-left: 10px;


        margin-right: 8px;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        margin-left: 10px;
    }
    .set-pop-text-wrap p{
        margin-bottom: 10px;
    }
    .set-pop-inner-wrap span {
        /* font-size: 0.75rem; */
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 8px;
    }

    .ds-share .modal-content{
        border: none;
    }

    .ds-share .modal-body .lk-share-wrap {
        height: 60px;
    }
    .ds-share .modal-body{
        background-color: #171717;
    }

    .ds-share .share-btn-close{
        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;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    .ds-share .share-btn-close span{
        margin: auto;
    }
    .aj-new-bd-fxd {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #171717;
    }
    .bd-card:last-child {
        margin-bottom: 8rem;
    }
    .sidebar-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: rgba(0,0,0,0.8);
        display: none;
    }

    /* jut */
    .wlt-bal-img-two {
        position: absolute;
        height: 91px;
        width: 91px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg
            , #ffffff 11.58%, #31bccf 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wlt-bal-text-wrap p {
        font-size: 2rem;
        font-weight: 600;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wlt-bal-text-wrap h2 {
        font-weight: 400;
        font-family: impact;
        display: flex;
        align-items: baseline;
        font-size: 65px;
    }
    .wlt-bal-text-wrap h2 span {
        width: 43px;
    }
    .wlt-tab {
        position: relative;
        width: 100%;
        height: 125px;
    }
    .wlt-tab-one {
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 125px;
        width: 125px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-tab-two {
        height: 100px;
        width: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(
            135.25deg
            , rgba(83, 83, 83, 0) 8.59%, #282828 94.56% );
        border: 0.2px solid #545454;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        border-radius: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wlt-tab-img {
        width: 55px;
    }
    span.wlt-tab-text {
        font-size: 1.1rem;
        position: absolute;
        font-weight: 600;
        bottom: -43px;
        color: #fff;
        width: 125px;
        text-align: center;
    }
    .wlt-tran-text {
        font-size: 2rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    section.pd-12.wlt-tran-wrapper {
        margin-top: 1rem;
    }
    .wlt-tran-date-wrap {
        background: #212121;
        border-radius: 7px;
        padding: 8px 12px;
        /* color: #fff; */
    }
    input.wlt-date {
        margin-left: 10px;
    }
    input.wlt-date {
        width: 190px;
        font-size: 1rem;
        padding: 2px;
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }
    .wlt-m-trans-upper-wrap {
        padding: 2rem;
        /* padding-left: 5em; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(
            90deg
            , #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: center;
        padding-right: 15px;
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 1.4rem;
        font-weight: 600;
        width: 100%;
        text-align: center;
    }
    .wlt-m-t-l-wrap {
        background: linear-gradient(
            90deg
            , #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 25px;
        margin-bottom: 10px;
    }
    .wlt-mtl-text-one {
        font-size: 1.2rem;
        width: 130px;
        text-align: center;
        /* text-align: center; */
    }
    .wlt-mtl-text-two {
        width: 130px;
        text-align: center;
    }
    .wlt-mtl-img {
        width: 35px;
        margin-right: 15px;
    }
    .wlt-mtl-date {
        font-size: 1rem;
        font-weight: 500;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wlt-mtl-dots-new {
        width: 30px;
        margin-top: 8px;
    }
    .wlt-mtl-number {
        min-width: 150px;
        text-align: right;
        color: #f9bb22;
        font-size: 1.4rem;
        font-weight: 600;
    }
    .wlt-mtl-text-two {
        font-size: 1rem;
    }
    .wlt-tran-wrapper-height {
        height: 90px;
    }
    .aj-fixed {
        position: fixed;
        top: 110px !important;
        left: 0;
        width: 100%;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 190px;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    section.wlt-head-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #171717;
        z-index: 999;
        height: 110px;
    }
    .wlt-head-img img {
        max-width: 100px;
    }
    h4.wlt-head-text {
        font-size: 1.5rem;
        /* font-weight: 600; */
        text-transform: capitalize;
        margin-bottom: 0;
    }
    .wd1-card {
        border-radius: 12px;
        padding: 2rem;
        position: relative;
        margin-bottom: 1rem;
    }
    .wd1-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 1rem;
    }
    .wd1-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 100px;
        width: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd1-img-two {
        position: absolute;
        height: 80px;
        width: 80px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd1-text-wrap h3 {
        font-size: 2rem;
        font-weight: 600;
        margin-left: 28px;
        color: #fff;
        margin-bottom: 0;
    }
    .wd1-bg-img {
        width: 90px;
        position: absolute;
        bottom: 40px;
        right: 50px;
    }
    p.wd1-text {
        font-size: 1.5rem;
    }
    .wlt-head-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
        width: 70px;
    }
    .wlt-head-home-img {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 60px;
    }
    .wd1-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 2rem;
    }
    .bd-heading-wrap h2 {
        font-family: "Evogria";
        font-size: 1.5rem;
        color: #f9bb22;
    }
    .aj-pt-2 {
        padding-top: 3rem;
    }
    .bd-card-header {
        padding: 2rem;
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
        position: relative;
    }
    .bd-card-body {
        padding: 4rem 2rem;
        position: relative;
    }
    .wd2-tick-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 75px;
        width: 75px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd2-tick-img-two {
        position: absolute;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd2-inpt:checked::before {
        position: absolute;
        color: #ed4c52 !important;
        content: url(../IMG/withdraw/tick.svg);
        top: 19px;
        left: 18px;
    }
    .bd-card-header h2 {
        font-size: 1.5rem;
        font-weight: 600;
        padding-left: 1rem;
        margin-bottom: 0;
        color: #fff;
    }
    .bd-card-body-content p {
        margin-bottom: 0;
        color: #fff;
        font-size: 1.3rem;
    }
    .bd-card-body-img {
        position: absolute;
        width: 125px;
        right: 50px;
        top: 25px;
    }
    .bd-card.wd2-card:last-child {
        margin-bottom: 15rem;
    }
    .bd-card-button-wrap.pd-12 {
        margin-bottom: 0;
    }
    .lg-btn {
        width: 100%;
        border: none;
        padding: 1rem;
        font-weight: 400;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-size: 1.6rem;
    }
    .wd2-card {
        margin-bottom: 4rem;
    }
    .wd3-card {
        padding: 4rem 2rem;
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-radius: 12px;
        position: relative;
    }
    .wd3-img-wrap {
        position: relative;
        width: 70px;
        height: 70px;
        margin-right: 18px;
    }
    .wd3-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd3-img-two {
        position: absolute;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd3-img {
        width: 29px;
    }
    .wd3-content-wrap h3 {
        font-size: 1.8rem;
        font-weight: 600;
    }
    .wd3-content-wrap p {
        font-size: 1.2rem;
        margin-bottom: 0;
    }
    .wd3-content-wrap p {
        font-size: 1.2rem;
        margin-bottom: 0;
    }
    .wd3-bank-img {
        position: absolute;
        width: 110px;
        right: 53px;
        bottom: 64px;
    }

    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        width: 100%;
        border: none;
        border-radius: 8px;
        /* margin: 8px 0; */
        outline: none;
        padding: 30px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 1.5rem;
        color: #fff;
    }
    /* .inputWithIcon img {
        position: absolute;
        left: 10px;
        top: 34px;
        width: 18px;
        transition: 0.3s;
    } */
    .wd3-amt-wrapper {
        margin: 3rem 2rem;
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 35%;
    }
    .wd3-amt-heading {
        font-size: 1.3rem;
        /* margin-bottom: 1rem; */
    }
    .wd3-amt {
        margin-top: 1rem;
        font-size: 60px;
        font-weight: 600;
        color: #f9bb22;
        /* font-family: "Poppins", sans-serif; */
    }
    .set-pop-img-wrap div:first-child {
        background: linear-gradient(
            113deg
            , rgba(41, 41, 41, 0.6) 11.58%, rgba(49, 49, 49, 0.6) 96.03% );
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 120px;
        width: 120px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .set-pop-img-wrap div:last-child {
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 100px;
        width: 101px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .set-pop-text-wrap h4 {
        font-size: 2rem;
        text-align: center;
        margin-top: 1rem;
        font-weight: 600;
        /* font-family: Evogria; */
    }
    .set-pop-text-wrap span {

        width: 100%;
        text-align: center;
        display: block;
        font-size: 1.1rem;
        /* color: #03b515; */
        margin-bottom: 1rem;
    }
    .set-pop-text-wrap div h3 {
        font-size: 1.2rem;
        color: #f9bb22;
    }
    .set-pop-text-wrap p {
        font-size: 1.1rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .set-pop-inner-wrap span {
        /* font-size: 0.75rem; */
        font-weight: normal;
        font-size: 16px;
        line-height: 12px;
        margin-bottom: 8px;
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 25px;
        z-index: 999;
        height: 100px;
    }
    .aj-new-bd-fxd {
        position: fixed;
        bottom: 100px;
        width: 100%;
        background-color: #171717;
    }
    .d-footer-item-img {
        width: 38px;
    }
    .aj-d-footer-h-home {
        position: absolute;
        top: -24px;
        left: -7px;
    }
    .bd-card:last-child {
        margin-bottom: 13rem;
    }
    /* .bdc-new img {
        position: absolute;
        left: 15px;
        top: 28px;
        width: 23px;
        transition: 0.3s;
    } */
    .inputWithIcon .lg-input {
        padding-left: 60px;
        margin-bottom: 18px;
    }
    .aj-d-footer-h-home {
        width: 55px;
    }
    .pr-p-card-top {
        background: linear-gradient(
            144.19deg
            , #fd5914 2.77%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        /* border-radius: 12px; */
        padding: 4rem 2rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .pr-p-t-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 105px;
        width: 105px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-p-t-two {
        position: absolute;
        height: 91px;
        width: 91px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        background-color: #fff;
    }
    .pr-p-edit-img {
        position: absolute;
        right: 20px;
        top: 15px;
        width: 70px;
    }
    .pr-p-t-text {
        margin-top: 12px;
        font-weight: 600;
        font-size: 22px;
    }
    .pr-p-d p {
        font-weight: 400;
        /* color: #dd3f8e; */
        font-size: 1.1rem;
    }
    .pr-pp-card {
        padding: 2rem;
    }
    .pr-pp-new-wrap-text {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 15px;
        margin-left: 10px;
    }
    .pr-pp-img-text {
        margin-left: 10px;
        margin-right: 30px;
        font-weight: 600;
        font-size: 20px;
        line-height: 15px;
        margin-left: 10px;
    }
    .pr-pp-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-pp-img-two {
        position: absolute;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .pr-pp-img {
        width: 29px;
    }
    .pr-tab {
        background: linear-gradient(
            90deg
            , #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        padding: 2rem;
        margin-bottom: 10px;
    }
    .pr-tab-text {
        margin-left: 1rem;
        font-size: 1.3rem;
        color: #fff;
    }
    .pr-tab-img {
        width: 32px;
    }
    .pr-p-bg-2 {
        position: absolute;
        top: 0;
        left: 50px;
        width: 200px;
    }
    .pr-p-bg-1 {
        position: absolute;
        bottom: -32px;
        left: 0;
        width: 100px;
    }
    .pr-p-bg-3 {
        position: absolute;
        right: 0;
        width: 198px;
        top: 0;
    }
    .lg-top-bg {
        height: 700px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 25px;
        color: #f9bb22;
        font-size: 60px;
    }
    /* .sig-icon-img img {
        position: absolute;
        left: 16px;
        top: 23px;
        width: 24px;
        transition: 0.3s;
    } */
    .aj-bd-btn {
        border: 1px solid #F9BB22 !important;
        font-size: 24px;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-weight: 500;
        padding: 1.5rem;
    }
    .bg_icon2 {
        position: absolute;
        top: 54px;
        left: -22px;
        width: 200px;
    }
    .lg-lower-wrap a {
        color: #fff;
        font-size: 22px;
        display: block;
        text-align: center;
        margin-top: 1rem;
        padding-bottom: 10px;
    }
    .lg-lower-wrap span {
        display: block;
        text-align: center;
        font-size: 20px;
    }
    .lg-lower-wrap span a {
        display: inline;
        text-align: center;
        font-size: 20px;
        margin: 0;
        color: #f9bb22;
    }
    div#lg-see-pwd, div#rg-see-pwd,div#aj-rest-pwd,div#cs-see-pwd {
        position: absolute;
        right: 15px;
        top: 50%;
        width: 40px;
        transform: translateY(-50%);
    }
    .inputWithIcon i {
        position: absolute;
        left: 10px;
        top: 32px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
    }
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;
        border-radius: 12px;
        width: 100%;
        height: 200px;
        align-items: center;
        margin-bottom: 20px;
    }
    .hp-main-img-wrap {
        position: relative;
        width: 100px;
    }
    .hp-main-img-one {
        border-radius: 50%;
        height: 100px;
        width: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.3);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .hp-main-img-two {
        position: absolute;
        height: 80px;
        width: 80px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg
            , rgba(255, 255, 255, 0.54) 11.58%, #ffffff 96.03% );
    }
    .hp-main-img {
        width: 46px;
    }
    .hp-main-name-wrap span {
        font-size: 1.5rem;
        font-weight: 600;
    }
    .hp-main-content-wrap {
        border-radius: 5px;
        padding: 10px 12px;
    }
    .hp-main-content-wrap span {
        font-size: 1.3rem;
        font-weight: 600;
        color: #fff;
    }
    .hp-cont {
        width: 49%;
        height: 200px;
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px;
    }
    .hp-cont-img {
        position: absolute;
        height: 70px;
        width: 70px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        align-items: center;
    }
    .hp-cont-img div {
        width: 32px;
    }
    .hp-cont-name span {
        font-size: 1.3rem;
        font-weight: 600;
    }
    .hp-cont-numb span {
        font-size: 1.2rem;
    }

    .lk-cp-wrap {
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 130px;
        display: flex;
        justify-content: center;
        position: relative;
        align-items: center;
        width: 100%;
    }
    .lk-cp p {
        color: #f9bb22;
        font-size: 1.3rem;
    }
    .lk-sh-img {
        display: flex;
        width: 180px;
        margin: 25px auto;
        align-items: center;
        justify-content: space-between;
        /* margin: 1.5rem auto; */
    }

    .lk-sh-img a{
        display: block;
        width: 100px;
    }
    .lk-sh-wrap span {
        font-size: 1.3rem;
        display: block;
        line-height: 1.4;
    }
    .lk-share-bg {
        position: absolute;
        height: 100px;
        width: 100px;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -45px;
        font-size: 1rem;
        text-align: center;
        width: 100%;
    }

    .lk-share-img {
        width: 50px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -80px;
        font-size: 1rem;
        text-align: center;
        width: 100%;
    }
    .lk-share-tab {
        position: relative;
        width: 100px;
    }
    .lk-bg-wrap {
        position: relative;
        width: 250px;
        height: 250px;
        margin: 9rem auto;
    }
    .lk-bg-one {
        background: linear-gradient(
            146.03deg
            , rgba(253, 89, 20, 0.1) 0%, rgba(202, 48, 209, 0.1) 100% );
        position: absolute;
        height: 350px;
        width: 350px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-two {
        background: linear-gradient(
            146.03deg
            , rgba(253, 89, 20, 0.1) 0%, rgba(202, 48, 209, 0.1) 100% );
        position: absolute;
        height: 310px;
        width: 310px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-three {
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        position: absolute;
        height: 282px;
        width: 282px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lk-cp-img-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 45px;
    }
    .lk-bg-stars {
        position: absolute;
        width: 385px;
        top: -47px;
        left: -70px;
    }


    /* GS */

    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
    .set-pop-text-wrap h4{
        font-size: 2rem;
    }
    .set-pop-text-wrap span{
        font-size: 1.5rem;
        /* line-height: 2.5rem; */
    }
    .set-pop-text-wrap div h4 {
        font-size: 1.8rem;
    }
    #withdraw_popup .modal-content {
        padding: 4rem 2.5rem 2.5rem;
    }
    .set-pop-text-wrap div h3{
        font-size: 1.8rem;
    }
    .set-pop-text-wrap p {
        font-size: 1.8rem;
    }
    .set-pop-close-btn{
        width: 70px;
        line-height: 70px;
        display: flex;
        height: 70px;
        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;
        bottom: -80px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    .set-pop-inner-wrap{
        padding: 1.5rem;
    }
    #player_popup .modal-content {
        padding: 4rem 1.8rem 1.8rem;
    }
    .ppp-date-inner-wrap {
        width: 100%;
        max-width: 240px;
        text-align: center;
    }
    .ppp-c-text-wrap span:first-child {
        font-size: 1.3rem;
        margin-bottom: 0;
        line-height: 1.5rem;
    }
    #player_popup_addition .aj-new-cal-icon {
        width: 20px;
    }
    .ppp-content-wrapper {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #313131;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 25px 20px;
    }
    .ppp-c-text-wrap span:last-child {
        font-size: 1.2rem;
        text-align: left;
        font-weight: 700;
        line-height: 1.8rem;
    }
    .ppp-c-img {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 10px;
        margin-top: -15px;
    }
    .ppp-c-img-bg{
        height: 45px;
        width: 45px;
    }
    .ppp-c-img-icon{
        width: 30px;
    }
    .ppp-date-inner-wrap input.wlt-date {
        margin-left: 5px;
    }


    .filter_popup .modal-dialog {
        position: fixed;
        bottom: 0;
        top: 50%;
        left: 50%;
        right: 0;
        transform: translate(-50%, -50%) !important;
        width: 100%;
    }
    .sort_section h4{
        font-size: 24px;
        line-height: 30px;
    }
    .sort_section a {
        font-size: 20px;
        padding: 10px 20px 10px 20px;
    }
    .set-pop-close-btn1 {
        width: 80px;
        line-height: 80px;
        display: flex;
        height: 80px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
    }
    .ul_filter li {
        padding: 15px;
        font-style: normal;
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
    }
    .un_check_img, .check_img {
        max-width: 20px;
        margin-right: 15px;
    }
    .alert {
        width: 95%;
        font-size: 18px;
        padding: 1rem 2rem;
    }
    .mpp-head-text {
        margin-left: 0.5rem;
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 3rem;
    }
    .mpp-main-wrapper .mpp-head-img{
        width: 50px;
    }
    .mpp-card-head{
        padding: 1.2rem;
    }
    .mpp-main-wrapper .mpp-head-img{
        width: 50px;
    }
    .mpp-card-body p {
        font-size: 1.2rem;
    }
    .mpp-card{
        padding: 20px 25px;
    }
    .mpp-main-content {
        padding: 20px 25px;
    }
    .mpp-main-content h3 {
        font-size: 1.5rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .mpp-main-content p {
        font-size: 1.2rem;
    }
    .mpp-t-main-wrapper span {
        font-size: 1rem;
        font-weight: 600;
        text-align: center;
        width: 100%;
        display: block;
    }
    .mpp-t-main-wrapper p {
        font-size: 1.2rem;
        font-weight: 600;
        padding-top: 10px;
        text-align: center;
        font-family: Evogria;
    }
    .mpp-t-one {
        top: -180px;
        position: absolute;
        width: 70px;
        height: 180px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 2rem;
        left: 120px;
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }
    .mpp-t-two {
        top: -130px;
        position: absolute;
        width: 70px;
        height: 130px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 1.6rem;
        left: 206px;
        background: linear-gradient(
            146.03deg
            , #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
    }
    .mpp-stars-wrap {
        position: absolute;
        top: -255px;
        left: 50%;
        transform: translateX(-50%);
        width: 500px;
    }
    .mpp-main-wrapper .mpp-head-img {
        width: 80px;
        height: 80px;
    }
    .pb-head-item {
        width: 100%;
        text-align: center;
        font-size: 1.2rem;
        padding: 15px 10px;
        font-weight: 600;
    }
    .pb-con-item {
        padding: 20px;
    }
    .pb-con.one {
        font-size: 1.5rem;
    }
    .pb-con-inner-text {
        font-size: 1.5rem;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: 0;
        left: -51px;
    }
    .pb-pop-body{
        font-size: 1.5rem;
    }
    .onbd-n-font {
        font-family: Nostromo;
        font-size: 3.2rem;
        color: #f9bb22;
    }


    .onbd-img {
        width: 600px;
        margin-bottom: 4rem;
        margin-left: auto;
    }
    .onbd-text h3 {
        font-size: 2rem;
        font-weight: 600;
    }
    .onbd-text p {
        font-size: 18px;
        line-height: 20px;
    }
    a.onbd-btn {
        font-size: 1.2rem;
    }

    .onbd-main-text-wrap {
        position: absolute;
        transform: rotate(
            -90deg
        );
        top: 217px;
        left: -140px;
    }
    .onbd-b-font {
        position: absolute;
        font-family: TheBlackheads;
        font-size: 3rem;
        top: 71px;
        left: 156px;
        width: 100%;
    }
    .onbd-text {
        padding-left: 3.5rem;
    }
    #onbd-slider .owl-dots {
        display: inline-block;
        padding-left: 3.5rem;
    }

    .onbd-btn-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin-top: 2rem;
    }
    .onbd-b-font-now {
        left: 300px;
    }
    .aj-sb-bg {
        width: 100%;
        height: 500px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    li.parsley-required,.parsley-type {
        position: absolute;
        font-size: 20px;
        top: 0;
        right: 0;
    }
    .lg-inputWithimg {
        position: absolute;
        left: 23px;
        top: 41%;
        color: #fff;
        transition: 0.3s;
        transform: translateY(-50%);
        width: 20px;
    }
    .inputWithIcon i {
        position: absolute;
        left: 14px;
        top: 29px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
        font-size: 24px;
    }
    .aj-n-mb-slider{
        padding-bottom: 10rem;
    }
    .top_logo {

        width: 110px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 105px;
        max-width: 107px;
        text-align: center;
    }
    .hp-main-content-wrap span{
        font-size: 12px;
    }
    .modal-backdrop {
        opacity: .9 !important;
    }
    .pd-popup-wrap .modal-content{
        border-radius:15px;
    }
    .aj-bkk-ed-wrap {
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
    }

    a.aj-ed-d-icon {
        display: block;
        width: 50px;
    }

    a.aj-ed-d-icon.aj-bnk-delete-icon {
        margin-left: 8px;
    }
    p.mb-3.aj-bep-text {
        color: #fff;
        font-size: 17px !important;
        text-align: center;
    }

    button.aj-bep-btn {
        border: none;
        background: linear-gradient(
            270deg
            , #C6A21A 0%, #F4A100 70.31%, #956204 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 14px 20px;
        font-size: 24px;
        color: #fff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin-bottom: 2rem;
    }
    h4.aj-bep-heading {
        font-size: 3rem;
    }
    .aj-chat-dec-wrap {
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 500;
        text-align: center;
    }
    a.ajreadmore {
        font-size: 15px;
        color: #F9BB22;

    }
    .aj-dg-lock-icon {
        width: 20px;
        margin: auto;
    }
}



@media only screen and (min-width:769px) and (max-width:1024px){
    .not-dot {
        position: absolute;
        font-size: 6px;
        font-weight: 600;
        width: 15px;
        height: 15px;
        background-color: red;
        border-radius: 50%;
        line-height: 15px;
        top: -8px;
        left: 8px;
        text-align: center;
    }
    /* ==============================
        Dashboard
    ================================*/
    .main-wrapper {
        width: 100%;
        /* margin: 0 auto; */
        /* margin-bottom: 5rem; */
    }
    .head-user-img {
        width: 50px;
        background-color: #242424;
        border-radius: 50%;
    }
    .head-user-wrap {
        display: flex;
        align-items: center;
    }
    .head-user-text {
        display: flex;
        flex-direction: column;
    }
    .head-user-text span:first-child {
        font-size: 1.1rem;
        min-width: 50px;
        text-align: right;
    }

    .head-user-text span:last-child {
        color: #f9bb22;
        font-size: 1.1rem;
        text-align: right;
    }

    .head-bars {
        width: 65px;
    }
    .head-wrap {
        padding: 20px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
        height: 110px;
        align-items: center;
    }

    .home-tab {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: 48%;
        border-radius: 10px;
        padding: 7px;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .home-tab-text span:first-child {
        font-size: 0.6rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .home-tab-text span:last-child {
        font-size: 1.8rem;
    }

    .home-tab-text {
        text-align: right;
        display: flex;
        flex-direction: column;
    }

    .home-tab-wrap {
        padding: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* margin-bottom: 1rem; */
    }
    .home-tab-wrap a{
        display: contents;
        color: #fff!important;
    }
    .home-tab-img {
        width: 60px;
    }

    .wel-star {
        display: block;
        width: 10px;
        position: absolute;
    }

    .wel-main-wrap {
        height: 190px;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    span.wel-star.one {
        top: 10px;
        left: 22%;
        width: 3px;
    }
    span.wel-star.two {
        top: 2px;
        left: 16%;
        width: 3px;
    }
    span.wel-star.three {
        top: -5px;
        left: 50%;
        width: 4px;
    }
    span.wel-star.four {
        top: 20px;
        left: 80%;
        width: 4px;
    }
    span.wel-star.five {
        top: 15px;
        left: 57%;
        width: 6px;
    }
    span.wel-star.six {
        top: 30px;
        left: 62%;
        width: 4px;
    }

    .wel-wrap {
        background: linear-gradient(90deg, #303030 0%, #434343 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        padding: 2rem 1rem 1rem 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        flex-direction: column;
    }

    .wel-starts-wrap {
        background-repeat: no-repeat;
        background-size: contain;
        height: 75px;
        position: absolute;
        top: -15px;
        width: 100%;
    }

    span.d-we-cy-text {
        font-size: 0.7rem;
    }
    section.wel-wrapper {
        padding: 25px;
    }

    .wel-wrap h5 {
        font-size: 1.3rem;
        font-weight: 600;
    }
    .wel-star-wrap {
        width: 60px;
        position: absolute;
        top: -41px;
        left: 50%;
        transform: translateX(-50%);
    }

    .we-rd-wrap {
        width: 40px;
        position: absolute;
        top: -25px;
        right: 10px;
        border-radius: 50%;
        background: linear-gradient(316.25deg, #373737 17.57%, #1c1c1c 79.76%);
    }

    .pd-12 {
        padding: 25px;
    }
    .mon-tab {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        height: 160px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 48%;
        position: relative;
    }

    .mon-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .mon-ball-inner div:first-child {
        background: linear-gradient(
            113deg,
            rgba(41, 41, 41, 0.6) 11.58%,
            rgba(49, 49, 49, 0.6) 96.03%
        );
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

        border-radius: 50%;
        height: 55px;
        width: 55px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .mon-ball-inner div:last-child {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mon-ball-inner {
        position: relative;
    }

    .mon-ball {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    section.mon-wrapper.pd-12 {
        padding-top: 3rem;
    }

    .mon-w-text {
        color: #f9bb22;
    }
    span.mon-w-numb {
        font-size: 1.6rem;
        font-weight: 600;
    }

    .mb-3r {
        margin-bottom: 3rem;
    }

    .h-graph {
        width: 100%;
        height: 235px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .details-tab {
        display: flex;
        width: 49%;
        background: linear-gradient(90deg, #1f1f1f 0%, #2c2c2c 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        padding: 0.5rem;
        align-items: center;
        justify-content: start;
        margin-bottom: 12px;
    }

    .details-text-wrap {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 600;
        color: #fff;
    }

    .details-img-wrap {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
    }

    .details-img-wrap div {
        width: 26px;
    }

    .details-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* ====================
             pop-up
    =====================*/
    #settlement_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 1rem 1rem;
    }

    .set-pop-text-wrap h4 {
        font-size: 1rem;
        text-align: center;
        font-weight: 600;
        /* font-family: Evogria; */
    }

    .set-pop-text-wrap span {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 0.85rem;
        /* color: #03b515; */
        margin-bottom: 1rem;
    }

    .set-pop-amt-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1rem;
    }

    .set-pop-text-wrap div h4 {
        font-size: 1rem;
    }

    .set-pop-text-wrap div h3 {
        font-size: 1rem;
        color: #f9bb22;
    }

    .set-pop-inner-wrap {
        background: #333333;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 1rem;
        margin-top: 2rem;
        text-align: center;
    }

    .set-pop-inner-wrap p {
        color: #f9bb22;
        margin-bottom: 0;
        font-size: 0.85rem;
    }

    .set-pop-inner-wrap span {
        font-size: 0.75rem;
    }

    .set-pop-close-btn span {
        margin: auto;
    }

    .set-pop-img-wrap {
        position: relative;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .set-pop-img-wrap div:first-child {
        background: linear-gradient(
            113deg,
            rgba(41, 41, 41, 0.6) 11.58%,
            rgba(49, 49, 49, 0.6) 96.03%
        );
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 80px;
        width: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .set-pop-img-wrap div:last-child {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 67px;
        width: 67px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .set-pop-close-btn {
        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;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    label {
        margin-left: 20px;
    }
    .aj-set-datapicker {
        width: 70px;
        position: relative;
        padding: 0 !important;
        margin: 0 0 0 auto;
        /* margin: 0 20px 20px 20px; */
    }
    .aj-set-datapicker > span:hover {
        cursor: pointer;
    }

    .aj-set-datapicker input {
        font-size: 0.8rem;
        font-weight: 600;
        padding: 0;
        background-color: transparent !important;
        border: none;
        color: #fff;
    }
    .aj-set-datapicker input:focus {
        box-shadow: none;
    }

    span.input-group-addon.aj-set-datapicker-icon {
        color: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -52px;
        margin: 0;
    }
    span.set-pop-date {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .set-pop-star-one {
        position: absolute;
        width: 3px;
        top: -50px;
        left: 105px;
    }
    .set-pop-star-two {
        position: absolute;
        width: 4px;
        top: 0;
        left: 130px;
    }

    .set-pop-star-three {
        position: absolute;
        width: 5px;
        top: 20px;
        left: 146px;
    }

    .set-pop-star-four {
        position: absolute;
        width: 5px;
        right: 130px;
        top: -30px;
    }

    .set-pop-star-five {
        position: absolute;
        width: 6px;
        top: 0;
        right: 144px;
    }
    .set-pop-star-six {
        position: absolute;
        width: 6px;
        top: 20px;
        right: 105px;
    }
    .set-pop-star-seven {
        position: absolute;
        width: 5px;
        top: 40px;
        right: 78px;
    }
    .set-pop-star-eight {
        position: absolute;
        width: 7px;
        top: 8px;
        right: 50px;
    }
    .sucess-c {
        color: #03b515;
    }
    .error-c {
        color: #fb1818;
    }

    span.set-pop-date.wt-pop-date {
        justify-content: space-between;
        align-items: center;
    }
    /* withdraw popup */
    #withdraw_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 1rem 1rem;
    }

    #player_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #sub_affiliate_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #topplayer_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #allplayer_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #player_report_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }
    .date-one-wrap p {
        font-weight: 600;
    }

    .wt-pop-data {
        display: flex;
        align-items: center;
    }
    .wt-pop-data span {
        display: inline-block;
    }
    .wt-pop-data {
        display: flex;
    }

    .wt-pop-data span:first-child {
        text-align: end;
    }

    .wt-pop-data span:last-child {
        text-align: left;
        margin-left: 12px;
    }

    span.set-pop-date-number {
        display: inline !important;
        width: auto;
        margin-bottom: 0;
    }

    /* player report */
    .ppp-date-wrap {
        display: flex;
        justify-content: flex-end;
        margin-top: 2rem;
        flex-direction: column;
    }

    .ppp-date-inner-wrap {
        width: 160px;
        text-align: center;
    }

    .ppp-content-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 50%;
        padding: content: '\f26e';px 0;
    }

    .ppp-c-img {
        position: relative;
        width: 40px;
        height: 40px;
        margin-right: 7px;
    }

    .ppp-c-img-bg-one {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ppp-c-img-bg {
        position: absolute;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(113deg, #ffffff 11.58%, #ffcf7b 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .ppp-c-text-wrap span {
        margin-bottom: 0;
    }

    .ppp-content-wrapper {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #313131;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 5px;
    }

    .ppp-c-text-wrap span:last-child {
        font-size: 0.9rem;
        text-align: left;
        font-weight: 700;
    }

    .ppp-c-text-wrap span:first-child {
        font-size: 0.62rem;
    }
    .ppp-c-img-icon {
        width: 22px;
    }

    /* =========================
        Slider
    ============================*/
    .slider-wrapper {
        width: 500px;
        height: 100vh;
        background-color: #262626;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: -595px;
        transition: all 0.5s;
    }

    .slider-wrapper.open {
        left: 0;
    }

    .slider-upper-wrap {
        /* background-color: yellow; */
        width: 100%;
        padding: 2rem 1rem;
        background: linear-gradient(77.46deg, #2c2c2c 0.94%, #444444 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        display: flex;
        align-items: center;
    }
    .slider-profile-wrap {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .slider-profile-img {
        width: 85px;
        margin-right: 10px;
        border-radius: 50%;
        background-color: #474747;
    }
    .slider-profile-data {
        width: 100%;
        /* height: 100%; */
    }

    .slider-profile-data p:nth-child(1) {
        font-size: 1.3rem;
        font-weight: 600;
        text-transform: uppercase;
    }
    .slider-profile-data p:nth-child(2) {
        font-size: 1.1rem;
    }
    .slider-profile-data p:nth-child(3) {
        font-size: 1.1rem;
        color: #f9bb22;
    }
    .slider-close-wrap {
        cursor: pointer;
        position: absolute;
        width: 95px;
        /* background-color: red; */
        display: flex;
        justify-content: center;
        align-items: center;
        right: -95px;
        height: 95px;
        background: linear-gradient(
            90deg
            , #cdb24b 0%, #f4a100 70.31%, #956204 100% );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }
    .slider-close-img {
        width: 50px;
    }
    .slider-inner-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .slider-item {
        width: 100%;
        display: flex;
        padding: 25px;
        align-items: center;
        border-bottom: 0.5px solid #343434;
    }

    .slider-item-img {
        width: 25px;
        margin-right: 2rem;
        margin-left: 12px;
    }

    .slider-item-text {
        color: #fff;
        font-weight: 600;
        font-size: 1.3rem;
    }

    /* ============================
          Wallet - Page
  =============================== */

    .pd-1-5 {
        padding: 1.5rem;
    }
    section.wlt-head-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wlt-head-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
    }
    .wlt-head-img img{
        max-width: 33px;
    }
    .wlt-head-home-img {
        /* max-width: 33px; */
    }
    h4.wlt-head-text {
        font-size: 0.9rem;
        /* font-weight: 600; */
        text-transform: capitalize;
        margin-bottom: 0;
    }
    .wlt-bal-wrap {
        padding: 10px;
        background: linear-gradient(180deg, #2e2e2e 0%, #413a2b 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
    }

    .wlt-bal-content {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
        display: flex;
        padding: 1rem;
    }
    .wlt-bal-content {
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
        display: flex;
        padding: 2rem 2rem;
        align-items: center;
        justify-content: space-around;
    }
    .wlt-bal-img-wrap {
        position: relative;
    }
    .wlt-bal-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 120px;
        width: 120px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-bal-img-two {
        position: absolute;
        height: 71px;
        width: 71px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(113deg, #ffffff 11.58%, #31bccf 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .wlt-bal-text-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .wlt-bal-text-wrap p {
        font-size: 0.9rem;
        font-weight: 600;
    }
    .wlt-bal-text-wrap h2 {
        font-weight: 400;
        font-family: impact;
    }
    .wlt-tab-one {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 80px;
        width: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-tab {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .wlt-tab-two {
        height: 65px;
        width: 65px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(
            135.25deg,
            rgba(83, 83, 83, 0) 8.59%,
            #282828 94.56%
        );
        border: 0.2px solid #545454;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        border-radius: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wlt-tab-img {
        width: 46px;
    }
    .wlt-tabs-wrap {
        margin-top: 2rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    span.wlt-tab-text {
        font-size: 0.6rem;
        position: absolute;
        font-weight: 600;
        bottom: -30px;
        color: #fff;
    }
    section.pd-12.wlt-tran-wrapper {
        margin-top: 4rem;
    }
    .wlt-m-trans-upper-wrap {
        padding: 1rem;
        /* padding-left: 5em; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 0.85rem;
        font-weight: 600;
        width: 100%;
        text-align: center;
    }
    .wlt-m-trans-lower-wrap {
        padding: 10px;
        border-radius: 0 0 12px 12px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }

    .wlt-m-trans-lower-wrap {
        padding: 10px;
        border-radius: 0 0 12px 12px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }

    .wlt-mtl-img {
        width: 20px;
        margin-right: 5px;
    }

    .wlt-mtl-date {
        font-size: 0.7rem;
        font-weight: 500;
        color: #fff;
    }

    .wlt-mtl-text {
        font-size: 0.9rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .wlt-mtl-text-one {
        font-size: 0.8rem;
        width: 74px;
        text-align: center;
        /* text-align: center; */
    }

    .wlt-mtl-text-two {
        font-size: 0.6rem;
    }
    .wlt-mtl-number {
        min-width: 90px;
        text-align: right;
        color: #f9bb22;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .wlt-mtl-text-two {
        width: 65px;
        text-align: center;
    }

    .wlt-mtl-wrap {
        display: flex;
        align-items: center;
    }
    .wlt-m-t-l-tabs {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .wlt-m-t-l-wrap {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 10px;
    }
    .wlt-mtl-dots {
        width: 20px;
        margin: 0 auto;
    }

    .wlt-tran-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .wlt-tran-text {
        font-size: 1rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .wlt-tran-date-wrap {
        background: #212121;
        border-radius: 7px;
        padding: 3px 10px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 0.65rem;
        padding: 2px;
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }
    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        color: #fff;
    }
    .daterangepicker .drp-selected {
        color: #f9bb22;
    }
    .daterangepicker.show-calendar .drp-buttons {
        display: flex !important;
    }
    .daterangepicker {
        /* background-color: #2b2b2b;   */
    }

    /* =======================
          Help Page
  ========================*/
    .hp-head-wrapper span {
        text-align: center;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .hp-main-img-wrap {
        position: relative;
        width: 70px;
    }
    .hp-main-img-one {
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.3);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .hp-main-img-two {
        position: absolute;
        height: 59px;
        width: 59px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg,
            rgba(255, 255, 255, 0.54) 11.58%,
            #ffffff 96.03%
        );
    }
    .hp-main-img {
        width: 36px;
    }
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;

        border-radius: 12px;
        width: 100%;
        height: 120px;
        align-items: center;
        margin-bottom: 12px;
    }
    .hp-main-name-wrap span {
        font-size: 0.9rem;
        font-weight: 600;
    }
    .hp-main-content-wrap {
        border-radius: 5px;
        padding: 6px 10px;
    }
    .hp-main-content-wrap span {
        font-size: 0.85rem;
        font-weight: 600;
        color: #fff;
    }

    .hp-cont {
        width: 49%;
        height: 150px;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px;
    }
    .hp-cont-img-wrap {
        position: relative;
        width: 40px;
        height: 40px;
    }
    .hp-cont-img {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        align-items: center;
    }
    .hp-cont-wrap {
        display: flex;
        justify-content: space-between;
    }
    .hp-cont-name span {
        font-size: 0.85rem;
        font-weight: 600;
    }
    .hp-cont-numb span {
        font-size: 0.9rem;
    }

    /* ====================
      Links Page
  ====================== */
    .lk-cp-wrap {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 74px;
        display: flex;
        justify-content: center;
        position: relative;
        align-items: center;
        width: 100%;
    }
    .lk-cp {
        width: 500px;
        text-align: center;
    }
    .lk-cp p {
        color: #f9bb22;
        font-size: 0.9rem;
    }
    .lk-cp-img-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 32px;
    }
    .lk-sh-wrap {
        text-align: center;
    }
    .lk-sh-wrap span {
        font-size: 0.85rem;
        display: block;
        line-height: 1.4;
    }
    .lk-share-tab {
        position: relative;
    }

    .lk-share-bg {
        position: absolute;
        height: 55px;
        width: 55px;

        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }

    .lk-share-img {
        width: 35px;
    }
    .lk-share-tab {
        position: relative;
        width: 55px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -45px;
        font-size: 0.65rem;
        text-align: center;
        width: 100%;
    }
    .lk-share-wrap {
        display: flex;
        justify-content: space-around;
    }
    section.lk-share-wrapper.pd-12 {
        margin-top: 1.5rem;
    }

    .lk-bg-one {
        background: linear-gradient(
            146.03deg,
            rgba(253, 89, 20, 0.1) 0%,
            rgba(202, 48, 209, 0.1) 100%
        );
        position: absolute;
        height: 240px;
        width: 240px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-two {
        background: linear-gradient(
            146.03deg,
            rgba(253, 89, 20, 0.1) 0%,
            rgba(202, 48, 209, 0.1) 100%
        );
        position: absolute;
        height: 210px;
        width: 210px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-three {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        position: absolute;
        height: 182px;
        width: 182px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lk-bg-wrap {
        position: relative;
    }
    .lk-bg-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }
    .lk-bg-wrap {
        position: relative;
        width: 250px;
        height: 250px;
        margin: 3rem auto;
    }
    .success-c {
        color: #03b515;
    }
    .set-pop-date-icon {
        margin-right: 10px;
    }

    /* ====================================
            Login?Signup
  =====================================*/
    .lg-top-bg {
        height: 300px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    /*  */
    /*Don't forget to add Font Awesome CSS : "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"*/
    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        width: 100%;
        border: none;
        border-radius: 8px;
        /* margin: 8px 0; */
        outline: none;
        padding: 18px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 0.85rem;
        color: #fff;
    }

    .lg-input::placeholder {
        color: #fff !important;
    }

    .lg-input:focus {
        border-color: #f0a22e;
        box-shadow: 0 0 8px 0 #f0a22e;
    }

    .inputWithIcon .lg-input {
        padding-left: 40px;
        margin-bottom: 10px;
    }

    .inputWithIcon {
        position: relative;
    }

    .inputWithIcon i {
        position: absolute;
        left: 0;
        top: 12px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
    }

    .lg-inputWithIcon .lg-input:focus + i {
        color: #fff;
    }

    .lg-inputWithIcon.inputIconBg i {
        background-color: #aaa;
        color: #fff;
        padding: 9px 4px;
        border-radius: 4px 0 0 4px;
    }

    .lg-inputWithIcon.inputIconBg input[type="text"]:focus + i {
        color: #fff;
        background-color: #f0a22e;
    }

    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 25px;
        color: #f9bb22;
    }
    .lg-content-inner-wrap {
        padding: 0 2rem;
    }
    .lg-btn {
        width: 100%;
        border: none;
        padding: 0.9rem;
        font-weight: 400;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
    }

    .lg-lower-wrap a {
        color: #fff;
        font-size: 0.7rem;
        display: block;
        text-align: center;
        margin-top: 1rem;
        padding-bottom: 10px;
    }

    .lg-lower-wrap span {
        display: block;
        text-align: center;
        font-size: 0.7rem;
    }
    .lg-lower-wrap span a {
        display: inline;
        text-align: center;
        font-size: 0.7rem;
        margin: 0;
        color: #f9bb22;
    }

    .lg-lower-wrap {
        margin-top: 30px;
        /* padding-bottom: 1rem; */
    }

    /* =======================
    Dashboard footer
  =======================*/
    .d-footer-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .d-footer-item-img {
        width: 21px;
    }
    .d-footer-item-text {
        font-size: 0.7rem;
        color: #fff;
        margin-top: 0.1rem;
    }
    .d-footer-wrap {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    section.d-footer-wrapper {
        background: linear-gradient(
            180deg,
            #292929 0%,
            rgba(17, 17, 17, 1) 100%
        );
    }
    .details-wrap a {
        display: contents;
    }

    .pending-c {
        color: #f9bb22;
    }
    .set-pd-1r {
        padding: 2rem;
    }
    /* =======================
      Bank Details
  ======================== */
    .bd-heading-wrap h2 {
        font-family: "Evogria";
        font-size: 0.9rem;
        color: #f9bb22;
    }
    .bd-card {
        border-radius: 12px;
        margin-bottom: 1rem;
    }
    .bd-card:nth-child(odd) {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(211, 55, 179, 0.4);
    }

    .bd-card:nth-child(even) {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
    }

    .bd-card-header {
        padding: 1rem;
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
        position: relative;
    }
    .bd-card-header h2 {
        font-size: 1rem;
        font-weight: 600;
        padding-left: 1rem;
        margin-bottom: 0;
        color: #fff;
    }
    .bd-card-body {
        padding: 2rem;
        position: relative;
    }
    .bd-card-body-img {
        position: absolute;
        width: 85px;
        right: 25px;
        top: 15px;
    }
    .bd-card-body-content p {
        margin-bottom: 0;
        color: #fff;
        font-size: 0.8rem;
    }
    .bd-card-wrapper {
        display: flex;
        flex-direction: column;
        overflow: auto;
        /* padding-top: 3rem; */
        margin-bottom: 10rem;
    }
    .no-bd-wrapper {
        width: 100%;
        position: relative;
        height: 150px;
    }
    .no-bd-img-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .no-bd-img {
        width: 100px;
        /* margin-bottom: 1rem; */
    }
    .no-bd-img-wrap p {
        font-size: 0.9rem;
    }


    .bd-heading-wrap {
        margin-bottom: 1rem;
    }

    /* ========================
        Withdraw
  =========================*/

    .wd1-card {
        border-radius: 12px;
        padding: 1rem;
        position: relative;
        margin-bottom: 1rem;
    }
    .wd1-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .wd1-img-wrap {
        position: relative;
        width: 70px;
        display: flex;
        height: 70px;
    }
    .wd1-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd1-img-two {
        position: absolute;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;

        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd1-text-wrap h3 {
        font-size: 1rem;
        font-weight: 600;
        margin-left: 10px;
        color: #fff;
        margin-bottom: 0;
    }
    p.wd1-text {
        font-size: 0.85rem;
    }
    .wd1-bg-img {
        width: 60px;
        position: absolute;
        bottom: 22px;
        right: 20px;
    }

    .wd1-card:nth-child(odd) {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }
    .wd1-card:nth-child(even) {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
    }
    .wd2-tick-img-wrap {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .wd2-tick-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd2-tick-img-two {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    section.wd2-fixed-btn-wrap {
        position: fixed;
        bottom: 0;
        background-color: #000;
        width: 100%;
    }
    a.more_btn.mlr-0.lg-btn.wd2-btn {
        border: 2px solid #f9bb22;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        color: #f9bb22;
        background: none;
    }
    .wd2-card {
        margin-bottom: 3rem;
    }
    /* WD3*/
    .wd3-img-wrap {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .wd3-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd3-img-two {
        position: absolute;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd3-card {
        padding: 2rem 1rem;
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-radius: 12px;
        position: relative;
    }
    .wd3-card-body {
        display: flex;
        align-items: center;
    }
    .wd3-content-wrap h3 {
        font-size: 1rem;
        font-weight: 600;
    }
    .wd3-content-wrap p {
        font-size: 0.8rem;
        margin-bottom: 0;
    }
    .wd3-bank-img {
        position: absolute;
        width: 60px;
        right: 40px;
        bottom: 50px;
    }

    .wd3-form-wrapper {
        margin: 1rem 0;
    }
    .wd3-amt-wrapper {
        margin: 1rem;
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 35%;
    }
    .wd3-amt-heading {
        font-size: 0.85rem;
        /* margin-bottom: 1rem; */
    }
    .wd3-amt {
        margin-top: 1rem;
        font-size: 2rem;
        font-weight: 600;
        color: #f9bb22;
        /* font-family: "Poppins", sans-serif; */
    }
    .wd3-btn-wrapper {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    /* wd3 popup */
    .dark-bg {
        background-color: #000;
    }
    .wd3-top-bg {
        height: 250px;
        position: relative;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
    }
    .wd3-top-content {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    .wd3-top-content p {
        font-size: 0.75rem;
    }

    .wd3-top-content h2 {
        font-family: "Evogria";
    }
    .wd3-main-content {
        background-color: #232323;
        border-radius: 12px;
        margin: 0 1rem 1rem;
    }
    .wd3-content-one {
        padding: 1rem;
        text-align: center;
        border-bottom: 1px solid #333;
    }
    .wd3-content-one p {
        font-size: 0.85rem;
    }
    .wd3-content-one span {
        /* font-family: "Poppins", sans-serif; */
        color: #f9bb22;
        font-weight: 600;
        font-size: 1.3rem;
    }
    .wd3-content-two {
        padding: 1rem;
        text-align: center;
    }
    .wd3-content-two span {
        font-size: 0.8rem;
        display: block;
    }

    .aj-more_btn {
        background-image: url(assets/IMG/sign-bg-new.gif);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        background-color: #000;
        /* height: 100%; */
        border: none;
        text-align: center;
        font-weight: 600;
        color: #fff;
    }
    /* Profile PAge */
    .pr-p-card-top {
        background: linear-gradient(144.19deg, #fd5914 2.77%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        /* border-radius: 12px; */
        padding: 1rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .pr-p-t-wrap {
        position: relative;
        height: 85px;
        width: 85px;
    }
    .pr-p-t-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 85px;
        width: 85px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-p-t-two {
        position: absolute;
        height: 71px;
        width: 71px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        background-color: #fff;
    }
    .pr-p-t-text {
        margin-top: 10px;
        font-weight: 600;
    }
    .pr-p-card-top {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .pr-p-card-down {
        background: #ffd1f6;
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        display: flex;
        position: relative;
    }
    .pr-p-d {
        width: 50%;
        padding: 1rem;
        text-align: center;
    }

    .pr-p-d i,
    .pr-p-d p {
        /* font-weight: 600; */
        color: #dd3f8e;
        /* font-size: 0.85rem; */
    }
    .pr-p-d p {
        font-weight: 400;
        /* color: #dd3f8e; */
        font-size: 0.85rem;
    }
    .pr-p-bg-1 {
        position: absolute;
        bottom: -32px;
        left: 0;
    }
    .pr-p-bg-2 {
        position: absolute;
        top: 0;
        left: 50px;
    }
    .pr-p-bg-3 {
        position: absolute;
        right: 0;
        top: 0;
    }
    .pr-p-d:first-child {
        border-right: 0.5px solid #ca94bf;
    }
    .pr-pp-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-pp-img-two {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .pr-pp-img-wrap {
        position: relative;
        height: 50px;
        width: 50px;
    }

    .pr-pp-card-body {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pr-pp-main-img-wrap {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .pr-pp-img-text {
        margin-left: 10px;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .pr-pp-card-main {
        /* padding: 1rem; */
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
        border-radius: 12px;
    }

    .pr-pp-card {
        padding: 1rem;
    }

    .pr-pp-card:first-child {
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.4);
    }

    .pr-tab-wrap {
        padding: 10px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .pr-tab {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        padding: 1rem;
        margin-bottom: 10px;
    }
    .pr-tab-img {
        width: 21px;
    }
    .pr-tab-text {
        margin-left: 1rem;
        font-size: 0.85rem;
        color: #fff;
    }
    .pr-tab-wrap {
        margin-bottom: 10px;
    }
    .aj-rel {
        position: relative;
    }
    .aj-d-footer-h-img-wrap {
        height: 30px;
    }
    .aj-d-footer-h-img {
        position: absolute;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -25px;
        left: -10px;
        background: linear-gradient(
            180deg,
            #212121 0%,
            rgba(17, 17, 17, 0) 100%
        );
        border: 2px solid #f9bb22;
        box-sizing: border-box;
    }
    .aj-d-footer-h-img img {
        width: 50%;
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 12px;
        z-index: 999;
    }
    /*  */
    .aj-sgn-btn {
        background-color: transparent;
    }
    .lg-main-wrapper-bg {
        background-size: contain;
        height: 100%;
    }

    .aj-page .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #f9bb22;
        background-color: #262626;
        font-size: 0.9rem;
        border: 1px solid #000;
    }

    .aj-page .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #f9bb22;
        border-color: #f9bb22;
        border-radius: 5px;
    }
    .aj-page {
        justify-content: center;
    }
    .tp-wel-main-wrap {
        height: 100px;
    }
    .tp-search .seachbar input {
        padding: 15px 15px;
    }

    .pr-pp-text-wrap {
        font-size: 0.85rem;
    }

    .pr-pp-img {
        width: 25px;
    }

    .mpp-card {
        background-color: #292929;
        padding: 20px 12px;
        border-radius: 8px;
    }
    .mpp-card-head {
        display: flex;
        background: #333333;
        border-radius: 8px;
        padding: 0.5rem;
        margin-bottom: 0.5rem;
        justify-content: center;
        align-items: baseline;
    }
    .mpp-main-wrapper .mpp-head-img {
        background-color: transparent;
        /* background-color: #292929; */
        /* padding: .2rem; */
        border-radius: 50%;
        /* height: 30px; */
        width: 34px;
        line-height: 30px;
        display: block;
        justify-content: center;
    }
    .mpp-head-text {
        margin-left: 0.5rem;
        font-weight: 600;
        font-size: 0.9rem;
    }
    .mpp-card-body p {
        font-size: 0.8rem;
    }

    #mpp_popup .modal-content {
        border: none;
        border-radius: 8px;
    }

    .mpp-main-wrapper {
        border-radius: 8px;
        background-color: #1b1b1b;
    }

    .mpp-main-content {
        padding: 12px;
    }

    .mpp-main-content h3 {
        font-size: 0.9rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .mpp-main-content p {
        font-size: 0.8rem;
    }

    #mpp_popup {
        z-index: 9999999999;
    }

    .mpp-t-one {
        top: -100px;
        position: absolute;
        width: 55px;
        height: 100px;

        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 2rem;
        left: 120px;
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }

    .mpp-t-main-wrapper span {
        font-size: 0.7rem;
        font-weight: 600;
        text-align: center;
        width: 100%;
        display: block;
    }

    .mpp-t-main-wrapper p {
        font-size: 0.9rem;
        font-weight: 600;
        padding-top: 10px;
        text-align: center;
        font-family: Evogria;
    }

    .mpp-t-img {
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .mpp-t-main-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .mpp-t-two {
        top: -80px;
        position: absolute;
        width: 50px;
        height: 80px;

        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 1.6rem;
        left: 190px;

        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
    }
    .wd2-inpt {
        appearance: none;

        width: 30px;
        height: 30px;
        content: none;
        outline: none;
        margin: 0;
        background-color: transparent;
    }

    .wd2-inpt:checked {
        appearance: none;
        outline: none;
        padding: 0;
        content: none;
        border: none;
    }
    .wd2-inpt:checked::before {
        position: absolute;
        color: #ed4c52 !important;
        content: url(../IMG/withdraw/tick.svg);
        top: 10px;
        left: 10px;
    }

    .wd3-img {
        width: 18px;
    }

    .login-main-wrapper {
        height: 100vh;
    }

    .alert {
        /* margin-left: 10px; */
        /* margin-right: 10px; */
        background-color: #f9bb33;
        border-color: #f9bb33;
        position: absolute;
        top: 20px;
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
        font-size: 13px;
    }
    .dashboard-wrapper {
        /* margin-bottom: 4rem; */
    }

    .pr-p-d p a {
        color: #dd3f8e;
    }

    .othr-page-nav {
        /* width: 10px; */
        position: absolute;
        top: 10px;
        left: 20px;
    }

    .pr-p-edit-img {
        position: absolute;
        right: 20px;
        top: 15px;
    }
    .aj-mb-4 {
        margin-bottom: 4rem;
    }

    /* .inputWithIcon img {
        position: absolute;
        left: 10px;
        top: 16px;

        width: 15px;
        transition: 0.3s;
    } */

    .aj-ser1 {
        display: flex;
        align-items: center;
    }
    .aj-ser1-two {
        margin-left: 10px;
        font-size: 0.8rem;
    }
    .wlt-head-home-img {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .sb-view-head-warp {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    span.sb-view-fil {
        display: block;
        width: 26px;
    }
    .hp-cont-img div {
        width: 19px;
    }
    .lk-sh-img {
        width: 35px;
        margin: 1.5rem auto;
    }
    .slider-list {
        height: calc(100vh - 123px);
        overflow-x: auto;
    }

    .ticket_one span {
        font-size: 0.65rem;
    }
    div#chatMessages {
        margin-bottom: 3rem;
    }
    .no-pre-msg {
        text-align: center;
    }
    /* img.aj-mail-img {
        top: 23px;
        width: 17px;
    } */

    .sb-suc-close {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .aj-t-msg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #e5a12c;
        border-radius: 10px;
        padding: 0.8rem;
        font-size: 0.8rem;
        text-transform: uppercase;
        font-weight: 600;
        z-index: 99999;
    }

    .aj-pt-2 {
        padding-top: 2rem;
    }
    .bd-card.wd2-card:last-child {
        margin-bottom: 11rem;
    }
    .h-graph-head {
        font-size: 1rem;
        font-family: "Evogria";
    }
    .saf-new-wrapper {
        background-color: #292929;
        padding: 4rem 0.8rem 0.8rem;
        position: relative;
        margin: 0 12px;
        border-radius: 8px;
    }
    .sbf-mtl-img {
        width: 40px;
    }
    .sbf-mtl-text-one {
        width: 12px;
    }
    .sbf-m-trans-upper-wrap {
        padding-left: 1rem;
        justify-content: space-around;
    }
    .sbf-mtl-text {
        align-items: flex-start;
    }
    .sbf-mtl-text-two {
        text-align: left;
    }
    .sbf-m-t-l-tabs {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 10px;
        margin-bottom: 10px;
    }
    .sb-aff-new-wrapper {
        padding-top: 5rem;
        margin-bottom: 8rem;
    }
    .ppp-c-text-wrap {
        display: flex;
        flex-direction: column;
    }
    .sbf-sec-head h3 {
        font-size: 0.9rem;
        text-transform: uppercase;
        font-family: "Evogria";
    }
    .sbf-head-text-wrap {
        margin-bottom: 1rem;
    }
    .sbf-mtl-number {
        min-width: unset;
        color: #fff;
        font-weight: 400;
        font-size: 0.7rem;
    }

    .aj-width-100 {
        width: 100%;
    }
    .sbf-star-wrap {
        position: absolute;
        position: absolute;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 200px;
    }
    .wd3-new-text span {
        font-size: 0.7rem;
        display: block;
        margin-bottom: 5px;
    }
    span.wd3-tic-no {
        display: block;
        font-size: 0.65rem;
        font-weight: 300;
        color: #fff;
    }
    input:focus {
        outline: none;
    }
    .reg-main-wrapper {
        height: 100%;
    }
    .head-bell {
        width: 26px;
        margin-right: 23px;
    }
    .aj_value_section {
        padding: 10px 0rem;
    }
    .aj-wlt-tran-wrap {
        flex-direction: column;
    }
    .aj-wlt-tran-inner-wrap {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 12px;
        align-items: center;
    }
    .earning_inner_section {
        width: 100%;
    }
    .aj-fx {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .slab_label_section p {
        font-size: 0.8rem;
    }
    /* onboard */
    #onbd-slider {
        position: relative;
    }
    .onbd-img-wrap {
        width: 100%;
    }

    .onbd-img {
        width: 291px;
        margin-bottom: 4rem;
        margin-left: auto;
    }

    .onbd-text h3 {
        font-size: 1.2rem;
        font-weight: 600;
    }

    .onbd-text p {
        color: #fff;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        width: 75%;
    }
    .nav-btn.onbd-prev-slide {
        display: none;
    }

    .nav-btn.onbd-next-slide {
        border: 1px solid #f9bb22;
        padding: 0.5rem 1.3rem;
        font-size: 0.8rem;
        font-weight: 500;
        border-radius: 12px;
        color: #f9bb22;
    }

    #onbd-slider .owl-dots {
        display: inline-block;
        padding-left: 1.5rem;
    }

    #onbd-slider .owl-nav {
        position: absolute;
        bottom: -65px;
        left: 5px;
    }
    #onbd-slider .owl-dots .owl-dot span {
        background: #60522f;
        width: 8px;
        height: 8px;
        margin: 5px 3px;
    }

    .onbd-text {
        padding-left: 1.5rem;
    }

    #onbd-slider .owl-dots .owl-dot.active span,
    #onbd-slider .owl-dots .owl-dot:hover span {
        background: #f9bb22;
    }

    .nav-btn.onbd-next-slide:focus {
        outline: none;
    }
    a.onbd-skip {
        color: #aaa;
        font-size: 0.9rem;
    }
    a:focus {
        outline: none;
    }

    a:hover {
        text-decoration: none;
    }
    #onbd-slider.owl-nav [class*="owl-"]:hover {
        background: transparent !important;
    }

    .ds-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .ds-head h3 {
        font-size: 0.85rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .ds-fl-tabs {
        display: flex;
    }
    .ds-tab:last-child {
        margin-left: 5px;
    }
    #ds-slider .owl-dots .owl-dot span {
        background: #60522f;
        width: 8px;
        height: 8px;
        margin: 5px 3px;
    }

    .onbd-text {
        padding-left: 1.5rem;
    }

    #ds-slider .owl-dots .owl-dot.active span,
    #ds-slider .owl-dots .owl-dot:hover span {
        background: #f9bb22;
    }

    .gtab {
        display: none;
    }
    .gtab.active {
        display: block;
    }
    .ajhide {
        display: none;
    }
    .ajactive {
        display: block;
    }
    .aj-d-footer-h-home {
        width: 38px;
    }
    .head-user-text span:last-child,
    .slider-profile-data p:nth-child(3) {
        font-weight: 400;
        font-family: russoone;
    }
    .aj-new-cal-icon {
        width: 12px;
    }
    .wlt-tran-date {
        display: flex;
        align-items: baseline;
    }
    input.wlt-date {
        margin-left: 3px;
    }

    .dsr-head {
        /* background-color: 262626; */
        display: flex;
        justify-content: space-around;
        background: #262626;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 4px 4px 0px 4px;
        /* padding: 6px 3px; */
    }
    .dsr-head-item {
        font-size: 0.7rem;
        width: 100%;
        text-align: center;
        height: 100%;
        padding: 10px 2px;
    }
    .dsr-body {
        background: #1f1f1f;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 15px 8px;
        border-radius: inherit;
    }

    .dsr-earn {
        margin: 0;
        background: linear-gradient(91.38deg, #222222 0.55%, #141414 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; */
    }
    .drs-btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        background: linear-gradient(91.38deg, #222222 0.55%, #121212 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;
        margin-top: 1.5rem;
    }
    .dsr-btn-img {
        width: 34px;
    }
    .dsr-btn-text {
        font-size: 1.3rem;
        font-weight: 600;
        color: #fff;
        margin-left: 5px;
        text-transform: capitalize;
    }
    .dsr-head-item-mid {
        border-right: 1px solid #333333;
        border-left: 1px solid #333333;
    }
    .dsr-active {
        background-color: #f9bb22;
        /* border-radius: inherit; */
    }
    .prm-one {
        padding: 8px;
        background: linear-gradient(180deg, #1a1a1a 0%, #202020 100%);
        box-shadow: inset 0px 0px 24px rgb(147 147 147 / 5%);
        border-radius: 12px;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100px;
        background-position: center;
        margin-bottom: 1rem;
    }
    .prm-one.prm-two {
        height: 150px;
        background-size: contain;
    }
    #prm-slider .owl-stage {
        padding-left: 0px !important;
    }
    .pd-popup-wrap .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    .set-pop-text-wrap p {
        font-size: 0.9rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .all-ply-content-head {
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .all-ply-content-head-item {
        padding: 15px 10px;
        text-align: center;

        border-radius: inherit;
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase;
    }
    .all-ply-content-body {
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        padding: 2px;
    }
    .all-ply-body-item {
        margin-top: 10px;
        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;
    }
    .apb-one {
        display: flex;
        width: 100%;
        /* padding: 10px; */
        align-items: center;
    }
    .apb-one-img {
        width: 34px;
    }
    .apb-one-text {
        font-size: 0.8rem;
        margin-left: 5px;
    }
    .apb-two {
        width: 50%;
        text-align: center;
        font-size: 0.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .apb-three {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: flex-end;
    }

    .apb-three-numb {
        font-size: 0.8rem;
        min-width: 58px;
        text-align: right;
        color: #f9bb22;
    }
    .apb-three-view {
        border: 1px solid #f9bb22;
        font-size: 0.8rem;
        padding: 5px;
        border-radius: 5px;
        color: #f9bb22;
        margin-left: 8px;
        text-transform: uppercase;
    }
    .pb-pop-head {
        background: linear-gradient(90deg, #232323 0%, #232323 100%);
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius: 12px 12px 0 0;
    }
    .pb-head-item {
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        padding: 15px 10px;
        font-weight: 600;
    }
    .pb-pop-body {
        background: #212121;
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        padding: 1px;
    }
    .pb-con-item {
        /* margin-top: 10px; */
        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 10px 25px 10px;
        padding: 10px;
        align-items: center;
    }
    .pb-con.one {
        width: 100%;
        text-align: center;
        font-size: 0.9rem;
        font-weight: 600;
    }
    .pb-con.two {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pb-con-inner-img {
        width: 35px;
    }
    .pb-con-inner-text {
        font-size: 0.8rem;
    }
    .pb-con.three {
        width: 100%;
        text-align: center;
        position: relative;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: -36px;
        left: -51px;
    }
    .ds-share-img {
        position: absolute;
        bottom: 35px;
        right: 50px;
        width: 80px;
    }
    .ds-img,
    .ds-tab {
        position: relative;
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #4a4a4a;
        opacity: 0.8;
    }
    .ds-tab .overlay {
        display: none;
    }

    .ds-tab.active .overlay {
        display: block;
    }
    .aj-dsr-earn {
        background: none;
    }
    .aj-set_section1 {
        background: linear-gradient(110.67deg, #262626 4.22%, #111111 99.01%);
        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%);
        margin: 5px;
        border-radius: 8px;
    }

    .onbd-main-text-wrap {
        position: absolute;
        transform: rotate(-90deg);
        top: 110px;
        left: -90px;
    }
    .onbd-main-text-inner-wrap {
        position: relative;
    }
    .onbd-n-font {
        font-family: Nostromo;
        font-size: 3rem;
        color: #f9bb22;
    }
    .onbd-b-font {
        position: absolute;
        font-family: TheBlackheads;
        font-size: 2.3rem;
        top: 38px;
        left: 80px;
        width: 100%;
    }
    .onbd-b-font-numb {
        left: 204px;
    }
    .onbd-b-font-now {
        left: 235px;
    }
    /* .new-wd-rupee {
        top: 3px;
    } */
    .page-link {
        position: relative;
        display: block;
        padding: 5px 8px !important;
        margin-left: -1px;
        line-height: 1.25;
        color: #fff !important;
        background-color: #262626;
        font-size: 0.9rem;
        border: 1px solid #0000;
        margin: 1px;
        border-radius: 3px;
    }
    span.aj-new-pop-date {
        margin-bottom: 0;
        font-size: 0.7rem;
    }
    .new-ppp-date-wrap {
        margin-top: 2rem;
    }
    .lk-sh-img {
        display: flex;
        width: 100px;
        margin: 25px auto;
        align-items: center;
        justify-content: space-between;
        /* margin: 1.5rem auto; */
    }
    .aj-sb-aff-close {
        width: 55px;
        position: absolute;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
    }
    .aff-new-pop-main .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 2rem 0.8rem 0.8rem;
    }

    div.aff-new-pop-main {
        /* padding-top: 4rem; */
    }
    .mpp-stars-wrap {
        position: absolute;
        top: -133px;
        left: 50%;
        transform: translateX(-50%);
        width: 260px;
    }
    .jgtab {
        display: none;
    }
    .jgtab.active {
        display: table;
    }
    /* effect */
    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%;

        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-effect {
        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;
    }
    .ll-mt-4 {
        margin-top: 4rem;
    }
    .ll-mt-5 {
        margin-top: 5rem;
    }

    .aj-on-btn-wrap {
        position: absolute;
        bottom: 82px;
        left: 32px;
    }
    button.aj-on-btn {
        border: 1px solid #f9bb22;
        padding: 0.5rem 1.3rem;
        font-size: 0.8rem;
        font-weight: 500;
        border-radius: 12px;
        color: #f9bb22;
        background-color: #141414;
    }
    .aj-hide {
        display: none !important;
    }
    .aj-show {
        display: block !important;
    }
    .aj-fixed {
        position: fixed;
        top: 60px !important;
        left: 0;
        width: 100%;
    }
    .aj-alp-fixed {
        position: fixed;
        top: 10;
        left: 0;
        width: 100%;
    }
    .aj-wal-sticky-wrapper.aj-fixed {
        margin-top: 0 !important;
        background-color: #171717;
        z-index: 999;
    }
    .more_btn:focus {
        outline: none;
    }
    .aj-al-player-fixed.aj-fixed {
        background-color: #161616;
        padding: 12px;
    }
    .all-ply-content-warp {
        padding-bottom: 3rem;
    }

    section.wlt-head-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #171717;
        z-index: 999;
        height: 60px;
    }
    .wlt-tran-wrapper-height {
        height: 55px;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 115px;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    .all-ply-tab-head-fxd {
        position: fixed;
        top: 262px;
        left: 0;
        width: 100%;
    }
    .aj-mt-60 {
        margin-top: 110px;
    }
    .wlt-m-trans-wrap {
        padding-bottom: 6rem;
    }
    .aj-al-player-fixed.aj-alp-fixed {
        padding: 0 10px;
        background-color: #171717;
    }
    .all-ply-content-body {
        margin-bottom: 5rem;
    }
    p.aj-fgp-text {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        line-height: unset;
        text-align: center;
        text-align: center;
    }
    .aj-ld-more-wrap {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: center;
    }
    .aj-ld-more {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 0.8rem;
        font-weight: 600;
        background-color: #f9ab30;
        border-color: #f9ab30;
    }
    .aj-d-footer-h-home {
        position: absolute;
        top: -17px;
        left: -7px;
    }
    .ds-img {
        width: 100%;
        height: 500px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .bd-card-button-wrap.pd-12 {
        margin-bottom: 3rem;
    }
    .onbd-btn-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin-top: 3rem;
    }
    a.onbd-btn {
        border-radius: 10px;
        padding: 0.6rem 1.4rem;
        border: 1px solid #f9bb22;
        font-size: 0.8rem;
        color: #f9bb22;
    }
    .onboard-wrapper {
        height: 100vh;
    }
    button:focus {
        outline: none;
    }
    .otp-timer-wrap {
        text-align: center;
    }
    span#countdown {
        /* font-size: 0.7rem; */
        color: #f9bb33;
        letter-spacing: 0.1rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
        line-height: 25px;
    }
    /* new */
    .head-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: #171717;
    }
    /* .dashboard-wrapper {
        height: 100vh;
        position: relative;
    }
    section.home-tab-wrap {
        position: absolute;
        width: 100%;
        top: 14%;
    }
    section.wel-wrapper {
        position: absolute;
        width: 100%;
        top: 33%;
    }
    section.d-slide-wrap {
        position: absolute;
        width: 100%;
        top: 45%;
    }
    section.details-wrapper {
        position: absolute;
        top: 77%;
        width: 100%;
    } */
    .home-tab {
        padding: 2rem;
        margin-bottom: 15px;
    }
    .wel-wrap {
        padding: 3rem 1.5rem 1.5rem 1.5rem;
    }
    .wel-star-wrap {
        width: 90px;
    }
    .ds-header {
        margin-bottom: 1rem;
    }
    .ds-head h3 {
        font-size: 2rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .home-tab-text span:first-child {
        font-size: 1.4rem;
        font-weight: 600;
        text-transform: uppercase;
    }
    .ds-tab {
        width: 27px;
    }
    .dsr-head-item {
        padding: 18px 5px;
        font-size: 1.25rem;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .aj-set_section1 {
        margin: 20px 10px;
        padding: 20px 20px 30px 21px;
    }
    .aj-set_section1 img {
        max-width: 40px;
        min-height: 18px;
    }
    .aj-set_section1:last-child {
        font-size: 0.65rem;
    }
    .drs-btn-wrap {
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 25px;
    }
    .details-tab {
        padding: 1.5rem;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
    }
    .slider-profile-data p {
        padding-bottom: 3px;
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: right;
        padding-right: 15px;
    }
    .aj-all-ply-content-head {
        padding-right: 2.3rem;
    }
    .aj-na{
        color: #f9bb22;
    }
    .wallet-wrapper{
        position: relative;
    }

    #lg-see-pwd img,#rg-see-pwd img,#aj-rest-pwd img,#cs-see-pwd img{
        position: unset;
        left:unset;
        top: unset;
        width: 100%;
        transition: 0.3s;
    }
    #lg-see-pwd .slash-eye, #rg-see-pwd .slash-eye,#aj-rest-pwd .slash-eye,#cs-see-pwd .slash-eye{
        top: 1px !important;
    }
    div#lg-see-pwd,div#rg-see-pwd,div#aj-rest-pwd,div#cs-see-pwd {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    .pr-pp-new-wrap {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pr-pp-new-wrap-text {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        margin-left: 10px;
    }
    .pr-pp-img-text {
        margin-left: 10px;


        margin-right: 8px;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        margin-left: 10px;
    }
    .set-pop-text-wrap p{
        margin-bottom: 10px;
    }
    .set-pop-inner-wrap span {
        /* font-size: 0.75rem; */
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 8px;
    }

    .ds-share .modal-content{
        border: none;
    }

    .ds-share .modal-body .lk-share-wrap {
        height: 60px;
    }
    .ds-share .modal-body{
        background-color: #171717;
    }

    .ds-share .share-btn-close{
        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;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    .ds-share .share-btn-close span{
        margin: auto;
    }
    .aj-new-bd-fxd {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #171717;
    }
    .bd-card:last-child {
        margin-bottom: 8rem;
    }
    .sidebar-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: rgba(0,0,0,0.8);
        display: none;
    }

    /* jut */
    .wlt-bal-img-two {
        position: absolute;
        height: 91px;
        width: 91px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg
            , #ffffff 11.58%, #31bccf 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wlt-bal-text-wrap p {
        font-size: 2rem;
        font-weight: 600;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wlt-bal-text-wrap h2 {
        font-weight: 400;
        font-family: impact;
        display: flex;
        align-items: baseline;
        font-size: 65px;
    }
    .wlt-bal-text-wrap h2 span {
        width: 43px;
    }
    .wlt-tab {
        position: relative;
        width: 100%;
        height: 125px;
    }
    .wlt-tab-one {
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 125px;
        width: 125px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-tab-two {
        height: 100px;
        width: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(
            135.25deg
            , rgba(83, 83, 83, 0) 8.59%, #282828 94.56% );
        border: 0.2px solid #545454;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        border-radius: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wlt-tab-img {
        width: 55px;
    }
    span.wlt-tab-text {
        font-size: 1.1rem;
        position: absolute;
        font-weight: 600;
        bottom: -43px;
        color: #fff;
        width: 125px;
        text-align: center;
    }
    .wlt-tran-text {
        font-size: 2rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    section.pd-12.wlt-tran-wrapper {
        margin-top: 1rem;
    }
    .wlt-tran-date-wrap {
        background: #212121;
        border-radius: 7px;
        padding: 8px 12px;
        /* color: #fff; */
    }
    input.wlt-date {
        margin-left: 10px;
    }
    input.wlt-date {
        width: 190px;
        font-size: 1rem;
        padding: 2px;
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }
    .wlt-m-trans-upper-wrap {
        padding: 2rem;
        /* padding-left: 5em; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(
            90deg
            , #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: center;
        padding-right: 15px;
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 1.4rem;
        font-weight: 600;
        width: 100%;
        text-align: center;
    }
    .wlt-m-t-l-wrap {
        background: linear-gradient(
            90deg
            , #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 25px;
        margin-bottom: 10px;
    }
    .wlt-mtl-text-one {
        font-size: 1.2rem;
        width: 130px;
        text-align: center;
        /* text-align: center; */
    }
    .wlt-mtl-text-two {
        width: 130px;
        text-align: center;
    }
    .wlt-mtl-img {
        width: 35px;
        margin-right: 15px;
    }
    .wlt-mtl-date {
        font-size: 1rem;
        font-weight: 500;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wlt-mtl-dots-new {
        width: 30px;
        margin-top: 8px;
    }
    .wlt-mtl-number {
        min-width: 150px;
        text-align: right;
        color: #f9bb22;
        font-size: 1.4rem;
        font-weight: 600;
    }
    .wlt-mtl-text-two {
        font-size: 1rem;
    }
    .wlt-tran-wrapper-height {
        height: 90px;
    }
    .aj-fixed {
        position: fixed;
        top: 110px !important;
        left: 0;
        width: 100%;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 190px;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    section.wlt-head-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #171717;
        z-index: 999;
        height: 110px;
    }
    .wlt-head-img img {
        max-width: 100px;
    }
    h4.wlt-head-text {
        font-size: 1.5rem;
        /* font-weight: 600; */
        text-transform: capitalize;
        margin-bottom: 0;
    }
    .wd1-card {
        border-radius: 12px;
        padding: 2rem;
        position: relative;
        margin-bottom: 1rem;
    }
    .wd1-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 1rem;
    }
    .wd1-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 100px;
        width: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd1-img-two {
        position: absolute;
        height: 80px;
        width: 80px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd1-text-wrap h3 {
        font-size: 2rem;
        font-weight: 600;
        margin-left: 28px;
        color: #fff;
        margin-bottom: 0;
    }
    .wd1-bg-img {
        width: 90px;
        position: absolute;
        bottom: 40px;
        right: 50px;
    }
    p.wd1-text {
        font-size: 1.5rem;
    }
    .wlt-head-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
        width: 70px;
    }
    .wlt-head-home-img {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 60px;
    }
    .wd1-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 2rem;
    }
    .bd-heading-wrap h2 {
        font-family: "Evogria";
        font-size: 1.5rem;
        color: #f9bb22;
    }
    .aj-pt-2 {
        padding-top: 3rem;
    }
    .bd-card-header {
        padding: 2rem;
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
        position: relative;
    }
    .bd-card-body {
        padding: 4rem 2rem;
        position: relative;
    }
    .wd2-tick-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 75px;
        width: 75px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd2-tick-img-two {
        position: absolute;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd2-inpt:checked::before {
        position: absolute;
        color: #ed4c52 !important;
        content: url(../IMG/withdraw/tick.svg);
        top: 19px;
        left: 18px;
    }
    .bd-card-header h2 {
        font-size: 1.5rem;
        font-weight: 600;
        padding-left: 1rem;
        margin-bottom: 0;
        color: #fff;
    }
    .bd-card-body-content p {
        margin-bottom: 0;
        color: #fff;
        font-size: 1.3rem;
    }
    .bd-card-body-img {
        position: absolute;
        width: 125px;
        right: 50px;
        top: 25px;
    }
    .bd-card.wd2-card:last-child {
        margin-bottom: 15rem;
    }
    .bd-card-button-wrap.pd-12 {
        margin-bottom: 0;
    }
    .lg-btn {
        width: 100%;
        border: none;
        padding: 1rem;
        font-weight: 400;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-size: 1.6rem;
    }
    .wd2-card {
        margin-bottom: 4rem;
    }
    .wd3-card {
        padding: 4rem 2rem;
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-radius: 12px;
        position: relative;
    }
    .wd3-img-wrap {
        position: relative;
        width: 70px;
        height: 70px;
        margin-right: 18px;
    }
    .wd3-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd3-img-two {
        position: absolute;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd3-img {
        width: 29px;
    }
    .wd3-content-wrap h3 {
        font-size: 1.8rem;
        font-weight: 600;
    }
    .wd3-content-wrap p {
        font-size: 1.2rem;
        margin-bottom: 0;
    }
    .wd3-content-wrap p {
        font-size: 1.2rem;
        margin-bottom: 0;
        text-transform: uppercase;
    }
    .wd3-bank-img {
        position: absolute;
        width: 110px;
        right: 53px;
        bottom: 64px;
    }

    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        width: 100%;
        border: none;
        border-radius: 8px;
        /* margin: 8px 0; */
        outline: none;
        padding: 30px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 1.5rem;
        color: #fff;
    }
    /* .inputWithIcon img {
        position: absolute;
        left: 10px;
        top: 34px;
        width: 18px;
        transition: 0.3s;
    } */
    .wd3-amt-wrapper {
        margin: 3rem 2rem;
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 35%;
    }
    .wd3-amt-heading {
        font-size: 1.3rem;
        /* margin-bottom: 1rem; */
    }
    .wd3-amt {
        margin-top: 1rem;
        font-size: 60px;
        font-weight: 600;
        color: #f9bb22;
        /* font-family: "Poppins", sans-serif; */
    }
    .set-pop-img-wrap div:first-child {
        background: linear-gradient(
            113deg
            , rgba(41, 41, 41, 0.6) 11.58%, rgba(49, 49, 49, 0.6) 96.03% );
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 120px;
        width: 120px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .set-pop-img-wrap div:last-child {
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 100px;
        width: 101px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .set-pop-text-wrap h4 {
        font-size: 2rem;
        text-align: center;
        margin-top: 1rem;
        font-weight: 600;
        /* font-family: Evogria; */
    }
    .set-pop-text-wrap span {

        width: 100%;
        text-align: center;
        display: block;
        font-size: 1.1rem;
        /* color: #03b515; */
        margin-bottom: 1rem;
    }
    .set-pop-text-wrap div h3 {
        font-size: 1.2rem;
        color: #f9bb22;
    }
    .set-pop-text-wrap p {
        font-size: 1.1rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .set-pop-inner-wrap span {
        /* font-size: 0.75rem; */
        font-weight: normal;
        font-size: 16px;
        line-height: 12px;
        margin-bottom: 8px;
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 25px;
        z-index: 999;
        height: 100px;
    }
    .aj-new-bd-fxd {
        position: fixed;
        bottom: 100px;
        width: 100%;
        background-color: #171717;
    }
    .d-footer-item-img {
        width: 38px;
    }
    .aj-d-footer-h-home {
        position: absolute;
        top: -24px;
        left: -7px;
    }
    .bd-card:last-child {
        margin-bottom: 13rem;
    }
    /* .bdc-new img {
        position: absolute;
        left: 15px;
        top: 28px;
        width: 23px;
        transition: 0.3s;
    } */
    .inputWithIcon .lg-input {
        padding-left: 60px;
        margin-bottom: 18px;
    }
    .aj-d-footer-h-home {
        width: 55px;
    }
    .pr-p-card-top {
        background: linear-gradient(
            144.19deg
            , #fd5914 2.77%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        /* border-radius: 12px; */
        padding: 4rem 2rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .pr-p-t-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 105px;
        width: 105px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-p-t-two {
        position: absolute;
        height: 91px;
        width: 91px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        background-color: #fff;
    }
    .pr-p-edit-img {
        position: absolute;
        right: 20px;
        top: 15px;
        width: 70px;
    }
    .pr-p-t-text {
        margin-top: 12px;
        font-weight: 600;
        font-size: 22px;
    }
    .pr-p-d p {
        font-weight: 400;
        /* color: #dd3f8e; */
        font-size: 1.1rem;
    }
    .pr-pp-card {
        padding: 2rem;
    }
    .pr-pp-new-wrap-text {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 23px;
        line-height: 15px;
        margin-left: 10px;
    }
    .pr-pp-img-text {
        margin-left: 10px;
        margin-right: 30px;
        font-weight: 600;
        font-size: 20px;
        line-height: 15px;
        margin-left: 10px;
    }
    .pr-pp-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-pp-img-two {
        position: absolute;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .pr-pp-img {
        width: 29px;
    }
    .pr-tab {
        background: linear-gradient(
            90deg
            , #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        padding: 2rem;
        margin-bottom: 10px;
    }
    .pr-tab-text {
        margin-left: 1rem;
        font-size: 1.3rem;
        color: #fff;
    }
    .pr-tab-img {
        width: 32px;
    }
    .pr-p-bg-2 {
        position: absolute;
        top: 0;
        left: 50px;
        width: 200px;
    }
    .pr-p-bg-1 {
        position: absolute;
        bottom: -32px;
        left: 0;
        width: 100px;
    }
    .pr-p-bg-3 {
        position: absolute;
        right: 0;
        width: 198px;
        top: 0;
    }
    .lg-top-bg {
        height: 700px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 25px;
        color: #f9bb22;
        font-size: 60px;
    }
    /* .sig-icon-img img {
        position: absolute;
        left: 16px;
        top: 23px;
        width: 24px;
        transition: 0.3s;
    } */
    .aj-bd-btn {
        border: 1px solid #F9BB22 !important;
        font-size: 24px;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-weight: 500;
        padding: 1.5rem;
    }
    .bg_icon2 {
        position: absolute;
        top: 54px;
        left: -22px;
        width: 200px;
    }
    .lg-lower-wrap a {
        color: #fff;
        font-size: 22px;
        display: block;
        text-align: center;
        margin-top: 1rem;
        padding-bottom: 10px;
    }
    .lg-lower-wrap span {
        display: block;
        text-align: center;
        font-size: 22px;
    }
    .lg-lower-wrap span a {
        display: inline;
        text-align: center;
        font-size: 22px;
        margin: 0;
        color: #f9bb22;
    }
    div#lg-see-pwd, div#rg-see-pwd,div#aj-rest-pwd,div#cs-see-pwd {
        position: absolute;
        right: 15px;
        top: 50%;
        width: 40px;
        transform: translateY(-50%);
    }
    .inputWithIcon i {
        position: absolute;
        left: 10px;
        top: 32px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
    }
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;
        border-radius: 12px;
        width: 100%;
        height: 200px;
        align-items: center;
        margin-bottom: 20px;
    }
    .hp-main-img-wrap {
        position: relative;
        width: 100px;
    }
    .hp-main-img-one {
        border-radius: 50%;
        height: 100px;
        width: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.3);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .hp-main-img-two {
        position: absolute;
        height: 80px;
        width: 80px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg
            , rgba(255, 255, 255, 0.54) 11.58%, #ffffff 96.03% );
    }
    .hp-main-img {
        width: 46px;
    }
    .hp-main-name-wrap span {
        font-size: 1.5rem;
        font-weight: 600;
    }
    .hp-main-content-wrap {
        border-radius: 5px;
        padding: 10px 12px;
    }
    .hp-main-content-wrap span {
        font-size: 1.3rem;
        font-weight: 600;
        color: #fff;
    }
    .hp-cont {
        width: 49%;
        height: 200px;
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px;
    }
    .hp-cont-img {
        position: absolute;
        height: 70px;
        width: 70px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        align-items: center;
    }
    .hp-cont-img div {
        width: 32px;
    }
    .hp-cont-name span {
        font-size: 1.3rem;
        font-weight: 600;
    }
    .hp-cont-numb span {
        font-size: 1.2rem;
    }

    .lk-cp-wrap {
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 130px;
        display: flex;
        justify-content: center;
        position: relative;
        align-items: center;
        width: 100%;
    }
    .lk-cp p {
        color: #f9bb22;
        font-size: 1.3rem;
    }
    .lk-sh-img {
        display: flex;
        width: 75px;
        margin: 25px auto;
        align-items: center;
        justify-content: space-between;
        /* margin: 1.5rem auto; */
    }

    .lk-sh-img a{
        display: block;
        width: 100px;
    }
    .lk-sh-wrap span {
        font-size: 1.3rem;
        display: block;
        line-height: 1.4;
    }
    .lk-share-bg {
        position: absolute;
        height: 100px;
        width: 100px;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -45px;
        font-size: 1rem;
        text-align: center;
        width: 100%;
    }

    .lk-share-img {
        width: 50px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -80px;
        font-size: 1rem;
        text-align: center;
        width: 100%;
    }
    .lk-share-tab {
        position: relative;
        width: 100px;
    }
    .lk-bg-wrap {
        position: relative;
        width: 250px;
        height: 250px;
        margin: 9rem auto;
    }
    .lk-bg-one {
        background: linear-gradient(
            146.03deg
            , rgba(253, 89, 20, 0.1) 0%, rgba(202, 48, 209, 0.1) 100% );
        position: absolute;
        height: 350px;
        width: 350px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-two {
        background: linear-gradient(
            146.03deg
            , rgba(253, 89, 20, 0.1) 0%, rgba(202, 48, 209, 0.1) 100% );
        position: absolute;
        height: 310px;
        width: 310px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-three {
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        position: absolute;
        height: 282px;
        width: 282px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lk-cp-img-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 45px;
    }
    .lk-bg-stars {
        position: absolute;
        width: 385px;
        top: -47px;
        left: -70px;
    }


    /* GS */

    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
    .set-pop-text-wrap h4{
        font-size: 2rem;
    }
    .set-pop-text-wrap span{
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .set-pop-text-wrap div h4 {
        font-size: 1.8rem;
    }
    #withdraw_popup .modal-content {
        padding: 4rem 2.5rem 2.5rem;
    }
    .set-pop-text-wrap div h3{
        font-size: 1.8rem;
    }
    .set-pop-text-wrap p {
        font-size: 1.8rem;
    }
    .set-pop-close-btn{
        width: 70px;
        line-height: 70px;
        display: flex;
        height: 70px;
        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;
        bottom: -80px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    .set-pop-inner-wrap{
        padding: 1.5rem;
    }
    #player_popup .modal-content {
        padding: 4rem 1.8rem 1.8rem;
    }
    .ppp-date-inner-wrap {
        width: 100%;
        max-width: 240px;
        text-align: center;
    }
    .ppp-c-text-wrap span:first-child {
        font-size: 1.3rem;
        margin-bottom: 0;
        line-height: 1.5rem;
    }
    #player_popup_addition .aj-new-cal-icon {
        width: 20px;
    }
    .ppp-content-wrapper {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #313131;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 25px 20px;
    }
    .ppp-c-text-wrap span:last-child {
        font-size: 1.2rem;
        text-align: left;
        font-weight: 700;
        line-height: 1.8rem;
    }
    .ppp-c-img {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 10px;
        margin-top: -15px;
    }
    .ppp-c-img-bg{
        height: 45px;
        width: 45px;
    }
    .ppp-c-img-icon{
        width: 30px;
    }
    .ppp-date-inner-wrap input.wlt-date {
        margin-left: 5px;
    }



    .filter_popup .modal-dialog {
        position: fixed;
        bottom: 0;
        top: 50%;
        left: 50%;
        right: 0;
        transform: translate(-50%, -50%) !important;
        width: 100%;
    }
    .sort_section h4{
        font-size: 24px;
        line-height: 30px;
    }
    .sort_section a {
        font-size: 20px;
        padding: 10px 20px 10px 20px;
    }
    .set-pop-close-btn1 {
        width: 80px;
        line-height: 80px;
        display: flex;
        height: 80px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
    }
    .ul_filter li {
        padding: 15px;
        font-style: normal;
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
    }
    .un_check_img, .check_img {
        max-width: 20px;
        margin-right: 15px;
    }
    .alert {
        width: 95%;
        font-size: 18px;
        padding: 1rem 2rem;
    }
    .mpp-head-text {
        margin-left: 0.5rem;
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 3rem;
    }
    .mpp-main-wrapper .mpp-head-img{
        width: 50px;
    }
    .mpp-card-head{
        padding: 1.2rem;
    }
    .mpp-main-wrapper .mpp-head-img{
        width: 50px;
    }
    .mpp-card-body p {
        font-size: 1.2rem;
    }
    .mpp-card{
        padding: 20px 25px;
    }
    .mpp-main-content {
        padding: 20px 25px;
    }
    .mpp-main-content h3 {
        font-size: 1.5rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .mpp-main-content p {
        font-size: 1.2rem;
    }
    .mpp-t-main-wrapper span {
        font-size: 1rem;
        font-weight: 600;
        text-align: center;
        width: 100%;
        display: block;
    }
    .mpp-t-main-wrapper p {
        font-size: 1.2rem;
        font-weight: 600;
        padding-top: 10px;
        text-align: center;
        font-family: Evogria;
    }
    .mpp-t-one {
        top: -180px;
        position: absolute;
        width: 70px;
        height: 180px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 2rem;
        left: 250px;
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }
    .mpp-t-two {
        top: -130px;
        position: absolute;
        width: 70px;
        height: 130px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 1.6rem;
        left: 340px;
        background: linear-gradient(
            146.03deg
            , #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
    }
    .mpp-stars-wrap {
        position: absolute;
        top: -255px;
        left: 50%;
        transform: translateX(-50%);
        width: 500px;
    }
    .mpp-main-wrapper .mpp-head-img {
        width: 80px;
        height: 80px;
    }
    .pb-head-item {
        width: 100%;
        text-align: center;
        font-size: 1.2rem;
        padding: 15px 10px;
        font-weight: 600;
    }
    .pb-con-item {
        padding: 20px;
    }
    .pb-con.one {
        font-size: 1.5rem;
    }
    .pb-con-inner-text {
        font-size: 1.5rem;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: 0;
        left: -51px;
    }
    .pb-pop-body{
        font-size: 1.5rem;
    }
    .onbd-n-font {
        font-family: Nostromo;
        font-size: 3.2rem;
        color: #f9bb22;
    }


    .onbd-img {
        width: 690px;
        margin-bottom: 4rem;
        margin-left: auto;
    }
    .onbd-text h3 {
        font-size: 3rem;
        font-weight: 600;
    }
    .onbd-text p {
        font-size: 22px;
        line-height: 20px;
    }
    a.onbd-btn {
        font-size: 1.2rem;
    }

    .onbd-main-text-wrap {
        position: absolute;
        transform: rotate(
            -90deg
        );
        top: 230px;
        left: -183px;
    }
    .onbd-b-font {
        position: absolute;
        font-family: TheBlackheads;
        font-size: 4rem;
        top: 71px;
        left: 152px;
        width: 100%;
    }
    .onbd-text {
        padding-left: 3.5rem;
    }
    #onbd-slider .owl-dots {
        display: inline-block;
        padding-left: 3.5rem;
    }

    .onbd-btn-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin-top: 2rem;
    }
    .onbd-b-font-now {
        left: 300px;
    }
    .onbd-n-font {
        font-family: Nostromo;
        font-size: 6.2rem;
        color: #f9bb22;
    }
    .onbd-main-text-wrap {
        position: absolute;
        transform: rotate(
            -90deg
        );
        top: 230px;
        left: -180px;
    }
    .aj-sb-bg {
        width: 100%;
        height: 500px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    li.parsley-required,.parsley-type {
        position: absolute;
        font-size: 22px;
        bottom: 5px;
        right: 0;
    }
    .lg-inputWithimg {
        position: absolute;
        left: 23px;
        top: 41%;
        color: #fff;
        transition: 0.3s;
        transform: translateY(-50%);
        width: 20px;
    }
    .inputWithIcon i {
        position: absolute;
        left: 14px;
        top: 29px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
        font-size: 24px;
    }
    .aj-n-mb-slider{
        padding-bottom: 7rem;
    }
    .top_logo {

        width: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 150px;
        max-width: 150px;
        text-align: center;
    }
    .hp-main-content-wrap span{
        font-size: 15px;
    }
    .modal-backdrop {
        opacity: .9 !important;
    }
    .pd-popup-wrap .modal-content{
        border-radius:15px;
    }
    .aj-bkk-ed-wrap {
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
    }

    a.aj-ed-d-icon {
        display: block;
        width: 40px;
    }

    a.aj-ed-d-icon.aj-bnk-delete-icon {
        margin-left: 8px;
    }
    p.mb-3.aj-bep-text {
        color: #fff;
        font-size: 14px !important;
        text-align: center;
    }

    button.aj-bep-btn {
        border: none;
        background: linear-gradient(
            270deg
            , #C6A21A 0%, #F4A100 70.31%, #956204 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 14px 20px;
        font-size: 20px;
        color: #fff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin-bottom: 2rem;
    }
    .aj-chat-dec-wrap {
        color: #fff !important;
        font-size: 18px !important;
        font-weight: 500;
        text-align: center;
    }
    a.ajreadmore {
        font-size: 15px;
        color: #F9BB22;

    }
    .aj-dg-lock-icon {
        width: 20px;
        margin: auto;
    }
    .aj-nw-upd-t {
        position: absolute;
        right: 90px;
        bottom: 30px;
        font-size: 17px;
        color: #f9bb33;
    }

}


@media only screen and (max-width: 768px) {

        .onbd-download-btn-wrapper {
        margin-top: 1rem;
    }

    .onbd-download-btn-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin-top: 3rem;
    }
    a.onbd-download-btn {
        border-radius: 10px;
        padding: 0.6rem 1.4rem;
        border: 1px solid #f9bb22;
        font-size: 0.8rem;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .onbd-download-btn img{
        height: 15px;
        margin-right: 20px;
      }



    .not-dot {
        position: absolute;
        font-size: 6px;
        font-weight: 600;
        width: 15px;
        height: 15px;
        background-color: red;
        border-radius: 50%;
        line-height: 15px;
        top: -8px;
        left: 8px;
        text-align: center;
    }
    /* ==============================
        Dashboard
    ================================*/
    .main-wrapper {
        width: 100%;
        /* margin: 0 auto; */
        /* margin-bottom: 5rem; */
    }
    .head-user-img {
        width: 50px;
        background-color: #242424;
        border-radius: 50%;
    }
    .head-user-wrap {
        display: flex;
        align-items: center;
    }
    .head-user-text {
        display: flex;
        flex-direction: column;
    }
    .head-user-text span:first-child {
        font-size: 1.1rem;
        min-width: 50px;
        text-align: right;
    }

    .head-user-text span:last-child {
        color: #f9bb22;
        font-size: 1.1rem;
        text-align: right;
    }

    .head-bars {
        width: 65px;
    }
    .head-wrap {
        padding: 20px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
        height: 110px;
        align-items: center;
    }

    .home-tab {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: 48%;
        border-radius: 10px;
        padding: 7px;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .home-tab-text span:first-child {
        font-size: 0.6rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .home-tab-text span:last-child {
        font-size: 1.8rem;
    }

    .home-tab-text {
        text-align: right;
        display: flex;
        flex-direction: column;
    }

    .home-tab-wrap {
        padding: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* margin-bottom: 1rem; */
    }
    .home-tab-wrap a{
        display: contents;
        color: #fff!important;
    }
    .home-tab-img {
        width: 60px;
    }

    .wel-star {
        display: block;
        width: 10px;
        position: absolute;
    }

    .wel-main-wrap {
        height: 190px;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    span.wel-star.one {
        top: 10px;
        left: 22%;
        width: 3px;
    }
    span.wel-star.two {
        top: 2px;
        left: 16%;
        width: 3px;
    }
    span.wel-star.three {
        top: -5px;
        left: 50%;
        width: 4px;
    }
    span.wel-star.four {
        top: 20px;
        left: 80%;
        width: 4px;
    }
    span.wel-star.five {
        top: 15px;
        left: 57%;
        width: 6px;
    }
    span.wel-star.six {
        top: 30px;
        left: 62%;
        width: 4px;
    }

    .wel-wrap {
        background: linear-gradient(90deg, #303030 0%, #434343 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        padding: 2rem 1rem 1rem 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        flex-direction: column;
    }

    .wel-starts-wrap {
        background-repeat: no-repeat;
        background-size: contain;
        height: 75px;
        position: absolute;
        top: -15px;
        width: 100%;
    }

    span.d-we-cy-text {
        font-size: 0.7rem;
    }
    section.wel-wrapper {
        padding: 25px;
    }

    .wel-wrap h5 {
        font-size: 1.3rem;
        font-weight: 600;
    }
    .wel-star-wrap {
        width: 60px;
        position: absolute;
        top: -41px;
        left: 50%;
        transform: translateX(-50%);
    }

    .we-rd-wrap {
        width: 40px;
        position: absolute;
        top: -25px;
        right: 10px;
        border-radius: 50%;
        background: linear-gradient(316.25deg, #373737 17.57%, #1c1c1c 79.76%);
    }

    .pd-12 {
        padding: 25px;
    }
    .mon-tab {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        height: 160px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 48%;
        position: relative;
    }

    .mon-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .mon-ball-inner div:first-child {
        background: linear-gradient(
            113deg,
            rgba(41, 41, 41, 0.6) 11.58%,
            rgba(49, 49, 49, 0.6) 96.03%
        );
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

        border-radius: 50%;
        height: 55px;
        width: 55px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .mon-ball-inner div:last-child {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mon-ball-inner {
        position: relative;
    }

    .mon-ball {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    section.mon-wrapper.pd-12 {
        padding-top: 3rem;
    }

    .mon-w-text {
        color: #f9bb22;
    }
    span.mon-w-numb {
        font-size: 1.6rem;
        font-weight: 600;
    }

    .mb-3r {
        margin-bottom: 3rem;
    }

    .h-graph {
        width: 100%;
        height: 235px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .details-tab {
        display: flex;
        width: 49%;
        background: linear-gradient(90deg, #1f1f1f 0%, #2c2c2c 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        padding: 0.5rem;
        align-items: center;
        justify-content: start;
        margin-bottom: 12px;
    }

    .details-text-wrap {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 600;
        color: #fff;
    }

    .details-img-wrap {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
    }

    .details-img-wrap div {
        width: 26px;
    }

    .details-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* ====================
             pop-up
    =====================*/
    #settlement_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 1rem 1rem;
    }

    .set-pop-text-wrap h4 {
        font-size: 1rem;
        text-align: center;
        font-weight: 600;
        /* font-family: Evogria; */
    }

    .set-pop-text-wrap span {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 0.85rem;
        /* color: #03b515; */
        margin-bottom: 1rem;
    }

    .set-pop-amt-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1rem;
    }

    .set-pop-text-wrap div h4 {
        font-size: 1rem;
    }

    .set-pop-text-wrap div h3 {
        font-size: 1rem;
        color: #f9bb22;
    }

    .set-pop-inner-wrap {
        background: #333333;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 1rem;
        margin-top: 2rem;
        text-align: center;
    }

    .set-pop-inner-wrap p {
        color: #f9bb22;
        margin-bottom: 0;
        font-size: 0.85rem;
    }

    .set-pop-inner-wrap span {
        font-size: 0.75rem;
    }

    .set-pop-close-btn span {
        margin: auto;
    }

    .set-pop-img-wrap {
        position: relative;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .set-pop-img-wrap div:first-child {
        background: linear-gradient(
            113deg,
            rgba(41, 41, 41, 0.6) 11.58%,
            rgba(49, 49, 49, 0.6) 96.03%
        );
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 80px;
        width: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .set-pop-img-wrap div:last-child {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 67px;
        width: 67px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .set-pop-close-btn {
        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;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    label {
        margin-left: 20px;
    }
    .aj-set-datapicker {
        width: 70px;
        position: relative;
        padding: 0 !important;
        margin: 0 0 0 auto;
        /* margin: 0 20px 20px 20px; */
    }
    .aj-set-datapicker > span:hover {
        cursor: pointer;
    }

    .aj-set-datapicker input {
        font-size: 0.8rem;
        font-weight: 600;
        padding: 0;
        background-color: transparent !important;
        border: none;
        color: #fff;
    }
    .aj-set-datapicker input:focus {
        box-shadow: none;
    }

    span.input-group-addon.aj-set-datapicker-icon {
        color: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -52px;
        margin: 0;
    }
    span.set-pop-date {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .set-pop-star-one {
        position: absolute;
        width: 3px;
        top: -50px;
        left: 105px;
    }
    .set-pop-star-two {
        position: absolute;
        width: 4px;
        top: 0;
        left: 130px;
    }

    .set-pop-star-three {
        position: absolute;
        width: 5px;
        top: 20px;
        left: 146px;
    }

    .set-pop-star-four {
        position: absolute;
        width: 5px;
        right: 130px;
        top: -30px;
    }

    .set-pop-star-five {
        position: absolute;
        width: 6px;
        top: 0;
        right: 144px;
    }
    .set-pop-star-six {
        position: absolute;
        width: 6px;
        top: 20px;
        right: 105px;
    }
    .set-pop-star-seven {
        position: absolute;
        width: 5px;
        top: 40px;
        right: 78px;
    }
    .set-pop-star-eight {
        position: absolute;
        width: 7px;
        top: 8px;
        right: 50px;
    }
    .sucess-c {
        color: #03b515;
    }
    .error-c {
        color: #fb1818;
    }

    span.set-pop-date.wt-pop-date {
        justify-content: space-between;
        align-items: center;
    }
    /* withdraw popup */
    #withdraw_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 1rem 1rem;
    }

    #player_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #sub_affiliate_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #topplayer_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #allplayer_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #player_report_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }
    .date-one-wrap p {
        font-weight: 600;
    }

    .wt-pop-data {
        display: flex;
        align-items: center;
    }
    .wt-pop-data span {
        display: inline-block;
    }
    .wt-pop-data {
        display: flex;
    }

    .wt-pop-data span:first-child {
        text-align: end;
    }

    .wt-pop-data span:last-child {
        text-align: left;
        margin-left: 12px;
    }

    span.set-pop-date-number {
        display: inline !important;
        width: auto;
        margin-bottom: 0;
    }

    /* player report */
    .ppp-date-wrap {
        display: flex;
        justify-content: flex-end;
        margin-top: 2rem;
        flex-direction: column;
    }

    .ppp-date-inner-wrap {
        width: 160px;
        text-align: center;
    }

    .ppp-content-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 50%;
        padding: content: '\f26e';px 0;
    }

    .ppp-c-img {
        position: relative;
        width: 40px;
        height: 40px;
        margin-right: 7px;
    }

    .ppp-c-img-bg-one {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ppp-c-img-bg {
        position: absolute;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(113deg, #ffffff 11.58%, #ffcf7b 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .ppp-c-text-wrap span {
        margin-bottom: 0;
    }

    .ppp-content-wrapper {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #313131;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 5px;
    }

    .ppp-c-text-wrap span:last-child {
        font-size: 0.9rem;
        text-align: left;
        font-weight: 700;
    }

    .ppp-c-text-wrap span:first-child {
        font-size: 0.62rem;
    }
    .ppp-c-img-icon {
        width: 22px;
    }

    /* =========================
        Slider
    ============================*/
    .slider-wrapper {
        width: 500px;
        height: 100vh;
        background-color: #262626;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: -595px;
        transition: all 0.5s;
    }

    .slider-wrapper.open {
        left: 0;
    }

    .slider-upper-wrap {
        /* background-color: yellow; */
        width: 100%;
        padding: 2rem 1rem;
        background: linear-gradient(77.46deg, #2c2c2c 0.94%, #444444 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        display: flex;
        align-items: center;
    }
    .slider-profile-wrap {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .slider-profile-img {
        width: 85px;
        margin-right: 10px;
        border-radius: 50%;
        background-color: #474747;
    }
    .slider-profile-data {
        width: 100%;
        /* height: 100%; */
    }

    .slider-profile-data p:nth-child(1) {
        font-size: 1.3rem;
        font-weight: 600;
    }
    .slider-profile-data p:nth-child(2) {
        font-size: 1.1rem;
    }
    .slider-profile-data p:nth-child(3) {
        font-size: 1.1rem;
        color: #f9bb22;
    }
    .slider-close-wrap {
        cursor: pointer;
        position: absolute;
        width: 95px;
        /* background-color: red; */
        display: flex;
        justify-content: center;
        align-items: center;
        right: -95px;
        height: 95px;
        background: linear-gradient(
            90deg
            , #cdb24b 0%, #f4a100 70.31%, #956204 100% );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }
    .slider-close-img {
        width: 50px;
    }
    .slider-inner-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .slider-item {
        width: 100%;
        display: flex;
        padding: 25px;
        align-items: center;
        border-bottom: 0.5px solid #343434;
    }

    .slider-item-img {
        width: 25px;
        margin-right: 2rem;
        margin-left: 12px;
    }

    .slider-item-text {
        color: #fff;
        font-weight: 600;
        font-size: 1.3rem;
    }

    /* ============================
          Wallet - Page
  =============================== */

    .pd-1-5 {
        padding: 1.5rem;
    }
    section.wlt-head-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wlt-head-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
    }
    .wlt-head-img img{
        max-width: 33px;
    }
    .wlt-head-home-img {
        /* max-width: 33px; */
    }
    h4.wlt-head-text {
        font-size: 0.9rem;
        /* font-weight: 600; */
        text-transform: capitalize;
        margin-bottom: 0;
    }
    .wlt-bal-wrap {
        padding: 10px;
        background: linear-gradient(180deg, #2e2e2e 0%, #413a2b 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
    }

    .wlt-bal-content {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
        display: flex;
        padding: 1rem;
    }
    .wlt-bal-content {
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
        display: flex;
        padding: 2rem 2rem;
        align-items: center;
        justify-content: space-around;
    }
    .wlt-bal-img-wrap {
        position: relative;
    }
    .wlt-bal-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 120px;
        width: 120px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-bal-img-two {
        position: absolute;
        height: 71px;
        width: 71px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(113deg, #ffffff 11.58%, #31bccf 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .wlt-bal-text-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .wlt-bal-text-wrap p {
        font-size: 0.9rem;
        font-weight: 600;
    }
    .wlt-bal-text-wrap h2 {
        font-weight: 400;
        font-family: impact;
    }
    .wlt-tab-one {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 80px;
        width: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-tab {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .wlt-tab-two {
        height: 65px;
        width: 65px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(
            135.25deg,
            rgba(83, 83, 83, 0) 8.59%,
            #282828 94.56%
        );
        border: 0.2px solid #545454;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        border-radius: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wlt-tab-img {
        width: 46px;
    }
    .wlt-tabs-wrap {
        margin-top: 2rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    span.wlt-tab-text {
        font-size: 0.6rem;
        position: absolute;
        font-weight: 600;
        bottom: -30px;
        color: #fff;
    }
    section.pd-12.wlt-tran-wrapper {
        margin-top: 4rem;
    }
    .wlt-m-trans-upper-wrap {
        padding: 1rem;
        /* padding-left: 5em; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 0.85rem;
        font-weight: 600;
        width: 100%;
        text-align: center;
    }
    .wlt-m-trans-lower-wrap {
        padding: 10px;
        border-radius: 0 0 12px 12px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }

    .wlt-m-trans-lower-wrap {
        padding: 10px;
        border-radius: 0 0 12px 12px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }

    .wlt-mtl-img {
        width: 20px;
        margin-right: 5px;
    }

    .wlt-mtl-date {
        font-size: 0.7rem;
        font-weight: 500;
        color: #fff;
    }

    .wlt-mtl-text {
        font-size: 0.9rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .wlt-mtl-text-one {
        font-size: 0.8rem;
        width: 74px;
        text-align: center;
        /* text-align: center; */
    }

    .wlt-mtl-text-two {
        font-size: 0.6rem;
    }
    .wlt-mtl-number {
        min-width: 90px;
        text-align: right;
        color: #f9bb22;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .wlt-mtl-text-two {
        width: 65px;
        text-align: center;
    }

    .wlt-mtl-wrap {
        display: flex;
        align-items: center;
    }
    .wlt-m-t-l-tabs {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .wlt-m-t-l-wrap {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 10px;
    }
    .wlt-mtl-dots {
        width: 20px;
        margin: 0 auto;
    }

    .wlt-tran-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .wlt-tran-text {
        font-size: 1rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .wlt-tran-date-wrap {
        background: #212121;
        border-radius: 7px;
        padding: 3px 10px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 0.65rem;
        padding: 2px;
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }
    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        color: #fff;
    }
    .daterangepicker .drp-selected {
        color: #f9bb22;
    }
    .daterangepicker.show-calendar .drp-buttons {
        display: flex !important;
    }
    .daterangepicker {
        /* background-color: #2b2b2b;   */
    }

    /* =======================
          Help Page
  ========================*/
    .hp-head-wrapper span {
        text-align: center;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .hp-main-img-wrap {
        position: relative;
        width: 70px;
    }
    .hp-main-img-one {
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.3);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .hp-main-img-two {
        position: absolute;
        height: 59px;
        width: 59px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg,
            rgba(255, 255, 255, 0.54) 11.58%,
            #ffffff 96.03%
        );
    }
    .hp-main-img {
        width: 36px;
    }
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;

        border-radius: 12px;
        width: 100%;
        height: 120px;
        align-items: center;
        margin-bottom: 12px;
    }
    .hp-main-name-wrap span {
        font-size: 0.9rem;
        font-weight: 600;
    }
    .hp-main-content-wrap {
        border-radius: 5px;
        padding: 6px 10px;
    }
    .hp-main-content-wrap span {
        font-size: 0.85rem;
        font-weight: 600;
        color: #fff;
    }

    .hp-cont {
        width: 49%;
        height: 150px;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px;
    }
    .hp-cont-img-wrap {
        position: relative;
        width: 40px;
        height: 40px;
    }
    .hp-cont-img {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        align-items: center;
    }
    .hp-cont-wrap {
        display: flex;
        justify-content: space-between;
    }
    .hp-cont-name span {
        font-size: 0.85rem;
        font-weight: 600;
    }
    .hp-cont-numb span {
        font-size: 0.9rem;
    }

    /* ====================
      Links Page
  ====================== */
    .lk-cp-wrap {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 74px;
        display: flex;
        justify-content: center;
        position: relative;
        align-items: center;
        width: 100%;
    }
    .lk-cp {
        width: 230px;
        text-align: center;
    }
    .lk-cp p {
        color: #f9bb22;
        font-size: 0.9rem;
    }
    .lk-cp-img-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 32px;
    }
    .lk-sh-wrap {
        text-align: center;
    }
    .lk-sh-wrap span {
        font-size: 0.85rem;
        display: block;
        line-height: 1.4;
    }
    .lk-share-tab {
        position: relative;
    }

    .lk-share-bg {
        position: absolute;
        height: 55px;
        width: 55px;

        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }

    .lk-share-img {
        width: 35px;
    }
    .lk-share-tab {
        position: relative;
        width: 55px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -45px;
        font-size: 0.65rem;
        text-align: center;
        width: 100%;
    }
    .lk-share-wrap {
        display: flex;
        justify-content: space-around;
    }
    section.lk-share-wrapper.pd-12 {
        margin-top: 1.5rem;
    }

    .lk-bg-one {
        background: linear-gradient(
            146.03deg,
            rgba(253, 89, 20, 0.1) 0%,
            rgba(202, 48, 209, 0.1) 100%
        );
        position: absolute;
        height: 240px;
        width: 240px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-two {
        background: linear-gradient(
            146.03deg,
            rgba(253, 89, 20, 0.1) 0%,
            rgba(202, 48, 209, 0.1) 100%
        );
        position: absolute;
        height: 210px;
        width: 210px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-three {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        position: absolute;
        height: 182px;
        width: 182px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lk-bg-wrap {
        position: relative;
    }
    .lk-bg-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }
    .lk-bg-wrap {
        position: relative;
        width: 250px;
        height: 250px;
        margin: 3rem auto;
    }
    .success-c {
        color: #03b515;
    }
    .set-pop-date-icon {
        margin-right: 10px;
    }

    /* ====================================
            Login?Signup
  =====================================*/
    .lg-top-bg {
        height: 300px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    /*  */
    /*Don't forget to add Font Awesome CSS : "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"*/
    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        width: 100%;
        border: none;
        border-radius: 8px;
        /* margin: 8px 0; */
        outline: none;
        padding: 18px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 0.85rem;
        color: #fff;
    }

    .lg-input::placeholder {
        color: #fff !important;
    }

    .lg-input:focus {
        border-color: #f0a22e;
        box-shadow: 0 0 8px 0 #f0a22e;
    }

    .inputWithIcon .lg-input {
        padding-left: 40px;
        margin-bottom: 10px;
    }

    .inputWithIcon {
        position: relative;
    }

    .inputWithIcon i {
        position: absolute;
        left: 0;
        top: 12px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
    }

    .lg-inputWithIcon .lg-input:focus + i {
        color: #fff;
    }

    .lg-inputWithIcon.inputIconBg i {
        background-color: #aaa;
        color: #fff;
        padding: 9px 4px;
        border-radius: 4px 0 0 4px;
    }

    .lg-inputWithIcon.inputIconBg input[type="text"]:focus + i {
        color: #fff;
        background-color: #f0a22e;
    }

    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 25px;
        color: #f9bb22;
    }
    .lg-content-inner-wrap {
        padding: 0 2rem;
    }
    .lg-btn {
        width: 100%;
        border: none;
        padding: 0.9rem;
        font-weight: 400;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
    }

    .lg-lower-wrap a {
        color: #fff;
        font-size: 0.7rem;
        display: block;
        text-align: center;
        margin-top: 1rem;
        padding-bottom: 10px;
    }

    .lg-lower-wrap span {
        display: block;
        text-align: center;
        font-size: 0.7rem;
    }
    .lg-lower-wrap span a {
        display: inline;
        text-align: center;
        font-size: 0.7rem;
        margin: 0;
        color: #f9bb22;
    }

    .lg-lower-wrap {
        margin-top: 30px;
        /* padding-bottom: 1rem; */
    }

    /* =======================
    Dashboard footer
  =======================*/
    .d-footer-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .d-footer-item-img {
        width: 21px;
    }
    .d-footer-item-text {
        font-size: 0.7rem;
        color: #fff;
        margin-top: 0.1rem;
    }
    .d-footer-wrap {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    section.d-footer-wrapper {
        background: linear-gradient(
            180deg,
            #292929 0%,
            rgba(17, 17, 17, 1) 100%
        );
    }
    .details-wrap a {
        display: contents;
    }

    .pending-c {
        color: #f9bb22;
    }
    .set-pd-1r {
        padding: 2rem;
    }
    /* =======================
      Bank Details
  ======================== */
    .bd-heading-wrap h2 {
        font-family: "Evogria";
        font-size: 0.9rem;
        color: #f9bb22;
    }
    .bd-card {
        border-radius: 12px;
        margin-bottom: 1rem;
    }
    .bd-card:nth-child(odd) {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(211, 55, 179, 0.4);
    }

    .bd-card:nth-child(even) {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
    }

    .bd-card-header {
        padding: 1rem;
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
        position: relative;
    }
    .bd-card-header h2 {
        font-size: 1rem;
        font-weight: 600;
        padding-left: 1rem;
        margin-bottom: 0;
        color: #fff;
    }
    .bd-card-body {
        padding: 2rem;
        position: relative;
    }
    .bd-card-body-img {
        position: absolute;
        width: 85px;
        right: 25px;
        top: 15px;
    }
    .bd-card-body-content p {
        margin-bottom: 0;
        color: #fff;
        font-size: 0.8rem;
    }
    .bd-card-wrapper {
        display: flex;
        flex-direction: column;
        overflow: auto;
        /* padding-top: 3rem; */
        margin-bottom: 10rem;
    }
    .no-bd-wrapper {
        width: 100%;
        position: relative;
        height: 150px;
    }
    .no-bd-img-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .no-bd-img {
        width: 100px;
        /* margin-bottom: 1rem; */
    }
    .no-bd-img-wrap p {
        font-size: 0.9rem;
    }

    .bd-heading-wrap {
        margin-bottom: 1rem;
    }

    /* ========================
        Withdraw
  =========================*/

    .wd1-card {
        border-radius: 12px;
        padding: 1rem;
        position: relative;
        margin-bottom: 1rem;
    }
    .wd1-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .wd1-img-wrap {
        position: relative;
        width: 70px;
        display: flex;
        height: 70px;
    }
    .wd1-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd1-img-two {
        position: absolute;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;

        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd1-text-wrap h3 {
        font-size: 1rem;
        font-weight: 600;
        margin-left: 10px;
        color: #fff;
        margin-bottom: 0;
    }
    p.wd1-text {
        font-size: 0.85rem;
    }
    .wd1-bg-img {
        width: 60px;
        position: absolute;
        bottom: 22px;
        right: 20px;
    }

    .wd1-card:nth-child(odd) {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }
    .wd1-card:nth-child(even) {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
    }
    .wd2-tick-img-wrap {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .wd2-tick-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd2-tick-img-two {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    section.wd2-fixed-btn-wrap {
        position: fixed;
        bottom: 0;
        background-color: #000;
        width: 100%;
    }
    a.more_btn.mlr-0.lg-btn.wd2-btn {
        border: 2px solid #f9bb22;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        color: #f9bb22;
        background: none;
    }
    .wd2-card {
        margin-bottom: 3rem;
    }
    /* WD3*/
    .wd3-img-wrap {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .wd3-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd3-img-two {
        position: absolute;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd3-card {
        padding: 2rem 1rem;
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-radius: 12px;
        position: relative;
    }
    .wd3-card-body {
        display: flex;
        align-items: center;
    }
    .wd3-content-wrap h3 {
        font-size: 1rem;
        font-weight: 600;
    }
    .wd3-content-wrap p {
        font-size: 0.8rem;
        margin-bottom: 0;
    }
    .wd3-bank-img {
        position: absolute;
        width: 60px;
        right: 40px;
        bottom: 50px;
    }

    .wd3-form-wrapper {
        margin: 1rem 0;
    }
    .wd3-amt-wrapper {
        margin: 1rem;
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 35%;
    }
    .wd3-amt-heading {
        font-size: 0.85rem;
        /* margin-bottom: 1rem; */
    }
    .wd3-amt {
        margin-top: 1rem;
        font-size: 2rem;
        font-weight: 600;
        color: #f9bb22;
        /* font-family: "Poppins", sans-serif; */
    }
    .wd3-btn-wrapper {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    /* wd3 popup */
    .dark-bg {
        background-color: #000;
    }
    .wd3-top-bg {
        height: 250px;
        position: relative;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
    }
    .wd3-top-content {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    .wd3-top-content p {
        font-size: 0.75rem;
    }

    .wd3-top-content h2 {
        font-family: "Evogria";
    }
    .wd3-main-content {
        background-color: #232323;
        border-radius: 12px;
        margin: 0 1rem 1rem;
    }
    .wd3-content-one {
        padding: 1rem;
        text-align: center;
        border-bottom: 1px solid #333;
    }
    .wd3-content-one p {
        font-size: 0.85rem;
    }
    .wd3-content-one span {
        /* font-family: "Poppins", sans-serif; */
        color: #f9bb22;
        font-weight: 600;
        font-size: 1.3rem;
    }
    .wd3-content-two {
        padding: 1rem;
        text-align: center;
    }
    .wd3-content-two span {
        font-size: 0.8rem;
        display: block;
    }

    .aj-more_btn {
        background-image: url(assets/IMG/sign-bg-new.gif);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        background-color: #000;
        /* height: 100%; */
        border: none;
        text-align: center;
        font-weight: 600;
        color: #fff;
    }
    /* Profile PAge */
    .pr-p-card-top {
        background: linear-gradient(144.19deg, #fd5914 2.77%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        /* border-radius: 12px; */
        padding: 1rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .pr-p-t-wrap {
        position: relative;
        height: 85px;
        width: 85px;
    }
    .pr-p-t-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 85px;
        width: 85px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-p-t-two {
        position: absolute;
        height: 71px;
        width: 71px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        background-color: #fff;
    }
    .pr-p-t-text {
        margin-top: 10px;
        font-weight: 600;
    }
    .pr-p-card-top {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .pr-p-card-down {
        background: #ffd1f6;
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        display: flex;
        position: relative;
    }
    .pr-p-d {
        width: 50%;
        padding: 1rem;
        text-align: center;
    }

    .pr-p-d i,
    .pr-p-d p {
        /* font-weight: 600; */
        color: #dd3f8e;
        /* font-size: 0.85rem; */
    }
    .pr-p-d p {
        font-weight: 400;
        /* color: #dd3f8e; */
        font-size: 0.85rem;
    }
    .pr-p-bg-1 {
        position: absolute;
        bottom: -32px;
        left: 0;
    }
    .pr-p-bg-2 {
        position: absolute;
        top: 0;
        left: 50px;
    }
    .pr-p-bg-3 {
        position: absolute;
        right: 0;
        top: 0;
    }
    .pr-p-d:first-child {
        border-right: 0.5px solid #ca94bf;
    }
    .pr-pp-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-pp-img-two {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .pr-pp-img-wrap {
        position: relative;
        height: 50px;
        width: 50px;
    }

    .pr-pp-card-body {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pr-pp-main-img-wrap {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .pr-pp-img-text {
        margin-left: 10px;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .pr-pp-card-main {
        /* padding: 1rem; */
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
        border-radius: 12px;
    }

    .pr-pp-card {
        padding: 1rem;
    }

    .pr-pp-card:first-child {
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.4);
    }

    .pr-tab-wrap {
        padding: 10px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .pr-tab {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        padding: 1rem;
        margin-bottom: 10px;
    }
    .pr-tab-img {
        width: 21px;
    }
    .pr-tab-text {
        margin-left: 1rem;
        font-size: 0.85rem;
        color: #fff;
    }
    .pr-tab-wrap {
        margin-bottom: 10px;
    }
    .aj-rel {
        position: relative;
    }
    .aj-d-footer-h-img-wrap {
        height: 30px;
    }
    .aj-d-footer-h-img {
        position: absolute;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -25px;
        left: -10px;
        background: linear-gradient(
            180deg,
            #212121 0%,
            rgba(17, 17, 17, 0) 100%
        );
        border: 2px solid #f9bb22;
        box-sizing: border-box;
    }
    .aj-d-footer-h-img img {
        width: 50%;
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 12px;
        z-index: 999;
    }
    /*  */
    .aj-sgn-btn {
        background-color: transparent;
    }
    .lg-main-wrapper-bg {
        background-size: contain;
        height: 100%;
    }

    .aj-page .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #f9bb22;
        background-color: #262626;
        font-size: 0.9rem;
        border: 1px solid #000;
    }

    .aj-page .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #f9bb22;
        border-color: #f9bb22;
        border-radius: 5px;
    }
    .aj-page {
        justify-content: center;
    }
    .tp-wel-main-wrap {
        height: 100px;
    }
    .tp-search .seachbar input {
        padding: 15px 15px;
    }

    .pr-pp-text-wrap {
        font-size: 0.85rem;
    }

    .pr-pp-img {
        width: 25px;
    }

    .mpp-card {
        background-color: #292929;
        padding: 20px 12px;
        border-radius: 8px;
    }
    .mpp-card-head {
        display: flex;
        background: #333333;
        border-radius: 8px;
        padding: 0.5rem;
        margin-bottom: 0.5rem;
        justify-content: center;
        align-items: baseline;
    }
    .mpp-main-wrapper .mpp-head-img {
        background-color: transparent;
        /* background-color: #292929; */
        /* padding: .2rem; */
        border-radius: 50%;
        /* height: 30px; */
        width: 34px;
        line-height: 30px;
        display: block;
        justify-content: center;
    }
    .mpp-head-text {
        margin-left: 0.5rem;
        font-weight: 600;
        font-size: 0.9rem;
    }
    .mpp-card-body p {
        font-size: 0.8rem;
    }

    #mpp_popup .modal-content {
        border: none;
        border-radius: 8px;
    }

    .mpp-main-wrapper {
        border-radius: 8px;
        background-color: #1b1b1b;
    }

    .mpp-main-content {
        padding: 12px;
    }

    .mpp-main-content h3 {
        font-size: 0.9rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .mpp-main-content p {
        font-size: 0.8rem;
    }

    #mpp_popup {
        z-index: 9999999999;
    }

    .mpp-t-one {
        top: -100px;
        position: absolute;
        width: 55px;
        height: 100px;

        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 2rem;
        left: 120px;
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }

    .mpp-t-main-wrapper span {
        font-size: 0.7rem;
        font-weight: 600;
        text-align: center;
        width: 100%;
        display: block;
    }

    .mpp-t-main-wrapper p {
        font-size: 0.9rem;
        font-weight: 600;
        padding-top: 10px;
        text-align: center;
        font-family: Evogria;
    }

    .mpp-t-img {
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .mpp-t-main-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .mpp-t-two {
        top: -80px;
        position: absolute;
        width: 50px;
        height: 80px;

        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 1.6rem;
        left: 190px;

        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
    }
    .wd2-inpt {
        appearance: none;

        width: 30px;
        height: 30px;
        content: none;
        outline: none;
        margin: 0;
        background-color: transparent;
    }

    .wd2-inpt:checked {
        appearance: none;
        outline: none;
        padding: 0;
        content: none;
        border: none;
    }
    .wd2-inpt:checked::before {
        position: absolute;
        color: #ed4c52 !important;
        content: url(../IMG/withdraw/tick.svg);
        top: 10px;
        left: 10px;
    }

    .wd3-img {
        width: 18px;
    }

    .login-main-wrapper {
        height: 100vh;
    }

    .alert {
        /* margin-left: 10px; */
        /* margin-right: 10px; */
        background-color: #f9bb33;
        border-color: #f9bb33;
        position: absolute;
        top: 20px;
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
        font-size: 13px;
    }
    .dashboard-wrapper {
        /* margin-bottom: 4rem; */
    }

    .pr-p-d p a {
        color: #dd3f8e;
    }

    .othr-page-nav {
        /* width: 10px; */
        position: absolute;
        top: 10px;
        left: 20px;
    }

    .pr-p-edit-img {
        position: absolute;
        right: 20px;
        top: 15px;
    }
    .aj-mb-4 {
        margin-bottom: 4rem;
    }

    /* .inputWithIcon img {
        position: absolute;
        left: 10px;
        top: 16px;

        width: 15px;
        transition: 0.3s;
    } */

    .aj-ser1 {
        display: flex;
        align-items: center;
    }
    .aj-ser1-two {
        margin-left: 10px;
        font-size: 0.8rem;
    }
    .wlt-head-home-img {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .sb-view-head-warp {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    span.sb-view-fil {
        display: block;
        width: 26px;
    }
    .hp-cont-img div {
        width: 19px;
    }
    .lk-sh-img {
        width: 35px;
        margin: 1.5rem auto;
    }
    .slider-list {
        height: calc(100vh - 123px);
        overflow-x: auto;
    }

    .ticket_one span {
        font-size: 0.65rem;
    }
    div#chatMessages {
        margin-bottom: 3rem;
    }
    .no-pre-msg {
        text-align: center;
    }
    /* img.aj-mail-img {
        top: 23px;
        width: 17px;
    } */

    .sb-suc-close {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .aj-t-msg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #e5a12c;
        border-radius: 10px;
        padding: 0.8rem;
        font-size: 0.8rem;
        text-transform: uppercase;
        font-weight: 600;
        z-index: 99999;
    }

    .aj-pt-2 {
        padding-top: 2rem;
    }
    .bd-card.wd2-card:last-child {
        margin-bottom: 11rem;
    }
    .h-graph-head {
        font-size: 1rem;
        font-family: "Evogria";
    }
    .saf-new-wrapper {
        background-color: #292929;
        padding: 4rem 0.8rem 0.8rem;
        position: relative;
        margin: 0 12px;
        border-radius: 8px;
    }
    .sbf-mtl-img {
        width: 40px;
    }
    .sbf-mtl-text-one {
        width: 12px;
    }
    .sbf-m-trans-upper-wrap {
        padding-left: 1rem;
        justify-content: space-around;
    }
    .sbf-mtl-text {
        align-items: flex-start;
    }
    .sbf-mtl-text-two {
        text-align: left;
    }
    .sbf-m-t-l-tabs {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 10px;
        margin-bottom: 10px;
    }
    .sb-aff-new-wrapper {
        padding-top: 5rem;
        margin-bottom: 8rem;
    }
    .ppp-c-text-wrap {
        display: flex;
        flex-direction: column;
    }
    .sbf-sec-head h3 {
        font-size: 0.9rem;
        text-transform: uppercase;
        font-family: "Evogria";
    }
    .sbf-head-text-wrap {
        margin-bottom: 1rem;
    }
    .sbf-mtl-number {
        min-width: unset;
        color: #fff;
        font-weight: 400;
        font-size: 0.7rem;
    }

    .aj-width-100 {
        width: 100%;
    }
    .sbf-star-wrap {
        position: absolute;
        position: absolute;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 200px;
    }
    .wd3-new-text span {
        font-size: 0.7rem;
        display: block;
        margin-bottom: 5px;
    }
    span.wd3-tic-no {
        display: block;
        font-size: 0.65rem;
        font-weight: 300;
        color: #fff;
    }
    input:focus {
        outline: none;
    }
    .reg-main-wrapper {
        height: 100%;
    }
    .head-bell {
        width: 26px;
        margin-right: 23px;
    }
    .aj_value_section {
        padding: 10px 0rem;
    }
    .aj-wlt-tran-wrap {
        flex-direction: column;
    }
    .aj-wlt-tran-inner-wrap {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 12px;
        align-items: center;
    }
    .earning_inner_section {
        width: 100%;
    }
    .aj-fx {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .slab_label_section p {
        font-size: 0.8rem;
    }
    /* onboard */
    #onbd-slider {
        position: relative;
    }
    .onbd-img-wrap {
        width: 100%;
    }

    .onbd-img {
        width: 291px;
        margin-bottom: 4rem;
        margin-left: auto;
    }

    .onbd-text h3 {
        font-size: 1.2rem;
        font-weight: 600;
    }

    .onbd-text p {
        color: #fff;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        width: 75%;
    }
    .nav-btn.onbd-prev-slide {
        display: none;
    }

    .nav-btn.onbd-next-slide {
        border: 1px solid #f9bb22;
        padding: 0.5rem 1.3rem;
        font-size: 0.8rem;
        font-weight: 500;
        border-radius: 12px;
        color: #f9bb22;
    }

    #onbd-slider .owl-dots {
        display: inline-block;
        padding-left: 1.5rem;
    }

    #onbd-slider .owl-nav {
        position: absolute;
        bottom: -65px;
        left: 5px;
    }
    #onbd-slider .owl-dots .owl-dot span {
        background: #60522f;
        width: 8px;
        height: 8px;
        margin: 5px 3px;
    }

    .onbd-text {
        padding-left: 1.5rem;
    }

    #onbd-slider .owl-dots .owl-dot.active span,
    #onbd-slider .owl-dots .owl-dot:hover span {
        background: #f9bb22;
    }

    .nav-btn.onbd-next-slide:focus {
        outline: none;
    }
    a.onbd-skip {
        color: #aaa;
        font-size: 0.9rem;
    }
    a:focus {
        outline: none;
    }

    a:hover {
        text-decoration: none;
    }
    #onbd-slider.owl-nav [class*="owl-"]:hover {
        background: transparent !important;
    }

    .ds-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .ds-head h3 {
        font-size: 0.85rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .ds-fl-tabs {
        display: flex;
    }
    .ds-tab:last-child {
        margin-left: 5px;
    }
    #ds-slider .owl-dots .owl-dot span {
        background: #60522f;
        width: 8px;
        height: 8px;
        margin: 5px 3px;
    }

    .onbd-text {
        padding-left: 1.5rem;
    }

    #ds-slider .owl-dots .owl-dot.active span,
    #ds-slider .owl-dots .owl-dot:hover span {
        background: #f9bb22;
    }

    .gtab {
        display: none;
    }
    .gtab.active {
        display: block;
    }
    .ajhide {
        display: none;
    }
    .ajactive {
        display: block;
    }
    .aj-d-footer-h-home {
        width: 38px;
    }
    .head-user-text span:last-child,
    .slider-profile-data p:nth-child(3) {
        font-weight: 400;
        font-family: russoone;
    }
    .aj-new-cal-icon {
        width: 12px;
    }
    .wlt-tran-date {
        display: flex;
        align-items: baseline;
    }
    input.wlt-date {
        margin-left: 3px;
    }

    .dsr-head {
        /* background-color: 262626; */
        display: flex;
        justify-content: space-around;
        background: #262626;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 4px 4px 0px 4px;
        /* padding: 6px 3px; */
    }
    .dsr-head-item {
        font-size: 0.7rem;
        width: 100%;
        text-align: center;
        height: 100%;
        padding: 10px 2px;
    }
    .dsr-body {
        background: #1f1f1f;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 15px 8px;
        border-radius: inherit;
    }

    .dsr-earn {
        margin: 0;
        background: linear-gradient(91.38deg, #222222 0.55%, #141414 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; */
    }
    .drs-btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        background: linear-gradient(91.38deg, #222222 0.55%, #121212 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;
        margin-top: 1.5rem;
    }
    .dsr-btn-img {
        width: 34px;
    }
    .dsr-btn-text {
        font-size: 1.3rem;
        font-weight: 600;
        color: #fff;
        margin-left: 5px;
        text-transform: capitalize;
    }
    .dsr-head-item-mid {
        border-right: 1px solid #333333;
        border-left: 1px solid #333333;
    }
    .dsr-active {
        background-color: #f9bb22;
        /* border-radius: inherit; */
    }
    .prm-one {
        padding: 8px;
        background: linear-gradient(180deg, #1a1a1a 0%, #202020 100%);
        box-shadow: inset 0px 0px 24px rgb(147 147 147 / 5%);
        border-radius: 12px;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100px;
        background-position: center;
        margin-bottom: 1rem;
    }
    .prm-one.prm-two {
        height: 150px;
        background-size: contain;
    }
    #prm-slider .owl-stage {
        padding-left: 0px !important;
    }
    .pd-popup-wrap .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    .set-pop-text-wrap p {
        font-size: 0.9rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .all-ply-content-head {
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .all-ply-content-head-item {
        padding: 15px 10px;
        text-align: center;

        border-radius: inherit;
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase;
    }
    .all-ply-content-body {
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        padding: 2px;
    }
    .all-ply-body-item {
        margin-top: 10px;
        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;
    }
    .apb-one {
        display: flex;
        width: 100%;
        /* padding: 10px; */
        align-items: center;
    }
    .apb-one-img {
        width: 34px;
    }
    .apb-one-text {
        font-size: 0.8rem;
        margin-left: 5px;
    }
    .apb-two {
        width: 50%;
        text-align: center;
        font-size: 0.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .apb-three {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: flex-end;
    }

    .apb-three-numb {
        font-size: 0.8rem;
        min-width: 58px;
        text-align: right;
        color: #f9bb22;
    }
    .apb-three-view {
        border: 1px solid #f9bb22;
        font-size: 0.8rem;
        padding: 5px;
        border-radius: 5px;
        color: #f9bb22;
        margin-left: 8px;
        text-transform: uppercase;
    }
    .pb-pop-head {
        background: linear-gradient(90deg, #232323 0%, #232323 100%);
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius: 12px 12px 0 0;
    }
    .pb-head-item {
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        padding: 15px 10px;
        font-weight: 600;
    }
    .pb-pop-body {
        background: #212121;
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        padding: 1px;
    }
    .pb-con-item {
        /* margin-top: 10px; */
        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 10px 25px 10px;
        padding: 10px;
        align-items: center;
    }
    .pb-con.one {
        width: 100%;
        text-align: center;
        font-size: 0.9rem;
        font-weight: 600;
    }
    .pb-con.two {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pb-con-inner-img {
        width: 35px;
    }
    .pb-con-inner-text {
        font-size: 0.8rem;
    }
    .pb-con.three {
        width: 100%;
        text-align: center;
        position: relative;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: -36px;
        left: -51px;
    }
    .ds-share-img {
        position: absolute;
        bottom: 35px;
        right: 50px;
        width: 80px;
    }
    .ds-img,
    .ds-tab {
        position: relative;
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #4a4a4a;
        opacity: 0.8;
    }
    .ds-tab .overlay {
        display: none;
    }

    .ds-tab.active .overlay {
        display: block;
    }
    .aj-dsr-earn {
        background: none;
    }
    .aj-set_section1 {
        background: linear-gradient(110.67deg, #262626 4.22%, #111111 99.01%);
        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%);
        margin: 5px;
        border-radius: 8px;
    }

    .onbd-main-text-wrap {
        position: absolute;
        transform: rotate(-90deg);
        top: 110px;
        left: -90px;
    }
    .onbd-main-text-inner-wrap {
        position: relative;
    }
    .onbd-n-font {
        font-family: Nostromo;
        font-size: 3rem;
        color: #f9bb22;
    }
    .onbd-b-font {
        position: absolute;
        font-family: TheBlackheads;
        font-size: 2.3rem;
        top: 38px;
        left: 80px;
        width: 100%;
    }
    .onbd-b-font-numb {
        left: 204px;
    }
    .onbd-b-font-now {
        left: 235px;
    }
    /* .new-wd-rupee {
        top: 3px;
    } */
    .page-link {
        position: relative;
        display: block;
        padding: 5px 8px !important;
        margin-left: -1px;
        line-height: 1.25;
        color: #fff !important;
        background-color: #262626;
        font-size: 0.9rem;
        border: 1px solid #0000;
        margin: 1px;
        border-radius: 3px;
    }
    span.aj-new-pop-date {
        margin-bottom: 0;
        font-size: 0.7rem;
    }
    .new-ppp-date-wrap {
        margin-top: 2rem;
    }
    .lk-sh-img {
        display: flex;
        width: 100px;
        margin: 25px auto;
        align-items: center;
        justify-content: space-between;
        /* margin: 1.5rem auto; */
    }
    .aj-sb-aff-close {
        width: 55px;
        position: absolute;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
    }
    .aff-new-pop-main .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 2rem 0.8rem 0.8rem;
    }

    div.aff-new-pop-main {
        /* padding-top: 4rem; */
    }
    .mpp-stars-wrap {
        position: absolute;
        top: -133px;
        left: 50%;
        transform: translateX(-50%);
        width: 260px;
    }
    .jgtab {
        display: none;
    }
    .jgtab.active {
        display: table;
    }
    /* effect */
    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%;

        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-effect {
        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;
    }
    .ll-mt-4 {
        margin-top: 4rem;
    }
    .ll-mt-5 {
        margin-top: 5rem;
    }

    .aj-on-btn-wrap {
        position: absolute;
        bottom: 82px;
        left: 32px;
    }
    button.aj-on-btn {
        border: 1px solid #f9bb22;
        padding: 0.5rem 1.3rem;
        font-size: 0.8rem;
        font-weight: 500;
        border-radius: 12px;
        color: #f9bb22;
        background-color: #141414;
    }
    .aj-hide {
        display: none !important;
    }
    .aj-show {
        display: block !important;
    }
    .aj-fixed {
        position: fixed;
        top: 60px !important;
        left: 0;
        width: 100%;
    }
    .aj-alp-fixed {
        position: fixed;
        top: 10;
        left: 0;
        width: 100%;
    }
    .aj-wal-sticky-wrapper.aj-fixed {
        margin-top: 0 !important;
        background-color: #171717;
        z-index: 999;
    }
    .more_btn:focus {
        outline: none;
    }
    .aj-al-player-fixed.aj-fixed {
        background-color: #161616;
        padding: 12px;
    }
    .all-ply-content-warp {
        padding-bottom: 3rem;
    }

    section.wlt-head-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #171717;
        z-index: 999;
        height: 60px;
    }
    .wlt-tran-wrapper-height {
        height: 55px;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 115px;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    .all-ply-tab-head-fxd {
        position: fixed;
        top: 262px;
        left: 0;
        width: 100%;
    }
    .aj-mt-60 {
        margin-top: 110px;
    }
    .wlt-m-trans-wrap {
        padding-bottom: 6rem;
    }
    .aj-al-player-fixed.aj-alp-fixed {
        padding: 0 10px;
        background-color: #171717;
    }
    .all-ply-content-body {
        margin-bottom: 5rem;
    }
    p.aj-fgp-text {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        text-align: center;
    }
    .aj-ld-more-wrap {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: center;
    }
    .aj-ld-more {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 0.8rem;
        font-weight: 600;
        background-color: #f9ab30;
        border-color: #f9ab30;
    }
    .aj-d-footer-h-home {
        position: absolute;
        top: -17px;
        left: -7px;
    }
    .ds-img {
        width: 100%;
        height: 500px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .bd-card-button-wrap.pd-12 {
        margin-bottom: 3rem;
    }
    .onbd-btn-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin-top: 3rem;
    }
    a.onbd-btn {
        border-radius: 10px;
        padding: 0.6rem 1.4rem;
        border: 1px solid #f9bb22;
        font-size: 0.8rem;
        color: #f9bb22;
    }
    .onboard-wrapper {
        height: 100vh;
    }
    button:focus {
        outline: none;
    }
    .otp-timer-wrap {
        text-align: center;
    }
    span#countdown {
        /* font-size: 0.7rem; */
        color: #f9bb33;
        letter-spacing: 0.1rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 15px;
    }
    /* new */
    .head-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: #171717;
    }
    /* .dashboard-wrapper {
        height: 100vh;
        position: relative;
    }
    section.home-tab-wrap {
        position: absolute;
        width: 100%;
        top: 14%;
    }
    section.wel-wrapper {
        position: absolute;
        width: 100%;
        top: 33%;
    }
    section.d-slide-wrap {
        position: absolute;
        width: 100%;
        top: 45%;
    }
    section.details-wrapper {
        position: absolute;
        top: 77%;
        width: 100%;
    } */
    .home-tab {
        padding: 2rem;
        margin-bottom: 15px;
    }
    .wel-wrap {
        padding: 3rem 1.5rem 1.5rem 1.5rem;
    }
    .wel-star-wrap {
        width: 90px;
    }
    .ds-header {
        margin-bottom: 1rem;
    }
    .ds-head h3 {
        font-size: 2rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .home-tab-text span:first-child {
        font-size: 1.4rem;
        font-weight: 600;
        text-transform: uppercase;
    }
    .ds-tab {
        width: 27px;
    }
    .dsr-head-item {
        padding: 18px 5px;
        font-size: 1.25rem;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .aj-set_section1 {
        margin: 20px 10px;
        padding: 20px 20px 30px 21px;
    }
    .aj-set_section1 img {
        max-width: 40px;
        min-height: 18px;
    }
    .aj-set_section1:last-child {
        font-size: 0.65rem;
    }
    .drs-btn-wrap {
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 25px;
    }
    .details-tab {
        padding: 1.5rem;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
    }
    .slider-profile-data p {
        padding-bottom: 3px;
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: right;
        padding-right: 15px;
    }
    .aj-all-ply-content-head {
        padding-right: 2.3rem;
    }
    .aj-na{
        color: #f9bb22;
    }
    .wallet-wrapper{
        position: relative;
    }

    #lg-see-pwd img,#rg-see-pwd img,#aj-rest-pwd img,#cs-see-pwd img{
        position: unset;
        left:unset;
        top: unset;
        width: 100%;
        transition: 0.3s;
    }
    #lg-see-pwd .slash-eye, #rg-see-pwd .slash-eye, #aj-rest-pwd .slash-eye,#cs-see-pwd .slash-eye{
        top:1px !important;
    }
    div#lg-see-pwd,div#rg-see-pwd,div#aj-rest-pwd,div#cs-see-pwd {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    .pr-pp-new-wrap {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pr-pp-new-wrap-text {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        margin-left: 10px;
    }
    .pr-pp-img-text {
        margin-left: 10px;


        margin-right: 8px;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        margin-left: 10px;
    }
    .set-pop-text-wrap p{
        margin-bottom: 10px;
    }
    .set-pop-inner-wrap span {
        /* font-size: 0.75rem; */
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 8px;
    }

    .ds-share .modal-content{
        border: none;
    }

    .ds-share .modal-body .lk-share-wrap {
        height: 60px;
    }
    .ds-share .modal-body{
        background-color: #171717;
    }

    .ds-share .share-btn-close{
        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;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    .ds-share .share-btn-close span{
        margin: auto;
    }
    .aj-new-bd-fxd {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #171717;
    }
    .bd-card:last-child {
        margin-bottom: 8rem;
    }
    .sidebar-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: rgba(0,0,0,0.8);
        display: none;
    }

    /* jut */
    .wlt-bal-img-two {
        position: absolute;
        height: 91px;
        width: 91px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg
            , #ffffff 11.58%, #31bccf 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wlt-bal-text-wrap p {
        font-size: 2rem;
        font-weight: 600;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wlt-bal-text-wrap h2 {
        font-weight: 400;
        font-family: impact;
        display: flex;
        align-items: baseline;
        font-size: 65px;
    }
    .wlt-bal-text-wrap h2 span {
        width: 43px;
    }
    .wlt-tab {
        position: relative;
        width: 100%;
        height: 125px;
    }
    .wlt-tab-one {
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 125px;
        width: 125px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-tab-two {
        height: 100px;
        width: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(
            135.25deg
            , rgba(83, 83, 83, 0) 8.59%, #282828 94.56% );
        border: 0.2px solid #545454;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        border-radius: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wlt-tab-img {
        width: 55px;
    }
    span.wlt-tab-text {
        font-size: 1.1rem;
        position: absolute;
        font-weight: 600;
        bottom: -43px;
        color: #fff;
        width: 125px;
        text-align: center;
    }
    .wlt-tran-text {
        font-size: 2rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    section.pd-12.wlt-tran-wrapper {
        margin-top: 1rem;
    }
    .wlt-tran-date-wrap {
        background: #212121;
        border-radius: 7px;
        padding: 8px 12px;
        /* color: #fff; */
    }
    input.wlt-date {
        margin-left: 10px;
    }
    input.wlt-date {
        width: 190px;
        font-size: 1rem;
        padding: 2px;
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }
    .wlt-m-trans-upper-wrap {
        padding: 2rem;
        /* padding-left: 5em; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(
            90deg
            , #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: center;
        padding-right: 15px;
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 1.4rem;
        font-weight: 600;
        width: 100%;
        text-align: center;
    }
    .wlt-m-t-l-wrap {
        background: linear-gradient(
            90deg
            , #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 25px;
        margin-bottom: 10px;
    }
    .wlt-mtl-text-one {
        font-size: 1.2rem;
        width: 130px;
        text-align: center;
        /* text-align: center; */
    }
    .wlt-mtl-text-two {
        width: 130px;
        text-align: center;
    }
    .wlt-mtl-img {
        width: 35px;
        margin-right: 15px;
    }
    .wlt-mtl-date {
        font-size: 1rem;
        font-weight: 500;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wlt-mtl-dots-new {
        width: 30px;
        margin-top: 8px;
    }
    .wlt-mtl-number {
        min-width: 150px;
        text-align: right;
        color: #f9bb22;
        font-size: 1.4rem;
        font-weight: 600;
    }
    .wlt-mtl-text-two {
        font-size: 1rem;
    }
    .wlt-tran-wrapper-height {
        height: 90px;
    }
    .aj-fixed {
        position: fixed;
        top: 110px !important;
        left: 0;
        width: 100%;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 190px;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    section.wlt-head-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #171717;
        z-index: 999;
        height: 110px;
    }
    .wlt-head-img img {
        max-width: 100px;
    }
    h4.wlt-head-text {
        font-size: 1.5rem;
        /* font-weight: 600; */
        text-transform: capitalize;
        margin-bottom: 0;
    }
    .wd1-card {
        border-radius: 12px;
        padding: 2rem;
        position: relative;
        margin-bottom: 1rem;
    }
    .wd1-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 1rem;
    }
    .wd1-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 100px;
        width: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd1-img-two {
        position: absolute;
        height: 80px;
        width: 80px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd1-text-wrap h3 {
        font-size: 2rem;
        font-weight: 600;
        margin-left: 28px;
        color: #fff;
        margin-bottom: 0;
    }
    .wd1-bg-img {
        width: 90px;
        position: absolute;
        bottom: 40px;
        right: 50px;
    }
    p.wd1-text {
        font-size: 1.5rem;
    }
    .wlt-head-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
        width: 70px;
    }
    .wlt-head-home-img {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 60px;
    }
    .wd1-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 2rem;
    }
    .bd-heading-wrap h2 {
        font-family: "Evogria";
        font-size: 1.5rem;
        color: #f9bb22;
    }
    .aj-pt-2 {
        padding-top: 3rem;
    }
    .bd-card-header {
        padding: 2rem;
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
        position: relative;
    }
    .bd-card-body {
        padding: 4rem 2rem;
        position: relative;
    }
    .wd2-tick-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 75px;
        width: 75px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd2-tick-img-two {
        position: absolute;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd2-inpt:checked::before {
        position: absolute;
        color: #ed4c52 !important;
        content: url(../IMG/withdraw/tick.svg);
        top: 19px;
        left: 18px;
    }
    .bd-card-header h2 {
        font-size: 1.5rem;
        font-weight: 600;
        padding-left: 1rem;
        margin-bottom: 0;
        color: #fff;
    }
    .bd-card-body-content p {
        margin-bottom: 0;
        color: #fff;
        font-size: 1.3rem;
    }
    .bd-card-body-img {
        position: absolute;
        width: 125px;
        right: 50px;
        top: 25px;
    }
    .bd-card.wd2-card:last-child {
        margin-bottom: 15rem;
    }
    .bd-card-button-wrap.pd-12 {
        margin-bottom: 0;
    }
    .lg-btn {
        width: 100%;
        border: none;
        padding: 1rem;
        font-weight: 400;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-size: 1.6rem;
    }
    .wd2-card {
        margin-bottom: 4rem;
    }
    .wd3-card {
        padding: 4rem 2rem;
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-radius: 12px;
        position: relative;
    }
    .wd3-img-wrap {
        position: relative;
        width: 70px;
        height: 70px;
        margin-right: 18px;
    }
    .wd3-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd3-img-two {
        position: absolute;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd3-img {
        width: 29px;
    }
    .wd3-content-wrap h3 {
        font-size: 1.8rem;
        font-weight: 600;
    }
    .wd3-content-wrap p {
        font-size: 1.2rem;
        margin-bottom: 0;
    }
    .wd3-content-wrap p {
        font-size: 1.2rem;
        margin-bottom: 0;
    }
    .wd3-bank-img {
        position: absolute;
        width: 110px;
        right: 53px;
        bottom: 64px;
    }

    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        width: 100%;
        border: none;
        border-radius: 8px;
        /* margin: 8px 0; */
        outline: none;
        padding: 30px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 1.5rem;
        color: #fff;
    }
    /* .inputWithIcon img {
        position: absolute;
        left: 10px;
        top: 34px;
        width: 18px;
        transition: 0.3s;
    } */
    .wd3-amt-wrapper {
        margin: 3rem 2rem;
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 35%;
    }
    .wd3-amt-heading {
        font-size: 1.3rem;
        /* margin-bottom: 1rem; */
    }
    .wd3-amt {
        margin-top: 1rem;
        font-size: 60px;
        font-weight: 600;
        color: #f9bb22;
        /* font-family: "Poppins", sans-serif; */
    }
    .set-pop-img-wrap div:first-child {
        background: linear-gradient(
            113deg
            , rgba(41, 41, 41, 0.6) 11.58%, rgba(49, 49, 49, 0.6) 96.03% );
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 120px;
        width: 120px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .set-pop-img-wrap div:last-child {
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 100px;
        width: 101px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .set-pop-text-wrap h4 {
        font-size: 2rem;
        text-align: center;
        margin-top: 1rem;
        font-weight: 600;
        /* font-family: Evogria; */
    }
    .set-pop-text-wrap span {

        width: 100%;
        text-align: center;
        display: block;
        font-size: 1.1rem;
        /* color: #03b515; */
        margin-bottom: 1rem;
    }
    .set-pop-text-wrap div h3 {
        font-size: 1.2rem;
        color: #f9bb22;
    }
    .set-pop-text-wrap p {
        font-size: 1.1rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .set-pop-inner-wrap span {
        /* font-size: 0.75rem; */
        font-weight: normal;
        font-size: 16px;
        line-height: 12px;
        margin-bottom: 8px;
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 25px;
        z-index: 999;
        height: 100px;
    }
    .aj-new-bd-fxd {
        position: fixed;
        bottom: 100px;
        width: 100%;
        background-color: #171717;
    }
    .d-footer-item-img {
        width: 38px;
    }
    .aj-d-footer-h-home {
        position: absolute;
        top: -24px;
        left: -7px;
    }
    .bd-card:last-child {
        margin-bottom: 13rem;
    }
    /* .bdc-new img {
        position: absolute;
        left: 15px;
        top: 28px;
        width: 23px;
        transition: 0.3s;
    } */
    .inputWithIcon .lg-input {
        padding-left: 60px;
        margin-bottom: 18px;
    }
    .aj-d-footer-h-home {
        width: 55px;
    }
    .pr-p-card-top {
        background: linear-gradient(
            144.19deg
            , #fd5914 2.77%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        /* border-radius: 12px; */
        padding: 4rem 2rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .pr-p-t-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 105px;
        width: 105px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-p-t-two {
        position: absolute;
        height: 91px;
        width: 91px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        background-color: #fff;
    }
    .pr-p-edit-img {
        position: absolute;
        right: 20px;
        top: 15px;
        width: 70px;
    }
    .pr-p-t-text {
        margin-top: 12px;
        font-weight: 600;
        font-size: 22px;
    }
    .pr-p-d p {
        font-weight: 400;
        /* color: #dd3f8e; */
        font-size: 1.1rem;
    }
    .pr-pp-card {
        padding: 2rem;
    }
    .pr-pp-new-wrap-text {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 15px;
        margin-left: 10px;
    }
    .pr-pp-img-text {
        margin-left: 10px;
        margin-right: 30px;
        font-weight: 600;
        font-size: 20px;
        line-height: 15px;
        margin-left: 10px;
    }
    .pr-pp-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-pp-img-two {
        position: absolute;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .pr-pp-img {
        width: 29px;
    }
    .pr-tab {
        background: linear-gradient(
            90deg
            , #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        padding: 2rem;
        margin-bottom: 10px;
    }
    .pr-tab-text {
        margin-left: 1rem;
        font-size: 1.3rem;
        color: #fff;
    }
    .pr-tab-img {
        width: 32px;
    }
    .pr-p-bg-2 {
        position: absolute;
        top: 0;
        left: 50px;
        width: 200px;
    }
    .pr-p-bg-1 {
        position: absolute;
        bottom: -32px;
        left: 0;
        width: 100px;
    }
    .pr-p-bg-3 {
        position: absolute;
        right: 0;
        width: 198px;
        top: 0;
    }
    .lg-top-bg {
        height: 700px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 25px;
        color: #f9bb22;
        font-size: 50px;
    }
    /* .sig-icon-img img {
        position: absolute;
        left: 16px;
        top: 23px;
        width: 24px;
        transition: 0.3s;
    } */
    .aj-bd-btn {
        border: 1px solid #F9BB22 !important;
        font-size: 24px;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-weight: 500;
        padding: 1.5rem;
    }
    .bg_icon2 {
        position: absolute;
        top: 32px;
        left: -22px;
        width: 200px;
    }
    .lg-lower-wrap a {
        color: #fff;
        font-size: 22px;
        display: block;
        text-align: center;
        margin-top: 1rem;
        padding-bottom: 10px;
    }
    .lg-lower-wrap span {
        display: block;
        text-align: center;
        font-size: 20px;
    }
    .lg-lower-wrap span a {
        display: inline;
        text-align: center;
        font-size: 20px;
        margin: 0;
        color: #f9bb22;
    }
    div#lg-see-pwd, div#rg-see-pwd,div#aj-rest-pwd,div#cs-see-pwd {
        position: absolute;
        right: 15px;
        top: 50%;
        width: 40px;
        transform: translateY(-50%);
    }
    .inputWithIcon i {
        position: absolute;
        left: 10px;
        top: 32px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
    }
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;
        border-radius: 12px;
        width: 100%;
        height: 200px;
        align-items: center;
        margin-bottom: 20px;
    }
    .hp-main-img-wrap {
        position: relative;
        width: 100px;
    }
    .hp-main-img-one {
        border-radius: 50%;
        height: 100px;
        width: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.3);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .hp-main-img-two {
        position: absolute;
        height: 80px;
        width: 80px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg
            , rgba(255, 255, 255, 0.54) 11.58%, #ffffff 96.03% );
    }
    .hp-main-img {
        width: 46px;
    }
    .hp-main-name-wrap span {
        font-size: 1.5rem;
        font-weight: 600;
    }
    .hp-main-content-wrap {
        border-radius: 5px;
        padding: 10px 12px;
    }
    .hp-main-content-wrap span {
        font-size: 1.3rem;
        font-weight: 600;
        color: #fff;
    }
    .hp-cont {
        width: 49%;
        height: 200px;
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px;
    }
    .hp-cont-img {
        position: absolute;
        height: 70px;
        width: 70px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        align-items: center;
    }
    .hp-cont-img div {
        width: 32px;
    }
    .hp-cont-name span {
        font-size: 1.3rem;
        font-weight: 600;
    }
    .hp-cont-numb span {
        font-size: 1.2rem;
    }

    .lk-cp-wrap {
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 130px;
        display: flex;
        justify-content: center;
        position: relative;
        align-items: center;
        width: 100%;
    }
    .lk-cp p {
        color: #f9bb22;
        font-size: 1.3rem;
    }
    .lk-sh-img {
        display: flex;
        width: 180px;
        margin: 25px auto;
        align-items: center;
        justify-content: space-between;
        /* margin: 1.5rem auto; */
    }

    .lk-sh-img a{
        display: block;
        width: 100px;
    }
    .lk-sh-wrap span {
        font-size: 1.3rem;
        display: block;
        line-height: 1.4;
    }
    .lk-share-bg {
        position: absolute;
        height: 100px;
        width: 100px;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -45px;
        font-size: 1rem;
        text-align: center;
        width: 100%;
    }

    .lk-share-img {
        width: 50px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -80px;
        font-size: 1rem;
        text-align: center;
        width: 100%;
    }
    .lk-share-tab {
        position: relative;
        width: 100px;
    }
    .lk-bg-wrap {
        position: relative;
        width: 250px;
        height: 250px;
        margin: 9rem auto;
    }
    .lk-bg-one {
        background: linear-gradient(
            146.03deg
            , rgba(253, 89, 20, 0.1) 0%, rgba(202, 48, 209, 0.1) 100% );
        position: absolute;
        height: 350px;
        width: 350px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-two {
        background: linear-gradient(
            146.03deg
            , rgba(253, 89, 20, 0.1) 0%, rgba(202, 48, 209, 0.1) 100% );
        position: absolute;
        height: 310px;
        width: 310px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-three {
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        position: absolute;
        height: 282px;
        width: 282px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lk-cp-img-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 45px;
    }
    .lk-bg-stars {
        display: none;
        position: absolute;
        /* width: 385px; */
        top: -47px;
        left: -70px;
    }
    /* new */

    .home-tab {
        padding: 1rem;
        margin-bottom: 15px;
    }
    .home-tab-text span:first-child {
        font-size: 1.1rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .home-tab-text span:last-child {
        font-size: 1.3rem;
    }
    .home-tab-img {
        width: 46px;
    }
    .wel-starts-wrap {
        background-repeat: no-repeat;
        background-size: contain;
        height: 38px;
        position: absolute;
        top: -15px;
        width: 100%;
        background-position: center;
    }
    .wel-wrap {
        padding: 2rem 1.2em 1.2rem 1.2rem;
    }
    .wel-star-wrap {
        width: 68px;
    }
    .wel-main-wrap {
        height: 120px;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }
    .ds-head h3 {
        font-size: 1.5rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .dsr-head-item {
        padding: 18px 5px;
        font-size: .7rem;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .dsr-head-item {
        padding: 12px 5px;
        font-size: .7rem;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }


    .aj-set_section1 {
        margin: 15px 5px;
        padding: 15px 15px 25px 15px;
    }

    .aj-set_section1 img {
        max-width: 30px;
        min-height: 18px;
    }
    .drs-btn-wrap {
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 15px;
    }

    .dsr-btn-text {
        font-size: 1rem;
        font-weight: 600;
        color: #fff;
        margin-left: 5px;
        text-transform: capitalize;
    }
    .dsr-btn-img {
        width: 25px;
    }

    .details-tab {
        padding: .7rem;
    }
    .details-img-wrap {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
    }
    .details-text-wrap {
        text-transform: uppercase;
        font-size: 1rem;
        font-weight: 600;
        color: #fff;
    }
    .head-wrap {
        padding: 15px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
        height: 100px;
        align-items: center;
    }
    .home-tab-wrap {
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* margin-bottom: 1rem; */
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 15px;
        z-index: 999;
        height: 75px;
    }
    .d-footer-item-img {
        width: 30px;
    }
    .aj-d-footer-h-home {
        width: 45px;
    }
    section.wel-wrapper {
        padding: 15px;
    }
    .pd-12 {
        padding: 15px;
    }
    .aj-fixed {
        position: fixed;
        top: 100px !important;
        left: 0;
        width: 100%;
    }
    .wlt-tran-text {
        font-size: 1.2rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .wlt-tran-wrapper-height {
        height: 70px;
    }
    input.wlt-date {
        width: 134px;
        font-size: .7rem;
        padding: 2px;
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }
    span.wlt-tab-text {
        font-size: .8rem;
        position: absolute;
        font-weight: 600;
        bottom: -37px;
        color: #fff;
        width: 125px;
        text-align: center;
    }
    .wlt-m-trans-upper-wrap {
        padding: 1.2rem;
        /* padding-left: 5em; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(
            90deg
            , #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .wlt-m-t-l-wrap {
        background: linear-gradient(
            90deg
            , #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 10px;
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 1rem;
        font-weight: 600;
        width: 100%;
        text-align: center;
    }
    .wlt-mtl-text-one {
        font-size: 1rem;
        width: 130px;
        text-align: center;
        /* text-align: center; */
    }
    .wlt-mtl-text-two {
        font-size: .8rem;
    }
    .wlt-mtl-date {
        font-size: .9rem;
        font-weight: 500;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wlt-mtl-dots-new {
        width: 20px;
        margin-top: 5px;
    }
    .wlt-mtl-number {
        min-width: 150px;
        text-align: right;
        color: #f9bb22;
        font-size: 1.2rem;
        font-weight: 600;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 170px;
        left: 0;
        width: 100%;
        z-index: 999;

    }
    .wlt-tran-date {
        display: flex;
        align-items: center;
    }
    section.wlt-head-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #171717;
        z-index: 999;
        height: 100px;
    }
    .wlt-head-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
        width: 50px;
    }
    .wlt-head-home-img {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
    }
    h4.wlt-head-text {
        font-size: 1.2rem;
        /* font-weight: 600; */
        text-transform: capitalize;
        margin-bottom: 0;
    }
    p.wd1-text {
        font-size: 1.2rem;
    }
    .wd1-text-wrap h3 {
        font-size: 1.4rem;
        font-weight: 600;
        margin-left: 28px;
        color: #fff;
        margin-bottom: 0;
    }
    .wd1-card {
        border-radius: 12px;
        padding: 1.5rem;
        position: relative;
        margin-bottom: 1rem;
    }
    .aj-pt-2 {
        padding-top: 2.3rem;
    }

    .lg-btn {
        width: 100%;
        border: none;
        padding: 1rem;
        font-weight: 400;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-size: 1.4rem;
    }
    .slider-item {
        width: 100%;
        display: flex;
        padding: 20px;
        align-items: center;
        border-bottom: 0.5px solid #343434;
    }
    .slider-item-text {
        color: #fff;
        font-weight: 600;
        font-size: 1.1rem;
    }
    .slider-item-img {
        width: 20px;
        margin-right: 1.5rem;
        margin-left: 12px;
    }
    .slider-profile-img {
        width: 70px;
        margin-right: 10px;
        border-radius: 50%;
        background-color: #474747;
    }
    .slider-profile-data p:nth-child(1) {
        font-size: 1.1rem;
        font-weight: 600;
        text-transform: uppercase;
    }
    .slider-profile-data p:nth-child(2) {
        font-size: 1rem;
    }
    .slider-profile-data p:nth-child(3) {
        font-size: 1rem;
        color: #f9bb22;
    }
    .slider-upper-wrap {
        /* background-color: yellow; */
        width: 100%;
        padding: 1.5rem 1rem;
        background: linear-gradient(
            77.46deg
            , #2c2c2c 0.94%, #444444 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
    }
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;
        border-radius: 12px;
        width: 100%;
        height: 170px;
        align-items: center;
        margin-bottom: 20px;
    }
    .hp-cont {
        width: 49%;
        height: 170px;
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px;
    }
    .hp-main-name-wrap span {
        font-size: 1.2rem;
        font-weight: 600;
    }
    .hp-main-content-wrap span {
        font-size: 1.1rem;
        font-weight: 600;
        color: #fff;
    }
    .hp-cont-name span {
        font-size: 1.1rem;
        font-weight: 600;
    }
    .hp-cont-numb span {
        font-size: 1.1rem;
    }
    .lk-sh-img a {
        display: block;
        width: 75px;
    }
    .lk-cp-wrap {
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 100px;
        display: flex;
        justify-content: center;
        position: relative;
        align-items: center;
        width: 100%;
    }
    .lk-sh-img {
        display: flex;
        width: 65px;
        margin: 20px auto;
        align-items: center;
        justify-content: space-between;
        /* margin: 1.5rem auto; */
    }
    .lk-sh-wrap span {
        font-size: 1.1rem;
        display: block;
        line-height: 1.4;
    }
    .lk-share-bg {
        position: absolute;
        height: 80px;
        width: 80px;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            90deg
            , #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }
    .lk-share-img {
        width: 45px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -65px;
        font-size: .8rem;
        text-align: center;
        width: 100%;
    }
    .lk-bg-one {
        background: linear-gradient(
            146.03deg
            , rgba(253, 89, 20, 0.1) 0%, rgba(202, 48, 209, 0.1) 100% );
        position: absolute;
        height: 300px;
        width: 300px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-two {
        background: linear-gradient(
            146.03deg
            , rgba(253, 89, 20, 0.1) 0%, rgba(202, 48, 209, 0.1) 100% );
        position: absolute;
        height: 280px;
        width: 280px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-three {
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        position: absolute;
        height: 250px;
        width: 250px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lk-bg-wrap {
        position: relative;
        width: 250px;
        height: 250px;
        margin: 6rem auto;
    }
    .lk-cp p {
        color: #f9bb22;
        font-size: 1.1rem;
    }
    .aj-new-bd-fxd {
        position: fixed;
        bottom: 75px;
        width: 100%;
        background-color: #171717;
    }
    .ds-share-img {
        position: absolute;
        bottom: 40px;
        right: 10px;
        width: 70px;
    }
    .lg-top-bg {
        height: 445px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .bg_icon2 {
        position: absolute;
        top: 38px;
        left: -22px;
        width: 200px;
    }
    .aj-bd-btn {
        border: 1px solid #F9BB22 !important;
        font-size: 24px;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-weight: 500;
        padding: 1rem;
    }


    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        width: 100%;
        border: none;
        border-radius: 8px;
        /* margin: 8px 0; */
        outline: none;
        padding: 25px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 1.2rem;
        color: #fff;
    }

    /* .sig-icon-img img {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 24px;
    transition: 0.3s;
} */
    div#lg-see-pwd, div#rg-see-pwd,div#aj-rest-pwd,div#cs-see-pwd {
        position: absolute;
        right: 15px;
        top: 50%;
        width: 32px;
        transform: translateY(-50%);
    }
    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 22px;
        color: #f9bb22;
        font-size: 45px;
    }
    .lg-lower-wrap a {
        color: #fff;
        font-size: 20px;
        display: block;
        text-align: center;
        margin-top: 1rem;
        padding-bottom: 10px;
    }
    .lg-lower-wrap span {
        display: block;
        text-align: center;
        font-size: 20px;
    }
    .inputWithIcon i {
        position: absolute;
        left: 10px;
        top: 26px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
    }
    .lg-lower-wrap span a {
        display: inline;
        text-align: center;
        font-size: 20px;
        margin: 0;
        color: #f9bb22;
    }
    /* img.aj-mail-img {
    top: 22px;
    width: 18px;
} */
    /* GS */

    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
    .set-pop-text-wrap h4{
        font-size: 2rem;
    }
    .set-pop-text-wrap span{
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .set-pop-text-wrap div h4 {
        font-size: 1.8rem;
    }
    #withdraw_popup .modal-content {
        padding: 4rem 2.5rem 2.5rem;
    }
    .set-pop-text-wrap div h3{
        font-size: 1.8rem;
    }
    .set-pop-text-wrap p {
        font-size: 1.8rem;
    }
    .set-pop-close-btn{
        width: 70px;
        line-height: 70px;
        display: flex;
        height: 70px;
        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;
        bottom: -80px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    .set-pop-inner-wrap{
        padding: 1.5rem;
    }
    #player_popup .modal-content {
        padding: 4rem 1.8rem 1.8rem;
    }
    .ppp-date-inner-wrap {
        width: 100%;
        max-width: 240px;
        text-align: center;
    }
    .ppp-c-text-wrap span:first-child {
        font-size: 1.3rem;
        margin-bottom: 0;
        line-height: 1.5rem;
    }
    #player_popup_addition .aj-new-cal-icon {
        width: 20px;
    }
    .ppp-content-wrapper {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #313131;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 25px 20px;
    }
    .ppp-c-text-wrap span:last-child {
        font-size: 1.2rem;
        text-align: left;
        font-weight: 700;
        line-height: 1.8rem;
    }
    .ppp-c-img {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 10px;
        margin-top: -15px;
    }
    .ppp-c-img-bg{
        height: 45px;
        width: 45px;
    }
    .ppp-c-img-icon{
        width: 25px;
    }
    .ppp-date-inner-wrap input.wlt-date {
        margin-left: 5px;
    }


    .filter_popup .modal-dialog {
        position: fixed;
        bottom: 0;
        top: 50%;
        left: 50%;
        right: 0;
        transform: translate(-50%, -50%) !important;
        width: 100%;
    }
    .sort_section h4{
        font-size: 24px;
        line-height: 30px;
    }
    .sort_section a {
        font-size: 20px;
        padding: 10px 20px 10px 20px;
    }
    .set-pop-close-btn1 {
        width: 80px;
        line-height: 80px;
        display: flex;
        height: 80px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
    }
    .ul_filter li {
        padding: 15px;
        font-style: normal;
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
    }
    .un_check_img, .check_img {
        max-width: 20px;
        margin-right: 15px;
    }
    .alert {
        width: 95%;
        font-size: 18px;
        padding: 1rem 2rem;
    }
    .mpp-head-text {
        margin-left: 0.5rem;
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 3rem;
    }
    .mpp-main-wrapper .mpp-head-img{
        width: 50px;
    }
    .mpp-card-head{
        padding: 1.2rem;
    }
    .mpp-main-wrapper .mpp-head-img{
        width: 50px;
    }
    .mpp-card-body p {
        font-size: 1.2rem;
    }
    .mpp-card{
        padding: 20px 25px;
    }
    .mpp-main-content {
        padding: 20px 25px;
    }
    .mpp-main-content h3 {
        font-size: 1.5rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .mpp-main-content p {
        font-size: 1.2rem;
    }
    .mpp-t-main-wrapper span {
        font-size: 1rem;
        font-weight: 600;
        text-align: center;
        width: 100%;
        display: block;
    }
    .mpp-t-main-wrapper p {
        font-size: 1.2rem;
        font-weight: 600;
        padding-top: 10px;
        text-align: center;
        font-family: Evogria;
    }
    .mpp-t-one {
        top: -180px;
        position: absolute;
        width: 70px;
        height: 180px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 2rem;
        left: 120px;
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }
    .mpp-t-two {
        top: -130px;
        position: absolute;
        width: 70px;
        height: 130px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 1.6rem;
        left: 206px;
        background: linear-gradient(
            146.03deg
            , #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
    }
    .mpp-stars-wrap {
        position: absolute;
        top: -255px;
        left: 50%;
        transform: translateX(-50%);
        width: 500px;
    }
    .mpp-main-wrapper .mpp-head-img {
        width: 80px;
        height: 80px;
    }
    .pb-head-item {
        width: 100%;
        text-align: center;
        font-size: 1.2rem;
        padding: 15px 10px;
        font-weight: 600;
    }
    .pb-con-item {
        padding: 20px;
    }
    .pb-con.one {
        font-size: 1.5rem;
    }
    .pb-con-inner-text {
        font-size: 1.5rem;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: 0;
        left: -51px;
    }
    .pb-pop-body{
        font-size: 1.5rem;
    }
    .onbd-n-font {
        font-family: Nostromo;
        font-size: 3.2rem;
        color: #f9bb22;
    }


    .onbd-img {
        width: 600px;
        margin-bottom: 4rem;
        margin-left: auto;
    }
    .onbd-text h3 {
        font-size: 2rem;
        font-weight: 600;
    }
    .onbd-text p {
        font-size: 18px;
        line-height: 20px;
    }
    a.onbd-btn {
        font-size: 1.2rem;
    }

    .onbd-main-text-wrap {
        position: absolute;
        transform: rotate(
            -90deg
        );
        top: 217px;
        left: -60px;
    }
    .onbd-b-font {
        position: absolute;
        font-family: TheBlackheads;
        font-size: 3rem;
        top: 55px;
        left: 40px;
        width: 100%;
    }

    .onbd-b-font-numb,.onbd-b-font-now{
        left: 200px;
        top: 50px;
    }
    .onbd-text {
        padding-left: 3.5rem;
    }
    #onbd-slider .owl-dots {
        display: inline-block;
        padding-left: 3.5rem;
    }

    .onbd-btn-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin-top: 2rem;
    }
    .onbd-b-font-now {
        left: 215px;
        top: 40px;
    }
    section.wel-wrapper {
        display: none;
    }
    .aj-sb-bg {
        width: 100%;
        height: 450px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    li.parsley-required,.parsley-type {
        position: absolute;
        font-size: 14px;
        bottom: 5px;
        right: 8px;
    }
    .lg-inputWithimg {
        position: absolute;
        left: 23px;
        top: 41%;
        color: #fff;
        transition: 0.3s;
        transform: translateY(-50%);
        width: 18px;
    }
    .inputWithIcon i {
        position: absolute;
        left: 14px;
        top: 20px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
        font-size: 21px;
    }
    .aj-n-mb-slider{
        margin-bottom: 5rem;
    }
    .sort_section h4 {
        font-size: 15px;
        line-height: 20px;
    }
    .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 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;
    }
    .un_check_img,
    .check_img {
        max-width: 15px;
        margin-right: 15px;
    }
    .set-pop-close-btn1 {
        width: 50px;
        line-height: 50px;
        display: flex;
        height: 50px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
    }
    .pb-pop-body {
        font-size: 0.8rem;
    }
    .mpp-t-one {
        top: -140px;
        position: absolute;
        height: 140px;
    }
    .mpp-t-two {
        top: -100px;
        position: absolute;
        height: 100px;
    }
    .top_logo {

        width: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 130px;
        max-width: 130px;
        text-align: center;
    }
    .hp-main-content-wrap span{
        font-size: 14px;
    }
    .modal-backdrop {
        opacity: .9 !important;
    }
    /* a.aj-bnk-edit-icon {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
}
a.aj-bnk-delete-icon {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 5px;
    width: 28px;
} */
    .pd-popup-wrap .modal-content{
        border-radius:15px;
    }
    .aj-bkk-ed-wrap {
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
    }

    a.aj-ed-d-icon {
        display: block;
        width: 40px;
    }

    a.aj-ed-d-icon.aj-bnk-delete-icon {
        margin-left: 8px;
    }
    p.mb-3.aj-bep-text {
        color: #fff;
        font-size: 14px !important;
        text-align: center;
    }

    button.aj-bep-btn {
        border: none;
        background: linear-gradient(
            270deg
            , #C6A21A 0%, #F4A100 70.31%, #956204 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 14px 20px;
        font-size: 20px;
        color: #fff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin-bottom: 2rem;
    }
    .aj-chat-dec-wrap {
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 400;
        text-align: center;
    }
    a.ajreadmore {
        font-size: 13px;
        color: #F9BB22;

    }
    .aj-dg-lock-icon {
        width: 20px;
        margin: auto;
    }
    .aj-nw-upd-t {
        position: absolute;
        right: 85px;
        bottom: 30px;
        font-size: 13px;
        color: #f9bb33;
    }
}

@media only screen and (max-width: 767px) {
    .not-dot {
        position: absolute;
        font-size: 6px;
        font-weight: 600;
        width: 15px;
        height: 15px;
        background-color: red;
        border-radius: 50%;
        line-height: 15px;
        top: -8px;
        left: 8px;
        text-align: center;
    }
    /* ==============================
        Dashboard
    ================================*/
    .main-wrapper {
        width: 100%;
        /* margin: 0 auto; */
        /* margin-bottom: 5rem; */
    }
    .head-user-img {
        width: 30px;
        background-color: #242424;
        border-radius: 50%;
    }
    .head-user-wrap {
        display: flex;
        align-items: center;
    }
    .head-user-text {
        display: flex;
        flex-direction: column;
    }
    .head-user-text span:first-child {
        font-size: 0.8rem;
        min-width: 50px;
        text-align: right;
    }

    .head-user-text span:last-child {
        color: #f9bb22;
        font-size: 0.75rem;
        text-align: right;
    }

    .head-bars {
        width: 40px;
    }
    .head-wrap {
        padding: 12px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
        height: 60px;
        align-items: center;
    }

    .home-tab {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        width: 48%;
        border-radius: 10px;
        padding: 7px;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .home-tab-text span:first-child {
        font-size: 0.6rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .home-tab-text span:last-child {
        font-size: 1rem;
    }

    .home-tab-text {
        text-align: right;
        display: flex;
        flex-direction: column;
    }

    .home-tab-wrap {
        padding: 12px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* margin-bottom: 1rem; */
    }
    .home-tab-wrap a{
        display: contents;
        color: #fff!important;
    }
    .home-tab-img {
        width: 40px;
    }

    .wel-star {
        display: block;
        width: 10px;
        position: absolute;
    }

    .wel-main-wrap {
        height: 125px;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    span.wel-star.one {
        top: 10px;
        left: 22%;
        width: 3px;
    }
    span.wel-star.two {
        top: 2px;
        left: 16%;
        width: 3px;
    }
    span.wel-star.three {
        top: -5px;
        left: 50%;
        width: 4px;
    }
    span.wel-star.four {
        top: 20px;
        left: 80%;
        width: 4px;
    }
    span.wel-star.five {
        top: 15px;
        left: 57%;
        width: 6px;
    }
    span.wel-star.six {
        top: 30px;
        left: 62%;
        width: 4px;
    }

    .wel-wrap {
        background: linear-gradient(90deg, #303030 0%, #434343 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        padding: 2rem 1rem 1rem 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        flex-direction: column;
    }

    .wel-starts-wrap {
        background-repeat: no-repeat;
        background-size: contain;
        height: 35px;
        position: absolute;
        top: -15px;
        width: 100%;
    }

    span.d-we-cy-text {
        font-size: 0.7rem;
    }
    section.wel-wrapper {
        padding: 12px;
    }

    .wel-wrap h5 {
        font-size: 0.9rem;
        font-weight: 600;
    }

    .wel-star-wrap {
        width: 60px;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
    }

    .we-rd-wrap {
        width: 40px;
        position: absolute;
        top: -25px;
        right: 10px;
        border-radius: 50%;
        background: linear-gradient(316.25deg, #373737 17.57%, #1c1c1c 79.76%);
    }

    .pd-12 {
        padding: 12px;
    }
    .mon-tab {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        height: 160px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 48%;
        position: relative;
    }

    .mon-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .mon-ball-inner div:first-child {
        background: linear-gradient(
            113deg,
            rgba(41, 41, 41, 0.6) 11.58%,
            rgba(49, 49, 49, 0.6) 96.03%
        );
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

        border-radius: 50%;
        height: 55px;
        width: 55px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .mon-ball-inner div:last-child {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mon-ball-inner {
        position: relative;
    }

    .mon-ball {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    section.mon-wrapper.pd-12 {
        padding-top: 3rem;
    }

    .mon-w-text {
        color: #f9bb22;
    }
    span.mon-w-numb {
        font-size: 1.6rem;
        font-weight: 600;
    }

    .mb-3r {
        margin-bottom: 3rem;
    }

    .h-graph {
        width: 100%;
        height: 235px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .details-tab {
        display: flex;
        width: 49%;
        background: linear-gradient(90deg, #1f1f1f 0%, #2c2c2c 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
        padding: 0.5rem;
        align-items: center;
        justify-content: start;
        margin-bottom: 12px;
    }

    .details-text-wrap {
        text-transform: uppercase;
        font-size: 0.8rem;
        font-weight: 600;
        color: #fff;
    }

    .details-img-wrap {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
    }

    .details-img-wrap div {
        width: 26px;
    }

    .details-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* ====================
             pop-up
    =====================*/
    #settlement_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 1rem 1rem;
    }

    .set-pop-text-wrap h4 {
        font-size: 1rem;
        text-align: center;
        font-weight: 600;
        /* font-family: Evogria; */
    }

    .set-pop-text-wrap span {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 0.85rem;
        /* color: #03b515; */
        margin-bottom: 1rem;
    }

    .set-pop-amt-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1rem;
    }

    .set-pop-text-wrap div h4 {
        font-size: 1rem;
    }

    .set-pop-text-wrap div h3 {
        font-size: 1rem;
        color: #f9bb22;
    }

    .set-pop-inner-wrap {
        background: #333333;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 1rem;
        margin-top: 2rem;
        text-align: center;
    }

    .set-pop-inner-wrap p {
        color: #f9bb22;
        margin-bottom: 0;
        font-size: 0.85rem;
    }

    .set-pop-inner-wrap span {
        font-size: 0.75rem;
    }

    .set-pop-close-btn span {
        margin: auto;
    }

    .set-pop-img-wrap {
        position: relative;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .set-pop-img-wrap div:first-child {
        background: linear-gradient(
            113deg,
            rgba(41, 41, 41, 0.6) 11.58%,
            rgba(49, 49, 49, 0.6) 96.03%
        );
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 80px;
        width: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .set-pop-img-wrap div:last-child {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 67px;
        width: 67px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .set-pop-close-btn {
        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;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    label {
        margin-left: 20px;
    }
    .aj-set-datapicker {
        width: 70px;
        position: relative;
        padding: 0 !important;
        margin: 0 0 0 auto;
        /* margin: 0 20px 20px 20px; */
    }
    .aj-set-datapicker > span:hover {
        cursor: pointer;
    }

    .aj-set-datapicker input {
        font-size: 0.8rem;
        font-weight: 600;
        padding: 0;
        background-color: transparent !important;
        border: none;
        color: #fff;
    }
    .aj-set-datapicker input:focus {
        box-shadow: none;
    }

    span.input-group-addon.aj-set-datapicker-icon {
        color: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -52px;
        margin: 0;
    }
    span.set-pop-date {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .set-pop-star-one {
        position: absolute;
        width: 3px;
        top: -50px;
        left: 105px;
    }
    .set-pop-star-two {
        position: absolute;
        width: 4px;
        top: 0;
        left: 130px;
    }

    .set-pop-star-three {
        position: absolute;
        width: 5px;
        top: 20px;
        left: 146px;
    }

    .set-pop-star-four {
        position: absolute;
        width: 5px;
        right: 130px;
        top: -30px;
    }

    .set-pop-star-five {
        position: absolute;
        width: 6px;
        top: 0;
        right: 144px;
    }
    .set-pop-star-six {
        position: absolute;
        width: 6px;
        top: 20px;
        right: 105px;
    }
    .set-pop-star-seven {
        position: absolute;
        width: 5px;
        top: 40px;
        right: 78px;
    }
    .set-pop-star-eight {
        position: absolute;
        width: 7px;
        top: 8px;
        right: 50px;
    }
    .sucess-c {
        color: #03b515;
    }
    .error-c {
        color: #fb1818;
    }

    span.set-pop-date.wt-pop-date {
        justify-content: space-between;
        align-items: center;
    }
    /* withdraw popup */
    #withdraw_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 1rem 1rem;
    }

    #player_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #sub_affiliate_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #topplayer_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #allplayer_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    #player_report_popup .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }
    .date-one-wrap p {
        font-weight: 600;
    }

    .wt-pop-data {
        display: flex;
        align-items: center;
    }
    .wt-pop-data span {
        display: inline-block;
    }
    .wt-pop-data {
        display: flex;
    }

    .wt-pop-data span:first-child {
        text-align: end;
    }

    .wt-pop-data span:last-child {
        text-align: left;
        margin-left: 12px;
    }

    span.set-pop-date-number {
        display: inline !important;
        width: auto;
        margin-bottom: 0;
    }

    /* player report */
    .ppp-date-wrap {
        display: flex;
        justify-content: flex-end;
        margin-top: 2rem;
        flex-direction: column;
    }

    .ppp-date-inner-wrap {
        width: 160px;
        text-align: center;
    }

    .ppp-content-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 50%;
        padding: content: '\f26e';px 0;
    }

    .ppp-c-img {
        position: relative;
        width: 40px;
        height: 40px;
        margin-right: 7px;
    }

    .ppp-c-img-bg-one {
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ppp-c-img-bg {
        position: absolute;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(113deg, #ffffff 11.58%, #ffcf7b 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .ppp-c-text-wrap span {
        margin-bottom: 0;
    }

    .ppp-content-wrapper {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #313131;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 5px;
    }

    .ppp-c-text-wrap span:last-child {
        font-size: 0.9rem;
        text-align: left;
        font-weight: 700;
    }

    .ppp-c-text-wrap span:first-child {
        font-size: 0.62rem;
    }
    .ppp-c-img-icon {
        width: 19px;
    }

    /* =========================
        Slider
    ============================*/
    .slider-wrapper {
        width: 300px;
        height: 100vh;
        background-color: #262626;
        position: fixed;
        z-index: 999999;
        top: 0;
        left: -360px;
        transition: all 0.5s;
    }

    .slider-wrapper.open {
        left: 0;
    }

    .slider-upper-wrap {
        /* background-color: yellow; */
        width: 100%;
        padding: 2rem 1rem;
        background: linear-gradient(77.46deg, #2c2c2c 0.94%, #444444 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        display: flex;
        align-items: center;
    }
    .slider-profile-wrap {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .slider-profile-img {
        width: 70px;
        margin-right: 10px;
        border-radius: 50%;
        background-color: #474747;
    }
    .slider-profile-data {
        width: 100%;
        /* height: 100%; */
    }

    .slider-profile-data p:nth-child(1) {
        font-size: 0.9rem;
        font-weight: 600;
        text-transform: uppercase;
    }
    .slider-profile-data p:nth-child(2) {
        font-size: 0.8rem;
    }
    .slider-profile-data p:nth-child(3) {
        font-size: 0.8rem;
        color: #f9bb22;
    }
    .slider-close-wrap {
        cursor: pointer;
        position: absolute;
        width: 60px;
        /* background-color: red; */
        display: flex;
        justify-content: center;
        align-items: center;
        right: -60px;
        height: 60px;
        background: linear-gradient(
            90deg,
            #cdb24b 0%,
            #f4a100 70.31%,
            #956204 100%
        );
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        transform: matrix(-1, 0, 0, 1, 0, 0);
    }
    .slider-close-img {
        width: 35px;
    }
    .slider-inner-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .slider-item {
        width: 100%;
        display: flex;
        padding: 15px;
        align-items: center;
        border-bottom: 0.5px solid #343434;
    }

    .slider-item-img {
        width: 16px;
        margin-right: 2rem;
        margin-left: 12px;
    }

    .slider-item-text {
        color: #fff;
        font-weight: 600;
        font-size: 0.8rem;
    }

    /* ============================
          Wallet - Page
  =============================== */

    .pd-1-5 {
        padding: 1.5rem;
    }
    section.wlt-head-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wlt-head-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
    }
    .wlt-head-img img{
        max-width: 33px;
    }
    .wlt-head-home-img {
        max-width: 33px;
    }
    h4.wlt-head-text {
        font-size: 0.9rem;
        /* font-weight: 600; */
        text-transform: capitalize;
        margin-bottom: 0;
    }
    .wlt-bal-wrap {
        padding: 10px;
        background: linear-gradient(180deg, #2e2e2e 0%, #413a2b 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
    }

    .wlt-bal-content {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
        display: flex;
        padding: 1rem;
    }
    .wlt-bal-content {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 12px;
        display: flex;
        padding: 1.5rem 1rem;
        align-items: center;
        justify-content: space-around;
    }
    .wlt-bal-img-wrap {
        position: relative;
    }
    .wlt-bal-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 50%;
        height: 85px;
        width: 85px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-bal-img-two {
        position: absolute;
        height: 71px;
        width: 71px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(113deg, #ffffff 11.58%, #31bccf 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .wlt-bal-text-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .wlt-bal-text-wrap p {
        font-size: 0.9rem;
        font-weight: 600;
    }
    .wlt-bal-text-wrap h2 {
        font-weight: 400;
        font-family: impact;
    }
    .wlt-tab-one {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 80px;
        width: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wlt-tab {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .wlt-tab-two {
        height: 65px;
        width: 65px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(
            135.25deg,
            rgba(83, 83, 83, 0) 8.59%,
            #282828 94.56%
        );
        border: 0.2px solid #545454;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        border-radius: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wlt-tab-img {
        width: 46px;
    }
    .wlt-tabs-wrap {
        margin-top: 2rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    span.wlt-tab-text {
        font-size: 0.6rem;
        position: absolute;
        font-weight: 600;
        bottom: -30px;
        color: #fff;
    }
    section.pd-12.wlt-tran-wrapper {
        margin-top: 4rem;
    }
    .wlt-m-trans-upper-wrap {
        padding: 1rem;
        /* padding-left: 5em; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 0.85rem;
        font-weight: 600;
        width: 100%;
        text-align: center;
    }
    .wlt-m-trans-lower-wrap {
        padding: 10px;
        border-radius: 0 0 12px 12px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }

    .wlt-m-trans-lower-wrap {
        padding: 10px;
        border-radius: 0 0 12px 12px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }

    .wlt-mtl-img {
        width: 20px;
        margin-right: 5px;
    }

    .wlt-mtl-date {
        font-size: 0.7rem;
        font-weight: 500;
        color: #fff;
    }

    .wlt-mtl-text {
        font-size: 0.9rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .wlt-mtl-text-one {
        font-size: 0.8rem;
        width: 74px;
        text-align: center;
        /* text-align: center; */
    }

    .wlt-mtl-text-two {
        font-size: 0.6rem;
    }
    .wlt-mtl-number {
        min-width: 90px;
        text-align: right;
        color: #f9bb22;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .wlt-mtl-text-two {
        width: 65px;
        text-align: center;
    }

    .wlt-mtl-wrap {
        display: flex;
        align-items: center;
    }
    .wlt-m-t-l-tabs {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .wlt-m-t-l-wrap {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 10px;
    }
    .wlt-mtl-dots {
        width: 20px;
        margin: 0 auto;
    }

    .wlt-tran-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .wlt-tran-text {
        font-size: 1rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .wlt-tran-date-wrap {
        background: #212121;
        border-radius: 7px;
        padding: 3px 10px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 0.65rem;
        padding: 2px;
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }
    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        color: #fff;
    }
    .daterangepicker .drp-selected {
        color: #f9bb22;
    }
    .daterangepicker.show-calendar .drp-buttons {
        display: flex !important;
    }
    .daterangepicker {
        /* background-color: #2b2b2b;   */
    }

    /* =======================
          Help Page
  ========================*/
    .hp-head-wrapper span {
        text-align: center;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .hp-main-img-wrap {
        position: relative;
        width: 70px;
    }
    .hp-main-img-one {
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgba(255, 255, 255, 0.3);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .hp-main-img-two {
        position: absolute;
        height: 59px;
        width: 59px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg,
            rgba(255, 255, 255, 0.54) 11.58%,
            #ffffff 96.03%
        );
    }
    .hp-main-img {
        width: 36px;
    }
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;

        border-radius: 12px;
        width: 100%;
        height: 120px;
        align-items: center;
        margin-bottom: 12px;
    }
    .hp-main-name-wrap span {
        font-size: 0.9rem;
        font-weight: 600;
    }
    .hp-main-content-wrap {
        border-radius: 5px;
        padding: 6px 10px;
    }
    .hp-main-content-wrap span {
        font-size: 0.85rem;
        font-weight: 600;
        color: #fff;
    }

    .hp-cont {
        width: 49%;
        height: 150px;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 10px;
    }
    .hp-cont-img-wrap {
        position: relative;
        width: 40px;
        height: 40px;
    }
    .hp-cont-img {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        background: linear-gradient(113deg, #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        align-items: center;
    }
    .hp-cont-wrap {
        display: flex;
        justify-content: space-between;
    }
    .hp-cont-name span {
        font-size: 0.85rem;
        font-weight: 600;
    }
    .hp-cont-numb span {
        font-size: 0.9rem;
    }

    /* ====================
      Links Page
  ====================== */
    .lk-cp-wrap {
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        height: 74px;
        display: flex;
        justify-content: center;
        position: relative;
        align-items: center;
        width: 100%;
    }
    .lk-cp {
        width: 230px;
        text-align: center;
    }
    .lk-cp p {
        color: #f9bb22;
        font-size: 13px;
    }
    .lk-cp-img-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 32px;
    }
    .lk-sh-wrap {
        text-align: center;
    }
    .lk-sh-wrap span {
        font-size: 0.85rem;
        display: block;
        line-height: 1.4;
    }
    .lk-share-tab {
        position: relative;
    }

    .lk-share-bg {
        position: absolute;
        height: 55px;
        width: 55px;

        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(90deg, #262626 0%, #313131 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
    }

    .lk-share-img {
        width: 35px;
    }
    .lk-share-tab {
        position: relative;
        width: 55px;
    }
    .lk-share-name {
        position: absolute;
        bottom: -45px;
        font-size: 0.65rem;
        text-align: center;
        width: 100%;
    }
    .lk-share-wrap {
        display: flex;
        justify-content: space-around;
    }
    section.lk-share-wrapper.pd-12 {
        margin-top: 1.5rem;
    }

    .lk-bg-one {
        background: linear-gradient(
            146.03deg,
            rgba(253, 89, 20, 0.1) 0%,
            rgba(202, 48, 209, 0.1) 100%
        );
        position: absolute;
        height: 240px;
        width: 240px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-two {
        background: linear-gradient(
            146.03deg,
            rgba(253, 89, 20, 0.1) 0%,
            rgba(202, 48, 209, 0.1) 100%
        );
        position: absolute;
        height: 210px;
        width: 210px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-three {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        position: absolute;
        height: 182px;
        width: 182px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lk-bg-wrap {
        position: relative;
    }
    .lk-bg-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }
    .lk-bg-wrap {
        position: relative;
        width: 250px;
        height: 250px;
        margin: 3rem auto;
    }
    .success-c {
        color: #03b515;
    }
    .set-pop-date-icon {
        margin-right: 10px;
    }

    /* ====================================
            Login?Signup
  =====================================*/
    .lg-top-bg {
        height: 300px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    /*  */
    /*Don't forget to add Font Awesome CSS : "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"*/
    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        width: 100%;
        border: none;
        border-radius: 8px;
        /* margin: 8px 0; */
        outline: none;
        padding: 18px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 0.85rem;
        color: #fff;
    }

    .lg-input::placeholder {
        color: #fff !important;
    }

    .lg-input:focus {
        border-color: #f0a22e;
        box-shadow: 0 0 8px 0 #f0a22e;
    }

    .inputWithIcon .lg-input {
        padding-left: 40px;
        margin-bottom: 10px;
    }

    .inputWithIcon {
        position: relative;
    }

    .inputWithIcon i {
        position: absolute;
        left: 0;
        top: 12px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
        font-size: 18px;
    }

    .lg-inputWithIcon .lg-input:focus + i {
        color: #fff;
    }

    .lg-inputWithIcon.inputIconBg i {
        background-color: #aaa;
        color: #fff;
        padding: 9px 4px;
        border-radius: 4px 0 0 4px;
    }

    .lg-inputWithIcon.inputIconBg input[type="text"]:focus + i {
        color: #fff;
        background-color: #f0a22e;
    }

    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 25px;
        color: #f9bb22;
    }
    .lg-content-inner-wrap {
        padding: 0 2rem;
    }
    .lg-btn {
        width: 100%;
        border: none;
        padding: 0.9rem;
        font-weight: 400;
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
    }

    .lg-lower-wrap a {
        color: #fff;
        font-size: 1rem;
        display: block;
        text-align: center;
        margin-top: 1rem;
        padding-bottom: 0px;
    }

    .lg-lower-wrap span {
        display: block;
        text-align: center;
        font-size: 1rem;
    }
    .lg-lower-wrap span a {
        display: inline;
        text-align: center;
        font-size: 1rem;
        margin: 0;
        color: #f9bb22;
    }

    .lg-lower-wrap {
        margin-top: 30px;
        /* padding-bottom: 1rem; */
    }

    /* =======================
    Dashboard footer
  =======================*/
    .d-footer-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .d-footer-item-img {
        width: 21px;
    }
    .d-footer-item-text {
        font-size: 0.7rem;
        color: #fff;
        margin-top: 0.1rem;
    }
    .d-footer-wrap {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    section.d-footer-wrapper {
        background: linear-gradient(
            180deg,
            #292929 0%,
            rgba(17, 17, 17, 1) 100%
        );
    }
    .details-wrap a {
        display: contents;
    }

    .pending-c {
        color: #f9bb22;
    }
    .set-pd-1r {
        padding: 2rem;
    }
    /* =======================
      Bank Details
  ======================== */
    .bd-heading-wrap h2 {
        font-family: "Evogria";
        font-size: 0.9rem;
        color: #f9bb22;
    }
    .bd-card {
        border-radius: 12px;
        margin-bottom: 1rem;
    }
    .bd-card:nth-child(odd) {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(211, 55, 179, 0.4);
    }

    .bd-card:nth-child(even) {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
    }

    .bd-card-header {
        padding: 1rem;
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.3);
        position: relative;
    }
    .bd-card-header h2 {
        font-size: 1rem;
        font-weight: 600;
        padding-left: 1rem;
        margin-bottom: 0;
        color: #fff;
    }
    .bd-card-body {
        padding: 2rem;
        position: relative;
    }
    .bd-card-body-img {
        position: absolute;
        width: 85px;
        right: 25px;
        top: 15px;
    }
    .bd-card-body-content p {
        margin-bottom: 0;
        color: #fff;
        font-size: 0.8rem;
    }
    .bd-card-wrapper {
        display: flex;
        flex-direction: column;
        overflow: auto;
        /* padding-top: 3rem; */
        margin-bottom: 10rem;
    }
    .no-bd-wrapper {
        width: 100%;
        position: relative;
        height: 150px;
    }
    .no-bd-img-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .no-bd-img {
        width: 100px;
        /* margin-bottom: 1rem; */
    }
    .no-bd-img-wrap p {
        font-size: 0.9rem;
    }


    .bd-heading-wrap {
        margin-bottom: 1rem;
    }

    /* ========================
        Withdraw
  =========================*/

    .wd1-card {
        border-radius: 12px;
        padding: 1rem;
        position: relative;
        margin-bottom: 1rem;
    }
    .wd1-body {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .wd1-img-wrap {
        position: relative;
        width: 70px;
        display: flex;
        height: 70px;
    }
    .wd1-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd1-img-two {
        position: absolute;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;

        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd1-text-wrap h3 {
        font-size: 1rem;
        font-weight: 600;
        margin-left: 10px;
        color: #fff;
        margin-bottom: 0;
    }
    p.wd1-text {
        font-size: 0.85rem;
    }
    .wd1-bg-img {
        width: 60px;
        position: absolute;
        bottom: 22px;
        right: 20px;
    }

    .wd1-card:nth-child(odd) {
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }
    .wd1-card:nth-child(even) {
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgba(135, 39, 221, 0.4);
    }
    .wd2-tick-img-wrap {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .wd2-tick-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd2-tick-img-two {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    section.wd2-fixed-btn-wrap {
        position: fixed;
        bottom: 0;
        background-color: #000;
        width: 100%;
    }
    a.more_btn.mlr-0.lg-btn.wd2-btn {
        border: 2px solid #f9bb22;
        box-sizing: border-box;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
        color: #f9bb22;
        background: none;
    }
    .wd2-card {
        margin-bottom: 3rem;
    }
    /* WD3*/
    .wd3-img-wrap {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .wd3-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .wd3-img-two {
        position: absolute;
        height: 35px;
        width: 35px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .wd3-card {
        padding: 2rem 1rem;
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-radius: 12px;
        position: relative;
    }
    .wd3-card-body {
        display: flex;
        align-items: center;
    }
    .wd3-content-wrap h3 {
        font-size: 1rem;
        font-weight: 600;
    }
    .wd3-content-wrap p {
        font-size: 0.8rem;
        margin-bottom: 0;
    }
    .wd3-bank-img {
        position: absolute;
        width: 60px;
        right: 40px;
        bottom: 50px;
    }

    .wd3-form-wrapper {
        margin: 1rem 0;
    }
    .wd3-amt-wrapper {
        margin: 1rem;
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 35%;
    }
    .wd3-amt-heading {
        font-size: 0.85rem;
        /* margin-bottom: 1rem; */
    }
    .wd3-amt {
        margin-top: 1rem;
        font-size: 2rem;
        font-weight: 600;
        color: #f9bb22;
        /* font-family: "Poppins", sans-serif; */
    }
    .wd3-btn-wrapper {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    /* wd3 popup */
    .dark-bg {
        background-color: #000;
    }
    .wd3-top-bg {
        height: 250px;
        position: relative;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
    }
    .wd3-top-content {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    .wd3-top-content p {
        font-size: 0.75rem;
    }

    .wd3-top-content h2 {
        font-family: "Evogria";
    }
    .wd3-main-content {
        background-color: #232323;
        border-radius: 12px;
        margin: 0 1rem 1rem;
    }
    .wd3-content-one {
        padding: 1rem;
        text-align: center;
        border-bottom: 1px solid #333;
    }
    .wd3-content-one p {
        font-size: 0.85rem;
    }
    .wd3-content-one span {
        /* font-family: "Poppins", sans-serif; */
        color: #f9bb22;
        font-weight: 600;
        font-size: 1.3rem;
    }
    .wd3-content-two {
        padding: 1rem;
        text-align: center;
    }
    .wd3-content-two span {
        font-size: 0.8rem;
        display: block;
    }

    .aj-more_btn {
        background-image: url(assets/IMG/sign-bg-new.gif);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        background-color: #000;
        /* height: 100%; */
        border: none;
        text-align: center;
        font-weight: 600;
        color: #fff;
    }
    /* Profile PAge */
    .pr-p-card-top {
        background: linear-gradient(144.19deg, #fd5914 2.77%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        /* border-radius: 12px; */
        padding: 1rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .pr-p-t-wrap {
        position: relative;
        height: 85px;
        width: 85px;
    }
    .pr-p-t-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 85px;
        width: 85px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-p-t-two {
        position: absolute;
        height: 71px;
        width: 71px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        background-color: #fff;
    }
    .pr-p-t-text {
        margin-top: 10px;
        font-weight: 600;
    }
    .pr-p-card-top {
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .pr-p-card-down {
        background: #ffd1f6;
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        display: flex;
        position: relative;
    }
    .pr-p-d {
        width: 50%;
        padding: 1rem;
        text-align: center;
    }

    .pr-p-d i,
    .pr-p-d p {
        /* font-weight: 600; */
        color: #dd3f8e;
        /* font-size: 0.85rem; */
    }
    .pr-p-d p {
        width: 120px;
        max-width: 120px;
        text-overflow: ellipsis;
        font-weight: 400;
        white-space: nowrap;
        margin: 0 auto;
        overflow: hidden;
        font-size: 0.83rem;
    }
    .pr-p-bg-1 {
        position: absolute;
        bottom: -32px;
        left: 0;
        width: 80px;
    }
    .pr-p-bg-2 {
        position: absolute;
        top: 0;
        left: 50px;
        width: 80px;
    }
    .pr-p-bg-3 {
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
    }
    .pr-p-d:first-child {
        border-right: 0.5px solid #ca94bf;
    }
    .pr-pp-img-one {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 50px;
        width: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .pr-pp-img-two {
        position: absolute;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .pr-pp-img-wrap {
        position: relative;
        height: 50px;
        width: 50px;
    }

    .pr-pp-card-body {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pr-pp-main-img-wrap {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .pr-pp-img-text {
        margin-left: 10px;
        font-size: 0.9rem;
        font-weight: 600;
    }

    .pr-pp-card-main {
        /* padding: 1rem; */
        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
        border-radius: 12px;
    }

    .pr-pp-card {
        padding: 1rem;
    }

    .pr-pp-card:first-child {
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.4);
    }

    .pr-tab-wrap {
        padding: 10px;
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .pr-tab {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        padding: 1rem;
        margin-bottom: 10px;
    }
    .pr-tab-img {
        width: 21px;
    }
    .pr-tab-text {
        margin-left: 1rem;
        font-size: 0.85rem;
        color: #fff;
    }
    .pr-tab-wrap {
        margin-bottom: 10px;
    }
    .aj-rel {
        position: relative;
    }
    .aj-d-footer-h-img-wrap {
        height: 30px;
    }
    .aj-d-footer-h-img {
        position: absolute;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -25px;
        left: -10px;
        background: linear-gradient(
            180deg,
            #212121 0%,
            rgba(17, 17, 17, 0) 100%
        );
        border: 2px solid #f9bb22;
        box-sizing: border-box;
    }
    .aj-d-footer-h-img img {
        width: 50%;
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 12px;
        z-index: 999;
    }
    /*  */
    .aj-sgn-btn {
        background-color: transparent;
    }
    .lg-main-wrapper-bg {
        background-size: contain;
        height: 100%;
    }

    .aj-page .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #f9bb22;
        background-color: #262626;
        font-size: 0.9rem;
        border: 1px solid #000;
    }

    .aj-page .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #f9bb22;
        border-color: #f9bb22;
        border-radius: 5px;
    }
    .aj-page {
        justify-content: center;
    }
    .tp-wel-main-wrap {
        height: 100px;
    }
    .tp-search .seachbar input {
        padding: 15px 15px;
    }

    .pr-pp-text-wrap {
        font-size: 0.85rem;
    }

    .pr-pp-img {
        width: 25px;
    }

    .mpp-card {
        background-color: #292929;
        padding: 20px 12px;
        border-radius: 8px;
    }
    .mpp-card-head {
        display: flex;
        background: #333333;
        border-radius: 8px;
        padding: 0.5rem;
        margin-bottom: 0.5rem;
        justify-content: center;
        align-items: baseline;
    }
    .mpp-main-wrapper .mpp-head-img {
        background-color: transparent;
        /* background-color: #292929; */
        /* padding: .2rem; */
        border-radius: 50%;
        /* height: 30px; */
        width: 34px;
        line-height: 30px;
        display: block;
        justify-content: center;
    }
    .mpp-head-text {
        margin-left: 0.5rem;
        font-weight: 600;
        font-size: 0.9rem;
    }
    .mpp-card-body p {
        font-size: 0.8rem;
    }

    #mpp_popup .modal-content {
        border: none;
        border-radius: 8px;
    }

    .mpp-main-wrapper {
        border-radius: 8px;
        background-color: #1b1b1b;
    }

    .mpp-main-content {
        padding: 12px;
    }

    .mpp-main-content h3 {
        font-size: 0.9rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .mpp-main-content p {
        font-size: 0.8rem;
    }

    #mpp_popup {
        z-index: 9999999999;
    }

    .mpp-t-one {
        top: -100px;
        position: absolute;
        width: 55px;
        height: 100px;

        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 2rem;
        left: 120px;
        background: linear-gradient(146.03deg, #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
    }

    .mpp-t-main-wrapper span {
        font-size: 0.7rem;
        font-weight: 600;
        text-align: center;
        width: 100%;
        display: block;
    }

    .mpp-t-main-wrapper p {
        font-size: 0.9rem;
        font-weight: 600;
        padding-top: 10px;
        text-align: center;
        font-family: Evogria;
    }

    .mpp-t-img {
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .mpp-t-main-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .mpp-t-two {
        top: -80px;
        position: absolute;
        width: 50px;
        height: 80px;

        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 1.6rem;
        left: 190px;

        background: linear-gradient(146.03deg, #f208b8 0%, #6730e7 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(135 39 221 / 40%);
    }
    .wd2-inpt {
        appearance: none;

        width: 30px;
        height: 30px;
        content: none;
        outline: none;
        margin: 0;
        background-color: transparent;
    }

    .wd2-inpt:checked {
        appearance: none;
        outline: none;
        padding: 0;
        content: none;
        border: none;
    }
    .wd2-inpt:checked::before {
        position: absolute;
        color: #ed4c52 !important;
        content: url(../IMG/withdraw/tick.svg);
        top: 10px;
        left: 10px;
    }

    .wd3-img {
        width: 18px;
    }

    .login-main-wrapper {
        height: 100vh;
    }

    .alert {
        /* margin-left: 10px; */
        /* margin-right: 10px; */
        background-color: #f9bb33;
        border-color: #f9bb33;
        position: absolute;
        top: 20px;
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
        font-size: 13px;
    }
    .dashboard-wrapper {
        /* margin-bottom: 4rem; */
    }

    .pr-p-d p a {
        color: #dd3f8e;
    }

    .othr-page-nav {
        /* width: 10px; */
        position: absolute;
        top: 10px;
        left: 20px;
    }

    .pr-p-edit-img {
        position: absolute;
        right: 20px;
        top: 15px;
    }
    .aj-mb-4 {
        margin-bottom: 4rem;
    }

    /* .inputWithIcon img {
        position: absolute;
        left: 10px;
        top: 16px;

        width: 15px;
        transition: 0.3s;
    } */

    .aj-ser1 {
        display: flex;
        align-items: center;
    }
    .aj-ser1-two {
        margin-left: 10px;
        font-size: 0.8rem;
    }
    .wlt-head-home-img {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .sb-view-head-warp {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    span.sb-view-fil {
        display: block;
        width: 26px;
    }
    .hp-cont-img div {
        width: 19px;
    }
    .lk-sh-img {
        width: 35px;
        margin: 1.5rem auto;
    }
    .slider-list {
        height: calc(100vh - 123px);
        overflow-x: auto;
    }

    .ticket_one span {
        font-size: 0.65rem;
    }
    div#chatMessages {
        margin-bottom: 3rem;
    }
    .no-pre-msg {
        text-align: center;
    }
    /* img.aj-mail-img {
        top: 23px;
        width: 17px;
    } */

    .sb-suc-close {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .aj-t-msg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #e5a12c;
        border-radius: 10px;
        padding: 0.8rem;
        font-size: 0.8rem;
        text-transform: uppercase;
        font-weight: 600;
        z-index: 99999;
    }

    .aj-pt-2 {
        padding-top: 2rem;
    }
    .bd-card.wd2-card:last-child {
        margin-bottom: 11rem;
    }
    .h-graph-head {
        font-size: 1rem;
        font-family: "Evogria";
    }
    .saf-new-wrapper {
        background-color: #292929;
        padding: 4rem 0.8rem 0.8rem;
        position: relative;
        margin: 0 12px;
        border-radius: 8px;
    }
    .sbf-mtl-img {
        width: 40px;
    }
    .sbf-mtl-text-one {
        width: 12px;
    }
    .sbf-m-trans-upper-wrap {
        padding-left: 1rem;
        justify-content: space-around;
    }
    .sbf-mtl-text {
        align-items: flex-start;
    }
    .sbf-mtl-text-two {
        text-align: left;
    }
    .sbf-m-t-l-tabs {
        background: linear-gradient(90deg, #2b2b2b 0%, #282828 100%);
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 10px;
        margin-bottom: 10px;
    }
    .sb-aff-new-wrapper {
        padding-top: 5rem;
        margin-bottom: 8rem;
    }
    .ppp-c-text-wrap {
        display: flex;
        flex-direction: column;
    }
    .sbf-sec-head h3 {
        font-size: 0.9rem;
        text-transform: uppercase;
        font-family: "Evogria";
    }
    .sbf-head-text-wrap {
        margin-bottom: 1rem;
    }
    .sbf-mtl-number {
        min-width: unset;
        color: #fff;
        font-weight: 400;
        font-size: 0.7rem;
    }

    .aj-width-100 {
        width: 100%;
    }
    .sbf-star-wrap {
        position: absolute;
        position: absolute;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 200px;
    }
    .wd3-new-text span {
        font-size: 0.7rem;
        display: block;
        margin-bottom: 5px;
    }
    span.wd3-tic-no {
        display: block;
        font-size: 0.65rem;
        font-weight: 300;
        color: #fff;
    }
    input:focus {
        outline: none;
    }
    .reg-main-wrapper {
        height: 100%;
    }
    .head-bell {
        width: 16px;
        margin-right: 14px;
    }
    .aj_value_section {
        padding: 10px 0rem;
    }
    .aj-wlt-tran-wrap {
        flex-direction: column;
    }
    .aj-wlt-tran-inner-wrap {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 12px;
        align-items: center;
    }
    .earning_inner_section {
        width: 100%;
    }
    .aj-fx {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .slab_label_section p {
        font-size: 0.8rem;
    }
    /* onboard */
    #onbd-slider {
        position: relative;
    }
    .onbd-img-wrap {
        width: 100%;
    }

    .onbd-img {
        width: 291px;
        margin-bottom: 4rem;
        margin-left: auto;
    }

    .onbd-text h3 {
        font-size: 1.2rem;
        font-weight: 600;
    }

    .onbd-text p {
        color: #fff;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        width: 75%;
    }
    .nav-btn.onbd-prev-slide {
        display: none;
    }

    .nav-btn.onbd-next-slide {
        border: 1px solid #f9bb22;
        padding: 0.5rem 1.3rem;
        font-size: 0.8rem;
        font-weight: 500;
        border-radius: 12px;
        color: #f9bb22;
    }

    #onbd-slider .owl-dots {
        display: inline-block;
        padding-left: 1.5rem;
    }

    #onbd-slider .owl-nav {
        position: absolute;
        bottom: -65px;
        left: 5px;
    }
    #onbd-slider .owl-dots .owl-dot span {
        background: #60522f;
        width: 8px;
        height: 8px;
        margin: 5px 3px;
    }

    .onbd-text {
        padding-left: 1.5rem;
    }

    #onbd-slider .owl-dots .owl-dot.active span,
    #onbd-slider .owl-dots .owl-dot:hover span {
        background: #f9bb22;
    }

    .nav-btn.onbd-next-slide:focus {
        outline: none;
    }
    a.onbd-skip {
        color: #aaa;
        font-size: 0.9rem;
    }
    a:focus {
        outline: none;
    }

    a:hover {
        text-decoration: none;
    }
    #onbd-slider.owl-nav [class*="owl-"]:hover {
        background: transparent !important;
    }

    .ds-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .ds-head h3 {
        font-size: 0.85rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .ds-fl-tabs {
        display: flex;
    }
    .ds-tab:last-child {
        margin-left: 5px;
    }
    #ds-slider .owl-dots .owl-dot span {
        background: #60522f;
        width: 8px;
        height: 8px;
        margin: 5px 3px;
    }

    .onbd-text {
        padding-left: 1.5rem;
    }

    #ds-slider .owl-dots .owl-dot.active span,
    #ds-slider .owl-dots .owl-dot:hover span {
        background: #f9bb22;
    }

    .gtab {
        display: none;
    }
    .gtab.active {
        display: block;
    }
    .ajhide {
        display: none;
    }
    .ajactive {
        display: block;
    }
    .aj-d-footer-h-home {
        width: 38px;
    }
    .head-user-text span:last-child,
    .slider-profile-data p:nth-child(3) {
        font-weight: 400;
        font-family: russoone;
    }
    .aj-new-cal-icon {
        width: 12px;
    }
    .wlt-tran-date {
        display: flex;
        align-items: baseline;
    }
    input.wlt-date {
        margin-left: 3px;
    }

    .dsr-head {
        /* background-color: 262626; */
        display: flex;
        justify-content: space-around;
        background: #262626;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 4px 4px 0px 4px;
        /* padding: 6px 3px; */
    }
    .dsr-head-item {
        font-size: 0.7rem;
        width: 100%;
        text-align: center;
        height: 100%;
        padding: 10px 2px;
    }
    .dsr-body {
        background: #1f1f1f;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 15px 8px;
        border-radius: inherit;
    }

    .dsr-earn {
        margin: 0;
        background: linear-gradient(91.38deg, #222222 0.55%, #141414 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; */
    }
    .drs-btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        background: linear-gradient(91.38deg, #222222 0.55%, #121212 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;
        margin-top: 1.5rem;
    }
    .dsr-btn-img {
        width: 18px;
    }
    .dsr-btn-text {
        font-size: 0.9rem;
        font-weight: 600;
        color: #fff;
        margin-left: 5px;
        text-transform: capitalize;
    }
    .dsr-head-item-mid {
        border-right: 1px solid #333333;
        border-left: 1px solid #333333;
    }
    .dsr-active {
        background-color: #f9bb22;
        /* border-radius: inherit; */
    }
    .prm-one {
        padding: 8px;
        background: linear-gradient(180deg, #1a1a1a 0%, #202020 100%);
        box-shadow: inset 0px 0px 24px rgb(147 147 147 / 5%);
        border-radius: 12px;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100px;
        background-position: center;
        margin-bottom: 1rem;
    }
    .prm-one.prm-two {
        height: 150px;
        background-size: contain;
    }
    #prm-slider .owl-stage {
        padding-left: 0px !important;
    }
    .pd-popup-wrap .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 4rem 0.8rem 0.8rem;
    }

    .set-pop-text-wrap p {
        font-size: 0.9rem;
        font-weight: 600;
        color: #f9bb22;
    }
    .all-ply-content-head {
        background: linear-gradient(90deg, #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .all-ply-content-head-item {
        padding: 15px 10px;
        text-align: center;

        border-radius: inherit;
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: uppercase;
    }
    .all-ply-content-body {
        background: #212121;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        padding: 2px;
    }
    .all-ply-body-item {
        margin-top: 10px;
        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;
    }
    .apb-one {
        display: flex;
        width: 100%;
        /* padding: 10px; */
        align-items: center;
    }
    .apb-one-img {
        width: 34px;
    }
    .apb-one-text {
        font-size: 0.8rem;
        margin-left: 5px;
    }
    .apb-two {
        width: 50%;
        text-align: center;
        font-size: 0.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .apb-three {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: flex-end;
    }

    .apb-three-numb {
        font-size: 0.8rem;
        min-width: 58px;
        text-align: right;
        color: #f9bb22;
    }
    .apb-three-view {
        border: 1px solid #f9bb22;
        font-size: 0.8rem;
        padding: 5px;
        border-radius: 5px;
        color: #f9bb22;
        margin-left: 8px;
        text-transform: uppercase;
    }
    .pb-pop-head {
        background: linear-gradient(90deg, #232323 0%, #232323 100%);
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius: 12px 12px 0 0;
    }
    .pb-head-item {
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        padding: 15px 10px;
        font-weight: 600;
    }
    .pb-pop-body {
        background: #212121;
        box-shadow: 0px 3.77349px 7.54698px rgb(0 0 0 / 15%);
        border-radius: 0 0 12px 12px;
        padding: 1px;
    }
    .pb-con-item {
        /* margin-top: 10px; */
        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 10px 25px 10px;
        padding: 10px;
        align-items: center;
    }
    .pb-con.one {
        width: 100%;
        text-align: center;
        font-size: 0.9rem;
        font-weight: 600;
    }
    .pb-con.two {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pb-con-inner-img {
        width: 35px;
    }
    .pb-con-inner-text {
        font-size: 0.8rem;
    }
    .pb-con.three {
        width: 100%;
        text-align: center;
        position: relative;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: -36px;
        left: -51px;
    }
    .ds-share-img {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .ds-img,
    .ds-tab {
        position: relative;
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #4a4a4a;
        opacity: 0.8;
    }
    .ds-tab .overlay {
        display: none;
    }

    .ds-tab.active .overlay {
        display: block;
    }
    .aj-dsr-earn {
        background: none;
    }
    .aj-set_section1 {
        background: linear-gradient(110.67deg, #262626 4.22%, #111111 99.01%);
        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%);
        margin: 5px;
        border-radius: 8px;
    }

    .onbd-main-text-wrap {
        position: absolute;
        transform: rotate(-90deg);
        top: 110px;
        left: -90px;
    }
    .onbd-main-text-inner-wrap {
        position: relative;
    }
    .onbd-n-font {
        font-family: Nostromo;
        font-size: 3rem;
        color: #f9bb22;
    }
    .onbd-b-font {
        position: absolute;
        font-family: TheBlackheads;
        font-size: 2.3rem;
        top: 38px;
        left: 80px;
        width: 100%;
    }
    .onbd-b-font-numb {
        left: 204px;
    }
    .onbd-b-font-now {
        left: 235px;
    }
    /* .new-wd-rupee {
        top: 3px;
    } */
    .page-link {
        position: relative;
        display: block;
        padding: 5px 8px !important;
        margin-left: -1px;
        line-height: 1.25;
        color: #fff !important;
        background-color: #262626;
        font-size: 0.9rem;
        border: 1px solid #0000;
        margin: 1px;
        border-radius: 3px;
    }
    span.aj-new-pop-date {
        margin-bottom: 0;
        font-size: 0.7rem;
    }
    .new-ppp-date-wrap {
        margin-top: 2rem;
    }
    .lk-sh-img {
        display: flex;
        width: 50px;
        margin: 25px auto;
        align-items: center;
        justify-content: space-between;
        /* margin: 1.5rem auto; */
    }
    .aj-sb-aff-close {
        width: 55px;
        position: absolute;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
    }
    .aff-new-pop-main .modal-content {
        background-color: #292929;
        /* padding-top: 4rem; */
        padding: 2rem 0.8rem 0.8rem;
    }

    div.aff-new-pop-main {
        /* padding-top: 4rem; */
    }
    .mpp-stars-wrap {
        position: absolute;
        top: -133px;
        left: 50%;
        transform: translateX(-50%);
        width: 260px;
    }
    .jgtab {
        display: none;
    }
    .jgtab.active {
        display: table;
    }
    /* effect */
    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%;

        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-effect {
        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;
    }
    .ll-mt-4 {
        margin-top: 4rem;
    }
    .ll-mt-5 {
        margin-top: 5rem;
    }

    .aj-on-btn-wrap {
        position: absolute;
        bottom: 82px;
        left: 32px;
    }
    button.aj-on-btn {
        border: 1px solid #f9bb22;
        padding: 0.5rem 1.3rem;
        font-size: 0.8rem;
        font-weight: 500;
        border-radius: 12px;
        color: #f9bb22;
        background-color: #141414;
    }
    .aj-hide {
        display: none !important;
    }
    .aj-show {
        display: block !important;
    }
    .aj-fixed {
        position: fixed;
        top: 60px !important;
        left: 0;
        width: 100%;
    }
    .aj-alp-fixed {
        position: fixed;
        top: 10;
        left: 0;
        width: 100%;
    }
    .aj-wal-sticky-wrapper.aj-fixed {
        margin-top: 0 !important;
        background-color: #171717;
        z-index: 999;
    }
    .more_btn:focus {
        outline: none;
    }
    .aj-al-player-fixed.aj-fixed {
        background-color: #161616;
        padding: 12px;
    }
    .all-ply-content-warp {
        padding-bottom: 3rem;
    }

    section.wlt-head-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #171717;
        z-index: 999;
        height: 60px;
    }
    .wlt-tran-wrapper-height {
        height: 55px;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 115px;
        left: 0;
        width: 100%;
        z-index: 999;

    }
    .all-ply-tab-head-fxd {
        position: fixed;
        top: 262px;
        left: 0;
        width: 100%;
    }
    .aj-mt-60 {
        margin-top: 60px;
    }
    .wlt-m-trans-wrap {
        padding-bottom: 6rem;
    }
    .aj-al-player-fixed.aj-alp-fixed {
        padding: 0 10px;
        background-color: #171717;
    }
    .all-ply-content-body {
        margin-bottom: 5rem;
    }
    p.aj-fgp-text {
        font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5rem;
    text-align: center;
    text-align: center;
    }
    .aj-ld-more-wrap {
        width: 100%;
        padding: 10px 0;
        display: flex;
        justify-content: center;
    }
    .aj-ld-more {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 0.8rem;
        font-weight: 600;
        background-color: #f9ab30;
        border-color: #f9ab30;
    }
    .aj-d-footer-h-home {
        position: absolute;
        top: -17px;
        left: -7px;
    }
    .ds-img {
        width: 100%;
        height: 280px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .bd-card-button-wrap.pd-12 {
        margin-bottom: 3rem;
    }
    .onbd-btn-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin-top: 3rem;
    }
    a.onbd-btn {
        border-radius: 10px;
        padding: 0.6rem 1.4rem;
        border: 1px solid #f9bb22;
        font-size: 0.8rem;
        color: #f9bb22;
    }
    .onboard-wrapper {
        height: 100vh;
    }
    button:focus {
        outline: none;
    }
    .otp-timer-wrap {
        text-align: center;
    }
    span#countdown {
        /* font-size: 0.7rem; */
        color: #f9bb33;
        letter-spacing: 0.1rem;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 15px;
    }
    /* new */
    .head-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: #171717;
    }
    /* .dashboard-wrapper {
        height: 100vh;
        position: relative;
    }
    section.home-tab-wrap {
        position: absolute;
        width: 100%;
        top: 14%;
    }
    section.wel-wrapper {
        position: absolute;
        width: 100%;
        top: 33%;
    }
    section.d-slide-wrap {
        position: absolute;
        width: 100%;
        top: 45%;
    }
    section.details-wrapper {
        position: absolute;
        top: 77%;
        width: 100%;
    } */
    .home-tab {
        padding: 1rem;
        margin-bottom: 15px;
    }
    .wel-wrap {
        padding: 1.5rem 1rem 1rem 1rem;
    }
    .wel-star-wrap {
        width: 48px;
    }
    .ds-header {
        margin-bottom: 1rem;
    }
    .ds-head h3 {
        font-size: 1rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    .home-tab-text span:first-child {
        font-size: 0.65rem;
        font-weight: 600;
        text-transform: uppercase;
    }
    .ds-tab {
        width: 27px;
    }
    .dsr-head-item {
        padding: 10px 5px;
        font-size: 0.7rem;
    }
    .aj-set_section1 {
        margin: 10px 5px;
    }
    .aj-set_section1 img {
        max-width: 20px;
        min-height: 18px;
    }
    .aj-set_section1:last-child {
        font-size: 0.65rem;
    }
    .drs-btn-wrap {
        margin-top: 0px;
        margin-bottom: 5px;
        padding: 10px;
    }
    .details-tab {
        padding: 1rem;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
    }
    .slider-profile-data p {
        padding-bottom: 3px;
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: right;
        padding-right: 15px;
    }
    .aj-all-ply-content-head {
        padding-right: 2.3rem;
    }
    .aj-na{
        color: #f9bb22;
    }
    .wallet-wrapper{
        position: relative;
    }

    #lg-see-pwd img,#rg-see-pwd img,#aj-rest-pwd img,#cs-see-pwd img{
        position: unset;
        left:unset;
        top: unset;
        width: 100%;
        transition: 0.3s;
    }
    #lg-see-pwd .slash-eye, #rg-see-pwd .slash-eye,#aj-rest-pwd .slash-eye,#cs-see-pwd .slash-eye{
        top:6px !important;
    }
    div#lg-see-pwd,div#rg-see-pwd,div#aj-rest-pwd,div#cs-see-pwd {
        position: absolute;
        right: 15px;
        top: 43%;
        transform: translateY(-50%);
        width: 20px;
    }
    .pr-pp-new-wrap {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pr-pp-new-wrap-text {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        margin-left: 10px;
    }
    .pr-pp-img-text {
        margin-left: 10px;


        margin-right: 8px;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
        margin-left: 10px;
    }
    .set-pop-text-wrap p{
        margin-bottom: 10px;
    }
    .set-pop-inner-wrap span {
        /* font-size: 0.75rem; */
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 8px;
    }

    .ds-share .modal-content{
        border: none;
    }

    .ds-share .modal-body .lk-share-wrap {
        height: 60px;
    }
    .ds-share .modal-body{
        background-color: #171717;
    }

    .ds-share .share-btn-close{
        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;
        bottom: -70px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    .ds-share .share-btn-close span{
        margin: auto;
    }
    .aj-new-bd-fxd {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #171717;
    }
    .bd-card:last-child {
        margin-bottom: 8rem;
    }
    .sidebar-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: rgba(0,0,0,0.8);
        display: none;
    }
    .wd1-body{
        padding: 0;
    }
    .lg-btn{
        font-size: .8rem;
    }
    .lg-inputWithimg {
        position: absolute;
        left: 11px;
        top: 45%;
        color: #fff;
        transition: 0.3s;
        transform: translateY(-50%);
        width: 13px;
    }
    .inputWithIcon i {
        position: absolute;
        left: 3px;
        top: 16px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
        font-size: 18px;
    }
    .aj-n-mb-slider{
        margin-bottom: 3rem;
    }
    .mpp-t-one {
        top: -100px;
        height: 100px;
    }
    .mpp-t-two {
        top: -80px;
        height: 80px;
    }
    .lk-cp {
        width: 230px;
        text-align: center;

    }
    p#lk-rc{
        overflow: hidden;
    }
    div#aj-nav-name {
        min-width: 30px;
        max-width: 45px;
        white-space: nowrap;
        overflow: hidden;
        text-align: right;
        text-overflow: ellipsis;
    }
    .top_logo {
        width: 70px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 105px;
        max-width: 107px;
        text-align: center;
    }
    .hp-main-content-wrap span{
        font-size: 12px;
    }
    .pd-popup-wrap .modal-content{
        border-radius:15px;
    }
    .aj-bkk-ed-wrap {
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
    }

    a.aj-ed-d-icon {
        display: block;
        width: 35px;
    }

    a.aj-ed-d-icon.aj-bnk-delete-icon {
        margin-left: 8px;
    }
    p.mb-3.aj-bep-text {
        color: #fff;
        font-size: 12px !important;
        text-align: center;
    }

    button.aj-bep-btn {
        border: none;
        background: linear-gradient(
            270deg
            , #C6A21A 0%, #F4A100 70.31%, #956204 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 14px 20px;
        font-size: 20px;
        color: #fff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin-bottom: 2rem;
    }
    h4.aj-bep-heading {
        font-size: 30px;
    }
    .aj-chat-dec-wrap {
        color: #fff !important;
        font-size: 12px !important;
        text-align: center;
        font-weight: 400;
    }
    a.ajreadmore {
        font-size: 11px;
        color: #F9BB22;
    }
    .aj-dg-lock-icon {
        width: 20px;
        margin: auto;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: -36px;
        left: -80px;
    }
    .aj-nw-upd-t {
        position: absolute;
        right: 42px;
        bottom: 11px;
        font-size: 10px;
        color: #f9bb33;
    }

}






@media only screen and (max-width: 380px){
    .wlt-mtl-number {
        min-width: 80px;
    }
    .wlt-mtl-date{
        padding-left: 5px;
    }
    .aj-dg-lock-icon {
        width: 18px;
        margin: auto;
    }

}

@media only screen and (max-width:560px){
    .bg_icon2 {
        position: absolute;
        top: 23px;
        left: -22px;
        width: 200px;
    }
    /* dashboard */

    .head-bars {
        width: 37px;
    }
    .head-bell {
        width: 12px;
        height: 18px;
        margin-right: 10px;
        margin-top: 0px;
    }
    .head-user-img {
        width: 30px;
        /* height: 30px; */
    }
    .head-user-text span:first-child {
        font-size: 11px;
        min-width: 50px;
        text-align: right;
        font-family: 'Montserrat';
    }

    .head-user-text span:last-child {
        color: #f9bb22;
        font-size: 14px;
        text-align: right;

    }



    .home-tab-text span:first-child {
        font-size: 9px;
        font-weight: 500;
        text-transform: uppercase;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    }
    .home-tab-img {
        width: 33px;
    }
    .home-tab-text span:last-child {
        font-size: 14px;
        font-weight: 500;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .wel-star-wrap {
        width: 51px;
    }
    .wel-starts-wrap {
        background-repeat: no-repeat;
        background-size: contain;
        height: 28px;
        position: absolute;
        top:-20px;
        width: 100%;
    }
    .wel-main-wrap {
        height: 85px;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    .wel-wrap {

        border-radius: 12px;
        padding: 2rem 1rem 1rem 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        flex-direction: column;
        background: linear-gradient(
            90deg
            , #1E1D1D 0%, #262626 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }
    .wel-wrap h5 {
        font-size: 11px;
        font-weight: 700;
    }

    .ds-head h3 {
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
        letter-spacing: .2;
    }
    .dsr-head-item {
        padding: 13px 5px;
        font-size: 9px;
        font-weight: 500;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .dsr-body {

        background: #1F1F1F;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 10px;
    }
    .aj-set_section1 {

        background: linear-gradient(
            110.67deg
            , #262626 4.22%, #111111 99.01%);
        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: 8px;
    }
    .dsr-earn {
        margin: 0;
        box-shadow: unset;
    }
    .aj-set_section1 img {
        max-width: 25px;
        /* min-height: 18px; */
    }

    .aj-dsr-font{
        letter-spacing: 1.5px!important;
        font-size: 20px !important;
        font-family: 400 !important;
        font-family:"advent" !important;
    }
    .aj-set_section1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .dsr-btn-img {
        width: 23px;
    }
    .dsr-btn-text {
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        margin-left: 5px;
        text-transform: uppercase;
    }
    .drs-btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px 0px;

        border-radius: 12px;
        background: linear-gradient(
            91.38deg
            , #2D2D2D 0.55%, #121212 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%);
        /* margin-top: 1.5rem; */
    }
    .aj-set_section1 {
        margin: 8px 3px;
        padding: 10px 10px 14px 10px;
    }
    .ds-header {
        margin-bottom: .5rem;
    }
    .aj-set_section1 img{
        margin: 5px auto;
    }
    .details-text-wrap {
        font-size: 12px;
        font-weight: 500;
        color: #fff;
    }
    .details-img-wrap div {
        width: 22px;
    }
    .details-img-wrap {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
    }
    .home-tab {
        padding: 1rem;
        margin-bottom: 10px;
    }
    .details-tab {
        padding: .75rem 1rem;
    }

    .dsr-active {
        background: #F9BB22;
        box-shadow: 0px 4px 6px rgb(0 0 0 / 25%), inset 0px 0px 15px rgb(0 0 0 / 45%);

    }

    /* sidebar */

    .slider-wrapper {
        width: 300px;
        height: 100vh;

        position: fixed;
        z-index: 999999;
        top: 0;
        left: -360px;
        transition: all 0.5s;
        background: #262626;
        box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);
    }
    .slider-item-text {
        color: #fff;
        font-weight: 400;
        font-size: 12px;
    }
    .slider-item-img {
        width: 20px;
        margin-right: 15px;
        margin-left: 12px;
    }
    .slider-profile-data p:nth-child(1) {
        font-size: 13px;
        font-weight: 500;
    }
    .slider-profile-data p:nth-child(2) {
        font-size: 11px;
    }
    .slider-profile-data p:nth-child(3) {
        font-size: 14px;
        color: #f9bb22;
        text-transform: uppercase;
    }

    .slider-profile-data p {
        padding-bottom: 1px;
    }

    /* wallet */
    .wlt-bal-text-wrap p {
        font-size: 13px;
        font-weight: 500;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        letter-spacing: .3;
        margin-left: 25px;
    }

    .wlt-bal-text-wrap h2 {
        font-weight: 400;
        font-family: impact;
        font-size: 36px;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    .wlt-bal-img-one{
        width: 84px;
        height: 84px;
    }

    .wlt-bal-img {
        width: 45px;
    }


    .wlt-tran-text {
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
        word-spacing: 4px;
    }


    .wlt-tran-date img{
        width: 16px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 0.65rem;
        /* padding: 2px; */
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }

    .wlt-tran-date {
        display: flex;
        align-items: center;
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        /* width: 100%; */
        width: 30%;

    }

    .wlt-mtl-date {
        font-size: 9px;
        font-weight: 400;
        color: #fff;
    }
    .wlt-mtl-number {
        /* min-width: 90px; */
        text-align: right;
        color: #f9bb22;
        font-size: 12px;
        font-weight: 500;
    }
    .wlt-mtl-img {
        width: 18px;
        /* margin-right: 0; */
    }
    .wlt-mtl-text-one {
        font-size: 12px;
        font-weight: 400;
        width: 74px;
        text-align: center;
        /* text-align: center; */
    }
    .wlt-mtl-text-two {
        font-size: 9px;
        font-weight: 500;
        text-transform: uppercase;
        font-weight: 300;
    }
    span.wlt-tab-text {
        font-size: 0.6rem;
        position: absolute;
        font-weight: 600;
        bottom: -29px;
        color: #fff;
    }
    span.wlt-tab-text {
        width: 70px;
        text-align: center;
        font-size: 11px;
        position: absolute;
        font-weight: 400;
        bottom: -29px;
        color: #fff;
        /* letter-spacing: -0.6px; */
    }
    .aj-wlt-tb-pt {
        padding-top: 3px;
    }
    .wlt-m-t-l-wrap
    {
        position: relative;
    }
    .wlt-mtl-dots {
        width: 14px;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 2px;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 115;
        left: 0;
        width: 100%;
        z-index: 999;
    }


    .wlt-bal-text-wrap h2{
        display: flex;
        align-items: baseline;
    }
    .wlt-bal-text-wrap h2 span img{
        height: 100%;
    }
    .wlt-bal-text-wrap h2 span{
        width: 26px;
        height: 33px;

    }
    .wlt-mtl-wrap{
        justify-content: space-around;
        width: 40%;
    }
    .wlt-mtl-date{
        width: 30%;
        text-align: center;
    }
    .wlt-mtl-number{
        width: 30%;
    }
    .wlt-mtl-date {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 30%;
        /* padding-left: 5px; */
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: center;
        padding-right: 0;
        width: 40%;
    }
    .wlt-m-trans-upper-wrap div:nth-child(2){
        width: 30%;
    }

    .wlt-m-trans-upper-wrap div:last-child {
        width: 30%;
    }

    /* bank */

    p.wd1-text {
        font-size: 12px;
        margin-bottom: .7rem;
    }
    .wd1-img-one{
        width: 66px;
        height: 66px;
        background: rgba(255, 255, 255, 0.5);
    }
    .wd1-img-two{
        width: 52px;
        height: 52px;
    }

    .wd1-img {
        width: 34px;
    }

    .wd1-text-wrap h3 {
        font-size: 15px;
        font-weight: 600;
        margin-left: 10px;
        color: #fff;
        margin-bottom: 0;
    }
    .wd1-bg-img {
        width: 66px;
        mix-blend-mode: luminosity;
        /* opacity: 118%; */
    }
    .wd1-card {
        border-radius: 12px;
        padding: 1rem;
        position: relative;
        margin-bottom: .8rem;
    }
    .bd-heading-wrap h2 {
        font-family: "Evogria";
        font-size: 15px;
        color: #f9bb22;
        margin-bottom: 0;
        line-height: 19px;
    }

    .bd-card-header h2 {
        font-size: 16px;
        font-weight: 600;
        padding-left: 1rem;
        margin-bottom: 0;
        color: #fff;
    }
    .bd-card-body-content p {
        margin-bottom: 0;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }
    .wd2-card {
        margin-bottom: 2.4rem;
    }
    .bd-card-button-wrap.pd-12 {
        margin-bottom: 0rem;
    }
    .more_btn{
        border: 1px solid #F9BB22 !important;
    }
    .lg-input::placeholder{
        font-size: 12px;
    }

    /* .new-wd-rupee {
    top: 2px;

} */
    .wd3-bank-img {
        position: absolute;
        width: 65px;
        right: 44px;
        bottom: 43px;
    }
    .wd3-content-wrap h3 {
        font-size: 16px;
        font-weight: 600;
    }
    .wd3-content-wrap p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .wd3-amt-wrapper {
        margin: 2rem 1rem;
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 35%;
    }
    .wd3-amt-heading {
        font-size: 13px;
        /* margin-bottom: 1rem; */
    }
    .wd3-card {
        padding: 2rem 2rem;
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-radius: 12px;
        position: relative;
    }
    .wd3-img-wrap {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }
    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 100%;
        border: none;
        /* border-radius: 8px; */
        /* margin: 8px 0; */
        outline: none;
        padding: 20px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 15px;
        color: #fff;
    }
    .bd-card-body-img {
        position: absolute;
        width: 75px;
        right: 25px;
        top: 15px;
    }
    .bd-mb-3 {
        margin-bottom: 3rem!important;
    }
    /* .inputWithIcon img {
    position: absolute;
    left: 16px;
    top: 21px;
    width: 11px;
    transition: 0.3s;
} */
    .wd3-amt {
        margin-top: .1rem;
        font-size: 30px;
        font-weight: 600;
        color: #f9bb22;

    }
    /* profile */

    .pr-p-t-wrap {
        position: relative;
        height: 82px;
        width: 82px;
    }
    .pr-p-t-two{
        width:70px;
        height: 70px;
    }
    .pr-p-t-img {
        width: 34px;
    }
    .pr-p-t-text {
        margin-top: 10px;
        font-weight: 500;
        font-size: 13px;
        letter-spacing: .3px;
    }
    .pr-p-d p a {
        color: #dd3f8e;
        font-size: 12px;
    }
    .pr-pp-img-one{
        height: 48px;
        width: 48px;
    }
    .pr-pp-img {
        width: 23px;
    }
    .pr-pp-img-text {
        margin-left: 10px;
        font-size: 12px;
        font-weight: 400;
        margin-right: 8px;
        font-weight: 600;
    }
    .pr-tab-img {
        width: 20px;
    }
    .pr-tab-text {
        margin-left: 1rem;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
    }
    .pr-p-edit-img {
        position: absolute;
        right: 20px;
        top: 15px;
        width: 30px;
    }

    .aj-bd-btn{
        border: 1px solid #F9BB22 !important;
        font-size: 13px;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-weight: 500;
        padding: 1.05rem;
    }
    /* .bdc-new img {
    width: 20px;
    top: 12px;
    left: 12px;
} */
    .inputWithIcon .lg-input {
        padding-left: 40px;
        margin-bottom: 7px;
    }

    /* players */
    .all-ply-body-item {
        margin-top: 10px;
        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: 12px 10px;
    }


    .apb-one-text {
        font-size: 12px;
        margin-left: 5px;
        line-height: 15px;
    }
    .apb-two {
        width: 50%;
        text-align: center;
        font-size: 12px;
        line-height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .apb-three-numb {
        /* font-size: 0.8rem; */
        min-width: 58px;
        text-align: right;
        color: #f9bb22;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
    }

    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 12px;
        z-index: 999;
        height: 55px;
    }
    .aj-dsr-earn {
        margin-top: 5px;
    }
    /* sign in */
    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 25px;
        color: #f9bb22;
        font-size: 27px;
        line-height: 34px;
    }
    /* .sig-icon-img img {
    width: 15px;
    top: 14px;
    left: 14px;
} */
    .slider-upper-wrap {
        /* background-color: yellow; */
        width: 100%;
        padding: 1.5rem 1rem;
        background: linear-gradient(
            77.46deg
            , #2c2c2c 0.94%, #444444 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
    }

    /* help */
    .hp-main-wrapper{
        padding-bottom: 6px;
    }
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;
        border-radius: 12px;
        width: 100%;
        height: 100px;
        align-items: center;
        margin-bottom: 6px;
    }
    .hp-main-name-wrap span {
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
    }
    .hp-main-content-wrap span {
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        color: #fff;
    }
    .hp-cont-numb span {
        font-size: 12px;
        line-height: 15px;
    }
    .hp-cont-name span {
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
    }
    .hp-head-wrapper span {

        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
    .lk-cp p {
        color: #f9bb22;
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
        /* font-size: 0.9rem; */
    }
    .lk-share-name {
        position: absolute;
        bottom: -45px;
        /* font-size: 0.65rem; */
        text-align: center;
        font-size: 10px;
        line-height: 179.5%;
        width: 100%;
    }

    .no-bd-img-wrap p{
        font-family: Montserrat;
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
    }

    .wlt-mtl-dots-new {
        margin-top: 2px;
    }
    .wlt-tran-date-wrap {
        background: #313131;
        border-radius: 7px;
        padding: 3px 10px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 9px;
        line-height: 11px;
        background-color: transparent;
        color: #fff;
        border: none;
        font-weight: 700;
    }
    .wlt-tran-date-wrap {
        background: #313131;
        border-radius: 7px;
        padding: 3px 10px;
    }
    .ppp-content-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 50%;
        margin: 10px 0;

    }
    .set-pop-img-wrap div:last-child {
        /* background: linear-gradient(
113deg
, #292929 11.58%, #313131 96.03%); */
        /* box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
        position: absolute;
        height: 77px;
        width: 77px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg
            , #434343 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .set-pop-img-wrap div:first-child {
        background: linear-gradient(
            113deg
            , rgba(41, 41, 41, 0.6) 11.58%, rgba(49, 49, 49, 0.6) 96.03% );
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 90px;
        width: 90px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .ppp-date-wrap {
        display: flex;
        justify-content: flex-end;
        margin-top: 1.2rem;
        flex-direction: column;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
        margin-top: 12px;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
        margin-top: 12px;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        font-family: 'Evogria';
    }

    .ppp-c-text-wrap span:first-child {
        /* font-size: 0.62rem; */
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 2px;
    }
    .ppp-c-text-wrap span:last-child {

        text-align: left;
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;

    }
    .aj-new-cal-icon {
        width: 12px;
        margin-right: 5px;
    }
    .wd3-top-bg {
        height: 250px;
        margin-bottom: 1rem;
        position: relative;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
    }
    .aj-sb-bg {
        margin-top: 1rem;
        height: 350px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
    }

    .mpp-head-text {
        margin-left: 0.5rem;
        /* font-weight: 600; */
        /* font-size: 0.9rem; */
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
    }
    .mpp-card-head {
        display: flex;
        background: #333333;
        border-radius: 8px;
        padding: .8rem 0.5rem;
        margin-bottom: 0.5rem;
        justify-content: center;
    }
    .mpp-card-body p {
        /* font-size: 0.8rem; */
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 141.4%;
    }
    .mpp-main-content h3 {
        /* font-size: 0.9rem; */
        /* font-weight: 600; */
        color: #f9bb22;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 141.4%;
    }
    .mpp-main-content p {
        /* font-size: 0.8rem; */
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 141.4%;
    }

    #load_more{
        width: 100%;
        text-align: center;
    }

    #load_more button{
        width: 50%;
        /* outline: 1px solid #F9BB22; */
        /* outline-offset: 2px; */
        color: #fff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        background-color: #F9BB22;
        margin: 10px 0;
    }
    .live-sticky .ticket_two{
        z-index: 99 !important;
    }

    .modal-content {
        border-radius: 12px;
        margin: 0 10px;
    }
    .aj-n-set-text{
        color: #fff;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 15px;
    }

    .set-pop-text-wrap p {
        /* font-size: 0.9rem; */
        font-weight: 600;
        color: #f9bb22;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
    }
    .set-pop-text-wrap div h3 {
        /* font-size: 1rem; */
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #f9bb22;
    }
    span.set-pop-date-number {
        display: inline !important;
        width: auto;
        margin-bottom: 0;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
    }
    .aj-n-set-text {
        color: #fff !important;
        font-family: Montserrat !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-size: 13px !important;
        line-height: 15px !important;
    }
    .date-one-wrap {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
    }
    .set-pop-date-icon {
        margin-right: 5px;
        font-size: 12px;
    }
    .modal-backdrop {
        opacity: .9 !important;
    }
    /* .aj-gaming-rupee-icon img{
    position: absolute;
    left: 15px;
    top: 15px;
    width: 11px;
    transition: 0.3s;
   } */

    .wd3-top-content p {
        /* font-size: 0.75rem; */
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
    }
    .wd3-top-content {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .aj-d-footer-h-home {
        position: absolute;
        top: -19px;
        left: -8px;
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 12px;
        z-index: 999;
        height: 50px;
    }
    .d-footer-item-img {
        width: 19px;
    }
    .lg-inputWithimg {
        position: absolute;
        left: 13px;
        top: 45%;
        color: #fff;
        transition: 0.3s;
        transform: translateY(-50%);
        width: 13px;
    }
    .inputWithIcon i {
        position: absolute;
        left: 4px;
        top: 16px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
        font-size: 18px;
    }
    .alert {
        padding: 10px;
    }
    .mpp-main-wrapper .mpp-head-img {
        height: auto;
    }
    .mpp-t-one {
        top: -100px;
        height: 100px;
    }
    .mpp-t-two {
        top: -80px;
        height: 80px;
    }
    .wd3-top-content {
        bottom: -15px;
    }

    li.parsley-required,.parsley-type {
        position: absolute;
        font-size: 9px;
        display: block;
        bottom: 5px;
        right: 6px;

    }
    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 105px;
        max-width: 107px;
        text-align: center;
    }
    .hp-main-content-wrap span{
        font-size: 12px;
    }
    .pd-popup-wrap .modal-content{
        border-radius:15px;
    }
    .aj-bkk-ed-wrap {
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
    }

    a.aj-ed-d-icon {
        display: block;
        width: 35px;
    }

    a.aj-ed-d-icon.aj-bnk-delete-icon {
        margin-left: 8px;
    }
    p.mb-3.aj-bep-text {
        color: #fff;
        font-size: 12px !important;
        text-align: center;
    }

    button.aj-bep-btn {
        border: none;
        background: linear-gradient(
            270deg
            , #C6A21A 0%, #F4A100 70.31%, #956204 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 14px 20px;
        font-size: 15px;
        color: #fff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin-bottom: 2rem;
    }
    h4.aj-bep-heading {
        font-size: 24px;
    }
    .aj-chat-dec-wrap {
        color: #fff !important;
        font-size: 12px !important;
        text-align: center;
    }
    a.ajreadmore {
        font-size: 11px;
        color: #F9BB22;
    }


}

@media only screen and (max-width:420px){
    .aj-dg-lock-icon {
        width: 18px;
        margin: auto;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: -36px;
        left: -60px;
    }
    .ds-img {
        width: 100%;
        height: 200px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
}



@media only screen
and (device-width : 411px)
and (device-height : 731px)
and (-webkit-device-pixel-ratio : 3){
    section.wel-wrapper{
        display: none !important;
    }
}


@media only screen
and (device-width : 414px)
and (device-height : 736px)
{
    .profit-bx.slab_percentage_section {
        height: 94px;
    }
}








@media only screen
and (device-width : 384px)
and (device-height : 854px)
and (-webkit-device-pixel-ratio : 3) {


    /* dashboard */

    .head-bars {
        width: 37px;
    }
    .head-bell {
        width: 12px;
        height: 18px;
        margin-right: 10px;
    }
    .head-user-img {
        width: 30px;
        /* height: 30px; */
    }
    .head-user-text span:first-child {
        font-size: 11px;
        min-width: 50px;
        text-align: right;
        font-family: 'Montserrat';
    }

    .head-user-text span:last-child {
        color: #f9bb22;
        font-size: 14px;
        text-align: right;

    }



    .home-tab-text span:first-child {
        font-size: 9px;
        font-weight: 500;
        text-transform: uppercase;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    }
    .home-tab-img {
        width: 33px;
    }
    .home-tab-text span:last-child {
        font-size: 14px;
        font-weight: 500;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .wel-star-wrap {
        width: 51px;
    }
    .wel-starts-wrap {
        background-repeat: no-repeat;
        background-size: contain;
        height: 28px;
        position: absolute;
        top:-20px;
        width: 100%;
    }
    .wel-main-wrap {
        height: 85px;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    .wel-wrap {

        border-radius: 12px;
        padding: 2rem 1rem 1rem 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        flex-direction: column;
        background: linear-gradient(
            90deg
            , #1E1D1D 0%, #262626 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }
    .wel-wrap h5 {
        font-size: 11px;
        font-weight: 700;
    }

    .ds-head h3 {
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
        letter-spacing: .2;
    }
    .dsr-head-item {
        padding: 13px 5px;
        font-size: 9px;
        font-weight: 500;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .dsr-body {

        background: #1F1F1F;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 10px;
    }
    .aj-set_section1 {

        background: linear-gradient(
            110.67deg
            , #262626 4.22%, #111111 99.01%);
        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: 8px;
    }
    .dsr-earn {
        margin: 0;
        box-shadow: unset;
    }
    .aj-set_section1 img {
        max-width: 25px;
        /* min-height: 18px; */
    }

    .aj-dsr-font{
        letter-spacing: .03rem;
        font-size: 20px !important;
        font-family: 400 !important;
        font-family:"advent" !important;
    }
    .aj-set_section1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .dsr-btn-img {
        width: 23px;
    }
    .dsr-btn-text {
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        margin-left: 5px;
        text-transform: uppercase;
    }
    .drs-btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px 0px;

        border-radius: 12px;
        background: linear-gradient(
            91.38deg
            , #2D2D2D 0.55%, #121212 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%);
        /* margin-top: 1.5rem; */
    }
    .aj-set_section1 {
        margin: 8px 3px;
        padding: 10px 10px 14px 10px;
    }
    .ds-header {
        margin-bottom: .5rem;
    }
    .aj-set_section1 img{
        margin: 5px auto;
    }
    .details-text-wrap {
        font-size: 12px;
        font-weight: 500;
        color: #fff;
    }
    .details-img-wrap div {
        width: 22px;
    }
    .details-img-wrap {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
    }
    .home-tab {
        padding: 1rem;
        margin-bottom: 10px;
    }
    .details-tab {
        padding: .75rem 1rem;
    }

    .dsr-active {
        background: #F9BB22;
        box-shadow: 0px 4px 6px rgb(0 0 0 / 25%), inset 0px 0px 15px rgb(0 0 0 / 45%);

    }

    /* sidebar */

    .slider-wrapper {
        width: 300px;
        height: 100vh;

        position: fixed;
        z-index: 999999;
        top: 0;
        left: -360px;
        transition: all 0.5s;
        background: #262626;
        box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);
    }
    .slider-item-text {
        color: #fff;
        font-weight: 400;
        font-size: 12px;
    }
    .slider-item-img {
        width: 20px;
        margin-right: 15px;
        margin-left: 12px;
    }
    .slider-profile-data p:nth-child(1) {
        font-size: 14px;
        font-weight: 500;
    }
    .slider-profile-data p:nth-child(2) {
        font-size: 11px;
    }
    .slider-profile-data p:nth-child(3) {
        font-size: 14px;
        color: #f9bb22;
        text-transform: uppercase;
    }

    .slider-profile-data p {
        padding-bottom: 1px;
    }

    /* wallet */
    .wlt-bal-text-wrap p {
        font-size: 13px;
        font-weight: 500;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        letter-spacing: .3;
        margin-left: 25px;
    }

    .wlt-bal-text-wrap h2 {
        font-weight: 400;
        font-family: impact;
        font-size: 36px;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    .wlt-bal-img-one{
        width: 84px;
        height: 84px;
    }

    .wlt-bal-img {
        width: 45px;
    }


    .wlt-tran-text {
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
        word-spacing: 4px;
    }


    .wlt-tran-date img{
        width: 16px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 0.65rem;
        /* padding: 2px; */
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }

    .wlt-tran-date {
        display: flex;
        align-items: center;
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        /* width: 100%; */

    }

    .wlt-mtl-date {
        font-size: 9px;
        font-weight: 400;
        color: #fff;
    }
    .wlt-mtl-number {
        /* min-width: 90px; */
        text-align: right;
        color: #f9bb22;
        font-size: 12px;
        font-weight: 500;
    }
    .wlt-mtl-img {
        width: 18px;
        /* margin-right: 0; */
    }
    .wlt-mtl-text-one {
        font-size: 12px;
        font-weight: 400;
        width: 74px;
        text-align: center;
        /* text-align: center; */
    }
    .wlt-mtl-text-two {
        font-size: 9px;
        font-weight: 500;
        text-transform: uppercase;
        font-weight: 300;
    }
    span.wlt-tab-text {
        font-size: 0.6rem;
        position: absolute;
        font-weight: 600;
        bottom: -29px;
        color: #fff;
    }
    span.wlt-tab-text {
        width: 70px;
        text-align: center;
        font-size: 11px;
        position: absolute;
        font-weight: 400;
        bottom: -29px;
        color: #fff;
        /* letter-spacing: -0.6px; */
    }
    .aj-wlt-tb-pt {
        padding-top: 3px;
    }
    .wlt-m-t-l-wrap
    {
        position: relative;
    }
    .wlt-mtl-dots {
        width: 14px;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 2px;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 115;
        left: 0;
        width: 100%;
        z-index: 99;
    }


    .wlt-bal-text-wrap h2{
        display: flex;
        align-items: baseline;
    }
    .wlt-bal-text-wrap h2 span img{
        height: 100%;
    }
    .wlt-bal-text-wrap h2 span{
        width: 26px;
        height: 33px;

    }
    .wlt-mtl-wrap{
        justify-content: space-around;
        width: 40%;
    }
    .wlt-mtl-date{
        width: 30%;
        text-align: center;
    }
    .wlt-mtl-number{
        width: 30%;
    }
    .wlt-mtl-date {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: center;
        padding-right: 0;
        width: 40%;
    }
    .wlt-m-trans-upper-wrap div:nth-child(2){
        width: 30%;
    }

    .wlt-m-trans-upper-wrap div:last-child {
        width: 30%;
    }

    /* bank */

    p.wd1-text {
        font-size: 12px;
        margin-bottom: .7rem;
    }
    .wd1-img-one{
        width: 66px;
        height: 66px;
        background: rgba(255, 255, 255, 0.5);
    }
    .wd1-img-two{
        width: 52px;
        height: 52px;
    }

    .wd1-img {
        width: 34px;
    }

    .wd1-text-wrap h3 {
        font-size: 15px;
        font-weight: 600;
        margin-left: 10px;
        color: #fff;
        margin-bottom: 0;
    }
    .wd1-bg-img {
        width: 66px;
        mix-blend-mode: luminosity;
        /* opacity: 118%; */
    }
    .wd1-card {
        border-radius: 12px;
        padding: 1rem;
        position: relative;
        margin-bottom: .8rem;
    }
    .bd-heading-wrap h2 {
        font-family: "Evogria";
        font-size: 15px;
        color: #f9bb22;
        margin-bottom: 0;
    }

    .bd-card-header h2 {
        font-size: 16px;
        font-weight: 600;
        padding-left: 1rem;
        margin-bottom: 0;
        color: #fff;
    }
    .bd-card-body-content p {
        margin-bottom: 0;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }
    .wd2-card {
        margin-bottom: 2.4rem;
    }
    .bd-card-button-wrap.pd-12 {
        margin-bottom: 0rem;
    }
    .more_btn{
        border: 1px solid #F9BB22 !important;
    }
    .lg-input::placeholder{
        font-size: 12px;
    }
    /* .new-wd-rupee {
    top: 2px;

} */
    .wd3-bank-img {
        position: absolute;
        width: 65px;
        right: 44px;
        bottom: 43px;
    }
    .wd3-content-wrap h3 {
        font-size: 16px;
        font-weight: 600;
    }
    .wd3-content-wrap p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .wd3-amt-wrapper {
        margin: 2rem 1rem;
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 35%;
    }
    .wd3-amt-heading {
        font-size: 13px;
        /* margin-bottom: 1rem; */
    }
    .wd3-card {
        padding: 2rem 2rem;
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-radius: 12px;
        position: relative;
    }
    .wd3-img-wrap {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }
    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        width: 100%;
        border: none;
        /* border-radius: 8px; */
        /* margin: 8px 0; */
        outline: none;
        padding: 20px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 15px;
        color: #fff;
    }
    .bd-card-body-img {
        position: absolute;
        width: 94px;
        right: 25px;
        top: 15px;
    }
    .bd-mb-3 {
        margin-bottom: 3rem!important;
    }
    /* .inputWithIcon img {
    position: absolute;
    left: 16px;
    top: 21px;
    width: 11px;
    transition: 0.3s;
} */
    .wd3-amt {
        margin-top: .1rem;
        font-size: 2rem;
        font-weight: 600;
        color: #f9bb22;

    }
    /* profile */

    .pr-p-t-wrap {
        position: relative;
        height: 82px;
        width: 82px;
    }
    .pr-p-t-two{
        width:70px;
        height: 70px;
    }
    .pr-p-t-img {
        width: 34px;
    }
    .pr-p-t-text {
        margin-top: 10px;
        font-weight: 500;
        font-size: 13px;
        letter-spacing: .3px;
    }
    .pr-p-d p a {
        color: #dd3f8e;
        font-size: 12px;
    }
    .pr-pp-img-one{
        height: 48px;
        width: 48px;
    }
    .pr-pp-img {
        width: 23px;
    }
    .pr-pp-img-text {
        margin-left: 10px;
        font-size: 12px;
        font-weight: 400;
        margin-right: 8px;
    }
    .pr-tab-img {
        width: 20px;
    }
    .pr-tab-text {
        margin-left: 1rem;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
    }
    .pr-p-edit-img {
        position: absolute;
        right: 20px;
        top: 15px;
        width: 30px;
    }

    .aj-bd-btn{
        border: 1px solid #F9BB22 !important;
        font-size: 13px;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-weight: 500;
        padding: 1.05rem;
    }
    /* .bdc-new img {
    width: 20px;
    top: 12px;
    left: 12px;
} */
    .inputWithIcon .lg-input {
        padding-left: 40px;
        margin-bottom: 7px;
    }

    /* players */
    .all-ply-body-item {
        margin-top: 10px;
        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: 12px 10px;
    }


    .apb-one-text {
        font-size: 12px;
        margin-left: 5px;
        line-height: 15px;
    }
    .apb-two {
        width: 50%;
        text-align: center;
        font-size: 12px;
        line-height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .apb-three-numb {
        /* font-size: 0.8rem; */
        min-width: 58px;
        text-align: right;
        color: #f9bb22;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
    }

    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 12px;
        z-index: 999;
        height: 55px;
    }
    .aj-dsr-earn {
        margin-top: 5px;
    }
    /* sign in */
    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 25px;
        color: #f9bb22;
        font-size: 27px;
        line-height: 34px;
    }
    /* .sig-icon-img img {
    width: 15px;
    top: 14px;
    left: 14px;
} */
    .slider-upper-wrap {
        /* background-color: yellow; */
        width: 100%;
        padding: 1.5rem 1rem;
        background: linear-gradient(
            77.46deg
            , #2c2c2c 0.94%, #444444 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
    }

    /* help */
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;
        border-radius: 12px;
        width: 100%;
        height: 100px;
        align-items: center;
        margin-bottom: 10px;
    }
    .hp-main-name-wrap span {
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
    }
    .hp-main-content-wrap span {
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        color: #fff;
    }
    .hp-cont-numb span {
        font-size: 12px;
        line-height: 15px;
    }
    .hp-cont-name span {
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
    }
    .hp-head-wrapper span {

        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
    .lk-cp p {
        color: #f9bb22;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        /* font-size: 0.9rem; */
    }
    .lk-share-name {
        position: absolute;
        bottom: -45px;
        /* font-size: 0.65rem; */
        text-align: center;
        font-size: 10px;
        line-height: 179.5%;
        width: 100%;
    }

    .no-bd-img-wrap p{
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
    }

    .wlt-mtl-dots-new {
        margin-top: 2px;
    }
    .wlt-tran-date-wrap {
        background: #313131;
        border-radius: 7px;
        padding: 3px 10px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 9px;
        line-height: 11px;
        background-color: transparent;
        color: #fff;
        border: none;
        font-weight: 700;
    }
    .wlt-tran-date-wrap {
        background: #313131;
        border-radius: 7px;
        padding: 3px 10px;
    }
    .ppp-content-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 50%;
        margin: 10px 0;

    }
    .set-pop-img-wrap div:last-child {
        /* background: linear-gradient(
113deg
, #292929 11.58%, #313131 96.03%); */
        /* box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
        position: absolute;
        height: 77px;
        width: 77px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg
            , #434343 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .set-pop-img-wrap div:first-child {
        background: linear-gradient(
            113deg
            , rgba(41, 41, 41, 0.6) 11.58%, rgba(49, 49, 49, 0.6) 96.03% );
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 90px;
        width: 90px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .ppp-date-wrap {
        display: flex;
        justify-content: flex-end;
        margin-top: 1.2rem;
        flex-direction: column;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
        margin-top: 12px;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
        margin-top: 12px;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        font-family: 'Evogria';
    }

    .ppp-c-text-wrap span:first-child {
        /* font-size: 0.62rem; */
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 2px;
    }
    .ppp-c-text-wrap span:last-child {

        text-align: left;
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;

    }
    .aj-new-cal-icon {
        width: 12px;
        margin-right: 5px;
    }
    .wd3-top-bg {
        height: 250px;
        margin-bottom: 1rem;
        position: relative;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
    }
    .aj-sb-bg {
        margin-top: 1rem;
        height: 350px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
    }

    .mpp-head-text {
        margin-left: 0.5rem;
        /* font-weight: 600; */
        /* font-size: 0.9rem; */
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
    }
    .mpp-card-head {
        display: flex;
        background: #333333;
        border-radius: 8px;
        padding: 1rem 0.5rem;
        margin-bottom: 0.5rem;
        justify-content: center;
    }
    .mpp-card-body p {
        /* font-size: 0.8rem; */
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 141.4%;
    }
    .mpp-main-content h3 {
        /* font-size: 0.9rem; */
        /* font-weight: 600; */
        color: #f9bb22;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 141.4%;
    }
    .mpp-main-content p {
        /* font-size: 0.8rem; */
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 141.4%;
    }

    #load_more{
        width: 100%;
        text-align: center;
    }

    #load_more button{
        width: 50%;
        /* outline: 1px solid #F9BB22; */
        /* outline-offset: 2px; */
        color: #fff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        background-color: #F9BB22;
        margin: 10px 0;
    }
    .live-sticky .ticket_two{
        z-index: 99 !important;
    }

    .modal-content {
        border-radius: 12px;
        margin: 0 10px;
    }
    .aj-n-set-text{
        color: #fff;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 15px;
    }

    .set-pop-text-wrap p {
        /* font-size: 0.9rem; */
        font-weight: 600;
        color: #f9bb22;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
    }
    .set-pop-text-wrap div h3 {
        /* font-size: 1rem; */
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #f9bb22;
    }
    span.set-pop-date-number {
        display: inline !important;
        width: auto;
        margin-bottom: 0;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
    }
    .aj-n-set-text {
        color: #fff !important;
        font-family: Montserrat !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-size: 13px !important;
        line-height: 15px !important;
    }
    .date-one-wrap {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
    }
    .set-pop-date-icon {
        margin-right: 5px;
        font-size: 12px;
    }
    .modal-backdrop {
        opacity: .9 !important;
    }
    /* .aj-gaming-rupee-icon img{
    position: absolute;
    left: 15px;
    top: 15px;
    width: 11px;
    transition: 0.3s;
   } */

    .wd3-top-content p {
        /* font-size: 0.75rem; */
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
    }
    .wd3-top-content {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 105px;
        max-width: 107px;
        text-align: center;
    }
    .hp-main-content-wrap span{
        font-size: 12px;
    }
}

@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {

    .onbd-btn-wrapper {
        margin-top: 3rem !important;
    }
    .onboard-logo {
        max-width: 125px !important;
        width: 100%;
        margin: 50px auto !important;
        margin-bottom: 0;
    }



    /* dashboard */

    .head-bars {
        width: 37px;
    }
    .head-bell {
        width: 12px;
        height: 18px;
        margin-right: 10px;
    }
    .head-user-img {
        width: 30px;
        /* height: 30px; */
    }
    .head-user-text span:first-child {
        font-size: 11px;
        min-width: 50px;
        text-align: right;
        font-family: 'Montserrat';
    }

    .head-user-text span:last-child {
        color: #f9bb22;
        font-size: 14px;
        text-align: right;

    }



    .home-tab-text span:first-child {
        font-size: 9px;
        font-weight: 500;
        text-transform: uppercase;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    }
    .home-tab-img {
        width: 33px;
    }
    .home-tab-text span:last-child {
        font-size: 14px;
        font-weight: 500;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }

    .wel-star-wrap {
        width: 51px;
    }
    .wel-starts-wrap {
        background-repeat: no-repeat;
        background-size: contain;
        height: 28px;
        position: absolute;
        top:-20px;
        width: 100%;
    }
    .wel-main-wrap {
        height: 85px;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    .wel-wrap {

        border-radius: 12px;
        padding: 2rem 1rem 1rem 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        flex-direction: column;
        background: linear-gradient(
            90deg
            , #1E1D1D 0%, #262626 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
    }
    .wel-wrap h5 {
        font-size: 11px;
        font-weight: 700;
    }

    .ds-head h3 {
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
        letter-spacing: .2;
    }
    .dsr-head-item {
        padding: 13px 5px;
        font-size: 9px;
        font-weight: 500;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .dsr-body {

        background: #1F1F1F;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 10px;
    }
    .aj-set_section1 {

        background: linear-gradient(
            110.67deg
            , #262626 4.22%, #111111 99.01%);
        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: 8px;
    }
    .dsr-earn {
        margin: 0;
        box-shadow: unset;
    }
    .aj-set_section1 img {
        max-width: 25px;
        /* min-height: 18px; */
    }

    .aj-dsr-font{
        letter-spacing: .03rem;
        font-size: 20px !important;
        font-family: 400 !important;
        font-family:"advent" !important;
    }
    .aj-set_section1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .dsr-btn-img {
        width: 23px;
    }
    .dsr-btn-text {
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        margin-left: 5px;
        text-transform: uppercase;
    }
    .drs-btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px 0px;

        border-radius: 12px;
        background: linear-gradient(
            91.38deg
            , #2D2D2D 0.55%, #121212 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%);
        /* margin-top: 1.5rem; */
    }
    .aj-set_section1 {
        margin: 8px 3px;
        padding: 10px 10px 14px 10px;
    }
    .ds-header {
        margin-bottom: .5rem;
    }
    .aj-set_section1 img{
        margin: 5px auto;
    }
    .details-text-wrap {
        font-size: 12px;
        font-weight: 500;
        color: #fff;
    }
    .details-img-wrap div {
        width: 22px;
    }
    .details-img-wrap {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
    }
    .home-tab {
        padding: 1rem;
        margin-bottom: 10px;
    }
    .details-tab {
        padding: .75rem 1rem;
    }

    .dsr-active {
        background: #F9BB22;
        box-shadow: 0px 4px 6px rgb(0 0 0 / 25%), inset 0px 0px 15px rgb(0 0 0 / 45%);

    }

    /* sidebar */

    .slider-wrapper {
        width: 300px;
        height: 100vh;

        position: fixed;
        z-index: 999999;
        top: 0;
        left: -360px;
        transition: all 0.5s;
        background: #262626;
        box-shadow: 5px 5px 20px rgb(0 0 0 / 25%);
    }
    .slider-item-text {
        color: #fff;
        font-weight: 400;
        font-size: 12px;
    }
    .slider-item-img {
        width: 20px;
        margin-right: 15px;
        margin-left: 12px;
    }
    .slider-profile-data p:nth-child(1) {
        font-size: 14px;
        font-weight: 500;
    }
    .slider-profile-data p:nth-child(2) {
        font-size: 11px;
    }
    .slider-profile-data p:nth-child(3) {
        font-size: 14px;
        color: #f9bb22;
        text-transform: uppercase;
    }

    .slider-profile-data p {
        padding-bottom: 1px;
    }

    /* wallet */
    .wlt-bal-text-wrap p {
        font-size: 13px;
        font-weight: 500;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        letter-spacing: .3;
        margin-left: 25px;
    }

    .wlt-bal-text-wrap h2 {
        font-weight: 400;
        font-family: impact;
        font-size: 36px;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    .wlt-bal-img-one{
        width: 84px;
        height: 84px;
    }

    .wlt-bal-img {
        width: 45px;
    }


    .wlt-tran-text {
        font-size: 15px;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
        word-spacing: 4px;
    }


    .wlt-tran-date img{
        width: 16px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 0.65rem;
        /* padding: 2px; */
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }

    .wlt-tran-date {
        display: flex;
        align-items: center;
    }
    .wlt-m-trans-upper-wrap div {
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        /* width: 100%; */
        width: 30%;
    }

    .wlt-mtl-date {
        font-size: 9px;
        font-weight: 400;
        color: #fff;
    }
    .wlt-mtl-number {
        /* min-width: 90px; */
        text-align: right;
        color: #f9bb22;
        font-size: 12px;
        font-weight: 500;
    }
    .wlt-mtl-img {
        width: 18px;
        /* margin-right: 0; */
    }
    .wlt-mtl-text-one {
        font-size: 12px;
        font-weight: 400;
        width: 74px;
        text-align: center;
        /* text-align: center; */
    }
    .wlt-mtl-text-two {
        font-size: 9px;
        font-weight: 500;
        text-transform: uppercase;
        font-weight: 300;
    }
    span.wlt-tab-text {
        font-size: 0.6rem;
        position: absolute;
        font-weight: 600;
        bottom: -29px;
        color: #fff;
    }
    span.wlt-tab-text {
        width: 70px;
        text-align: center;
        font-size: 11px;
        position: absolute;
        font-weight: 400;
        bottom: -29px;
        color: #fff;
        /* letter-spacing: -0.6px; */
    }
    .aj-wlt-tb-pt {
        padding-top: 3px;
    }
    .wlt-m-t-l-wrap
    {
        position: relative;
    }
    .wlt-mtl-dots {
        width: 14px;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 2px;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 115;
        left: 0;
        width: 100%;
        z-index: 99;
    }


    .wlt-bal-text-wrap h2{
        display: flex;
        align-items: baseline;
    }
    .wlt-bal-text-wrap h2 span img{
        height: 100%;
    }
    .wlt-bal-text-wrap h2 span{
        width: 26px;
        height: 33px;

    }
    .wlt-mtl-wrap{
        justify-content: space-around;
        width: 40%;
    }
    .wlt-mtl-date{
        width: 30%;
        text-align: center;
    }
    .wlt-mtl-number{
        width: 30%;
    }
    .wlt-mtl-date {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 30%;
        /* padding-left: 5px; */
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: center;
        padding-right: 0;
        width: 40%;
    }
    .wlt-m-trans-upper-wrap div:nth-child(2){
        width: 30%;
    }

    .wlt-m-trans-upper-wrap div:last-child {
        width: 30%;
    }

    /* bank */

    p.wd1-text {
        font-size: 12px;
        margin-bottom: .7rem;
    }
    .wd1-img-one{
        width: 66px;
        height: 66px;
        background: rgba(255, 255, 255, 0.5);
    }
    .wd1-img-two{
        width: 52px;
        height: 52px;
    }

    .wd1-img {
        width: 34px;
    }

    .wd1-text-wrap h3 {
        font-size: 15px;
        font-weight: 600;
        margin-left: 10px;
        color: #fff;
        margin-bottom: 0;
    }
    .wd1-bg-img {
        width: 66px;
        mix-blend-mode: luminosity;
        /* opacity: 118%; */
    }
    .wd1-card {
        border-radius: 12px;
        padding: 1rem;
        position: relative;
        margin-bottom: .8rem;
    }
    .bd-heading-wrap h2 {
        font-family: "Evogria";
        font-size: 15px;
        color: #f9bb22;
        margin-bottom: 0;
    }

    .bd-card-header h2 {
        font-size: 16px;
        font-weight: 600;
        padding-left: 1rem;
        margin-bottom: 0;
        color: #fff;
    }
    .bd-card-body-content p {
        margin-bottom: 0;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
    }
    .wd2-card {
        margin-bottom: 2.4rem;
    }
    .bd-card-button-wrap.pd-12 {
        margin-bottom: 0rem;
    }
    .more_btn{
        border: 1px solid #F9BB22 !important;
    }
    .lg-input::placeholder{
        font-size: 13px;
    }
    /* .new-wd-rupee {
    top: 2px;

} */
    .wd3-bank-img {
        position: absolute;
        width: 65px;
        right: 44px;
        bottom: 33px;
    }
    .wd3-content-wrap h3 {
        font-size: 16px;
        font-weight: 600;
    }
    .wd3-content-wrap p {
        font-size: 12px;
        margin-bottom: 0;
    }
    .wd3-amt-wrapper {
        margin: 2rem 1rem;
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        width: 35%;
    }
    .wd3-amt-heading {
        font-size: 13px;
        /* margin-bottom: 1rem; */
    }
    .wd3-card {
        padding: 2rem 2rem;
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        border-radius: 12px;
        position: relative;
    }
    .wd3-img-wrap {
        position: relative;
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }
    .lg-input {
        background: #282828;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 8px;
        width: 100%;
        border: none;
        /* border-radius: 8px; */
        /* margin: 8px 0; */
        outline: none;
        padding: 20px;
        box-sizing: border-box;
        transition: 0.3s;
        font-size: 12px;
        color: #fff;
    }
    .bd-card-body-img {
        position: absolute;
        width: 65px;
        right: 25px;
        top: 15px;
    }
    .bd-mb-3 {
        margin-bottom: 3rem!important;
    }
    /* .inputWithIcon img {
    position: absolute;
    left: 16px;
    top: 21px;
    width: 11px;
    transition: 0.3s;
} */
    .wd3-amt {
        margin-top: .1rem;
        font-size: 2rem;
        font-weight: 600;
        color: #f9bb22;

    }
    /* profile */

    .pr-p-t-wrap {
        position: relative;
        height: 82px;
        width: 82px;
    }
    .pr-p-t-two{
        width:70px;
        height: 70px;
    }
    .pr-p-t-img {
        width: 34px;
    }
    .pr-p-t-text {
        margin-top: 10px;
        font-weight: 500;
        font-size: 13px;
        letter-spacing: .3px;
    }
    .pr-p-d p a {
        color: #dd3f8e;
        font-size: 12px;
    }
    .pr-pp-img-one{
        height: 48px;
        width: 48px;
    }
    .pr-pp-img {
        width: 23px;
    }
    .pr-pp-img-text {
        margin-left: 10px;
        font-size: 12px;
        font-weight: 400;
        margin-right: 8px;
    }
    .pr-tab-img {
        width: 20px;
    }
    .pr-tab-text {
        margin-left: 1rem;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
    }
    .pr-p-edit-img {
        position: absolute;
        right: 20px;
        top: 15px;
        width: 30px;
    }

    .aj-bd-btn{
        border: 1px solid #F9BB22 !important;
        font-size: 13px;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        font-weight: 500;
        padding: 1.05rem;
    }
    /* .bdc-new img {
    width: 16px;
    top: 14px;
    left: 12px;
} */
    .inputWithIcon .lg-input {
        padding-left: 40px;
        margin-bottom: 7px;
    }

    /* players */
    .all-ply-body-item {
        margin-top: 10px;
        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: 12px 10px;
    }


    .apb-one-text {
        font-size: 12px;
        margin-left: 5px;
        line-height: 15px;
    }
    .apb-two {
        width: 50%;
        text-align: center;
        font-size: 12px;
        line-height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .apb-three-numb {
        /* font-size: 0.8rem; */
        min-width: 58px;
        text-align: right;
        color: #f9bb22;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
    }

    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 12px;
        z-index: 999;
        height: 55px;
    }
    .aj-dsr-earn {
        margin-top: 5px;
    }
    /* sign in */
    h2.lg-head-text {
        text-align: center;
        font-family: "Evogria";
        margin-bottom: 25px;
        color: #f9bb22;
        font-size: 27px;
        line-height: 34px;
    }
    /* .sig-icon-img img {
    width: 15px;
    top: 10px;
    left: 14px;
}
/* img.aj-mail-img.aj-mail-signup-img {
    top: 17px;
} */
    .slider-upper-wrap {
        /* background-color: yellow; */
        width: 100%;
        padding: 1.5rem 1rem;
        background: linear-gradient(
            77.46deg
            , #2c2c2c 0.94%, #444444 100%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
    }

    /* help */
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;
        border-radius: 12px;
        width: 100%;
        height: 100px;
        align-items: center;
        margin-bottom: 10px;
    }
    .hp-main-name-wrap span {
        font-size: 12px;
        font-weight: 500;
        line-height: 15px;
    }
    .hp-main-content-wrap span {
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        color: #fff;
    }
    .hp-cont-numb span {
        font-size: 12px;
        line-height: 15px;
    }
    .hp-cont-name span {
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
    }
    .hp-head-wrapper span {

        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
    .lk-cp p {
        color: #f9bb22;
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
        /* font-size: 0.9rem; */
    }
    .lk-share-name {
        position: absolute;
        bottom: -45px;
        /* font-size: 0.65rem; */
        text-align: center;
        font-size: 10px;
        line-height: 179.5%;
        width: 100%;
    }

    .no-bd-img-wrap p{
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
    }

    .wlt-mtl-dots-new {
        margin-top: 2px;
    }
    .wlt-tran-date-wrap {
        background: #313131;
        border-radius: 7px;
        padding: 3px 10px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 9px;
        line-height: 11px;
        background-color: transparent;
        color: #fff;
        border: none;
        font-weight: 700;
    }
    .wlt-tran-date-wrap {
        background: #313131;
        border-radius: 7px;
        padding: 3px 10px;
    }
    .ppp-content-item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 50%;
        margin: 10px 0;

    }
    .set-pop-img-wrap div:last-child {
        /* background: linear-gradient(
113deg
, #292929 11.58%, #313131 96.03%); */
        /* box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
        position: absolute;
        height: 77px;
        width: 77px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg
            , #434343 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .set-pop-img-wrap div:first-child {
        background: linear-gradient(
            113deg
            , rgba(41, 41, 41, 0.6) 11.58%, rgba(49, 49, 49, 0.6) 96.03% );
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        border-radius: 50%;
        height: 90px;
        width: 90px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .ppp-date-wrap {
        display: flex;
        justify-content: flex-end;
        margin-top: 1.2rem;
        flex-direction: column;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
        margin-top: 12px;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
        margin-top: 12px;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;
        font-family: 'Evogria';
    }

    .ppp-c-text-wrap span:first-child {
        /* font-size: 0.62rem; */
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 2px;
    }
    .ppp-c-text-wrap span:last-child {

        text-align: left;
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 19px;

    }
    .aj-new-cal-icon {
        width: 12px;
        margin-right: 5px;
    }
    .wd3-top-bg {
        height: 250px;
        margin-bottom: 1rem;
        position: relative;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #000;
    }
    .aj-sb-bg {
        margin-top: 1rem;
        height: 350px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
    }

    .mpp-head-text {
        margin-left: 0.5rem;
        /* font-weight: 600; */
        /* font-size: 0.9rem; */
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
    }
    .mpp-card-head {
        display: flex;
        background: #333333;
        border-radius: 8px;
        padding: 1rem 0.5rem;
        margin-bottom: 0.5rem;
        justify-content: center;
    }
    .mpp-card-body p {
        /* font-size: 0.8rem; */
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 141.4%;
    }
    .mpp-main-content h3 {
        /* font-size: 0.9rem; */
        /* font-weight: 600; */
        color: #f9bb22;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 141.4%;
    }
    .mpp-main-content p {
        /* font-size: 0.8rem; */
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 141.4%;
    }

    #load_more{
        width: 100%;
        text-align: center;
    }

    #load_more button{
        width: 50%;
        /* outline: 1px solid #F9BB22; */
        /* outline-offset: 2px; */
        color: #fff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        background-color: #F9BB22;
        margin: 10px 0;
    }
    .live-sticky .ticket_two{
        z-index: 99 !important;
    }

    .modal-content {
        border-radius: 12px;
        margin: 0 10px;
    }
    .aj-n-set-text{
        color: #fff;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 15px;
    }

    .set-pop-text-wrap p {
        /* font-size: 0.9rem; */
        font-weight: 600;
        color: #f9bb22;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
    }
    .set-pop-text-wrap div h3 {
        /* font-size: 1rem; */
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #f9bb22;
    }
    span.set-pop-date-number {
        display: inline !important;
        width: auto;
        margin-bottom: 0;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
    }
    .aj-n-set-text {
        color: #fff !important;
        font-family: Montserrat !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-size: 13px !important;
        line-height: 15px !important;
    }
    .date-one-wrap {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 12px;
    }
    .set-pop-date-icon {
        margin-right: 5px;
        font-size: 12px;
    }
    .modal-backdrop {
        opacity: .9 !important;
    }
    /* .aj-gaming-rupee-icon img{
    position: absolute;
    left: 15px;
    top: 15px;
    width: 11px;
    transition: 0.3s;
   } */

    .wd3-top-content p {
        /* font-size: 0.75rem; */
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
    }
    .wd3-top-content {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 82%;
        margin: 0 auto;
        text-align: center;
    }
    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 105px;
        max-width: 107px;
        text-align: center;
    }
    .hp-main-content-wrap span{
        font-size: 12px;
    }

}


@media only screen and (max-width:375px){
    section.wel-wrapper {
        display: none;
    }
    .dsr-head-item {
        padding: 10px 5px;
        font-size: 9px;
        font-weight: 500;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .aj-set_section1 {
        margin: 5px 3px;
        padding: 10px 10px 14px 10px;
    }
    .drs-btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0px;
        border-radius: 12px;
        background: linear-gradient(
            91.38deg
            , #2D2D2D 0.55%, #121212 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%);
        /* margin-top: 1.5rem; */
    }
    .aj-set_section1 {
        margin: 5px 3px;
        padding: 10px 10px 10px 10px;
    }
    .details-tab {
        padding: .6rem 1rem;
    }
    .home-tab {
        padding: 1rem;
        margin-bottom: 8px;
    }
    .lg-inputWithimg {
        position: absolute;
        left: 11px;
        top: 45%;
        color: #fff;
        transition: 0.3s;
        transform: translateY(-50%);
        width: 13px;
    }
    .inputWithIcon i {
        position: absolute;
        left: 3px;
        top: 16px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
        font-size: 18px;
    }
    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 105px;
        max-width: 107px;
        text-align: center;
    }
    .hp-main-content-wrap span{
        font-size: 12px;
    }

    a.aj-ed-d-icon {
        display: block;
        width: 28px;
    }
    h4.aj-bep-heading {
        font-size: 22px;
    }
    button.aj-bep-btn {
        border: none;
        background: linear-gradient(
            270deg
            , #C6A21A 0%, #F4A100 70.31%, #956204 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 14px 20px;
        font-size: 14px;
        color: #fff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin-bottom: 2rem;
    }
    .aj-nw-upd-t {
        position: absolute;
        right: 39px;
        bottom: 10px;
        font-size: 10px;
        color: #f9bb33;
    }

}


@media only screen and (max-width:360px) {
    /* dashboard */
    section.wel-wrapper {
        display: none !important;
    }

    .aj-wlt-o-date{
        width: 109px !important;
    }

    .wlt-tran-text{
        font-size: 14px;
    }
    .wlt-m-trans-upper-wrap div,.wlt-mtl-text-one,.wlt-mtl-number{
        font-size: 11px;
    }
    span.wlt-tab-text{
        font-size: 10px;
    }

    .set-pop-text-wrap div h3{
        font-size: 15px;
    }
    .wt-pop-data span:last-child {
        text-align: left;
        margin-left: 5px;
    }
    .wd1-text-wrap h3,.bd-heading-wrap h2{
        font-size: 14px;
    }

    .lg-btn{
        padding: .8rem;
    }
    .lg-input{
        padding: 19px;
        font-size: 14px;
    }
    .wd3-amt{
        font-size: 27px;
    }
    /* .bdc-new img {
            width: 19px;

        } */
    .pr-p-t-one{
        width: 80px;
        height: 80px;
    }
    .pr-p-t-two {
        width: 65px;
        height: 65px;
    }
    .pr-p-t-img {
        width: 30px;
    }
    .pr-tab-img {
        width: 18px;
    }
    .pr-tab-text,.slider-item-text {
        font-size: 11px;

    }
    .hp-main-img-one{
        width: 65px;
        height: 65px;
    }
    .hp-main-img-two
    {
        height: 54px;
        width: 55px;
    }
    .hp-main-img {
        width: 34px;
    }
    .hp-cont{
        height: 125px;
    }
    .lk-cp p{
        font-size: 13px;
    }
    .lk-sh-img{
        margin: 20px auto;
    }
    .lk-bg-one{
        height: 160px;
        width: 160px;
    }
    .lk-bg-two{
        height: 140px;
        width: 140px;
    }
    .lk-bg-three{
        height: 122px;
        width: 122px;
    }
    .lk-bg-img {
        width: 65px;
    }
    .lk-bg-wrap{
        margin: 2.5rem auto;
    }
    .lk-bg-wrap {
        position: relative;
        width: 180px;
        height: 210px;
        margin: 1rem auto;
    }
    .slider-wrapper{
        width: 280px;
    }
    .slider-item-img{
        width: 19px;
    }
    .slider-upper-wrap{
        padding: 1.4rem 1rem;
    }

    /* dashboard */
    .home-tab {
        padding: .7rem;
        margin-bottom: 10px;
    }
    .home-tab-text span:last-child {
        font-size: 13px;
        font-weight: 500;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .ds-header {
        margin-bottom: .4rem;
    }
    .home-tab-wrap
    {
        padding-bottom: 10px;
    }
    .dsr-head-item {
        padding: 9px 5px;
        font-size: 9px;
        font-weight: 500;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .dsr-body {
        background: #1F1F1F;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 0px 10px 5px 10px;
    }
    .drs-btn-wrap{
        padding: 10px 0px;
    }
    .dsr-btn-text {
        font-size: 11px;
        font-weight: 500;
        color: #fff;
        margin-left: 5px;
        text-transform: uppercase;
    }

    .dsr-btn-img {
        width: 21px;
    }
    .details-tab {
        padding: .5rem 1rem;
    }
    .aj-sb-bg {
        margin-top: 1rem;
        height: 240px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
    }

    .bd-card-body-img {
        position: absolute;
        width: 60px;
        right: 25px;
        top: 15px;
    }
    .aj-pt-2 {
        padding-top: 1.6rem;
    }
    .lg-inputWithimg {
        position: absolute;
        left: 11px;
        top: 45%;
        color: #fff;
        transition: 0.3s;
        transform: translateY(-50%);
        width: 12px;
    }
    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 105px;
        max-width: 107px;
        text-align: center;
    }
    .hp-main-content-wrap span{
        font-size: 12px;
    }

    .aj-nw-upd-t {
        position: absolute;
        right: 37px;
        bottom: 12px;
        font-size: 9px;
        color: #f9bb33;
    }

}


@media only screen and (max-width:320px){

    .wlt-bal-content{
        padding: 1rem;
    }
    .wlt-bal-img-one {
        width: 64px;
        height: 64px;
    }
    .wlt-bal-img-two{
        height: 51px;
        width: 51px;
    }

    .wlt-bal-img {
        width: 30px;
    }
    .wlt-bal-text-wrap p{
        font-size: 11px;
    }

    .wlt-bal-text-wrap h2{
        font-size: 32px;
    }

    .wlt-bal-text-wrap h2 span {
        width: 25px;
        height: 30px;
    }

    .wlt-tab-one{
        height: 65px;
        width: 65px;
    }
    .wlt-tab-two{
        height: 50px;
        width: 50px;
    }
    .wlt-tab-img {
        width: 22px;
    }
    span.wlt-tab-text{
        font-size: 9px;
        bottom: -26px;
        width: 65px;
    }
    .wlt-tran-text {
        font-size: 12px;
        word-spacing: 2px;
    }
    .wlt-tran-date-wrap {
        background: #313131;
        border-radius: 7px;
        padding: 2px 5px;
    }
    .wlt-tran-date img {
        width: 14px;
    }
    .wlt-m-trans-upper-wrap{
        padding: .7rem;
    }
    .wlt-m-trans-upper-wrap div, .wlt-mtl-text-one, .wlt-mtl-number {
        font-size: 9px;
    }
    .wlt-tran-wrapper-height {
        height: 50px;
    }
    .aj-wlt-tab-fxd{
        top: 110px;
    }
    .wlt-m-t-l-wrap{
        padding: 10px;
        margin-bottom: 5px;
    }
    .wlt-mtl-text-two{
        font-size: 8px;
    }
    .wlt-m-trans-upper-wrap div:first-child{
        width: 30%;
    }
    section.pd-12.wlt-tran-wrapper {
        margin-top: 2.3rem;
    }
    p.wd1-text {
        font-size: 11px;
        margin-bottom: .6rem;
    }
    .wd1-card{
        padding: .8rem;
    }
    .wd1-img-one {
        width: 55px;
        height: 55px;
        background: rgba(255, 255, 255, 0.5);
    }
    .wd1-img-two {
        width: 42px;
        height: 42px;
    }
    .wd1-img {
        width: 22px;
    }
    .wd1-text-wrap h3, .bd-heading-wrap h2 {
        font-size: 13px;
    }
    .wd1-bg-img{
        width: 50px;
    }
    .aj-pt-2 {
        padding-top: 1.5rem;
    }
    .bd-card-header{
        padding: .8rem;
    }
    .bd-card-body {
        padding: 1.5rem;
        position: relative;
    }
    .bd-card-body-content p{
        font-size: 11px;
    }
    .lg-btn {
        padding: .7rem;
        font-size: 12px;
    }
    .lg-input {
        padding: 15px;
        font-size: 11px;
    }
    /* .inputWithIcon img {
            position: absolute;
            left: 19px;
            top: 13px;
            width: 10px;
            transition: 0.3s;
        } */
    .wd3-amt {
        font-size: 25px;
    }
    .wd3-amt-wrapper{
        margin: 1rem 1rem;
    }
    .wd3-card{
        padding: 1.5rem;
    }
    .wd3-bank-img {
        position: absolute;
        width: 63px;
        right: 44px;
        bottom: 43px;
    }
    .lg-input::placeholder{
        font-size: 11px;
    }

    .wd3-top-bg{
        height: 200px;
    }
    .wd3-top-content{
        bottom: -1px;
    }
    .wd3-top-content p{
        font-size: 9px;
    }
    .wd3-top-content h2{
        font-size: 20px;
    }
    .wd3-content-one{
        padding: .8rem;
    }
    .wd3-content-one p {
        font-size: 0.7rem;
    }
    .wd3-content-one span {
        /* font-family: "Poppins", sans-serif; */
        color: #f9bb22;
        font-weight: 600;
        font-size: 1rem;
    }
    .wd3-new-text span{
        font-size: .6rem;
    }
    .set-pop-close-btn span {
        margin: auto;
        width: 22px;
    }
    .set-pop-close-btn {
        width: 40px;
        line-height: 40px;
        display: flex;
        height: 40px;
        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;
        bottom: -37px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
    .slider-wrapper {
        width: 230px;
    }
    .pr-tab-text, .slider-item-text {
        font-size: 10px;
    }
    .slider-item-img {
        width: 16px;
    }
    .slider-profile-data p:nth-child(1) {
        font-size: 13px;
        font-weight: 500;
    }
    .slider-profile-data p:nth-child(2) {
        font-size: 10px;
    }
    .slider-profile-data p:nth-child(3) {
        font-size: 13px;
        color: #f9bb22;
        text-transform: uppercase;
    }
    .slider-close-img {
        width: 30px;
    }
    .pr-p-t-wrap {
        position: relative;
        height: 59px;
        width: 60px;
    }
    .pr-p-t-one {
        width: 60px;
        height: 60px;
    }
    .pr-p-t-two {
        width: 45px;
        height: 45px;
    }
    .pr-p-t-img {
        width: 18px;
    }
    .pr-p-d{
        padding: .5rem;
    }
    .pr-p-d i, .pr-p-d p{

        font-size: 0.8rem;
        width: 110px;
        max-width: 110px;
    }
    .pr-pp-img-one {
        height: 38px;
        width: 38px;
    }
    .pr-pp-img-two{
        height: 30px;
        width: 30px;
    }
    .pr-pp-img {
        width: 17px;
    }
    .pr-tab-text, .slider-item-text {
        font-size: 10px;
    }
    .pr-tab{
        padding: .7rem;
    }
    .pr-tab-img {
        width: 14px;
    }
    .lk-cp {
        width: 200px;
        text-align: center;
    }
    .lk-cp p {
        font-size: 10px;
        line-height: 12px;
    }
    .lk-cp-wrap{
        height: 50px;
    }
    .lk-cp-img-wrap {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 20px;
    }
    .lk-sh-img {
        margin: 5px auto;
    }
    .lk-sh-wrap span {
        font-size: 10px;
        display: block;
        line-height: 1.4;
    }
    .lk-share-bg{
        width: 45px;
        height: 45px;
    }
    .lk-share-img {
        width: 26px;
    }
    .lk-share-name{
        font-size: 9px;
    }
    .lk-bg-wrap {
        position: relative;
        width: 165px;
        height: 195px;
        margin: 1rem auto;
    }
    .lk-bg-one {
        height: 150px;
        width: 150px;
    }
    .lk-bg-two {
        height: 130px;
        width: 130px;
    }
    .lk-bg-three {
        height: 112px;
        width: 112px;
    }
    .lk-bg-img {
        width: 50px;
    }
    .hp-main-wrap {
        display: flex;
        justify-content: space-evenly;
        border-radius: 12px;
        width: 100%;
        height: 85px;
        align-items: center;
        margin-bottom: 10px;
    }
    .hp-main-img-wrap {
        position: relative;
        width: 50px;
    }
    .hp-main-img-one {
        width: 45px;
        height: 45px;
    }
    .hp-main-img-two {
        height: 35px;
        width: 35px;
    }
    .hp-main-img {
        width: 19px;
    }
    .hp-main-name-wrap span {
        font-size: 10px;
        font-weight: 500;
        line-height: 15px;
    }
    .hp-main-content-wrap span {
        font-size: 11px;
        line-height: 13px;
        font-weight: 400;
        color: #fff;
    }
    .pd-12{
        padding: 10px;
    }
    .hp-cont {
        height: 100px;
    }
    .hp-cont-img{
        height: 30px;
        width: 30px;
    }
    .hp-cont-img div {
        width: 14px;
    }
    .hp-cont-name span {
        font-size: 11px;
        line-height: 15px;
        font-weight: 400;
    }
    .hp-cont-numb span {
        font-size: 11px;
        line-height: 15px;
    }
    .all-ply-content-head-item{
        padding: .7rem;
        font-size: 9px;
    }
    .apb-one-img {
        width: 30px;
    }
    .apb-one-text {
        font-size: 10px;
        margin-left: 3px;
        line-height: 15px;
    }
    .apb-two {
        width: 50%;
        text-align: center;
        font-size: 10px;
        line-height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .apb-three-numb{
        font-size: 10px;
    }
    .apb-three-view {
        border: 1px solid #f9bb22;
        font-size: 9px;
        padding: 3px;
        border-radius: 5px;
        color: #f9bb22;
        margin-left: 8px;
    }
    h4.wlt-head-text{
        font-size: 11px;
    }
    .home_icon {
        position: absolute;
        top: 21px;
        right: 15px;
        max-width: 19px;
    }
    .wlt-head-img {
        width: 29px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }


    /* dashborad */
    .home-tab {
        padding: .4rem;
        margin-bottom: 6px;
    }

    .home-tab-img {
        width: 24px;
    }
    .home-tab-text span:first-child{
        font-size: 9px;
    }
    .home-tab-text span:last-child {
        font-size: 12px;
        font-weight: 500;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .ds-head h3 {
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
        letter-spacing: .2;
    }
    .dsr-head-item {
        padding: 8px 5px;
        font-size: 8px;
        font-weight: 500;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .aj-set_section1 {
        margin: 5px 3px;
        padding: 10px 10px 14px 10px;
    }
    .aj-set_section1 img {
        margin: 2px auto;
    }
    .aj-set_section1 img {
        max-width: 22px;
        /* min-height: 18px; */
    }
    .drs-btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px 0px;
        border-radius: 12px;
        background: linear-gradient(
            91.38deg
            , #2D2D2D 0.55%, #121212 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%);
        /* margin-top: 1.5rem; */
    }
    .dsr-btn-text {
        font-size: 10px;
        font-weight: 500;
        color: #fff;
        margin-left: 5px;
        text-transform: uppercase;
    }
    .dsr-btn-img {
        width: 19px;
    }
    .details-text-wrap {
        font-size: 10px;
        font-weight: 500;
        color: #fff;
    }
    .details-img-wrap {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
    }
    .details-img-wrap div {
        width: 14px;
    }
    .head-user-text span:last-child {
        color: #f9bb22;
        font-size: 12px;
        text-align: right;
    }
    .head-user-text span:first-child {
        font-size: 10px;
        min-width: 50px;
        text-align: right;
        font-family: 'Montserrat';
    }
    .head-user-img {
        width: 25px;
        /* height: 30px; */
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 12px;
        z-index: 999;
        height: 50px;
    }
    .d-footer-item-img {
        width: 17px;
    }
    .aj-d-footer-h-home {
        width: 32px;
    }

    .set-pop-text-wrap h4 {
        color: #f9bb22;
        margin-top: 2px;
        font-weight: normal;
        font-size: 12px;
        line-height: 13px;
        font-family: 'Evogria';
    }
    .set-pop-text-wrap span {
        width: 100%;
        text-align: center;
        display: block;
        font-size: 10px;
        /* color: #03b515; */
        margin-bottom: 5px;
    }

    .set-pop-amt-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 5px;
    }
    .set-pop-text-wrap div h3 {
        font-size: 12px;
    }
    span.set-pop-date.wt-pop-date{
        display: flex;
    }
    .set-pop-close-btn{
        bottom: -50px;
    }
    .set-pop-inner-wrap {
        background: #333333;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 1rem;
        margin-top: 1rem;
        text-align: center;
    }
    .pr-pp-card {
        padding: .5rem;
    }

    .pr-p-card-top{
        padding: .5rem;
    }

    /* .sig-icon-img img {
    width: 15px;
    top: 7px !important;
    left: 14px;
} */
    .lg-top-bg {
        height: 240px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .lg-lower-wrap {
        /* margin-top: 30px; */
        /* padding-bottom: 1rem; */
    }
    .inputWithIcon i {
        position: absolute;
        left: 6px;
        top: 7px;
        padding: 9px 8px;
        color: #fff;
        transition: 0.3s;
        font-size: 16px;
    }
    .lg-lower-wrap span {
        display: block;
        text-align: center;
        font-size: 1rem;
        margin-top: 5px;
    }
    p.aj-fgp-text {
        font-size: 0.8rem;
        line-height: 1.2rem;
        text-align: center;
    }
    /* .sig-icon-img img {
    width: 14px;
    top: 9px !important;
    left: 16px;
} */

    .onbd-img {
        width: 255px;
        margin-bottom: 4rem;
        margin-left: auto;
    }
    .onbd-n-font {
        font-family: Nostromo;
        font-size: 38px;
        color: #f9bb22;
    }
    .onbd-b-font {
        position: absolute;
        font-family: TheBlackheads;
        font-size: 25px;
        top: 38px;
        left: 92px;
        width: 100%;
    }
    .onbd-btn-wrapper {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        margin-top: 1.2rem;
    }
    .ds-share-img {
        position: absolute;
        bottom: 20px;
        right: 10px;
        width: 30px;
    }
    .head-user-img {
        width: 25px;
        background-color: #242424;
        border-radius: 50%;
        /* height: 30px; */
    }
    .slider-profile-img {
        width: 58px;
        margin-right: 10px;
        border-radius: 50%;
        background-color: #474747;
    }
    .bd-card-body-img {
        position: absolute;
        width: 50px;
        right: 28px;
        top: 11px;
    }
    .bd-heading-wrap {
        margin-bottom: 10px;
    }
    .bd-card-header h2{
        font-size: 14px;
    }
    .wd2-card {
        margin-bottom: 2rem;
    }
    .wd3-bank-img {
        position: absolute;
        width: 52px;
        right: 30px;
        bottom: 30px;
    }

    .logo {
        max-width: 55px;
        margin: 50px auto;
    }
    .acc_con_section p{
        font-size: 12px;
    }
    .bg_icon11 {
        max-width: 115px;
    }
    .aj-gaming-rupee-icon {
        top: 3px;
    }
    .ppp-c-img-bg-one {
        background: linear-gradient(
            113deg
            , #292929 11.58%, #313131 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        position: absolute;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ppp-c-img-bg {
        position: absolute;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(
            113deg
            , #ffffff 11.58%, #ffcf7b 96.03%);
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .ppp-c-img-icon {
        width: 18px;
    }
    .ppp-c-text-wrap span:first-child {
        /* font-size: 0.62rem; */
        font-weight: normal;
        font-size: 8px;
        line-height: 12px;
        margin-bottom: 2px;
    }
    .ppp-c-text-wrap span:last-child {
        text-align: left;
        font-family: Evogria;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 19px;
    }
    .pr-pp-img-text{
        font-size: 11px;
    }
    .ppp-c-text-wrap span:first-child{
        text-align: left;
    }
    .mpp-t-one {
        top: -120px;
        height: 120px;
    }
    .mpp-t-two {
        top: -80px;
        height: 80px;
    }
    .modal .mpp-card-head {
        padding: 3px;
        margin-bottom: 0;
    }
    div#aj-nav-name {
        min-width: 25px;
        max-width: 27px;
        white-space: nowrap;
        overflow: hidden;
        margin-left: auto;
        text-overflow: ellipsis;
    }
    .top_logo {
        width: 55px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .lk-sh-img {
        display: flex;
        width: 40px;
        margin: 25px auto;
        align-items: center;
        justify-content: space-between;
    }

    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 100px;
        max-width: 100px;
        text-align: center;
    }
    .hp-main-content-wrap span {
        font-size: 11px;
    }
    button.aj-bep-btn {
        border: none;
        background: linear-gradient(
            270deg
            , #C6A21A 0%, #F4A100 70.31%, #956204 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px;
        padding: 10px 15px;
        font-size: 12px;
        color: #fff;
        text-shadow: 0px 2px 4px rgb(0 0 0 / 80%);
        margin-bottom: 2rem;
    }
    a.aj-ed-d-icon {
        display: block;
        width: 28px;
    }
    .aj-chat-dec-wrap {
        color: #fff;
        font-size: 10px !important;
        text-align: center;
    }
    a.ajreadmore {
        font-size: 10px;
        color: #F9BB22;
    }
    .pb-con-arrow {
        position: absolute;
        bottom: -36px;
        left: -50px;
    }
    .aj-dg-lock-icon {
        width: 16px;
        margin: auto;
    }
    .aj-nw-upd-t {
        position: absolute;
        right: 37px;
        bottom: 13px;
        font-size: 9px;
        color: #f9bb33;
    }
}


@media only screen
and (device-width : 280px)
and (device-height : 653px)
and (-webkit-device-pixel-ratio : 3){
    .top_logo {
        width: 48px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }



    .home-tab {
        padding: .6rem .4rem;
        margin-bottom: 6px;
    }
    .home-tab-img {
        width: 27px;
    }
    .home-tab-text span:first-child {
        font-size: 7px;
    }
    .home-tab-text span:last-child {
        font-size: 11px;
        font-weight: 500;
        text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    }
    .dsr-head-item {
        padding: 10px 5px;
        font-size: 8px;
        font-weight: 500;
        text-shadow: 0px 2px 2px rgb(0 0 0 / 55%);
    }
    .dsr-body {
        background: #1F1F1F;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 12px 12px;
        padding: 10px 10px 10px 10px;
    }
    .drs-btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0px;
        border-radius: 12px;
        background: linear-gradient(
            91.38deg
            , #2D2D2D 0.55%, #121212 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%);
        /* margin-top: 1.5rem; */
    }

    .aj-set_section1 {
        margin: 10px 3px;
        padding: 10px 10px 14px 10px;
    }
    .details-tab {
        padding: 1rem 1rem;
    }
    .home-tab-wrap {
        padding-bottom: 12px;
    }

    .wlt-tab-one {
        height: 58px;
        width: 58px;
    }
    .wlt-tab-two {
        height: 48px;
        width: 48px;
    }
    .wlt-tab-img {
        width: 20px;
    }
    span.wlt-tab-text {
        font-size: 8px;
        bottom: -22px;
        width: 58px;
    }
    .wlt-tran-text {
        font-size: 10px;
        word-spacing: 0px;
    }
    input.wlt-date {
        width: 122px;
        font-size: 8px;
        line-height: 11px;
        background-color: transparent;
        color: #fff;
        border: none;
        font-weight: 700;
    }
    .aj-wlt-o-date {
        width: 94px !important;
    }
    .wlt-tran-date img {
        width: 11px;
    }
    .wlt-m-trans-upper-wrap {
        padding: .7rem .5rem;
    }
    .wlt-m-trans-upper-wrap div, .wlt-mtl-text-one, .wlt-mtl-number {
        font-size: 8px;
    }
    .wlt-mtl-text-two {
        font-size: 7px;
    }
    .wlt-mtl-date {
        font-size: 8px;
        font-weight: 400;
        color: #fff;
    }
    .set-pop-text-wrap h4 {
        color: #f9bb22;
        margin-top: 2px;
        font-weight: normal;
        font-size: 11px;
        line-height: 13px;
        font-family: 'Evogria';
    }
    .aj-n-set-text {
        color: #fff !important;
        font-family: Montserrat !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-size: 11px !important;
        line-height: 15px !important;
    }
    .set-pop-inner-wrap{
        margin-top: 0;
    }
    .set-pop-text-wrap div h3 {
        font-size: 11px;
    }
    .pr-p-card-top{
        padding: .3rem;
    }
    .pr-p-d {
        padding: .2rem;
    }
    .pr-pp-card {
        padding: .2rem;
    }
    .slider-wrapper {
        width: 200px;
    }
    .slider-item-img {
        width: 14px;
    }
    .slider-profile-img {
        width: 38px;
        margin-right: 10px;
    }
    .seachbar input {
        width: 97%;
        padding: 12px;
        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;
    }
    p.wd1-text {
        font-size: 9px;
        margin-bottom: .5rem;
    }
    .wd1-text-wrap h3, .bd-heading-wrap h2 {
        font-size: 12px;
    }
    h4.wlt-head-text {
        font-size: 10px;
    }
    .hp-head-wrapper span {
        font-weight: 500;
        font-size: 11px;
        line-height: 17px;
    }
    .lk-cp {
        width: 165px;
        text-align: center;
    }
    .hp-main-wrap {
        padding: 10px 15px;
        justify-content: space-between;
        align-items: center;
    }
    .hp-main-content-wrap {
        padding: 5px 5px;
        min-width: 95px;
        max-width: 95px;
        text-align: center;
    }
    .hp-main-content-wrap span{
        font-size: 10px;
    }
    .onbd-b-font-numb,.onbd-b-font-now{
        position: absolute;
        font-family: TheBlackheads;
        font-size: 25px;
        top: 38px;
        left: 165px;
        width: 100%;
    }
    .wd1-bg-img {
        width: 40px;
    }
    .wd1-bg-img {

        position: absolute;
        bottom: 26px;
        right: 16px;
    }
    .aj-chat-dec-wrap {
        color: #fff !important;
        font-size: 9px !important;
        text-align: center;
    }
    a.ajreadmore {
        font-size: 9px;
        color: #F9BB22;
    }
    .slider-profile-data p:nth-child(1) {
        font-size: 10px;
        font-weight: 500;
    }
    .aj-nw-upd-t {
        position: absolute;
        right: 37px;
        bottom: 13px;
        font-size: 8px;
        color: #f9bb33;
    }
}


@media only screen and (max-height:420px){
    .head-wrap {
        padding: 20px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
        height: 60px;
        align-items: center;
    }
    .head-bars {
        width: 35px;
    }
    .head-bell {
        width: 16px;
        margin-right: 11px;
    }
    .head-user-img {
        width: 30px;
        background-color: #242424;
        border-radius: 50%;
    }
    .head-user-text span:first-child {
        font-size: .7rem;
        min-width: 50px;
        text-align: right;
    }
    .head-user-text span:last-child {
        color: #f9bb22;
        font-size: .7rem;
        text-align: right;
    }
    section.d-footer-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 5px;
        z-index: 999;
        height: 55px;
    }
    .d-footer-wrap {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .d-footer-item-img {
        width: 20px;
    }
    .aj-d-footer-h-home {
        width: 30px;
        top: -15px;
    }
    .aj-fixed {
        position: fixed;
        top: 60px !important;
        left: 0;
        width: 100%;
    }
    .wlt-tran-text {
        font-size: 1rem;
        font-weight: 400;
        text-transform: uppercase;
        font-family: "Evogria";
        color: #f9bb22;
    }
    input.wlt-date {
        width: 190px;
        font-size: .7rem;
        padding: 2px;
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }
    .wlt-tran-date-wrap {
        background: #212121;
        border-radius: 7px;
        padding: 2px 0px;
        /* color: #fff; */
    }
    input.wlt-date {
        width: 130px;
        font-size: .7rem;
        padding: 2px;
        background-color: transparent;
        color: #5b5b5b;
        border: none;
        font-weight: 700;
    }
    .wlt-tran-wrapper-height {
        height: 70px;
    }
    .aj-wlt-tab-fxd {
        position: fixed;
        top: 130px;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    .wlt-m-trans-upper-wrap {
        padding: 1.5rem;
        /* padding-left: 5em; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(
            90deg
            , #232323 0%, #2b2b2b 100%);
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 12px 12px 0px 0px;
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
    }
    .wlt-m-trans-upper-wrap div {
        font-size: .9rem;
        font-weight: 600;
        width: 100%;
        text-align: center;
    }
    .wlt-m-trans-upper-wrap div:first-child {
        text-align: center;
        padding-right: 15px;
    }
    .xy12.sticky{
        top: 60px;
    }
    .settlement-history-wrapper .sticky3{
        top: 108px;
        border-radius: 0;
        left: 0;
        right: 0;
        width: 100%;
    }
    .sticky {
        top: 60px;
        border-radius: 0;
    }
    .sticky2#earn_top {
        top: 115px;
        left: 0;
        width: 100%;
        right: 0;
    }

    .cur_earn_1612 .earning_inner_section_top1 p {
        font-size: 18px !important;
    }
    .seachbar input{
        font-size: 18px;
        padding: 18px;
    }
    .gs-fixed{
        top: 60px;
    }
    .gs-wlt-tab-fxd {
        top: 120px;
    }
    .player_1612 .all-ply-content-head-item{
        font-size: 18px !important;
    }
    .fix_btn{
        position: unset;
    }
    .earning_inner_section_top.sticky1 {
        top: 110px;
    }
    .sub_aff16_12 .earning_inner_section_top1 p {
        text-align: center !important;
        font-size: 18px;
    }
    .sub_earn_1612 .earning_inner_section_top1 p {
        text-align: center !important;
        font-size: 18px;
    }



    section.wlt-head-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #171717;
        z-index: 999;
        height: 60px;
    }
    h4.wlt-head-text {
        font-size: .8rem;
        /* font-weight: 600; */
        text-transform: capitalize;
        margin-bottom: 0;
    }
    .wlt-head-img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
        width: 30px;
    }
    .wlt-head-home-img {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 35px;
    }

    .live-sticky {
        position: fixed;
        width: calc(100% - 30px);
        z-index: 999;
        /* margin-top: -20px; */
        top: 60px;
        border-radius: 0;
    }

    .ticket_one p {
        width: 100%;
        margin-bottom: 5px !important;
        font-size: 13px;
        color: #f9bb22;
        margin-top: 5px;
    }

    .ticket_one span {
        float: right;
        text-align: right;
        min-width: 50%;
        color: #fff;
        font-size: 10px !important;
        line-height: 11px;
        background-color: transparent;
        border: none;
        font-weight: 700;
        position: relative;
        top: 6px;
    }

    .ticket_one img {
        max-width: 13px;
        position: relative;
        top: -2px;
        margin: 0 5px;
    }
    .ticket_two {
        background: #2d2d2d;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        border-radius: 0px;
        padding: 4px 5px;
        display: flex;
    }
    .live-sticky .tic_content p {
        margin: 0 !important;
        font-size: 9px;
        text-align: left;
    }

    .chat_section .ticket_content_section1 {
        text-align: center;
        display: flex;
    }

    .ticket_two {
        background: #2d2d2d;
        box-shadow: 0px 4px 8px rgb(0 0 0 / 15%);
        padding: 4px 5px;
        display: flex;
    }
    .user1, .user2 {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 90%;
        font-size: 9px;
        display: inline-block;
    }
    .user1 p {
        font-size: 9px;
        margin-left: 2px;
        opacity: 0.6;
        margin-bottom: 0;
    }
    .date_tag {
        color: #ffffff;
        font-size: 10px;
        text-align: center;
        margin: 5px auto;
    }
    .ticket_section_thre textarea {
        width: 96%;
        background: transparent;
        border: 0px solid;
        font-size: 11px;
        padding: 9px;
        color: #fff;
        padding-right: 2%;
        max-width: calc(100% - 70px);
        float: left;
        height: 40px;
        background: #2e2e2e;
        box-shadow: none;
        border-radius: 0px 0px 12px 12px;
    }
    .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: 50px;
        height: 41px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
    }




    .chat-sub {
        position: absolute;
        height: 50px;
        width: 50px;
        padding: 0;
        background: transparent;
        color: transparent;
        border: none;
        right: 0;
    }
    .chat-box {
        display: flex;
        width: 50%;
        justify-content: space-around;
    }
}






/* dec-17-2021 */


.sign-up.lg-content-wrap {
    position: relative;
    /* bottom: 100px; */
}

@media only screen
and (device-width : 375px)
and (device-height : 667px)
{
    .lk-bg-wrap {
        position: relative;
        width: 170px;
        height: 170px;
        margin: 3rem auto;
    }
    .lk-bg-one {
        background: linear-gradient(
            146.03deg
            , rgba(253, 89, 20, 0.1) 0%, rgba(202, 48, 209, 0.1) 100% );
        position: absolute;
        height: 170px;
        width: 170px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-two {
        background: linear-gradient(
            146.03deg
            , rgba(253, 89, 20, 0.1) 0%, rgba(202, 48, 209, 0.1) 100% );
        position: absolute;
        height: 155px;
        width: 155px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .lk-bg-three {
        background: linear-gradient(
            146.03deg
            , #fd5914 0%, #ca30d1 100%);
        box-shadow: 0px 2.98265px 11.1849px rgb(211 55 179 / 40%);
        position: absolute;
        height: 140px;
        width: 140px;
        border-radius: 50%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
}