.phone-field .iti {
  display: block;
  width: 100%;
}

.phone-field .iti__tel-input.form-control {
  width: 100%;
  min-width: 0;
  background: #edf0fa;
  border: 1px solid transparent;
}

.phone-field .iti__selected-country {
  cursor: default;
  pointer-events: none;
}

.phone-field .iti__selected-dial-code {
  color: #17305e;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.phone-field .iti__arrow,
.phone-field .iti__country-selector {
  display: none !important;
}

.phone-field .form-control.is-valid {
  border-color: #198754;
  box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.15);
}

.phone-field .form-control.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15);
}

.phone-error {
  display: block;
  margin-top: 7px;
  color: #dc3545;
  font-size: 13px;
  line-height: 1.35;
}

.phone-error:empty {
  display: none;
}