.login-page {min-height: 100vh; display: flex; align-items: center; justify-content: center; background-color: #fafbfc; } 
.login-page .center-logo-box {position: absolute; top: 0; left: 0; width: 100%; z-index: 9; text-align: center; padding: 40px 0 0; } 
.login-page .center-logo-box img {width: 100%; max-width: 100px; } 
.login-page .form-content {padding: 83px 0 0; position: relative; z-index: 2; } 
.login-page .form-content-in {background: #fff; border-radius: 12px; box-shadow: 0 24px 64px #26214a1a; padding: 30px 60px; position: relative; width: 480px; } 
.login-bg {background: url(../img/login__bg-cod.svg) center 10px no-repeat; background-size: cover; height: calc(100% - 17vh); left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 17vh; width: 100%; } 
.login-bg:before {content: ""; display: block; position: absolute; background: url(../img/login__bg-dots-I532R2XN.svg); height: 300%; left: -50%; top: -100%; transform: rotate(-28deg); width: 200% } 
.login-bg:after {content: ""; display: block; position: absolute; background: url(../img/login__bg-top-6VIRAKC3.svg) center top no-repeat; background-size: 100%; height: 100%; left: 0; top: 0; width: 100%; } 
#register-box, #forgot-password-box {display: none; } 
.login-box .title {text-align: center; font-size: 26px; font-family: 'Poppins'; color: var(--black); font-weight: 600; padding: 0 0 20px; } 
.input-box {padding: 15px 0; position: relative; } 
.input-box label {display: block; font-size: 12px; color: #292d34; line-height: 11px; font-family: 'Poppins'; padding: 0 0 6px; } 
.input-box .form-input {display: block; position: relative; } 
.input-box .form-input input {width: 100%; padding: 0 20px 0 36px; height: 40px; font-size: 14px; border-radius: 9px; border: 1px solid #d6d9de; color: #2a2e34; font-family: 'Open Sans'; } 
.input-box span.forgot-password {cursor: pointer; font-size: 12px; text-align: right; position: absolute; top: 43px; right: 10px; color: #00a5b4; z-index: 1; } 
.input-box span.forgot-password:hover {border-bottom: 1px dashed #00a5b4;} 
.submit-box button {height: 50px; border-radius: 9px; width: 100%; border: none; font-size: 16px; background-color: #00a5b4; color: #FFF; margin-bottom: 22px; cursor: pointer; } 
.plain-link {text-align: center; } 
.plain-link span {font-size: 13px; cursor: pointer; } 
.submit-box button:hover {background-color: #008995; } 
.input-box.password-box .form-input input {padding: 0 120px 0 36px; } 
.input-box .form-input svg {width: 18px; height: 18px; position: absolute; left: 10px; top: 11px; opacity: 0.5; } 
.submit-box {padding: 15px 0 0; }
.show-password {position: absolute; top: 45px; font-size: 11px; right: 10px; display: inline-block; color: #00a5b4; cursor: pointer; z-index: 2; }
.show-password:hover {border-bottom: #00a5b4 1px dashed; }
@media screen and (height <= 700px) {
    .login-bg:after {background-size: 100% 50vh; }
}