.iti {
  --iti-path-flags-1x: url("https://cdn.jsdelivr.net/npm/intl-tel-input@24.6.0/build/img/flags.webp");
  --iti-path-flags-2x: url("https://cdn.jsdelivr.net/npm/intl-tel-input@24.6.0/build/img/flags@2x.webp");
  --iti-path-globe-1x: url("https://cdn.jsdelivr.net/npm/intl-tel-input@24.6.0/build/img/globe.webp");
  --iti-path-globe-2x: url("https://cdn.jsdelivr.net/npm/intl-tel-input@24.6.0/build/img/globe@2x.webp");
  --iti-dropdown-bg: var(--black-90);
  --iti-border-color: var(--black-80);
  --iti-hover-color: var(--black-80);
  --iti-arrow-color: var(--grey-100);
  --iti-dialcode-color: var(--grey-100);
}

.form__field .iti {
  width: 100%;
  display: block;
}

.form__field .iti .iti__tel-input.form__field__input {
  padding-left: 96px;
}

.form__field .iti .iti__country-container {
  padding-left: 0;
}

.form__field .iti .iti__selected-country {
  background: transparent;
  border-radius: 8px 0 0 8px;
  padding: 0;
}

.form__field .iti .iti__selected-country-primary{
  padding: 0 var(--iti-arrow-padding) 0 20px;
  border-radius: 8px 0 0 8px;
  position: relative;
  left: 1px;
}

.form__field .iti .iti__selected-country-primary:hover,
.form__field .iti .iti__selected-country-primary:focus {
  background: var(--black-80);
}

.form__field .iti .iti__selected-dial-code {
  color: var(--white-100);
  font-size: var(--fs-sm);
  font-weight: 600;
}

.form__field .iti .iti__arrow {
  border-top-color: var(--grey-100);
}

.form__field .iti .iti__arrow--up {
  border-bottom-color: var(--grey-100);
}

.iti--fullscreen-popup .iti__dropdown-content,
.iti__dropdown-content {
  background: var(--black-90);
  border: 1px solid var(--black-80);
  border-radius: 8px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

.iti__search-input {
  background: var(--black-80);
  border: 1px solid var(--black-80);
  border-radius: 8px;
  color: var(--white-100);
  margin: 8px;
  padding: 10px 12px 10px 24px;
}

.iti__search-input:focus {
  border-color: var(--grey-100);
  outline: none;
}

.iti__country-list {
  background: var(--black-90);
  color: var(--white-100);
}

.iti__country-name,
.iti__dial-code {
  color: var(--grey-100);
}

.iti__country.iti__highlight {
  background: var(--black-80);
}

.iti__country.iti__highlight .iti__country-name,
.iti__country.iti__highlight .iti__dial-code {
  color: var(--white-100);
}

.form__field .iti .iti__tel-input.wpcf7-not-valid,
.form__field .iti .iti__tel-input.error {
  border-color: var(--red-100) !important;
}

.iti__search-icon{
  left: 14px;
}

@media (max-width: 620px) {
  .form__field .iti .iti__tel-input.form__field__input {
    padding-left: 88px;
  }
}