.login-form-section{position:relative;background-color:var(--lighter-color);display:flex;align-content:center;align-items:center;transition:all .3s}.login-form-section.show{display:block;z-index:999;opacity:1}.login-form-section .bg-img{background-size:cover;background-position:50%;z-index:-1}.login-form-section .bg-img,.login-form-section .overlay{position:absolute;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-form-section .overlay{width:100%;height:100%;z-index:1;top:0;left:0;opacity:.5;background-color:hsla(0,0%,100%,.8)}.login-form-section .login-form{max-width:440px;border-radius:5px;margin:20px auto 0;background:#fff;padding:20px 30px;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:1}.login-form-section .login-form .flex{display:flex;flex-direction:column}.login-form-section .login-form .form-title{font-size:2rem;text-align:center}.login-form-section .login-form .w-full{width:100%}.login-form-section .login-form button[type=submit]{background-color:#21759b;color:#fff;border:none;padding:7px 10px;border-radius:5px;font-size:1.2rem;cursor:pointer;margin-top:20px}.login-form-section .login-form button[type=submit]:hover{background-color:#1a5f7f}.login-form-section .login-form button[type=submit] .btn-icon{height:26px}.login-form-section .form-group{margin-bottom:20px}.login-form-section .form-group label{display:block;font-size:1rem;margin-bottom:5px}.login-form-section .form-group .form-input-control{position:relative;display:flex;align-items:center;border-radius:5px;border:1px solid #ccc;background:#fff;padding:6px 10px;border-radius:4px;overflow:hidden}.login-form-section .form-group .form-input-control .form-input{width:100%;padding:0;border:none;font-size:1.2rem;height:30px}.login-form-section .form-group .form-input-control .form-input:focus{outline:none}.login-form-section .form-group .form-input-control .form-input::placeholder{color:#999;font-size:16px;font-weight:400;font-family:var(--base-font);opacity:1;transition:opacity .3s ease-in-out}.login-form-section .form-group .form-input-control .form-input-icon{height:30px;width:auto;color:#333;margin-right:15px}.login-form-section .divider{text-align:center;margin:15px 0;position:relative}.login-form-section .divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#ccc}.login-form-section .divider span{position:relative;background-color:#fff;padding:0 10px}.login-form-section .social-login{display:flex;justify-content:center}.login-form-section .social-login .btn-social-login{background:#fff;border:1px solid #ccc;padding:5px 10px;border-radius:5px;display:flex;align-items:center;margin:0 5px;cursor:pointer;gap:10px}.login-form-section .social-login .btn-social-login .btn-icon{height:20px;margin-right:10px}.login-form-section .social-login .btn-social-login:hover{background-color:#f1f1f1}.login-form-section .terms-and-conditions{text-align:center;font-size:.8rem;margin-bottom:0}.login-form-section .terms-and-conditions a{color:#21759b;text-decoration:underline}.login-form-section .register-link{font-weight:600;text-align:center;margin-top:5px;margin-bottom:0}.login-form-section .register-link a{color:var(--primary-color);text-decoration:underline}.sign-up-section{position:relative}.sign-up-section .bg-img{background-size:cover;background-position:50%}.sign-up-section .bg-img,.sign-up-section .overlay{position:absolute;z-index:-1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sign-up-section .overlay{width:100%;height:100%;top:0;left:0;opacity:.5;background-color:hsla(0,0%,100%,.8)}.sign-up-section .sign-up-form{max-width:440px;border-radius:5px;margin:20px auto 0;background:#fff;padding:20px 30px;box-shadow:0 0 10px rgba(0,0,0,.1)}.sign-up-section .sign-up-form h2{font-size:1.8rem;text-align:left;margin-bottom:10px}.sign-up-section .sign-up-form .form-suggestion{text-align:left;margin-bottom:20px;font-size:1rem;line-height:1rem;font-weight:800;color:var(--primary-color)}.sign-up-section .sign-up-form .form-suggestion a{color:#21759b;text-decoration:underline}.sign-up-section .sign-up-form .form-terms{text-align:left;font-size:.8rem;margin-bottom:0;line-height:1rem;margin-top:10px}.sign-up-section .sign-up-form .form-terms a{color:#21759b;text-decoration:underline}.sign-up-section .sign-up-form .form-info{padding:10px;background:#f1f1f1;border-radius:5px}.sign-up-section .sign-up-form .form-info p{font-size:.8rem;margin-bottom:10px;line-height:1rem}.sign-up-section .sign-up-form .form-info ul{list-style:disc;margin-left:20px;margin-bottom:0}.sign-up-section .sign-up-form .form-info ul li{list-style:disc;font-size:.8rem;margin-bottom:5px;line-height:.9rem}.sign-up-section .sign-up-form .flex{display:flex;flex-direction:column}.sign-up-section .sign-up-form .form-title{font-size:2rem;text-align:center}.sign-up-section .sign-up-form .w-full{width:100%}.sign-up-section .sign-up-form .form-group label{display:block;font-size:1rem;margin-bottom:5px}.sign-up-section .sign-up-form .form-group .form-input-control{position:relative;display:flex;align-items:center;border-radius:5px;border:1px solid #ccc;background:#fff;padding:6px 10px;border-radius:4px;overflow:hidden;width:100%}.sign-up-section .sign-up-form .form-group .form-input-control .form-input{width:100%;padding:0;border:none;font-size:1.2rem;height:30px}.sign-up-section .sign-up-form .form-group .form-input-control .form-input:focus{outline:none}.sign-up-section .sign-up-form .form-group .form-input-control .form-input::placeholder{color:#999;font-size:16px;font-weight:400;font-family:var(--base-font);opacity:1;transition:opacity .3s ease-in-out}.sign-up-section .sign-up-form .form-group .form-input-control .form-input-icon{height:28px;width:auto;color:#333;margin-right:15px}.sign-up-section .sign-up-form button[type=submit]{background-color:#21759b;color:#fff;border:none;padding:6px 10px;border-radius:5px;font-size:1.2rem;cursor:pointer;margin-top:20px;transition:.3s ease-in;width:100%}.sign-up-section .sign-up-form button[type=submit]:hover{background-color:#000}.sign-up-section .sign-up-form button[type=submit] .btn-icon{height:26px}.sign-up-section .sign-up-form .form-error{color:red;font-size:.8rem;margin-top:5px;margin-bottom:0}.sign-up-section .sign-up-form .form-error p{margin-bottom:0;line-height:1rem}