@media (max-width: 991.98px) {
    .login .col{ flex: 1 1 100%;}
    .login-bg{ height: 50vh; margin-bottom: 2rem;}
    .login-bg .logo{ width: 350px;}
    .login .form-container{ padding: 1rem 1rem; max-width: 100%; min-width: 100%;}
    .login .max-600{ max-width: 600px; min-width:auto;}
    .login h2.title{ font-size: 26px;}
    .otp-wrapper{gap: 10px;}
    .otp-wrapper .otp-box{width: 4rem; height: 4rem; font-size: 32px;}
}

@media (min-width: 992px) and (max-width:1399.98px){
    .login .form-container{padding:2rem 2rem;}
}