.login-section{font-family: 'Nunito';}
.login-section{height: 100vh;display: block;}
.login-section .row-contnet{display: flex;width: 100%;height: 100%;}
.login-section .row-contnet .left-content{position: relative;;background: linear-gradient(121deg, rgba(11, 176, 108, 0.40) 0%, rgba(11, 176, 108, 0.20) 50%, rgba(11, 176, 108, 0.40) 100%);width: 65%;height: 100%;display: flex;align-items: center;justify-content: center;}
.login-section .row-contnet .left-content .login-vector{height: 500px;}

.login-section .row-contnet .right-content{height: 100%;width: 35%;padding: 0 100px;position: relative;}
.login-section .row-contnet .right-content .form-content{height: 100%;display: flex;flex-direction: column;gap: 20px 0;justify-content: center;align-items: flex-start;}
.login-section .row-contnet .right-content .form-content .top-content{display: flex;flex-direction: column;gap: 20px 0;align-items: flex-start;}
.login-section .row-contnet .right-content .form-content .top-content .login-logo{max-width: 100%;max-height: 80px;height: auto;width: auto;object-fit: contain;}
.login-section .row-contnet .right-content .form-content .top-content .welcome-div{display: flex;flex-direction: column;}
.login-section .row-contnet .right-content .form-content .top-content .welcome-div .welcome-text{color: #101928;font-size: 28px;font-weight: 700;line-height: normal;letter-spacing: -0.28px;margin: 0;}
.login-section .row-contnet .right-content .form-content .top-content .welcome-div .welcome-para{color: #101928;font-size: 16px;font-weight: 400;line-height: 25px;margin: 0;text-transform: capitalize;}
.login-section .form-row{width: 100%;display: flex;flex-direction: column;}
.login-section .form-row .form-group{width: 100%;margin-bottom: 15px;}
.login-section .form-control-ui{border: 0;border-bottom: 1px solid rgba(16, 25, 40, 0.70);padding: 15px 0;color: #101928;font-size: 18px;font-weight: 500;line-height: normal;letter-spacing: -0.18px;width: 100%;}
.login-section .form-control-ui:focus{outline: none;border-bottom: 1px solid #0BB06C;}
.login-section .toggle-password{position: absolute;right: 0;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 99999;}
.login-section .check-box-div{display: flex;align-items: center;gap: 5px;}
.login-section .remember_me{color: #101928;font-size: 16px;font-weight: 500;line-height: normal;letter-spacing: -0.15px;opacity: 0.7;}
.login-section .forgot-div a{color: #101928;font-size: 15px;font-weight: 500;line-height: normal;letter-spacing: -0.15px;text-decoration: none;transition: all 0.3s ease;}
.login-section .forgot-div a:hover{color: #0BB06C;}
.login-section  .login_button{margin-top: 40px;display: block;}
.login-section  .login_button .primary-btn{width: 100%;display: flex;border: 0;padding: 13.333px 0;justify-content: center;align-items: center;align-self: stretch;border-radius: 8px;background: #0BB06C;color: #FFF;text-align: center;font-size: 18px;font-weight: 600;line-height: normal;letter-spacing: -0.18px;transition: all 0.3s ease;}
.login-section  .login_button .primary-btn:hover{background: #101928;}
.login-section .vedcool-reserved{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;padding: 20px 0;}
.login-section .vedcool-reserved #footer-text{color: #101928;text-align: center;font-size: 16px;font-weight: 600;line-height: normal;letter-spacing: -0.18px;text-transform: capitalize;}
.login-section .powered_by{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;text-align: center;padding: 20px 0;}
.login-section .powered_by .powered_by_div{display: flex;align-items: center;justify-content: center;gap: 10px;}
.login-section .powered_by .powered_by_div span{color: #101928;font-size: 16px;font-weight: 600;line-height: normal;letter-spacing: -0.18px;text-transform: capitalize;}
.login-section .powered_by .powered_by_div img{width: 81px;object-fit: contain;}
.login-section .back_button{margin-top: 20px;}
.login-section .back_button a{color: #101928;text-align: center;font-size: 18px;font-weight: 500;line-height: normal;letter-spacing: -0.18px;text-decoration: none;transition: all 0.3s ease;}
.login-section .back_button a:hover{color: #0BB06C;}

input:-webkit-autofill {box-shadow: none !important;}


@media (max-width: 1600px) {
    .login-section .row-contnet .right-content{padding: 0 80px;}
    .login-section .login_button{margin-top: 30px;}
    .login-section .login_button .primary-btn{padding: 10px 0;font-size: 16px;}
    .login-section .row-contnet .right-content .form-content .top-content .welcome-div .welcome-text{font-size: 22px;}
    .login-section .row-contnet .right-content .form-content .top-content .welcome-div .welcome-para{font-size: 14px;}
    .login-section .form-control-ui{padding: 10px 0;font-size: 14px;}
    .login-section .forgot-div a{font-size: 14px;}
    .login-section .form-row .form-group{margin-bottom: 10px;}
    .login-section .row-contnet .left-content .login-vector{height: 400px;}

    .login-section .back_button a{font-size: 16px;}
}
@media (max-width: 1200px) {
    .login-section .row-contnet .right-content{padding: 0 50px;width: 40%;}
    .login-section .row-contnet .left-content .login-vector{height: 300px;}
    .login-section .row-contnet .left-content{width: 60%;}
}
@media (max-width: 991px) {
    .login-section .row-contnet .left-content, .login-section .row-contnet .right-content{width: 100%;}
    .login-section .row-contnet{flex-direction: column;}
    .login-section .powered_by{position: unset;left: unset;transform: none;}
    .login-section .row-contnet .left-content{flex-direction: column;gap: 30px;padding: 20px 0 0 0;}
    .login-section .row-contnet .right-content{padding: 20px 15px;}
    .login-section .vedcool-reserved{position: unset;}
}
@media (max-width: 576px) {
    .login-section .row-contnet .left-content .login-vector{height: 200px;}
    .login-section .powered_by .powered_by_div span{font-size: 14px;}
    .login-section .powered_by{padding: 10px 0;}
    .login-section .row-contnet .left-content{gap: 15px 0;}
    .login-section .row-contnet .right-content .form-content .top-content .login-logo{max-height: 50px;}
    .login-section .row-contnet .right-content .form-content .top-content .welcome-div .welcome-text{font-size: 18px;}
    .login-section .vedcool-reserved #footer-text{font-size: 14px;}
    .login-section .vedcool-reserved{padding: 10px 0;}
    .login-section .back_button a{font-size: 14px;}
}