@charset "utf-8";

.regForm .iti { width: 100%; }

.regForm .form-group { margin-bottom: 15px; }

.regForm { padding: 15px; }

.regForm label { display: block; width: fit-content; font-weight: bold; margin-bottom: 5px; text-align: left; color: rgb(236, 236, 241); }

.regForm input[type="text"], .regForm input[type="email"], .regForm input[type="tel"] { width: 100%; padding: 10px; border: 1px solid rgb(86, 88, 105); border-radius: 4px; box-sizing: border-box; background: rgb(43, 44, 49); color: rgb(236, 236, 241); }

.regForm .iti__flag-container { white-space: nowrap; }

.regForm .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; font-weight: 500; }

.regForm .iti--separate-dial-code input[type="tel"] { padding-left: 90px; }

.regForm .checkbox-group { display: flex; flex-direction: column; gap: 15px; }

.regForm .checkbox-group label { display: flex; align-items: center; gap: 10px; line-height: 1.5; white-space: nowrap; color: rgb(197, 197, 210); }

.regForm .btn-submit { background-color: rgb(16, 163, 127); color: rgb(255, 255, 255); border: none; padding: 10px 20px; border-radius: 10px; cursor: pointer; font-size: 16px; width: 100%; }

.regForm .btn-submit:hover { background-color: rgb(13, 140, 109); }

.regForm .btn-submit.disabled { background-color: rgb(86, 88, 105); cursor: not-allowed; pointer-events: none; }

.regForm .btn-submit .spinner { display: inline-block; width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5); border-image: initial; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running spin; vertical-align: middle; margin-left: 8px; }

@keyframes spin { 
  100% { transform: rotate(360deg); }
}

span.iti__country-name { color: black !important; }