:root {
  --iti-color: #111;
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-dialcode-color: #333;
  --iti-dropdown-bg: #F1F1F1;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url("../img/flags.webp");
  --iti-path-flags-2x: url("../img/flags@2x.webp");
  --iti-path-globe-1x: url("../img/globe.webp");
  --iti-path-globe-2x: url("../img/globe@2x.webp");
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  color:var(--iti-color);;
}
.iti__search-input{
  padding: 12px 16px 12px 12px;
  background: #FAFAFA;
  border-bottom: 1px solid #D6D6D6;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 17px;
  line-height: 31px;
}
.iti .iti__selected-dial-code{
  margin-left:2px;
  color:#555;
}