/* height  */
/* @media(min-height:1200px){
    body,html {
        height: 100%;
    }
}
@media(max-height:825px){
    body,html {
        height: auto;
    }
    .payment-outer{
        padding: 20px 0;
    }
} */
/* important */
@media(max-width:575px) {
    .container {
        max-width: 430px;
    }
}
@media(max-width:480px) {
    .container {
        max-width: 385px;
    }
}
@media(max-width:420px) {
    .container {
        max-width: 330px;
    }
}
@media(max-width:375px) {
    .container {
        max-width: 322px;
    }
}
/* important */
@media(min-width:992px) {
    .mob-view {
        display: none;
    }
}
@media(max-width:991px) {
    body,html {
        /* height: auto; */
        background: linear-gradient(110.97deg, #054185 -4.32%, #1EBED0 72.05%, #02A7B6 102.85%);
        /* display: inline; */
    }
    .payment-outer>.container {
        background: none;
        /* padding: 100px 0; */
    }
    .d-view {
        display: none;
    }
    .mob-view-logo {
        display: flex;
        gap: 20%;
    }
    .lang-select select {
        background: #0297a8;
        border: none;
    }
    .payment-left-middle h1,
    .payment-left-middle h1>strong,
    .payment-left-middle h3 {
        color: #fff;
    }
    .payment-left-middle h4 {
        color: #89d9f0;
        font-size: 15px;
        line-height: 20px;
    }
    .payment-left {
        padding-right: 0;
    }
    .payment-left-middle {
        padding: 40px 0 50px;
    }
    .online-payment-form p {
        text-align: left;
    }
    p.or{
        text-align: center;
    }
    .features-box img {
        background: #f2f9fb;
    }
}
@media(max-width:768px) {
    .payment-outer>.container {
        padding: 50px 0;
    }
}
@media(max-width:575px) {
    .payment-right {
        padding: 5% 5%;
    }
    .payment-left-middle h1,
    .payment-left-middle h1>strong {
        font-size: 35px;
    }
    .mob-view-logo {
        gap: 10%;
    }
}
@media(max-width:480px) {
    .payment-right {
        padding: 2% 2%;
    }
}
@media(max-width:420px) {
    .features-box p {
        font-size: 10px;
    }
}
@media(max-width:991px) {
    p.copyright {
        top: 15px;
        color: #fff;
        opacity: 0.8;
    }
    p.copyright {
        flex-wrap: wrap;
    }
}


/* LANDING PAGE  */