.channel-logo{border: 3px #F0FAFA solid;border-radius: 20px;margin: 10px;padding: 16px;}
.channel-logo a{color: #373739; font-weight:600;line-height: 40px;}
.channel-logo a span{color: #785aff;font-size: 31px;}
.waytotopup h3,.waytotopup h2,#payment_screens h3{text-align: center;}
.channel-logo img{margin-left: auto;margin-right: auto;}
.modal-channel-body{padding: 20px;}
.modal-channel-body h3{font-size: 2.5rem;line-height: 44px;font-weight: 600; margin: 0;}
.modal-channel-body .ctitle{display: flex;font-weight: 600; margin: 0 3%;}
.channel-caption p{font-weight: normal;}
.channel-caption ol{text-align: left;font-weight: 400;font-size: 1.5625rem;line-height: 44px;margin: 0 2%;}
.channel-caption span{font-weight: normal; text-align: left;margin: 4% 2% 0;display: block;}
.channel-caption ol li{line-height: 35px;}
.channel-content{border-radius: 40px; padding: 80px 40px;width: 120%}
.modal-channel-body span.close{float:right;cursor: pointer;}
.waytotopup .modal-dialog{margin-top: 10%;}
.channel-content span.close{margin-top: -10px;}

#payment_screens .channel-content{width: 100%;}
#payment_screens .modal-dialog{width: fit-content; margin-top: 10%;}
/* #payment_screens .screen{margin-right: 38px;} */
.payment-content{border-radius: 40px;}
/* .payment-content span.close{margin: 21px 12px 0 0;} */
/* .screen span{margin:0 0 0 30px; display:block;} */
.channel-row{margin: 0 0 0 130px;}

.loan-repayment .modal-content {  
    z-index: 1;
}

@media screen and (max-width: 768px) {
    #payment_screens .screen{margin: 35px;}
    .channel-content{width: 100%;}
    .channel-row{margin:0;}

    .payment-popup .payment-txt span {
        display: flex;
        justify-content: center;
        width: 197px;
        margin: auto;
        text-align: center;
    }
    #payment_screens .modal-body {
        width: 340px;
    }
    #payment_screens .modal-dialog {
        margin: auto;
    }
    .modal-open .modal#payment_screens {
        background-color: rgba(0,0,0,0.7);
    }
    #payment_screens .close {
        font-size: 32px;
        top: 1rem;
        right: 2rem;
    }
}
/* desktop */
@media screen and (min-width: 768px) {
    .modal-content.payment-content.ui-dialog {
        position: relative;
        /* z-index: 9999; */
        width: 1120px;
        margin: auto;
        height: 500px;
    }
    .payment-image .screen {
        padding: 0;
    }
    .payment-image .payment-modes {
        display: flex;
        justify-content: space-around;
        padding-bottom: 30px;
    }
    .payment-txt {
        display: block;
        padding: 0 5px;
        font-size: 16px !important;
        /* width: 192px; */
        text-align: center;
        font-weight: 500;
        line-height: 26px !important;
    }
    #payment_screens .tonik-h1 {
        margin: 20px auto 10px;
    }
    #payment_screens .close {
        right: 2rem;
        top: 2.5rem;
    }
    .loan-repayment.modal-open .modal {
        /* overflow: hidden; */
        background-color: rgba(0,0,0,0.7);
    }
}
.loan-repayment .modal-body.ui-dialog-content {
    z-index: -1;
}
.modal-content.payment-content.ui-dialog {
    position: relative;
    z-index: 9999;
}