.login-logo {
    width: 250px;
    height: auto;
}

.login-left-section {
    background-image: url(/assets/img/bg-red.png);
    background-position: 83% 0%;
    min-height: 100%;
    padding: 0;
}

.login-form {
    top: 25%;
}

#form-login {
    width: 460px;
    max-width: 100%;
}

.box-login {
    width: 600px;
    max-width: 100%;
}

.nav-link-login {
    border-radius: 0.25rem !important;
}

.nav-link-login {
    border-radius: 0.25rem !important;
}

.nav-link-login:hover {
    background-color: #ba0001;
    color: #ffffff;
}

.phone {
    padding-left: 82px !important;
}

.send-otp {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.iti {
    width: 100%;
}

.col-phone .iti {
    width: 373px;
}

.col-phone-otp .iti {
    width: 336px;
}

.ol-phone-otp .iti {
    width: 100%;
}

.btn-edit {
    border-radius: 0px;
    margin-right: -3px;
}

@media (max-width: 768px) {
    .col-phone .iti {
        width: 100%;
    }

    .col-phone-otp .iti {
        width: 100%;
    }

    .ol-phone-otp .iti {
        width: 100%;
    }

    .btn-edit {
        border-radius: 0.25rem;
        margin-right: 0px;
    }

    .send-otp {
        /* margin-left: -31px; */
        border-bottom-left-radius: 0.25rem;
        border-top-left-radius: 0.25rem;
    }

}


@media (max-width: 992px) {
    .login-img {
        position: absolute;
        height: 120px;
        top: 25px;
        right: 25px;
    }

    .login-title {
        margin-top: 10px !important;
        font-size: 15px;
    }
}