.login {
    background: url(../img/backgrounds/bg_login.jpeg) no-repeat;
    background-size: cover;
    min-height: 100vh;
    padding: 50px;
}
.login_area {
    border-radius: 8px;
    /* position: absolute;
    right: 6.5%;
    top: 50%;
    transform: translateY(-50%); */
    max-width: 450px;
    width: 100%;
    color: #333333;
    background: #ffffff;
    margin-left: auto;
}
.login_area .form-control{
    height: 41px;
}
.sign_in{
    font-size: 30px;
    color: #333;
    font-weight: 600;
}
.btn-login{
    background: linear-gradient(135.65deg, #35A2B1 24.02%, #007DA1 75.28%);
    border-radius: 9.93737px;
    color: #000;
    padding: 10px ;
    transition: .5s;
    font-weight: 700;
    border:0;
}
.btn-login:hover,
.btn-login:focus{
    transition: .5s;
    background: linear-gradient(135.65deg, #1b95a5 24.02%, #006885 75.28%);
    color: #000;
}
.logo {
    margin-bottom: 15px;
    max-width: 150px;
}
.forget_pswd{
    color: #333333 !important;
}
.login_area .form-control,
.login_area_2 .form-control{
    background: #ffffff;
}

button.btn.btn-success {
    background: #546F40;
}

@media screen and (max-width:480px){
    .login_area {
        left: 50%;
        right: unset;
        max-width: 340px;
        transform: translate(-50%, -50%);
        padding: 35px;
    }
}