:root {
  --iti-hover-color: inherit !important;
  --iti-border-color: #ccc !important;
  --iti-dropdown-bg: white !important;
  --iti-icon-color: #555 !important;
  --iti-spacer-horizontal: 8px !important;
  --iti-flag-height: 12px !important;
  --iti-flag-width: 16px !important;
  --iti-globe-height: 16px !important;
  --iti-search-clear-icon-height: 13px !important;
  --iti-border-width: 1px !important;
  --iti-arrow-height: 4px !important;
  --iti-arrow-width: calc((var(--iti-arrow-height) / 2) * 3) !important;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2) !important;
  --iti-arrow-padding: 6px !important;
  --iti-flag-sprite-width: 3904px !important;
  --iti-flag-sprite-height: 12px !important;
  --iti-mobile-popup-margin: 30px !important;
  --iti-color: #000 !important;
}

#iti-1__dropdown-content {
  font-weight: normal !important;
}

#iti-1__search-input::placeholder {

  color: var(--iti-color) !important
}

#iti-1__search-input::-webkit-input-placeholder {
  color: var(--iti-color) !important
}

/* Chrome/Safari/Edge */
#iti-1__search-input:-moz-placeholder {
  color: var(--iti-color) !important
}

/* Firefox 4-18 */
#iti-1__search-input::-moz-placeholder {
  color: var(--iti-color) !important
}

/* Firefox 19+ */
#iti-1__search-input:-ms-input-placeholder {
  color: var(--iti-color) !important
}

/* IE10-11 */
.iti {
  position: relative !important;
  display: inline-block !important;
  width: 100% !important;
}

.iti * {
  box-sizing: border-box !important;
}

.iti__a11y-text {
  width: 1px !important;
  height: 1px !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  overflow: hidden !important;
  position: absolute !important;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative !important;
  z-index: 0 !important;
  margin: 0 !important;
}

.iti__country-container {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  padding: var(--iti-border-width) !important;
}

.iti__selected-country {
  z-index: 1 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  background: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  border-radius: 0 !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
}

.iti__selected-country-primary {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal) !important;
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding) !important;
  width: 0 !important;
  height: 0 !important;
  border-left: var(--iti-triangle-border) solid transparent !important;
  border-right: var(--iti-triangle-border) solid transparent !important;
  border-top: var(--iti-arrow-height) solid var(--iti-icon-color) !important;
}

.iti__arrow--up {
  border-top: none !important;
  border-bottom: var(--iti-arrow-height) solid var(--iti-icon-color) !important;
}

.iti__dropdown-content {
  border-radius: 3px !important;
  background-color: var(--iti-dropdown-bg) !important;
}

.iti--inline-dropdown .iti__dropdown-content {
  border: var(--iti-border-width) solid var(--iti-border-color) !important;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) !important;
}

.iti--inline-dropdown:not(.iti--container) .iti__dropdown-content {
  position: absolute !important;
  z-index: 2 !important;
  left: 0 !important;
}

.iti__search-input {
  width: 100% !important;
  border-width: 0 !important;
  border-radius: 3px !important;
  padding-left: 30px !important;
  padding-right: 28px !important;
}

[dir=rtl] .iti__search-input {
  padding-left: inherit !important;
  padding-right: 30px !important;
  background-position: right 8px center !important;
}

.iti__search-input::-webkit-search-cancel-button {
  appearance: none !important;
}

.iti__search-input,
.iti__country {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.iti__search-input-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid var(--iti-border-color) !important;
}

.iti__search-icon {
  position: absolute !important;
  left: 8px !important;
  display: flex !important;
  pointer-events: none !important;
}

[dir=rtl] .iti__search-icon {
  left: auto !important;
  right: 8px !important;
}

.iti__search-icon-svg {
  width: var(--iti-globe-height) !important;
  height: var(--iti-globe-height) !important;
  display: block !important;
  stroke: var(--iti-icon-color) !important;
  fill: none !important;
  stroke-width: 3 !important;
}

.iti__search-clear {
  position: absolute !important;
  right: 4px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  padding: 5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.15s ease !important;
}

.iti__search-clear .iti__search-clear-x {
  stroke-width: 2 !important;
}

.iti__search-clear .iti__search-clear-bg {
  fill: var(--iti-icon-color) !important;
}

.iti__search-clear-svg {
  width: var(--iti-search-clear-icon-height) !important;
  height: var(--iti-search-clear-icon-height) !important;
  display: block !important;
}

[dir=rtl] .iti__search-clear {
  right: auto !important;
  left: 4px !important;
}

.iti__search-clear:hover,
.iti__search-clear:focus-visible {
  background: var(--iti-hover-color) !important;
  outline: none !important;
}

.iti__no-results {
  text-align: center !important;
  padding: 30px 0 !important;
}

.iti__country-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  overflow-y: scroll !important;
  background: #fff !important;
  -webkit-overflow-scrolling: touch !important;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px !important;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap !important;
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal !important;
  }
}

.iti__country {
  display: flex !important;
  align-items: center !important;
  padding-left: var(--iti-spacer-horizontal) !important;
  padding-right: var(--iti-spacer-horizontal) !important;
  outline: none !important;
  color: var(--iti-color) !important;
}

.iti__country-name {
  /*flex-grow: 1 !important;*/
}

.iti__country-check {
  margin: 0 1px 0 var(--iti-spacer-horizontal) !important;
  display: flex !important;
  align-items: center !important;
  color: var(--iti-icon-color) !important;
}

.iti__country-check-svg {
  width: var(--iti-search-clear-icon-height) !important;
  height: var(--iti-search-clear-icon-height) !important;
  display: block !important;
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color) !important;
}

.iti__country-list .iti__flag {
  margin-right: var(--iti-spacer-horizontal) !important;
}

[dir=rtl] .iti__country-list .iti__flag {
  margin-right: 0 !important;
  margin-left: var(--iti-spacer-horizontal) !important;
}

.iti__country-list .iti__flag {
  flex-shrink: 0 !important;
}

.iti--allow-dropdown .iti__country-container:has(+ input[disabled]) button.iti__selected-country,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]) button.iti__selected-country {
  cursor: not-allowed !important;
}

.iti--allow-dropdown .iti__country-container:has(+ input[disabled]) button.iti__selected-country .iti__arrow,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]) button.iti__selected-country .iti__arrow {
  visibility: hidden !important;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color) !important;
}

.iti .iti__selected-dial-code {
  margin-left: 4px !important;
  color: var(--iti-color) !important;
}

.iti--container {
  position: fixed !important;
  top: -1000px !important;
  left: -1000px !important;
  z-index: 1060 !important;
}

.iti--container:hover {
  cursor: pointer !important;
}

.iti__hide {
  display: none !important;
}

.iti__v-hide {
  visibility: hidden !important;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5) !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  position: fixed !important;
  padding: var(--iti-mobile-popup-margin) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex !important;
  flex-direction: column !important;
  max-height: 100% !important;
  position: relative !important;
}

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

.iti--fullscreen-popup .iti__country {
  padding-left: 10px !important;
  padding-right: 10px !important;
  line-height: 1.5em !important;
}

.iti__flag {
  --iti-flag-offset: 100px !important;
  height: var(--iti-flag-height) !important;
  width: var(--iti-flag-width) !important;
  border-radius: 1px !important;
  box-shadow: 0px 0px 1px 0px #888 !important;
  background-image: image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x) !important;
  background-repeat: no-repeat !important;
  background-position: var(--iti-flag-offset) 0 !important;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height) !important;
}

.iti__loading {
  position: relative !important;
  background: none !important;
  box-shadow: none !important;
}

.iti__loading::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: var(--iti-flag-height) !important;
  height: var(--iti-flag-height) !important;
  box-sizing: border-box !important;
  border: 2px solid var(--iti-icon-color) !important;
  border-right-color: transparent !important;
  border-radius: 50% !important;
  animation: iti-spinner 1s linear infinite !important;
}

@keyframes iti-spinner {
  to {
    transform: rotate(360deg) !important;
  }
}

.iti__ac {
  --iti-flag-offset: 0px !important;
}

.iti__ad {
  --iti-flag-offset: -16px !important;
}

.iti__ae {
  --iti-flag-offset: -32px !important;
}

.iti__af {
  --iti-flag-offset: -48px !important;
}

.iti__ag {
  --iti-flag-offset: -64px !important;
}

.iti__ai {
  --iti-flag-offset: -80px !important;
}

.iti__al {
  --iti-flag-offset: -96px !important;
}

.iti__am {
  --iti-flag-offset: -112px !important;
}

.iti__ao {
  --iti-flag-offset: -128px !important;
}

.iti__ar {
  --iti-flag-offset: -144px !important;
}

.iti__as {
  --iti-flag-offset: -160px !important;
}

.iti__at {
  --iti-flag-offset: -176px !important;
}

.iti__au {
  --iti-flag-offset: -192px !important;
}

.iti__aw {
  --iti-flag-offset: -208px !important;
}

.iti__ax {
  --iti-flag-offset: -224px !important;
}

.iti__az {
  --iti-flag-offset: -240px !important;
}

.iti__ba {
  --iti-flag-offset: -256px !important;
}

.iti__bb {
  --iti-flag-offset: -272px !important;
}

.iti__bd {
  --iti-flag-offset: -288px !important;
}

.iti__be {
  --iti-flag-offset: -304px !important;
}

.iti__bf {
  --iti-flag-offset: -320px !important;
}

.iti__bg {
  --iti-flag-offset: -336px !important;
}

.iti__bh {
  --iti-flag-offset: -352px !important;
}

.iti__bi {
  --iti-flag-offset: -368px !important;
}

.iti__bj {
  --iti-flag-offset: -384px !important;
}

.iti__bl {
  --iti-flag-offset: -400px !important;
}

.iti__bm {
  --iti-flag-offset: -416px !important;
}

.iti__bn {
  --iti-flag-offset: -432px !important;
}

.iti__bo {
  --iti-flag-offset: -448px !important;
}

.iti__bq {
  --iti-flag-offset: -464px !important;
}

.iti__br {
  --iti-flag-offset: -480px !important;
}

.iti__bs {
  --iti-flag-offset: -496px !important;
}

.iti__bt {
  --iti-flag-offset: -512px !important;
}

.iti__bw {
  --iti-flag-offset: -528px !important;
}

.iti__by {
  --iti-flag-offset: -544px !important;
}

.iti__bz {
  --iti-flag-offset: -560px !important;
}

.iti__ca {
  --iti-flag-offset: -576px !important;
}

.iti__cc {
  --iti-flag-offset: -592px !important;
}

.iti__cd {
  --iti-flag-offset: -608px !important;
}

.iti__cf {
  --iti-flag-offset: -624px !important;
}

.iti__cg {
  --iti-flag-offset: -640px !important;
}

.iti__ch {
  --iti-flag-offset: -656px !important;
}

.iti__ci {
  --iti-flag-offset: -672px !important;
}

.iti__ck {
  --iti-flag-offset: -688px !important;
}

.iti__cl {
  --iti-flag-offset: -704px !important;
}

.iti__cm {
  --iti-flag-offset: -720px !important;
}

.iti__cn {
  --iti-flag-offset: -736px !important;
}

.iti__co {
  --iti-flag-offset: -752px !important;
}

.iti__cr {
  --iti-flag-offset: -768px !important;
}

.iti__cu {
  --iti-flag-offset: -784px !important;
}

.iti__cv {
  --iti-flag-offset: -800px !important;
}

.iti__cw {
  --iti-flag-offset: -816px !important;
}

.iti__cx {
  --iti-flag-offset: -832px !important;
}

.iti__cy {
  --iti-flag-offset: -848px !important;
}

.iti__cz {
  --iti-flag-offset: -864px !important;
}

.iti__de {
  --iti-flag-offset: -880px !important;
}

.iti__dj {
  --iti-flag-offset: -896px !important;
}

.iti__dk {
  --iti-flag-offset: -912px !important;
}

.iti__dm {
  --iti-flag-offset: -928px !important;
}

.iti__do {
  --iti-flag-offset: -944px !important;
}

.iti__dz {
  --iti-flag-offset: -960px !important;
}

.iti__ec {
  --iti-flag-offset: -976px !important;
}

.iti__ee {
  --iti-flag-offset: -992px !important;
}

.iti__eg {
  --iti-flag-offset: -1008px !important;
}

.iti__eh {
  --iti-flag-offset: -1024px !important;
}

.iti__er {
  --iti-flag-offset: -1040px !important;
}

.iti__es {
  --iti-flag-offset: -1056px !important;
}

.iti__et {
  --iti-flag-offset: -1072px !important;
}

.iti__fi {
  --iti-flag-offset: -1088px !important;
}

.iti__fj {
  --iti-flag-offset: -1104px !important;
}

.iti__fk {
  --iti-flag-offset: -1120px !important;
}

.iti__fm {
  --iti-flag-offset: -1136px !important;
}

.iti__fo {
  --iti-flag-offset: -1152px !important;
}

.iti__fr {
  --iti-flag-offset: -1168px !important;
}

.iti__ga {
  --iti-flag-offset: -1184px !important;
}

.iti__gb {
  --iti-flag-offset: -1200px !important;
}

.iti__gd {
  --iti-flag-offset: -1216px !important;
}

.iti__ge {
  --iti-flag-offset: -1232px !important;
}

.iti__gf {
  --iti-flag-offset: -1248px !important;
}

.iti__gg {
  --iti-flag-offset: -1264px !important;
}

.iti__gh {
  --iti-flag-offset: -1280px !important;
}

.iti__gi {
  --iti-flag-offset: -1296px !important;
}

.iti__gl {
  --iti-flag-offset: -1312px !important;
}

.iti__gm {
  --iti-flag-offset: -1328px !important;
}

.iti__gn {
  --iti-flag-offset: -1344px !important;
}

.iti__gp {
  --iti-flag-offset: -1360px !important;
}

.iti__gq {
  --iti-flag-offset: -1376px !important;
}

.iti__gr {
  --iti-flag-offset: -1392px !important;
}

.iti__gt {
  --iti-flag-offset: -1408px !important;
}

.iti__gu {
  --iti-flag-offset: -1424px !important;
}

.iti__gw {
  --iti-flag-offset: -1440px !important;
}

.iti__gy {
  --iti-flag-offset: -1456px !important;
}

.iti__hk {
  --iti-flag-offset: -1472px !important;
}

.iti__hn {
  --iti-flag-offset: -1488px !important;
}

.iti__hr {
  --iti-flag-offset: -1504px !important;
}

.iti__ht {
  --iti-flag-offset: -1520px !important;
}

.iti__hu {
  --iti-flag-offset: -1536px !important;
}

.iti__id {
  --iti-flag-offset: -1552px !important;
}

.iti__ie {
  --iti-flag-offset: -1568px !important;
}

.iti__il {
  --iti-flag-offset: -1584px !important;
}

.iti__im {
  --iti-flag-offset: -1600px !important;
}

.iti__in {
  --iti-flag-offset: -1616px !important;
}

.iti__io {
  --iti-flag-offset: -1632px !important;
}

.iti__iq {
  --iti-flag-offset: -1648px !important;
}

.iti__ir {
  --iti-flag-offset: -1664px !important;
}

.iti__is {
  --iti-flag-offset: -1680px !important;
}

.iti__it {
  --iti-flag-offset: -1696px !important;
}

.iti__je {
  --iti-flag-offset: -1712px !important;
}

.iti__jm {
  --iti-flag-offset: -1728px !important;
}

.iti__jo {
  --iti-flag-offset: -1744px !important;
}

.iti__jp {
  --iti-flag-offset: -1760px !important;
}

.iti__ke {
  --iti-flag-offset: -1776px !important;
}

.iti__kg {
  --iti-flag-offset: -1792px !important;
}

.iti__kh {
  --iti-flag-offset: -1808px !important;
}

.iti__ki {
  --iti-flag-offset: -1824px !important;
}

.iti__km {
  --iti-flag-offset: -1840px !important;
}

.iti__kn {
  --iti-flag-offset: -1856px !important;
}

.iti__kp {
  --iti-flag-offset: -1872px !important;
}

.iti__kr {
  --iti-flag-offset: -1888px !important;
}

.iti__kw {
  --iti-flag-offset: -1904px !important;
}

.iti__ky {
  --iti-flag-offset: -1920px !important;
}

.iti__kz {
  --iti-flag-offset: -1936px !important;
}

.iti__la {
  --iti-flag-offset: -1952px !important;
}

.iti__lb {
  --iti-flag-offset: -1968px !important;
}

.iti__lc {
  --iti-flag-offset: -1984px !important;
}

.iti__li {
  --iti-flag-offset: -2000px !important;
}

.iti__lk {
  --iti-flag-offset: -2016px !important;
}

.iti__lr {
  --iti-flag-offset: -2032px !important;
}

.iti__ls {
  --iti-flag-offset: -2048px !important;
}

.iti__lt {
  --iti-flag-offset: -2064px !important;
}

.iti__lu {
  --iti-flag-offset: -2080px !important;
}

.iti__lv {
  --iti-flag-offset: -2096px !important;
}

.iti__ly {
  --iti-flag-offset: -2112px !important;
}

.iti__ma {
  --iti-flag-offset: -2128px !important;
}

.iti__mc {
  --iti-flag-offset: -2144px !important;
}

.iti__md {
  --iti-flag-offset: -2160px !important;
}

.iti__me {
  --iti-flag-offset: -2176px !important;
}

.iti__mf {
  --iti-flag-offset: -2192px !important;
}

.iti__mg {
  --iti-flag-offset: -2208px !important;
}

.iti__mh {
  --iti-flag-offset: -2224px !important;
}

.iti__mk {
  --iti-flag-offset: -2240px !important;
}

.iti__ml {
  --iti-flag-offset: -2256px !important;
}

.iti__mm {
  --iti-flag-offset: -2272px !important;
}

.iti__mn {
  --iti-flag-offset: -2288px !important;
}

.iti__mo {
  --iti-flag-offset: -2304px !important;
}

.iti__mp {
  --iti-flag-offset: -2320px !important;
}

.iti__mq {
  --iti-flag-offset: -2336px !important;
}

.iti__mr {
  --iti-flag-offset: -2352px !important;
}

.iti__ms {
  --iti-flag-offset: -2368px !important;
}

.iti__mt {
  --iti-flag-offset: -2384px !important;
}

.iti__mu {
  --iti-flag-offset: -2400px !important;
}

.iti__mv {
  --iti-flag-offset: -2416px !important;
}

.iti__mw {
  --iti-flag-offset: -2432px !important;
}

.iti__mx {
  --iti-flag-offset: -2448px !important;
}

.iti__my {
  --iti-flag-offset: -2464px !important;
}

.iti__mz {
  --iti-flag-offset: -2480px !important;
}

.iti__na {
  --iti-flag-offset: -2496px !important;
}

.iti__nc {
  --iti-flag-offset: -2512px !important;
}

.iti__ne {
  --iti-flag-offset: -2528px !important;
}

.iti__nf {
  --iti-flag-offset: -2544px !important;
}

.iti__ng {
  --iti-flag-offset: -2560px !important;
}

.iti__ni {
  --iti-flag-offset: -2576px !important;
}

.iti__nl {
  --iti-flag-offset: -2592px !important;
}

.iti__no {
  --iti-flag-offset: -2608px !important;
}

.iti__np {
  --iti-flag-offset: -2624px !important;
}

.iti__nr {
  --iti-flag-offset: -2640px !important;
}

.iti__nu {
  --iti-flag-offset: -2656px !important;
}

.iti__nz {
  --iti-flag-offset: -2672px !important;
}

.iti__om {
  --iti-flag-offset: -2688px !important;
}

.iti__pa {
  --iti-flag-offset: -2704px !important;
}

.iti__pe {
  --iti-flag-offset: -2720px !important;
}

.iti__pf {
  --iti-flag-offset: -2736px !important;
}

.iti__pg {
  --iti-flag-offset: -2752px !important;
}

.iti__ph {
  --iti-flag-offset: -2768px !important;
}

.iti__pk {
  --iti-flag-offset: -2784px !important;
}

.iti__pl {
  --iti-flag-offset: -2800px !important;
}

.iti__pm {
  --iti-flag-offset: -2816px !important;
}

.iti__pr {
  --iti-flag-offset: -2832px !important;
}

.iti__ps {
  --iti-flag-offset: -2848px !important;
}

.iti__pt {
  --iti-flag-offset: -2864px !important;
}

.iti__pw {
  --iti-flag-offset: -2880px !important;
}

.iti__py {
  --iti-flag-offset: -2896px !important;
}

.iti__qa {
  --iti-flag-offset: -2912px !important;
}

.iti__re {
  --iti-flag-offset: -2928px !important;
}

.iti__ro {
  --iti-flag-offset: -2944px !important;
}

.iti__rs {
  --iti-flag-offset: -2960px !important;
}

.iti__ru {
  --iti-flag-offset: -2976px !important;
}

.iti__rw {
  --iti-flag-offset: -2992px !important;
}

.iti__sa {
  --iti-flag-offset: -3008px !important;
}

.iti__sb {
  --iti-flag-offset: -3024px !important;
}

.iti__sc {
  --iti-flag-offset: -3040px !important;
}

.iti__sd {
  --iti-flag-offset: -3056px !important;
}

.iti__se {
  --iti-flag-offset: -3072px !important;
}

.iti__sg {
  --iti-flag-offset: -3088px !important;
}

.iti__sh {
  --iti-flag-offset: -3104px !important;
}

.iti__si {
  --iti-flag-offset: -3120px !important;
}

.iti__sj {
  --iti-flag-offset: -3136px !important;
}

.iti__sk {
  --iti-flag-offset: -3152px !important;
}

.iti__sl {
  --iti-flag-offset: -3168px !important;
}

.iti__sm {
  --iti-flag-offset: -3184px !important;
}

.iti__sn {
  --iti-flag-offset: -3200px !important;
}

.iti__so {
  --iti-flag-offset: -3216px !important;
}

.iti__sr {
  --iti-flag-offset: -3232px !important;
}

.iti__ss {
  --iti-flag-offset: -3248px !important;
}

.iti__st {
  --iti-flag-offset: -3264px !important;
}

.iti__sv {
  --iti-flag-offset: -3280px !important;
}

.iti__sx {
  --iti-flag-offset: -3296px !important;
}

.iti__sy {
  --iti-flag-offset: -3312px !important;
}

.iti__sz {
  --iti-flag-offset: -3328px !important;
}

.iti__tc {
  --iti-flag-offset: -3344px !important;
}

.iti__td {
  --iti-flag-offset: -3360px !important;
}

.iti__tg {
  --iti-flag-offset: -3376px !important;
}

.iti__th {
  --iti-flag-offset: -3392px !important;
}

.iti__tj {
  --iti-flag-offset: -3408px !important;
}

.iti__tk {
  --iti-flag-offset: -3424px !important;
}

.iti__tl {
  --iti-flag-offset: -3440px !important;
}

.iti__tm {
  --iti-flag-offset: -3456px !important;
}

.iti__tn {
  --iti-flag-offset: -3472px !important;
}

.iti__to {
  --iti-flag-offset: -3488px !important;
}

.iti__tr {
  --iti-flag-offset: -3504px !important;
}

.iti__tt {
  --iti-flag-offset: -3520px !important;
}

.iti__tv {
  --iti-flag-offset: -3536px !important;
}

.iti__tw {
  --iti-flag-offset: -3552px !important;
}

.iti__tz {
  --iti-flag-offset: -3568px !important;
}

.iti__ua {
  --iti-flag-offset: -3584px !important;
}

.iti__ug {
  --iti-flag-offset: -3600px !important;
}

.iti__us {
  --iti-flag-offset: -3616px !important;
}

.iti__uy {
  --iti-flag-offset: -3632px !important;
}

.iti__uz {
  --iti-flag-offset: -3648px !important;
}

.iti__va {
  --iti-flag-offset: -3664px !important;
}

.iti__vc {
  --iti-flag-offset: -3680px !important;
}

.iti__ve {
  --iti-flag-offset: -3696px !important;
}

.iti__vg {
  --iti-flag-offset: -3712px !important;
}

.iti__vi {
  --iti-flag-offset: -3728px !important;
}

.iti__vn {
  --iti-flag-offset: -3744px !important;
}

.iti__vu {
  --iti-flag-offset: -3760px !important;
}

.iti__wf {
  --iti-flag-offset: -3776px !important;
}

.iti__ws {
  --iti-flag-offset: -3792px !important;
}

.iti__xk {
  --iti-flag-offset: -3808px !important;
}

.iti__ye {
  --iti-flag-offset: -3824px !important;
}

.iti__yt {
  --iti-flag-offset: -3840px !important;
}

.iti__za {
  --iti-flag-offset: -3856px !important;
}

.iti__zm {
  --iti-flag-offset: -3872px !important;
}

.iti__zw {
  --iti-flag-offset: -3888px !important;
}

.iti__globe {
  background: none !important;
  box-shadow: none !important;
  height: var(--iti-globe-height) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.iti__globe .iti__globe-svg {
  width: 100% !important;
  height: 100% !important;
  fill: var(--iti-icon-color) !important;
}

/* Browsers normally add a coloured outline when you focus an input. Chrome adds a blue outline WITHIN the input. If you focus the input and then hover the selected country, it's bg color square overlaps the focus outline and looks bad. Here, @supports is used to target Chrome only, and move the default outline out by 1px so there's no overlap. */
@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))) {
  .iti__tel-input:focus {
    outline-offset: 1px !important;
  }
}

:root {
  --iti-path-flags-1x: url('../images/flags.webp') !important;
  --iti-path-flags-2x: url('../images/flags@2x.webp') !important;
}