/* @import url("variable.css"); */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

html{height: 100%;}
body{height:100%;display:flex;flex-direction: column; font-size: 16px; line-height: 24px; font-family: "Outfit", sans-serif;}

body.sign-up {height: 100%;background:radial-gradient(circle at top left,#dfeeff 0,#f8fbff 40%),radial-gradient(circle at bottom right,#d8e7ff 0,#f7faff 35%);overflow: auto;}
body.sign-up .site-content{height: 100%;}
body.sign-up .site-main{height: 100%;}
body.sign-up .site-content .section-space{position: relative;height: 100%;overflow-y: auto;align-content: center; padding-top: 30px; padding-bottom: 30px;}

/* login */
.learn-press-form-register.learn-press-form{width:100%;max-width:630px;background:#fff;border-radius:22px;padding:20px 30px;box-shadow:0 20px 60px rgba(18,40,76,.12);border:1px solid #edf2f7;margin-bottom: 0;}
.sign-up .learn-press-form-register.learn-press-form .form-fields{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:0 30px;}
.sign-up .login-box-icon{width:70px;height:70px;margin:0 15px 0 0px;border-radius:50%;display:flex;align-items:center;background:#eef5ff;color:#2563eb;font-size:36px;padding:15px;box-shadow:0 10px 25px rgba(37,99,235,.15);}
.singup-url svg{margin-right:5px;}
.sign-up .learn-press-form-register.learn-press-form .form-field label{display:block;margin-bottom:8px;font-weight:600;color:#334155;font-style:normal;}
.sign-up .learn-press-form-register.learn-press-form .form-field input{width:100%;height:55px;border-radius:12px;border:1px solid #dce6f2;padding:0 18px;font-size:15px;transition:.3s;outline:none;}
.sign-up .learn-press-form-register.learn-press-form .form-field input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12);}
.sign-up .learn-press-form-register.learn-press-form .form-field{margin-bottom:10px;width:calc(50% - 15px);}
.sign-up .learn-press-form-register.learn-press-form .form-field:last-child{width:100%;}
.sign-up .learn-press-form-register.learn-press-form h2{text-align:center;color:#0f172a;font-size:34px;font-weight:700;margin:0;}
.sign-up .learn-press-form-register.learn-press-form .form-field .error,span.ftx-reg-error {color:var(--emberred);margin: 5px;display: block;}
.learn-press-form-register #ftx-company-code-msg span.ftx-reg-success{margin: 5px;display: block;}
.sign-up .learn-press-form-register.learn-press-form button{width:100%;height:auto;border:none;border-radius:30px;background: var(--brand_secondary);color: var(--white-color);font-size:16px;font-weight:700;cursor:pointer;transition:.3s;    border: 2px solid var(--brand_secondary);}
.sign-up .learn-press-form-register.learn-press-form button:hover{text-decoration: none; color: var(--brand_secondary); background: var(--white-color);}
a.singup-url{display:flex;align-items:center;font-weight:600;justify-content:center;margin:15px 0 0;}
a.singup-url:hover{text-decoration:none;}

.ftx-reg-success{color: var(--junglegreen);}

@media(max-width:600px){
    .login-main-block .learn-press-form-login,.login-main-block .learn-press-form-register{padding:30px 22px;}
    .ftx-login-tabs{flex-direction:column;}
    .login .learn-press-form-login.learn-press-form h2{font-size:28px;}
}
@media (min-width:768px) and (max-width:991px) {
  .login-main-block{margin: 0;}
}

@media(max-width:767px) {
    .sign-up .learn-press-form-register.learn-press-form .form-field{width:calc(100% - 0px);}
    .learn-press-form-register.learn-press-form{padding: 25px;}
    .login-main-block{margin: 0;padding-left: 0;padding-right:0}
    body.sign-up .site-content .section-space{align-content:start;height: auto;}
    body.sign-up{display: block;height: auto;overflow: inherit;}
    body.sign-up .site-content {height: auto;overflow: inherit;}body.sign-up .site-main {height: auto;}
}


.learn-press-form-register #ftx-company-code-msg{margin:15px 0;display:block;font-size:14px;line-height:normal;}
.learn-press-form-register #ftx-company-code-msg .ftx-reg-error{color:red;}
.learn-press-form-register .sing-in-btn{margin:15px 0 0;}
.learn-press-form-register button[type=submit]{border-color:#0073aa;background:#0073aa;color:#fff;border:0;}
.learn-press-form-register p.ftx-enroll-context{text-align:center;margin-top:10px;color:#fff;background:#053c68;padding:15px 0;margin-bottom:15px;border-radius:10px;}
.login-logo.register-logo{max-width:520px;display:flex;justify-content:center;margin:0 auto 20px;}
.login-logo.register-logo svg{width:258px;height:auto;}
.learn-press-form .form-fields .form-field input[type=email],.learn-press-form .form-fields .form-field input[type=text],.learn-press-form .form-fields .form-field input[type=password],.learn-press-form .form-fields .form-field input[type=tel],.learn-press-form .form-fields .form-field input[type=url],.learn-press-form .form-fields .form-field input[type=number],.learn-press-form .form-fields .form-field textarea{padding-left:40px;background: rgba(239, 246, 255, 0.8);border: solid 1px #DBEAFE;padding-right:40px;}
.learn-press-form .form-fields .form-field .iconboxs .toggle-password {position: absolute;top:12px;z-index: 0;right: 6px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;color: #2B7FFF;cursor: pointer;}
.learn-press-form .form-fields .form-field .iconboxs .loginsvgicon{position:absolute;top:12px;z-index:0;left:9px;width:30px;height:30px;display: flex;align-items: center;justify-content: center;}
.learn-press-form .form-fields .form-field .iconboxs .loginsvgicon svg{width:20px;height:20px;}
/* .learn-press-form .form-fields .form-field .iconboxs .loginsvgicon.username svg{width:20px;height:20px;} */
.learn-press-form .form-fields .form-field .iconboxs .loginsvgicon.username{display:flex;justify-content:center;align-items:center;}
label[for="reg_last_name"],
label[for="reg_first_name"]{position: relative;}
label[for="reg_last_name"]:after,
label[for="reg_first_name"]:after{content: '';position: absolute;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6668 14V12.6667C12.6668 11.9594 12.3859 11.2811 11.8858 10.781C11.3857 10.281 10.7074 10 10.0002 10H6.00016C5.29292 10 4.61464 10.281 4.11454 10.781C3.61445 11.2811 3.3335 11.9594 3.3335 12.6667V14' stroke='%232B7FFF' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00016 7.33333C9.47292 7.33333 10.6668 6.13943 10.6668 4.66667C10.6668 3.19391 9.47292 2 8.00016 2C6.5274 2 5.3335 3.19391 5.3335 4.66667C5.3335 6.13943 6.5274 7.33333 8.00016 7.33333Z' stroke='%232B7FFF' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;top: 47px;left: 13px;width: 22px;height: 22px;display: block;}
.learn-press-form-register .sing-in-btn p.text-center.dontaccout{display:flex;align-items:center;justify-content:center;}
.learn-press-form-register .sing-in-btn p.text-center.dontaccout a.singup-url{margin-top:0;margin-left:5px;}
.learn-press-form .form-fields .form-field input[type=email]:focus,.learn-press-form .form-fields .form-field input[type=text]:focus,.learn-press-form .form-fields .form-field input[type=password]:focus,.learn-press-form .form-fields .form-field input[type=tel]:focus,.learn-press-form .form-fields .form-field input[type=url]:focus,.learn-press-form .form-fields .form-field input[type=number]:focus,.learn-press-form .form-fields .form-field textarea:focus{border-color:var(--royalblue);box-shadow:0 0 0 4px rgba(37,99,235,.12);}

.learn-press-form .form-fields .form-field input[type="number"] {-webkit-appearance: none;-moz-appearance: textfield;appearance: none;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}