.login {
    height: 100vh;
}
.login-middle-area {
     width: 830px;
     padding: 0;
     box-shadow: 0 0 30px 0 rgba(51, 77, 136, 0.08);
     transition: all .3s;
     display: flex;
     overflow: hidden;
     height: 398px;
}
.login-leftside,
.login-rightside {
    width: 50%;
}
.login-leftside-inner {
     width: 410px;
     height: 450px;
     background-color: #f2f3f8;
     border-radius: 0 100% 100% 0;
     margin-top: -23px;
     text-align: center;
}
.login-leftside-inner img {
     margin-top: 70px;
     width: 84%;
     margin-left: 0;
     margin-right: 0;
     object-fit: cover;
}

.login-rightside {
     padding: 20px 35px 20px 30px;
}
.login-side h2 {
     margin-top: 30px;
     margin-bottom: 10px;
     padding-left: 5px;
 }
 .m-login__title {
     color: #777!important;
     font-weight: 400;
     font-size: 20px !important;
     padding-left: 5px;
 }
 .login-rightside label {
     color: #777!important;
     font-weight: 400;
 }
 .form-control {
     height: 55px;
     border-radius: 100px;
     background-color: #f2f3f8;
     border: none;
     padding-left: 20px;
     font-weight: 500;
     color: #999;
 }
 .form-control::placeholder {
     color: #999;
 }
 .form-control:hover,
 .form-control:focus {
     outline: 0;
     box-shadow: none;
     background-color: #f2f3f8;
 }
 .login-btn {
     display: inline-block;
     height: 52px;
     padding: 0 40px;
     border-radius: 100px;
     border: 1px solid #f2f3f8;
     line-height: 47px;
     font-weight: 500;
     color: #999;
 }
 .login-btn:hover,
 .login-btn:focus {
     border: 1px solid #f2f3f8;
     background-color: #f2f3f8;
 }
 .custom-checkbox {
     display: inline-block;
     float: right;
     margin-top: 15px;
     mrgin-right: 10px;
 }
 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
     background-color: #064e89;
     box-shadow: none;
 }