@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.i_angle_right {
    background-image: url(/assets/images/depo-angle-right.svg);
}

.i_book {
    background-image: url(/assets/images/depo-book.svg);
}

.i_bonus {
    background-image: url(/assets/images/coupon-icon.svg);
}

.i_checks {
    background-image: url(/assets/images/checks-mark.svg);
}

.i_modal_close {
    background-image: url(/assets/images/modal-close.svg);
    cursor: pointer;
}

.i_timers {
    background-image: url(/assets/images/timers.svg);
}

.i_save {
    background-image: url(/assets/images/saves.svg);
}

.i_copies {
    background-image: url(/assets/images/copies.svg);
}

.i_scan {
    background-image: url(/assets/images/scans.svg);
}

.i_fail {
    background-image: url(/assets/images/failure-toast.svg);
}

.i-left-arrow {
    background-image: url(/assets/images/mob-left-arrow.svg);
}

.i-video-icon {
    filter: brightness(10);
    background-image: url(/assets/images/question-mark.svg);
}

.i_blue-info {
    background-image: url(/assets/images/blue-info.svg);
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
}

.deposit-main-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background-color: #2d072ecc;
    backdrop-filter: blur(9px);
}

.depo-mini-modal {
    padding: 0px;
    width: 55%;
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    margin: 0;
    background: var(--primary-color);
    border-radius: 24px;
}

.depo-flexes {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 95vh;
}

.depo-flexes .col-left {
    background: var(--primary-background);
    padding: 15px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    width: 40%;
}

.paid-cta {
    display: none;
}

.depo-flexes .col-right {
    background: var(--primary-color);
    padding: 20px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    width: 60%;
    position: relative;
}

.depo-heading h2 {
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 26px;
    text-align: left;
    letter-spacing: 0;
    text-transform: none;
}

.depo-heading h2.mob {
    display: none;
}

.mob-homes {
    display: none;
}

.pg-flexes {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    max-height: 80vh;
    overflow-y: scroll;
}

.pg-flexes .depo-pg-childs {
    width: 47.5%;
    min-height: 130px;
    max-height: 130px;
    background: var(--primary-color);
    margin-bottom: 15px;
    border-radius: 12px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid var(--primary-color);
}

.pg-name {
    position: absolute;
    bottom: 7px;
    width: 100%;
    padding: 5px 8px 0;
}

.mob-bread-crumbs {
    display: none;
}

.pg-name p {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 600;
    color: var(--secondary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.depo-flexes .col-right .depo-heading h2 {
    margin-bottom: 16px;
}

.enter-amt-main-desk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #EDF0F7;
    border-radius: 4px;
    padding: 10px 16px 10px;
    margin-bottom: 20px;
}

.toast-message-mob {
    display: none;
}

.enter-amt-main-desk .left-col {
    width: 52%;
    display: flex;
    align-items: center;
    position: relative;
}

.how-to-depo-modal .heading-fles i {
    padding: 8px;
    width: auto;
    height: auto;
}

.enter-amt-main-desk .right-col input:focus-visible,
.bonus-input input:focus-visible {
    outline: none;
}

.enter-amt-main-desk .right-col {
    width: 56%;
    padding-left: 10px;
    display: flex;
}

.enter-amt-main-mob {
    display: none;
}

.pgNumber {
    margin-top: 6px;
}

.pg-type h5 {
    color: #000E2C;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px;
    margin-top: 2px;
}

p.pg-list {
    font-size: 10px;
    color: #000E2C;
    margin-bottom: 0px;
}

.pg-flexes .depo-pg-childs.active {
    border: 2px solid var(--brand-color);
    padding: 0;
}

.pg-flexes .depo-pg-childs.active .pg-name {
    background: var(--brand-color);
    bottom: 0;
    padding: 9px 8px;
}

.pg-flexes .depo-pg-childs img {
    width: 100%;
}

.pg-flexes .depo-pg-childs .img-box {
    width: 100%;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.pg-flexes .depo-pg-childs .upper-box {
    position: relative;
}

.pct-box {
    position: absolute;
    margin-bottom: 8px;
    text-align: right;
    padding: 8px 7px 4px 10px;
    top: -3px;
    right: 0;
}

.pct-box p {
    margin-bottom: 0;
    color: var(--brand-color);
    font-size: 12px;
    font-weight: 800;
    background: #9e091045;
    padding: 2px;
    border-radius: 8px;
    display: inline-block;
}

p.pg-no {
    font-size: 10px;
    font-weight: 500;
}

.pg-flexes .depo-pg-childs.active .pg-name p {
    color: var(--primary-color);
    display: block;
}

.title-flexes .min-max span {
    font-size: 12px;
    color: #000;
}

.enter-amt-main-desk .left-col .img-col {
    margin-right: 13px;
}

.enter-amt-main-desk .right-col input {
    background: inherit;
    border: none;
    width: 100%;
    font-weight: 600;
    color: #000E2C;
    font-size: 16px;
}

.enter-amt-main-desk .right-col span.dark {
    color: #000E2C;
    font-size: 16px;
}

.enter-amt-main-desk .right-col input::placeholder {
    color: #848484;
}

.enter-amt-main-desk .left-col:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 33px;
    background: #9E9E9E5E;
    right: 3px;
}

.title-flexes {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-flexes .min-max {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-flexes p.enter-text {
    font-size: 12px;
    font-weight: 500;
    color: #000;
}

.title-flexes p {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    margin-right: 3px;
    text-align: left;
    letter-spacing: 0;
}

.tz-selcect-amount-btn {
    background: #EDF0F7;
    border-radius: 12px;
    margin: 0 5px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    width: 18%;
    text-align: center;
    white-space: nowrap;
    border: none;
    outline: 0;
    padding: 10px;
    cursor: pointer;
}

.change-flex {
    display: none;
}

.fixed-button-mob {
    display: none;
}

.tz-chose-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.tz-bonus-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.video-cta {
    margin-top: 14px;
    margin-bottom: 20px;
}

.video-cta .close-depo-info {
    width: 100%;
    border: none;
    background: var(--brand-color);
    border-radius: 12px;
    box-shadow: 0px 0px 12px 0px rgb(234 32 135 / 80%);
    padding: 10px 12px;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
}

.bonus-boxes.disabled {
    opacity: 0.4;
}

.bonus-type-child.not-selected-bank {
    opacity: 40%;
}

.tz-bonus-title .bonus-left {
    display: flex;
    align-items: center;
}

.tz-bonus-title .bonus-left h3 {
    font-size: 18px;
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 4px;
    letter-spacing: 0;
}

.tz-bonus-title .bonus-left p {
    color: var(--secondary-color);
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 400;
}

.bonus-right h5 {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
}

.bonus-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #EDF0F7;
    border-radius: 4px;
    padding: 10px 16px 10px 8px;
    margin-bottom: 20px;
    line-height: 24px;
}

.bonus-input input {
    background: inherit;
    border: none;
    width: 95%;
    font-size: 16px;
}

.bonus-input input::placeholder {
    color: #848484;
    font-weight: 500;
    font-size: 16px;
}

.bonus-input i {
    padding: 4px;
}

.depo-info-btn {
    background: #EDF0F7;
    display: flex;
    border-radius: 4px;
    padding: 14px 10px;
    justify-content: center;
    margin: 60px 0px;
    align-items: center;
    cursor: pointer;
}

.depo-info-btn h4 {
    margin-bottom: 0;
    color: #696A6A;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    margin-right: 10px;
    text-transform: none;
}

.modals-close i {
    padding: 6px;
    position: absolute;
    left: 12px;
    top: 12px;
    width: 12px;
    height: 12px;
}

.depo-info-btn i {
    padding: 12px;
}

.input-bons {
    position: relative;
    width: 95%;
}

span.error.error-utr-input-val {
    color: var(--error-color);
}

.bonus-selected {
    position: absolute;
    display: none;
    align-items: center;
    top: -21px;
    padding: 0;
    width: 95%;
}

.enter-amt-main-desk .right-col span {
    font-weight: 600;
    margin-right: 6px;
    color: #848484;
}

.selected-pg-coupon {
    margin-bottom: 20px;
}

.bonus-selected p.bonus-tag {
    margin-bottom: 0;
    margin-left: 10px;
    color: #01123a;
    font-weight: 600;
}

.bonus-selected i {
    padding: 20px;
}

.toast-message {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    background: #ea202033;
    margin-top: 30px;
}

.toast-message.failure {
    border: 1px solid #F85454;
    background: #ea202033;
}

.toast-message.failure h4,
.toast-message.failure p {
    color: #F85454 !important;
    text-align: left;
}

.toast-message .left-col {
    margin-right: 20px;
}

.toast-message .right-col h4 {
    color: var(--brand-color);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
    text-align: left;
}

.toast-message .right-col p {
    font-size: 14px;
    font-weight: 500;
    color: var(--brand-color);
    margin-bottom: 0;
    text-align: left;
}

.toast-message .right-col p span {
    font-weight: 600;
    color: var(--brand-color);
}

.toast-message .left-col i {
    padding: 10px;
    filter: brightness(0) saturate(100%) invert(9%) sepia(59%) saturate(4607%) hue-rotate(322deg) brightness(114%) contrast(121%);
}

.bonus-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background-color: #2d072ecc;
    backdrop-filter: blur(9px);
}

.bonus-modal .bonus-modal-container {
    padding: 20px;
    width: 38.7%;
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    margin: 0;
    background: var(--primary-color);
    border-radius: 24px;
    overflow: hidden;
    max-height: 90vh;
}

.bonus-modal .heading-fles {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.bonus-modal .heading-fles h4 {
    margin-bottom: 0;
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0;
}

.bonus-titles {
    display: flex;
    align-items: center;
}

.bonus-titles h6 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
    color: var(--secondary-color);
}

.bonus-titles i {
    padding: 39px 20px 6px 25px;
    margin-bottom: 0px;
}

.bonus-contents {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bonus-contents .col-left h5 {
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 0;
}

.bonus-contents .col-left p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
}

.bonus-contents button.apply-cta {
    background: var(--brand-color);
    box-shadow: 0px 0px 12px 0px rgb(234 32 135 / 80%);
    color: var(--primary-color);
    padding: 5px 14px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.bonus-contents button.remove-cta {
    background: #de350aa8;
    box-shadow: 0px 0px 12px 0px #de350ab0;
    color: var(--primary-color);
    padding: 5px 14px;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.bonus-contents button.bonus-lefts {
    background: #B0BAD13D;
    font-size: 12px;
    font-weight: 400;
    border: none;
    padding: 4px 8px;
    border-radius: 4px;
    color: var(--primary-background);
}

.bonus-boxes {
    background: #d7d7d785;
    padding: 14px;
    border-radius: 8px;
}

.bonus-contents:not(:last-child) {
    margin-bottom: 5px;
}

.bonus-boxes:not(:last-child) {
    margin-bottom: 16px;
}

.depo-transactions .new-modals-close,
.progress-timer .new-modals-close {
    position: relative;
    width: 28px;
    left: 93%;
    margin-bottom: 20px;
}

.bonus-type-box {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 79vh;
    scroll-behavior: smooth;
}

.bonus-type-box::-webkit-scrollbar {
    width: 6px;
    display: block;
}

.bonus-type-box::-webkit-scrollbar-thumb {
    background: #B0BAD129;
    border-radius: 10px;
}

.bonus-type-child {
    margin-right: 10px;
}

.mob-depos-cta {
    display: none;
}

.fixed-button {
    width: 90%;
    position: absolute;
    bottom: 11px;
}

.fixed-button button {
    width: 100%;
    border: none;
    background: var(--brand-color);
    border-radius: 12px;
    box-shadow: 0px 0px 12px 0px rgb(234 32 135 / 80%);
    padding: 10px 12px;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
}

.trans-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
    background: #EDF0F7;
    border-radius: 4px;
}

.trans-flex .left-col {
    display: flex;
    align-items: center;
}

.trans-flex .left-col img {
    width: 50px;
    margin-right: 10px;
}

.trans-flex .left-col p.py-names {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
}

.trans-flex .right-col i {
    padding: 14px;
}

.upis-money {
    text-align: center;
    margin: 30px 0px;
}

.tz-progress-detail-box .right-col {
    text-align: right;
}

.upis-money h6 {
    color: #17185C66;
    font-size: 14px;
    font-weight: 500;
}

.upis-money h4 span {
    color: #000E2C;
    font-weight: 600;
    font-size: 24px;
}

.save-scan {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.save-scan .ss-child {
    background: #E9ECF4;
    padding: 20px 15px;
    width: 48.5%;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}

.save-scan .ss-child i {
    padding: 14px;
    filter: brightness(0) saturate(100%) invert(5%) sepia(56%) saturate(6833%) hue-rotate(236deg) brightness(97%) contrast(101%);
}

.save-scan .ss-child h6 {
    margin-top: 18px;
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 0;
    text-align: center;
    letter-spacing: 0;
}

.deposit-main-container .divider-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0px;
}

.divider-box .divider {
    width: 100%;
    height: 1px;
    background: #17185C1F;
}

.deposit-main-container .divider-box p {
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    color: #17185C8F;
    font-size: 14px;
    font-weight: 500;
}

.upi-id-box h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    text-align: left;
    letter-spacing: 0;
}

.id-flexes {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.id-flexes input {
    width: 89%;
    background: #EDF0F7;
    border: none;
    padding: 10px;
    border-radius: 4px;
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 600;
    margin-right: 2%;
}

.id-flexes input::placeholder {
    color: #000E2C;
}

.copt-icons {
    background: #EDF0F7;
    padding: 15px 15px;
    border-radius: 4px;
    cursor: pointer;
}

.depo-flexes .col-right input:focus-visible {
    outline: none;
}

.qr-code-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background-color: #2d072ecc;
    backdrop-filter: blur(9px);
}

.toast-message .left-col i.i_fail {
    filter: unset;
}

.qr-code-modal .modal-containers {
    padding: 20px;
    width: 25.6%;
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    margin: 0;
    background: var(--primary-color);
    border-radius: 24px;
    overflow: hidden;
    max-height: 90vh;
}

.heading-fles {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
    letter-spacing: 0;
    text-align: left;
}

.heading-fles h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 0;
    letter-spacing: 0;
    text-transform: none;
}

.new-modal-close {
    width: 35px;
    height: 35px;
    position: relative;
    cursor: pointer;
}

.new-modal-close i {
    position: absolute;
    left: 11px;
    top: 0;
    padding: 1.6rem !important;
}

.qr-img {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    margin-bottom: 70px;
}

.qr-img img {
    width: 100%;
}

.qr-content p {
    text-align: center;
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 24px;
}

.qr-content {
    margin-bottom: 80px;
}

button.back-cta {
    background: var(--brand-color);
    border-radius: 12px;
    box-shadow: 0px 0px 12px 0px rgb(234 32 135 / 80%);
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    border: none;
    padding: 10px;
}

.fixed-button button:disabled {
    background: var(--placeholder-color);
    box-shadow: none;
}

.smt-utr-box-desk .title-con h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary-color);
    letter-spacing: 0;
    text-align: left;
}

.smt-utr-box-desk .title-con p {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    letter-spacing: 0;
}

.smt-utr-box-desk .title-con {
    margin-bottom: 40px;
}

.smt-utr-box-mob {
    display: none;
}

.utr-input {
    margin-bottom: 30px;
}

.utr-input input {
    background: #EDF0F7;
    border: none;
    padding: 10px;
    width: 100%;
    border-radius: 4px;
    color: #000E2C;
    font-size: 16px;
    font-weight: 600;
}

.utr-input input::placeholder {
    font-size: 16px;
    font-weight: 600;
    color: var(--placeholder-color);
}

.inst-cta {
    background: #EDF0F7;
    padding: 14px 8px;
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inst-cta button {
    border: none;
    font-size: 14px;
    font-weight: 600;
    color: #696A6A;
    margin-right: 10px;
}

.inst-cta i {
    padding: 11px 9px;
}

.upi-find-utr-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background-color: #2d072ecc;
    backdrop-filter: blur(9px);
}

.modals-containers {
    padding: 20px;
    width: 28.6%;
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    margin: 0;
    background: var(--primary-color);
    border-radius: 24px;
    overflow: hidden;
    max-height: 100vh;
}

.utr-image-box-desk {
    min-height: 71vh;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 79vh;
    margin-bottom: 20px;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.utr-image-box-desk img {
    width: 32%;
    margin-bottom: 18px;
}

.utr-image-box-desk img:last-child {
    margin-bottom: 0;
}

.utr-image-box-mob {
    display: none;
}


.upi-find-utr-modal .heading-fles {
    margin-bottom: 20px;
}

.timer-box {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border-radius: 50%;
    background: #F7931A47;
    position: relative;
}

.timer-box img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 26px;
    top: 23px;
}

h2 {
    color: var(--quaternary-background);
    font-size: 21px;
    line-height: 2;
    font-weight: 500;
    margin-bottom: 0;
    text-align: center;
}

.amt-boxes {
    text-align: center;
}

.amt-boxes h6,
.amt-boxes h6 span {
    color: #000E2C;
    font-size: 18px;
    font-weight: 600;
}

.tz-progress-detail-box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 31px;
    padding: 0px 20px;
}

.tz-progress-detail-box .left-col h5 {
    font-size: 16px;
    color: #8A99BA;
    line-height: 16px;
    font-weight: 600;
    margin-bottom: 16px;
}

.tz-progress-detail-box .right-col h6 {
    color: #000E2C;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 14px;
}

.progress-dsn p {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.progress-timer h6.champs {
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary-color);
}

.bank-transfer h2 {
    color: var(--secondary-color);
    font-size: 18px;
    text-align: left;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

.bank-transfer p {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 23px;
    letter-spacing: 0;
    text-align: left;
}

.bank-transfer p.cashes span {
    font-size: 20px;
    font-weight: 600;
}

.account-details {
    margin-top: 27px;
}

.account-details h4 {
    font-size: 14px;
    font-weight: 500;
    color: var(--secondary-color);
}

.account-childs {
    margin-bottom: 20px;
}

.bank-tra-find-utr {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background-color: #2d072ecc;
    backdrop-filter: blur(9px);
}

.bank-tra-find-utr .modal-containers {
    padding: 20px;
    width: 27.6%;
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    margin: 0;
    background: var(--primary-color);
    border-radius: 24px;
    overflow: hidden;
    max-height: 100vh;
}

.bank-tra-find-utr .heading-fles {
    margin-bottom: 20px;
}

.utr-image-boxs {
    border: 1px solid #696A6A;
    border-radius: 12px;
    margin-bottom: 20px;
    justify-content: center;
}

.utr-image-boxs img {
    width: 73%;
    border-radius: 12px;
}

.tz-selcect-amount-btn.tz-active-btn {
    background: var(--brand-color);
    color: var(--primary-color);
}

.tz-selcect-amount-btn.tz-active-btn span {
    color: var(--primary-background);
}

.how-to-depo-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background-color: #2d072ecc;
    backdrop-filter: blur(9px);
}

.how-to-depo-modal .modal-containers {
    padding: 30px;
    width: 40.7%;
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    margin: 0;
    background: var(--primary-color);
    border-radius: 24px;
    overflow: hidden;
    max-height: 97vh;
}

.how-to-depo-modal .heading-fles {
    margin-top: 0px;
    margin-bottom: 25px;
}

.how-to-depo-modal ul {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    border-radius: 8px;
    align-items: center;
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.how-to-depo-modal ul li {
    width: 50%;
    text-align: center;
    outline: 0;
    padding: 8px 0;
    font-size: var(--small-font);
    font-weight: 600;
    cursor: pointer;
    color: #000E2C;
}

.sub-cta-bank-mob {
    display: none;
}

.how-to-depo-modal ul li.current {
    background: var(--primary-background);
    border: 0.77px solid #000E2C29;
    border-radius: 6px;
}

.how-to-depo-modal .carousel {
    max-height: 76vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.tab-history-child h2,
.top-descriptions h2,
.bottom-video h2 {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    color: var(--secondary-color);
    letter-spacing: 0;
    text-transform: none;
}

.top-descriptions ol.steps-list {
    background: var(--primary-background);
    padding: 20px;
    padding-left: 40px;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 18px;
}

.top-descriptions ol.steps-list li {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0;
}

.video-section {
    background: var(--primary-background);
    border-radius: 8px;
}

.video-section video {
    width: 100%;
    height: 100%;
    max-height: 32vh;
    border-radius: 8px;
}

.how-to-depo-modal .slide .carousel-indicators {
    top: 0;
    height: 10px;
    margin: 0 auto;
    margin-bottom: 10px !important;
    justify-content: center !important;

}

.how-to-depo-modal .slide .carousel-indicators button {
    width: 10px !important;
    height: 10px !important;
    border-radius: 10px !important;
    background: #D9D9D9 !important;
    margin-right: 3px !important;
    cursor: pointer !important;
    border: none !important;
    opacity: 1 !important;
}

.how-to-depo-modal .slide .carousel-indicators button.active {
    background: var(--brand-color) !important;
    width: 24px !important;
}

.tab-history-child {
    display: none;
}

.tab-history-child.current {
    display: block;
}

.slider-btns {
    margin-top: 23px;
    width: 100%;
}

.slider-btns button {
    display: block;
    width: 100%;
    border: 0.77px solid #000E2C29;
    padding: 7px;
    border-radius: 7px;
    font-weight: 600;
    margin-bottom: 18px;
    color: var(--primary-background);
    background: var(--primary-background);
    font-size: 16px;
}

.id-flexes input:focus-visible,
.utr-input input:focus-visible {
    outline: none;
}

.pre-loaders {
    z-index: 999999 !important;
}

.loaders {
    z-index: 999999 !important;
}

.pg-loading-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background: var(--brand-color);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
}
.pg-loading-modal img {
    width: 400px;
}
.depo-loader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.depo-loader img {
    margin: 0;
    width: 100px;
    margin-bottom: 24px;
}

.depo-loader h2 {
    font-size: 37px;
    background: linear-gradient(90deg, #FFEF9A 0%, #FFD737 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.depo-loader h3 {
    font-size: 24px;
    background: linear-gradient(90deg, #FFEF9A 0%, #FFD737 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.depo-loader h3, .depo-loader h2 {
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 10px;
    font-style: italic;
    margin: 0;
    text-align: center;
    letter-spacing: 4%;
}

.bonus-loader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #2d072ecc;
    backdrop-filter: blur(9px);
}

.bonus-loader .modal-containers {
    position: fixed;
    left: 51%;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 50%;
    top: 44%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bonus-loader .modal-containers img {
    width: 100%;
}


.copt-icons.copied i {
    filter: brightness(0) saturate(100%) invert(22%) sepia(96%) saturate(3545%) hue-rotate(315deg) brightness(95%) contrast(93%);
}

.modals-close {
    width: 35px;
    height: 35px;
    background: #edf0F77A;
    position: relative;
    border-radius: 4px;
    cursor: pointer;
}

.right-containers .new-modals-close {
    background: #E5E5E5;
    padding: 7px 8px 6px;
    border-radius: 4px;
    margin-bottom: 12px;
}

.right-containers .new-modals-close i {
    padding: 6px;
}


.right-containers .depo-heading,
.bank-transfer .heading-flexes,
.smt-utr-box-desk .heading-flexes {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.right-containers .new-new-modal-close {
    background: #E5E5E5;
    padding: 7px 8px 6px;
    border-radius: 4px;
    margin-bottom: 12px;
}

.right-containers .new-new-modal-close i {
    padding: 6px;
}

.bank-transfer .heading-flexes {
    margin-bottom: 12px;
}

.depo-transactions .new-new-modal-close,
.progress-timer .new-new-modal-close {
    position: relative;
    width: 28px;
    left: 93%;
    margin-bottom: 20px;
}

.enter-amt-main-desk .img-col.bank-img {
    width: 17%;
}

.enter-amt-main-desk .img-col.bank-img img {
    width: 100%;
}

.enter-amt-main-desk .img-col.upi-img {
    width: 34% !important;
    padding-top: 5px;
}

.enter-amt-main-desk .img-col.upi-img img {
    width: 100%;
}

.tz-sticky-footer {
    z-index: 99999 !important;
}

.tz-selcect-amount-btn span {
    color: #000;
}

.bonus-right h5 span {
    color: #000;
}


/*----media query starts from here------*/

@media(max-width: 1300px) {
    .depo-flexes {
        flex-wrap: wrap;
    }

    .depo-mini-modal {
        width: 71%;
    }

    .id-flexes input {
        font-size: 14px;
        padding: 12px;
    }

    .bonus-modal .bonus-modal-container {
        width: 52.7%;
    }

    .bonus-contents .col-left p {
        font-size: 14px;
    }

    .qr-code-modal .heading-fles {
        margin-bottom: 46px;
    }

    .qr-img {
        width: 170px;
        height: 170px;
        margin-bottom: 50px;
    }

    .qr-content {
        margin-bottom: 49px;
    }

    .qr-code-modal .modal-containers {
        width: 35.6%;
    }

    .upi-find-utr-modal .modals-containers {
        width: 31.6%;
    }

    .bank-tra-find-utr .modal-containers {
        width: 33.6%;
    }

    .enter-amt-main-desk .left-col .img-col img {
        width: 100%;
    }

    .video-section video {
        height: 500px;
        max-height: unset;
    }

    .how-to-depo-modal .modal-containers {
        width: 56.7%;
        padding: 20px;
    }

    .enter-amt-main-desk .left-col .img-col {
        width: 14%;
    }
}

@media(max-width: 991px) {
    .depo-mini-modal {
        width: 91%;
    }

    .bonus-modal .bonus-modal-container {
        width: 61.7%;
        ;
    }

    .qr-code-modal .modal-containers {
        width: 47.6%;
    }

    .utr-image-box-desk img {
        width: 35%;
    }

    .utr-image-box-desk {
        min-height: 63vh;
        max-height: 66vh;
    }

    .upi-find-utr-modal .modals-containers {
        width: 41.6%;
    }

    .bank-tra-find-utr .modal-containers {
        width: 44.6%;
    }

    .alertify-notifier {
        z-index: 999999 !important;
    }

    .enter-amt-main-desk .left-col .img-col {
        width: 18%;
    }
}

@media(max-width: 769px) {
    .depo-flexes .col-right {
        width: 100%;
        position: relative;
        border-radius: 12px;
        padding: 0px;
        display: none;
        background: unset;
    }

    .tz-selcect-amount-btn span {
        font-size: 12px;
    }

    .smt-utr-box-desk .title-con p {
        font-size: 14px;
    }

    .new-new-modal-close {
        display: none;
    }

    .loaders {
        z-index: 999999;
    }

    .depo-flexes .col-left {
        background: var(--primary-background);
        padding: 15px;
        border-radius: 24px;
        width: 100%;
        padding-bottom: 0px;
    }

    .deposit-main-container {
        background: var(--primary-color);
        backdrop-filter: unset;
        width: 100%;
        height: calc(100vh - 45px);
        top: 45px;
        border: none;
        z-index: 9999;
        overflow-y: scroll;
    }

    .depo-flexes {
        min-height: auto;
        align-items: flex-start;
        margin-bottom: 103px;
    }

    .depo-mini-modal {
        position: relative;
        transform: unset;
        top: unset;
        left: unset;
        width: 93%;
        margin: 0 auto;
        margin-top: 14px;
        background: unset;
    }

    .mob-bread-crumbs .left h3 {
        color: #fff;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0;
        text-align: left;
    }

    .mob-bread-crumbs .right h4 {
        color: #fff;
        font-size: 12px;
        margin-bottom: 0;
        margin-right: 9px;
        font-weight: 600;
        letter-spacing: 0;
    }

    .mob-bread-crumbs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        background: var(--brand-color);
    }

    .mob-bread-crumbs .left {
        display: flex;
        align-items: center;
    }

    .mob-bread-crumbs .right {
        display: flex;
        align-items: center;
        background: #17185C0A;
        padding: 4px 8px;
        border-radius: 4px;
    }

    .pg-flexes .depo-pg-childs {
        width: 31.1%;
        min-height: 112px;
        max-height: 125px;
    }

    .pg-flexes .depo-pg-childs.active .pg-name p {
        color: #E9ECF4;
    }

    .pg-flexes .depo-pg-childs .img-box {
        width: 100%;
    }

    .depo-heading h2 {
        margin-bottom: 10px;
        letter-spacing: 0;
    }

    .pg-name p {
        font-size: 10px;
    }

    .pg-flexes .depo-pg-childs:nth-child(6) .img-box {
        width: 90%;
    }

    .enter-amt-main-desk,
    .new-modals-close {
        display: none;
    }

    .enter-amt-main-mob {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #EDF0F7;
        border-radius: 4px;
        padding: 10px 16px 6px;
        margin-bottom: 20px;
    }

    .enter-amt-main-mob .left-col {
        width: 58%;
        display: flex;
        align-items: center;
        position: relative;
    }

    .enter-amt-main-mob .right-col {
        width: 23%;
        padding-left: 10px;
    }

    .enter-amt-main-mob .left-col img {
        width: 100%;
    }

    .enter-amt-main-mob .left-col .img-col.bank-img {
        width: 18%;
        margin-right: 10px;
    }

    .enter-amt-main-mob .left-col .img-col.upi-img {
        width: 37%;
        padding-top: 3px;
        margin-right: 10px;
    }

    .enter-amt-main-mob .right-col h5 {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 4px;
        text-align: right;
    }

    .depo-flexes .col-right .depo-heading h2 {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .change-flex h5 {
        font-size: 14px;
        font-weight: 600;
        text-align: left;
    }

    .change-flex input {
        width: 100%;
        border: none;
        background: #EDF0F7;
        font-weight: 600;
        font-size: 16px;
    }

    .input-mobo-boxes {
        background: #EDF0F7;
        border-radius: 4px;
        padding: 10px;
        display: flex;
    }

    .input-mobo-boxes span {
        margin-right: 10px;
        color: #848484;
        font-weight: 600;
        font-size: 16px;
    }

    .input-mobo-boxes span.dark {
        color: #01123A;
    }

    .change-flex input::placeholder {
        color: #848484;
    }

    .title-flexes {
        margin-top: 10px;
    }

    .title-flexes p {
        font-size: 10px;
    }

    .tz-selcect-amount-btn {
        width: 19%;
        padding: 6px;
        margin-bottom: 10px;
        font-size: 12px !important;
        border-radius: 4px !important;
    }

    .depo-info-btn {
        display: none;
    }

    .tz-bonus-title .bonus-left h3 {
        font-size: 14px;
    }

    .bonus-right h5 {
        font-size: 12px;
    }

    .bonus-modal .bonus-modal-container {
        bottom: 0;
        transform: translate(-50%, 0%);
        max-height: 100vh;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: 90vh;
        top: unset;
    }

    .bonus-modal .heading-fles h4 {
        font-size: 18px;
        letter-spacing: 0;
    }

    .bonus-titles h6 {
        margin-top: 1px;
        font-size: 18px;
    }

    .bonus-contents .col-left h5 {
        font-size: 12px;
    }

    .bonus-contents .col-left p {
        font-size: 12px;
    }

    .bonus-contents .col-left p br {
        display: none;
    }

    .bonus-contents button.apply-cta {
        font-size: 14px;
    }

    .bonus-type-box::-webkit-scrollbar {
        display: none;
    }

    .bonus-type-child {
        margin-right: 0;
    }

    .save-scan .ss-child i {
        padding: 13px;
    }

    .save-scan .ss-child h6 {
        font-size: 12px
    }

    .deposit-main-container .divider-box p {
        font-size: 12px;
    }

    .deposit-main-container .divider-box {
        margin: 10px 0px;
    }

    .upi-id-box h4 {
        font-size: 14px;
        font-weight: 500;
    }

    .smt-utr-box-mob {
        display: block;
        margin-top: 19px;
        background: var(--primary-color);
        width: 100%;
        margin-top: 15px;
        padding: 10px;
        border-radius: 12px;
    }

    .upi-scan-save.upi-scan-screen {
        background: var(--primary-color);
        padding: 10px;
        border-radius: 12px;
    }

    .smt-utr-box-mob .title-con h4 {
        color: var(--primary-background);
        font-size: 14px;
        font-weight: 600;
        text-align: left;
        letter-spacing: 0;
    }

    .smt-utr-box-mob .title-con {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .upis-money {
        margin: 10px 0;
    }

    .fixed-button {
        display: none;
    }

    .smt-utr-box-mob p {
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 7px;
        text-align: left;
    }

    .smt-utr-box-mob p i {
        margin-left: 5px;
    }

    .smt-utr-box-mob .sub-cta {
        width: 100%;
        margin-top: 55px;
    }

    .smt-utr-box-mob button,
    .sub-cta-bank-mob button {
        width: 100%;
        border: none;
        background: var(--brand-color);
        ;
        padding: 10px;
        color: var(--primary-color);
        box-shadow: 0px 0px 12px 0px rgb(234 32 135 / 80%);
        border-radius: 12px;
        font-weight: 700;
        font-size: 16px;
    }

    .sub-cta-bank-mob {
        display: block;
        margin-top: 60px;
    }

    .smt-utr-box-mob button:disabled,
    .sub-cta-bank-mob button:disabled {
        background: var(--placeholder-color);
        box-shadow: none;
    }

    .qr-code-modal {
        z-index: 99999;
    }

    .qr-content {
        margin-bottom: 0;
    }

    .qr-code-modal .modal-containers {
        width: 100%;
        background: unset;
        max-height: auto;
    }

    .qr-img {
        width: 250px;
        height: 214px;
        margin: 40px auto 60px;
    }

    .qr-code-modal .heading-fles h4 {
        visibility: hidden;
    }

    .qr-content p {
        font-size: 14px;
        font-weight: 500;
    }

    .scan-box {
        background: var(--primary-color);
        padding: 20px;
        border-radius: 12px;
    }

    .qr-code-modal button.back-cta {
        display: none;
    }

    .qr-code-modal .heading-fles {
        margin-bottom: 20px;
    }

    .qr-content p br {
        display: block;
    }

    .upi-find-utr-modal {
        z-index: 99999;
    }

    .utr-image-box-desk {
        display: none !important;
    }

    .upi-find-utr-modal .modals-containers {
        background: unset;
        width: 59%;
        padding-left: 0;
        padding-right: 0;
        max-height: 100vh;
    }

    .utr-image-box-mob {
        display: block !important;
        background: var(--primary-color);
        padding: 15px !important;
        border-radius: 12px;
    }

    .m-images {
        width: 100%;
        text-align: center;
        max-width: 48%;
        margin: 0 auto;
        display: block;
    }

    .m-images img {
        width: 100%;
        margin-bottom: 20px;
    }

    .upi-find-utr-modal .fixed-cta {
        display: none;
    }

    .m-images img:last-child {
        margin-bottom: 0;
    }

    .utr-image-box-mob .title h4 {
        color: var(--primary-background);
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 17px;
        text-align: left;
        letter-spacing: 0;
    }

    .progress-timer {
        background: var(--primary-color);
        border-radius: 12px;
        padding: 10px;
    }

    .mob-homes {
        display: block;
        margin-top: 75px;
    }

    .mob-homes button {
        width: 100%;
        border: none;
        box-shadow: 0px 0px 12px 0px rgb(234 32 135 / 80%);
        background: var(--brand-color);
        padding: 10px;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 700;
        color: var(--primary-color);
    }

    .timer-box {
        width: 80px;
        height: 80px;
    }

    .timer-box img {
        width: 35px;
        height: 35px;
        position: absolute;
        left: 23px;
        top: 21px;
    }

    .tz-progress-detail-box .left-col h5 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .tz-progress-detail-box .right-col h6 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .tz-progress-detail-box {
        margin-top: 18px;
        margin-bottom: 9px;
    }

    .bank-transfer h2 {
        font-size: 14px;
    }

    .bank-transfer {
        background: var(--primary-color);
        padding: 10px;
        border-radius: 12px;
    }

    .bank-transfer p br {
        display: none;
    }

    .paid-cta {
        display: block;
    }

    .bank-transfer .inst-cta {
        padding: 10px 8px;
    }

    .bank-transfer .paid-cta button {
        padding: 10px;
        border: none;
        width: 100%;
        background: var(--brand-color);
        border-radius: 12px;
        box-shadow: 0px 0px 12px 0px rgb(234 32 135 / 80%);
        color: #FFFFFF;
        font-weight: 700;
        font-size: 16px;
        margin-top: 22px;
    }

    .bank-tra-find-utr {
        z-index: 99999;
    }

    .bank-tra-find-utr .modal-containers {
        background: none;
        width: 100%;
    }

    .utr-image-boxs {
        border: none;
        width: 100%;
        text-align: center;
    }

    .utr-image-boxs img {
        width: 80%;
    }

    .how-to-depo-modal {
        z-index: 999999;
    }

    .how-to-depo-modal .modal-containers {
        padding: 10px;
        width: 100%;
        left: 0;
        top: 4vh;
        transform: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        height: 96vh;
    }

    .how-to-depo-modal .carousel-boxes.hide-backBtn .carousel {
        max-height: 89vh;
    }

    .how-to-depo-modal .carousel-boxes.hide-backBtn .video-cta {
        display: none;
    }

    .how-to-depo-modal .slide .carousel-indicators {
        top: 0;
        height: 23px;
        margin-bottom: 19px !important;
        padding-top: 5px;
    }

    .how-to-depo-modal ul {
        margin-top: 30px;
    }

    .how-to-depo-modal ul li {
        font-size: 15px;
    }

    .how-to-depo-modal ul li.current,
    .slider-btns button {
        border: none;
    }

    .tab-history-child h2,
    .top-descriptions h2,
    .bottom-video h2 {
        font-size: 18px;
    }

    .top-descriptions ol.steps-list li {
        font-size: 12px;
    }

    .depo-first,
    .smt-utr-box-desk {
        background: var(--primary-color);
        padding: 10px;
        border-radius: 12px;
    }

    .smt-utr-box-desk .title-con {
        margin-bottom: 25px;
    }

    .fixed-button-mob button.depo-ctas {
        background: var(--brand-color);
        box-shadow: 0px 0px 12px 0px rgb(234 32 135 / 80%);
        padding: 10px;
        border-radius: 12px;
        width: 100%;
        border: none;
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 700;
    }

    .fixed-button-mob {
        margin-top: 60px;
    }

    .upi-find-utr-modal .heading-fles h4 {
        display: none;
    }

    .change-flex {
        display: block;
    }

    .toast-message.failure,
    .toast-message.success {
        bottom: 0;
        transform: translate(0%, 115%);
        width: 100%;
        left: 0;
        position: absolute;
        padding: 15px;
    }


    .toast-message .right-col h4 {
        font-size: 12px;
        color: #EA2087;
    }

    .toast-message .right-col p {
        font-size: 10px;
        color: #EA2087;
        margin-bottom: 0;
        text-align: left;
    }

    .bonus-modal {
        z-index: 999999;
    }

    .bonus-modal .bonus-modal-container {
        width: 100%;
    }

    .bank-tra-find-utr .heading-fles h4 {
        color: var(--secondary-color);
    }

    .bank-tra-find-utr .heading-fles .new-modal-close {
        left: 46%;
    }

    .bank-tra-find-utr .heading-fles {
        flex-direction: column-reverse;
    }

    .upi-find-utr-modal .new-modal-close {
        left: 90%;
    }

    .depo-heading h2.desk {
        display: none;
    }

    .depo-heading h2.mob {
        display: block;
    }

    .tz-side-menu-container {
        z-index: 999999;
    }

    .pg-flexes .depo-pg-childs:not(:nth-child(3n+3)) {
        margin-right: 10px;
    }

    .pg-flexes {
        justify-content: flex-start;
    }

    .enter-amt-main-desk .left-col .img-col {
        width: 34%;
    }

    .toast-message.failure h4,
    .toast-message.failure p {
        color: var(--primary-color);
    }

    .bank-tra-find-utr .heading-fles .modals-close {
        left: 46%;
    }

    .upi-find-utr-modal .modals-close {
        left: 90%;
    }

    .mob-depos-cta {
        display: block;
        margin-top: 36px;
    }

    .mob-depos-cta button {
        width: 100%;
        border: none;
        background: var(--brand-color);
        border-radius: 12px;
        box-shadow: 0px 0px 12px 0px rgb(234 32 135 / 80%);
        padding: 10px 12px;
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 700;
    }

    .mob-depos-cta button:disabled {
        background: var(--placeholder-color);
        box-shadow: none;
    }
}

@media(max-width: 567px) {
    .upi-find-utr-modal .modals-containers {
        width: 92%;
    }

    .m-images {
        max-width: 39%;
    }

    .new-modal-close i {
        left: 7px;
    }

}

@media(max-width: 380px) {
    .smt-utr-box-mob .sub-cta {
        margin-top: 28px;
    }

    .how-to-depo-modal .carousel-boxes.hide-backBtn .carousel {
        max-height: 87vh;
    }

    .mob-bread-crumbs .left h3 {
        font-size: 16px;
    }

    .mob-bread-crumbs {
        padding: 5px 10px;
    }

    .bank-transfer .inst-cta {
        padding: 8px 8px;
    }

    .pg-name p {
        font-size: 9px;
    }

    .tz-chose-btns {
        margin-bottom: 3px;
    }

    .bonus-input {
        margin-bottom: 7px;
    }

    .m-images {
        max-width: 35%;
    }

    .upi-find-utr-modal .modals-containers {
        top: 44%;
    }
}