.iti {
  width: 100%;
}

.iti__country-list {
  background-color: #fff;
  z-index: 11;
}

.iti__flag {
  background-image: url("?f0a63d84d1=assets/img/flags.png&f=0");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("?f0a63d84d1=assets/img/flags@2x.png&f=0");
  }
}

.form_field small {
  display: block;
  text-align: left;
  height: 20px;
  color: red;
  margin-block: 5px;
}

.form_field input {
  outline: none;
}

.form_field.error input[type="text"],
.form_field.error input[type="email"],
.form_field.error input[name="phone"] {
  border: 1px solid red !important;
}

.form_field.success input[type="text"],
.form_field.success input[type="email"],
.form_field.success input[name="phone"] {
  border: 1px solid green !important;
}

html body .iti .iti__selected-country {
  position: relative !important;
  display: flex !important;
  height: 100% !important;
  background: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

html body .iti .iti__search-input {
  padding-left: 30px !important;
  padding-right: 28px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

html body .iti .iti__country {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

html body .iti--fullscreen-popup .iti__country,
html body .iti--fullscreen-popup .iti__search-input {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.iti .iti__selected-dial-code {
  color: #0f172ab2 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}