.form-label {
  font-size: 0.9rem;
  font-weight: 500;
  color: #777777;
}

input::placeholder {
  color: #949494 !important;
}

.terms-circle {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--main-color);
  width: 16px;
  height: 16px;
  border-radius: 100%;
}

.otp-field {
  border: none;
  background-color: transparent;
  outline: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  width: 100%;
  font-size: 2.5rem;
}

.iti__flag {background-image: url("../tel-input/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../tel-input/img/flags@2x.png");}
}

.iti.iti--allow-dropdown.iti--separate-dial-code {width: 92%;}

.iti__selected-flag {background-color: transparent !important;}

label#phone-error {position: absolute;right: 0;top: 1px;width: 25%;}

#terms-checkbox-error {position: absolute;bottom: -31px;}

#terms-checkbox:checked ~ div .terms-circle {display: block !important;}