.login-header {
    position: relative;
    padding: 15px 0;
    border-bottom: 2px solid #ED2D2D;
}
.top-phone{
    display:flex;
    align-items:center;
    justify-content:end;

}
.top-phone a{
    color:#000;
    font-size:calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));
    font-weight:400;
    text-decoration:none;
    margin:0;
}
.login-body {
    background-image: url(/../assets/images/login-bg.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
   /* min-height: 100vh;*/
    min-height: 100%;
    padding:40px 0;
}
.login-box {
   /* max-width: 650px;*/
    max-width:35vw;

}
.login-box h3{
    font-size:40px;
    font-weight:600;
    color:#000;
}
.login-box p{
    font-size:calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));
    font-weight:400;
    color:#4D4949;
}
.login-box input{
    border:0;
    border-bottom:2px solid #131516;
    padding:5px 10px;
    border-radius:0;
}
.login-box .form-check-input{
    border:1px solid #F0F4F6;
    width:10px;
    height:20px;
    display:flex;
    align-items:center;
   

}
.login-box .form-check-label{
     font-size:15px;
    color:#4D4949;
}
    .login-box a {
        font-size: 15px;
        color: #4D4949;
        text-decoration: none;
        display: flex;
        align-items: center;
    }
.lgn-btn {
    background-color: #2251F8;
    border:0;
    border-radius:32px;
    color:#fff;
    font-size:20px;
    font-weight:500;
    max-width:280px;
    padding:0.6rem 3rem;
    display:flex;
    align-items:center;
    justify-content:end;
}
.login-footer p {
    color: #4D4949;
    font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));
    font-weight: 400;
}

/*Password Reset CSS*/

.btn-reset-password {
    background-color: #2251F8;
    border: 1px solid #2251F8;
    border-radius: 60px;
    padding: 10px 30px;
    color: #fff;
    margin-bottom: 30px;
}

.forgetpassword-email {
    border:none;
    border-bottom:1px solid #000;
    border-radius:0;
    color:#000;
}

.forgetpassword-email:focus {
    box-shadow:none;
}

#fogotpassword .btn-close {
    position: absolute;
    right: 5px;
    top: 5px;
}

#fogotpassword .btn-close:focus {
    box-shadow:none;
}

#fogotpassword p {
    font-size: 15px;
}

.btl-link {
    color: #000;
    text-decoration: none;
    display: block;
}

#fogotpassword h1 {
    font-size: 34px;
    margin-bottom: 14px;
}

#fogotpassword .modal-body {
    padding: 40px;
}

/*Password Reset CSS End*/
@media(max-width:1199px) {
    .login-box{
        max-width:100vw;
    } 
}

@media(max-width:991px) {

    .lgn-btn {
        padding: 6px 30px;
        font-size: 16px;
    }
}


@media(max-width:575.98px) {
    .lgn-btn {
        padding: 4px 28px;
        font-size: 16px;
    }

    .login-box h3 {
        font-size: 24px;
    }

    .login-body {
        padding: 20px 0;
    }

    .top-phone a {
        font-size: 12px;
    }
}