.front-login{min-height:100vh;display:flex;align-items:center;background-color:rgba(0,0,0,.6)!important;overflow-x:hidden;overflow-y:hidden}.front-login .container{border:1.5px solid #f4b445;margin:40px auto;border-radius:10px}.front-login .login-image{min-height:300px;overflow:hidden;margin:0;padding:0}div.slant-top{background:linear-gradient(90deg,#f9ae61,#f8665c);right:50px;top:-200px}div.slant-bottom,div.slant-top{width:450px;height:250px;position:absolute;transform:rotate(60deg)}div.slant-bottom{background:linear-gradient(90deg,#0de6fe,#4facff);left:50px;bottom:-200px}.front-login .login-form{max-width:400px}.login-form .form-icon{top:0;left:0;width:40px;height:100%}.login-form .icon-name{color:#cda45e!important;font-size:18px!important}.login-form .icon-password{color:#cda45e!important;font-size:21px!important}.front-login .login-form .label{font-size:36px;font-weight:700;color:#cda45e;margin:20px 20px 20px 0;text-align:center}.front-login input{height:50px;padding-left:40px;border:none;color:#b77c17;outline:none}.front-login .input-email{border:1px solid #cda45e;border-radius:10px 100px 0 0!important}.front-login .input-password{border-left:1px solid #cda45e;border-right:1px solid #cda45e;border-bottom:1px solid #cda45e;border-radius:0 0 100px 10px!important}.front-login .input-email:focus{border:1.5px solid #cda45e}.front-login .input-password:focus{border:1.5px solid #cda45e;border-top-width:.5px}.front-login svg.form-icon{top:15px;left:5px;color:#cda45e;width:1.2em;height:1.2em}::placeholder{color:#a49b89;font-weight:700;font-size:14px}.front-login svg.login-icon{width:2.5em;height:2.5em;color:#fff}.front-login .login-btn .login-icon{font-size:23px!important;font-weight:900;color:#fff}.front-login .login-btn .login-icon:hover{color:#fff!important}.front-login div.login-btn{z-index:1;width:55px;height:55px;background:#cda45e;border:0;color:#fff;transition:.4s;border-radius:50%;right:-18px;top:22px}.front-login .login-form .register:hover,.front-login div.login-btn:hover{background:#f4b445!important;transform:scale(1.1);transition:.4s!important}.front-login button.login-forgot{border:none;background-color:transparent;font-size:1em;font-weight:700;color:#cda45e;text-decoration:underline}.front-login button.login-forgot:hover{color:#f4b445;transform:scale(1.1);transition:.4s}.front-login .login-form .register{border:none;background:#cda45e;color:#fff;font-size:16px;font-weight:700;box-shadow:0 5px 10px 5px rgba(0,0,0,.05);border-top-right-radius:50px;border-bottom-right-radius:50px}.front-login .login-form .other-label{font-size:18px;font-weight:700;color:#cda45e}.front-login .login-form .third-party-icon{margin-bottom:20px;padding:3px;border-radius:5px;background:#fff}.front-login .login-form .third-party-icon:hover{border-color:#f4b445;transform:scale(1.1);transition:.4s}@media (max-width:767.98px){.front-login .login-row{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px 0 20px}.front-login .container{margin:40px 20px}}