@charset "utf-8";

.reg__list-container { display: flex; align-items: center; gap: 0.3rem; margin-bottom: 15px; margin-top: 15px; font-family: ReithSans, Helvetica, Arial, sans-serif; }

.reg__list-img { margin-right: 0.2rem; height: 32px !important; width: 32px !important; }

input { outline: 0px; appearance: unset !important; }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { margin: 0px; appearance: none !important; }

input:focus { outline: 0px; box-shadow: none !important; }

input[type="radio"] { appearance: radio !important; }

figure { margin: 0px; }

.clear { clear: both; }

.form-container { border-radius: 10px; max-width: 530px; position: relative; overflow: hidden; margin: 30px auto; }

.form-input, .form-submit { width: 100%; box-sizing: border-box; font-size: 14px; }

.form-header { padding-top: 20px; padding-bottom: 20px; background-color: var(--form-main-color); }

.form-title { padding: 0px; margin: 0px; text-align: center; place-self: center; border: none; color: rgb(255, 255, 255); }

.position-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.loader-wrapper { border-radius: 10px; }

.signup-content { padding: 25px; }

.form-group { overflow: hidden; margin-bottom: 30px; }

.form-input { border: 1.5px solid rgb(235, 235, 235); border-radius: 5px; padding: 17px 20px; font-weight: 500; color: rgb(34, 34, 34); }

.form-input::-webkit-input-placeholder { color: rgb(153, 153, 153); font-weight: 500; }

.form-input:focus { border-color: rgb(159, 172, 230); }

.form-input:focus::-webkit-input-placeholder { color: rgb(34, 34, 34); }

@keyframes pulsing { 
  100% { box-shadow: transparent 0px 0px 0px 10px; }
}

.submit-wrapper { padding: 10px; margin-bottom: 0px; }

.form-submit { cursor: pointer; border-radius: 5px; padding: 17px 20px; font-weight: 700; color: rgb(255, 255, 255); text-transform: uppercase; border: none; background-color: var(--form-main-color); box-shadow: var(--form-main-color) 0 0 0 0; animation: 2s ease 0s infinite normal none running pulsing; }

.loginhere, .term-service { color: rgb(85, 85, 85); }

.label-agree-term { font-size: 12px; font-weight: 600; color: rgb(85, 85, 85); }

.loginhere { font-weight: 500; text-align: center; margin-top: 91px; margin-bottom: 5px; }

.loginhere-link { font-weight: 700; color: rgb(34, 34, 34); }

.field-icon { float: right; margin-right: 17px; margin-top: -32px; position: relative; z-index: 2; color: rgb(85, 85, 85); }

@media screen and (max-width: 480px) {
  .form-container { width: calc(100% - 40px); max-width: 100%; }
  .signup-content { padding: 50px 25px 20px; }
}

.loader-wrapper.active .loader { display: block; }

.loader-wrapper.active .signup-content { opacity: 0.4; }

.loader { display: none; position: absolute; top: calc(50%); left: calc(50%); width: 120px; height: 20px; background: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px center / 0px no-repeat rgb(221, 221, 221); animation: 2s steps(6) 0s infinite normal none running l4; }

@keyframes l4 { 
  100% { background-size: 120%; }
}

[data-link] { cursor: pointer !important; }

.iti__selected-dial-code { font-family: Roboto, sans-serif !important; }

._check { width: 14px; height: 14px; appearance: auto !important; }

.inline input[type="checkbox"] { border: 1.5px solid rgb(235, 235, 235); border-radius: 2px; }

.inline input[type="checkbox"], .inline label { display: inline; vertical-align: middle; }