:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-text-gray: #999;
  --iti-border-gray: #ccc;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 15px;
  --iti-flag-width: 20px;
  --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-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));
  --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
  --iti-path-flags-1x: url("../img/flags@2x.png?1");
  --iti-path-flags-2x: url("../img/flags@2x.png?1");
  --iti-path-globe-1x: url("../img/globe.png");
  --iti-path-globe-2x: url("../img/globe@2x.png");
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: var(--iti-right-hand-selected-country-padding);
  margin-right: 0;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
  background: none;
  border: 0;
  margin: 0;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-gray);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__dropdown-content--dropup {
  bottom: 100%;
  margin-bottom: 3px;
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-gray);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: var(--iti-flag-width);
  border-radius: 50%;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: var(--iti-border-width) solid var(--iti-border-gray);
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
  justify-content: space-between;
}
.iti__dial-code {
  color: var(--iti-text-gray);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__country-name {
  width: 100%;
}
.iti__flag-box, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
  color: #ccc;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: var(--iti-input-padding);
  padding-left: var(--iti-selected-country-arrow-padding);
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: var(--iti-selected-country-arrow-padding);
  padding-left: var(--iti-input-padding);
  margin-right: 0;
}
.iti--allow-dropdown .iti__country-container, .iti--show-selected-dial-code .iti__country-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__country-container, [dir=rtl] .iti--show-selected-dial-code .iti__country-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__country-container:hover, .iti--allow-dropdown .iti__country-container:hover button {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:hover .iti__selected-country {
  background-color: var(--iti-hover-color);
}
.iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover {
  cursor: default;
}
.iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover .iti__selected-country,
.iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover .iti__selected-country {
  background-color: transparent;
}
.iti--show-selected-dial-code .iti__selected-country {
  background-color: var(--iti-hover-color);
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: var(--iti-arrow-padding);
}
[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: var(--iti-arrow-padding);
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-size: 5762px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 12px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cq {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1269px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1357px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1379px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1467px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1511px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1555px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1577px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1599px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1621px 0px;
}
.iti__flag.iti__ez {
  height: 14px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1731px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1775px 0px;
}
.iti__flag.iti__fx {
  height: 14px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1863px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2149px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2171px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2237px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2303px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2325px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2369px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2391px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2413px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2435px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2457px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2479px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2501px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2567px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2589px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2611px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2633px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2655px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2699px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2743px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2809px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2853px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2875px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2897px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2985px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -3051px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3073px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3095px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3117px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3139px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3161px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3183px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3205px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3226px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3270px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3556px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3622px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3666px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3688px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3710px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3732px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3752px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3774px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3818px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3840px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3862px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3899px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3921px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3965px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -4031px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4097px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4163px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4185px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4207px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4229px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4251px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4273px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4361px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4405px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4537px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4647px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4669px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4713px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4735px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4757px 0px;
}
.iti__flag.iti__su {
  height: 10px;
  background-position: -4779px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4801px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4823px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4889px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4911px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4977px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -5021px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5109px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5175px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5197px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5219px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5263px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uk {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5329px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5351px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5373px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5395px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5417px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5439px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5456px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5522px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5566px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5610px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5632px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5654px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5676px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5698px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5720px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5742px 0px;
}

.iti__flag {
  height: var(--iti-flag-height);
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-2x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-width) 0;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
}

.iti__globe {
  background-image: var(--iti-path-globe-2x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}
@media (min-resolution: 2x) {
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}









//========================================================================================================================================================
/* === Шаг 1: Отключаем стандартный спрайт флагов === */
.iti__flag {
  background-image: none !important;
  background-color: transparent !important;
  width: 25px !important;
  height: 25px !important;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: none !important;
}

/* Убираем внутренние отступы/марджины у флага */
.iti__flag-box {
  width: 25px;
  height: 25px;
}
/* === Шаг 2: Подставляем SVG-флаги через ::before для каждой страны === */
/* Используем общий паттерн: .iti__flag.iti__[код]::before */

.iti__flag.iti__ac::before,
.iti__flag.iti__ad::before,
.iti__flag.iti__ae::before,
.iti__flag.iti__af::before,
.iti__flag.iti__ag::before,
.iti__flag.iti__ai::before,
.iti__flag.iti__al::before,
.iti__flag.iti__am::before,
.iti__flag.iti__ao::before,
.iti__flag.iti__aq::before,
.iti__flag.iti__ar::before,
.iti__flag.iti__as::before,
.iti__flag.iti__at::before,
.iti__flag.iti__au::before,
.iti__flag.iti__aw::before,
.iti__flag.iti__ax::before,
.iti__flag.iti__az::before,
.iti__flag.iti__ba::before,
.iti__flag.iti__bb::before,
.iti__flag.iti__bd::before,
.iti__flag.iti__be::before,
.iti__flag.iti__bf::before,
.iti__flag.iti__bg::before,
.iti__flag.iti__bh::before,
.iti__flag.iti__bi::before,
.iti__flag.iti__bj::before,
.iti__flag.iti__bl::before,
.iti__flag.iti__bm::before,
.iti__flag.iti__bn::before,
.iti__flag.iti__bo::before,
.iti__flag.iti__bq::before,
.iti__flag.iti__br::before,
.iti__flag.iti__bs::before,
.iti__flag.iti__bt::before,
.iti__flag.iti__bv::before,
.iti__flag.iti__bw::before,
.iti__flag.iti__by::before,
.iti__flag.iti__bz::before,
.iti__flag.iti__ca::before,
.iti__flag.iti__cc::before,
.iti__flag.iti__cd::before,
.iti__flag.iti__cf::before,
.iti__flag.iti__cg::before,
.iti__flag.iti__ch::before,
.iti__flag.iti__ci::before,
.iti__flag.iti__ck::before,
.iti__flag.iti__cl::before,
.iti__flag.iti__cm::before,
.iti__flag.iti__cn::before,
.iti__flag.iti__co::before,
.iti__flag.iti__cp::before,
.iti__flag.iti__cq::before,
.iti__flag.iti__cr::before,
.iti__flag.iti__cu::before,
.iti__flag.iti__cv::before,
.iti__flag.iti__cw::before,
.iti__flag.iti__cx::before,
.iti__flag.iti__cy::before,
.iti__flag.iti__cz::before,
.iti__flag.iti__de::before,
.iti__flag.iti__dg::before,
.iti__flag.iti__dj::before,
.iti__flag.iti__dk::before,
.iti__flag.iti__dm::before,
.iti__flag.iti__do::before,
.iti__flag.iti__dz::before,
.iti__flag.iti__ea::before,
.iti__flag.iti__ec::before,
.iti__flag.iti__ee::before,
.iti__flag.iti__eg::before,
.iti__flag.iti__eh::before,
.iti__flag.iti__er::before,
.iti__flag.iti__es::before,
.iti__flag.iti__et::before,
.iti__flag.iti__eu::before,
.iti__flag.iti__ez::before,
.iti__flag.iti__fi::before,
.iti__flag.iti__fj::before,
.iti__flag.iti__fk::before,
.iti__flag.iti__fm::before,
.iti__flag.iti__fo::before,
.iti__flag.iti__fr::before,
.iti__flag.iti__fx::before,
.iti__flag.iti__ga::before,
.iti__flag.iti__gb::before,
.iti__flag.iti__gd::before,
.iti__flag.iti__ge::before,
.iti__flag.iti__gf::before,
.iti__flag.iti__gg::before,
.iti__flag.iti__gh::before,
.iti__flag.iti__gi::before,
.iti__flag.iti__gl::before,
.iti__flag.iti__gm::before,
.iti__flag.iti__gn::before,
.iti__flag.iti__gp::before,
.iti__flag.iti__gq::before,
.iti__flag.iti__gr::before,
.iti__flag.iti__gs::before,
.iti__flag.iti__gt::before,
.iti__flag.iti__gu::before,
.iti__flag.iti__gw::before,
.iti__flag.iti__gy::before,
.iti__flag.iti__hk::before,
.iti__flag.iti__hm::before,
.iti__flag.iti__hn::before,
.iti__flag.iti__hr::before,
.iti__flag.iti__ht::before,
.iti__flag.iti__hu::before,
.iti__flag.iti__ic::before,
.iti__flag.iti__id::before,
.iti__flag.iti__ie::before,
.iti__flag.iti__il::before,
.iti__flag.iti__im::before,
.iti__flag.iti__in::before,
.iti__flag.iti__io::before,
.iti__flag.iti__iq::before,
.iti__flag.iti__ir::before,
.iti__flag.iti__is::before,
.iti__flag.iti__it::before,
.iti__flag.iti__je::before,
.iti__flag.iti__jm::before,
.iti__flag.iti__jo::before,
.iti__flag.iti__jp::before,
.iti__flag.iti__ke::before,
.iti__flag.iti__kg::before,
.iti__flag.iti__kh::before,
.iti__flag.iti__ki::before,
.iti__flag.iti__km::before,
.iti__flag.iti__kn::before,
.iti__flag.iti__kp::before,
.iti__flag.iti__kr::before,
.iti__flag.iti__kw::before,
.iti__flag.iti__ky::before,
.iti__flag.iti__kz::before,
.iti__flag.iti__la::before,
.iti__flag.iti__lb::before,
.iti__flag.iti__lc::before,
.iti__flag.iti__li::before,
.iti__flag.iti__lk::before,
.iti__flag.iti__lr::before,
.iti__flag.iti__ls::before,
.iti__flag.iti__lt::before,
.iti__flag.iti__lu::before,
.iti__flag.iti__lv::before,
.iti__flag.iti__ly::before,
.iti__flag.iti__ma::before,
.iti__flag.iti__mc::before,
.iti__flag.iti__md::before,
.iti__flag.iti__me::before,
.iti__flag.iti__mf::before,
.iti__flag.iti__mg::before,
.iti__flag.iti__mh::before,
.iti__flag.iti__mk::before,
.iti__flag.iti__ml::before,
.iti__flag.iti__mm::before,
.iti__flag.iti__mn::before,
.iti__flag.iti__mo::before,
.iti__flag.iti__mp::before,
.iti__flag.iti__mq::before,
.iti__flag.iti__mr::before,
.iti__flag.iti__ms::before,
.iti__flag.iti__mt::before,
.iti__flag.iti__mu::before,
.iti__flag.iti__mv::before,
.iti__flag.iti__mw::before,
.iti__flag.iti__mx::before,
.iti__flag.iti__my::before,
.iti__flag.iti__mz::before,
.iti__flag.iti__na::before,
.iti__flag.iti__nc::before,
.iti__flag.iti__ne::before,
.iti__flag.iti__nf::before,
.iti__flag.iti__ng::before,
.iti__flag.iti__ni::before,
.iti__flag.iti__nl::before,
.iti__flag.iti__no::before,
.iti__flag.iti__np::before,
.iti__flag.iti__nr::before,
.iti__flag.iti__nu::before,
.iti__flag.iti__nz::before,
.iti__flag.iti__om::before,
.iti__flag.iti__pa::before,
.iti__flag.iti__pe::before,
.iti__flag.iti__pf::before,
.iti__flag.iti__pg::before,
.iti__flag.iti__ph::before,
.iti__flag.iti__pk::before,
.iti__flag.iti__pl::before,
.iti__flag.iti__pm::before,
.iti__flag.iti__pn::before,
.iti__flag.iti__pr::before,
.iti__flag.iti__ps::before,
.iti__flag.iti__pt::before,
.iti__flag.iti__pw::before,
.iti__flag.iti__py::before,
.iti__flag.iti__qa::before,
.iti__flag.iti__re::before,
.iti__flag.iti__ro::before,
.iti__flag.iti__rs::before,
.iti__flag.iti__ru::before,
.iti__flag.iti__rw::before,
.iti__flag.iti__sa::before,
.iti__flag.iti__sb::before,
.iti__flag.iti__sc::before,
.iti__flag.iti__sd::before,
.iti__flag.iti__se::before,
.iti__flag.iti__sg::before,
.iti__flag.iti__sh::before,
.iti__flag.iti__si::before,
.iti__flag.iti__sj::before,
.iti__flag.iti__sk::before,
.iti__flag.iti__sl::before,
.iti__flag.iti__sm::before,
.iti__flag.iti__sn::before,
.iti__flag.iti__so::before,
.iti__flag.iti__sr::before,
.iti__flag.iti__ss::before,
.iti__flag.iti__st::before,
.iti__flag.iti__su::before,
.iti__flag.iti__sv::before,
.iti__flag.iti__sx::before,
.iti__flag.iti__sy::before,
.iti__flag.iti__sz::before,
.iti__flag.iti__ta::before,
.iti__flag.iti__tc::before,
.iti__flag.iti__td::before,
.iti__flag.iti__tf::before,
.iti__flag.iti__tg::before,
.iti__flag.iti__th::before,
.iti__flag.iti__tj::before,
.iti__flag.iti__tk::before,
.iti__flag.iti__tl::before,
.iti__flag.iti__tm::before,
.iti__flag.iti__tn::before,
.iti__flag.iti__to::before,
.iti__flag.iti__tr::before,
.iti__flag.iti__tt::before,
.iti__flag.iti__tv::before,
.iti__flag.iti__tw::before,
.iti__flag.iti__tz::before,
.iti__flag.iti__ua::before,
.iti__flag.iti__ug::before,
.iti__flag.iti__uk::before,
.iti__flag.iti__um::before,
.iti__flag.iti__un::before,
.iti__flag.iti__us::before,
.iti__flag.iti__uy::before,
.iti__flag.iti__uz::before,
.iti__flag.iti__va::before,
.iti__flag.iti__vc::before,
.iti__flag.iti__ve::before,
.iti__flag.iti__vg::before,
.iti__flag.iti__vi::before,
.iti__flag.iti__vn::before,
.iti__flag.iti__vu::before,
.iti__flag.iti__wf::before,
.iti__flag.iti__ws::before,
.iti__flag.iti__xk::before,
.iti__flag.iti__ye::before,
.iti__flag.iti__yt::before,
.iti__flag.iti__za::before,
.iti__flag.iti__zm::before,
.iti__flag.iti__zw::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
}

/* Россия */
.iti__flag.iti__ru::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/ru.svg'); background-size: 24px;}
/* Беларусь */
.iti__flag.iti__by::before {
   background-image: url('https://hatscripts.github.io/circle-flags/flags/by.svg');
    background-size: 24px;

  }
/* Казахстан */
.iti__flag.iti__kz::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/kz.svg'); background-size: 24px;}
/* Украина */
.iti__flag.iti__ua::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/ua.svg'); background-size: 24px;}
/* Узбекистан */
.iti__flag.iti__uz::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/uz.svg'); background-size: 24px;}
/* Киргизия */
.iti__flag.iti__kg::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/kg.svg'); background-size: 24px;}
/* Молдова */
.iti__flag.iti__md::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/md.svg'); background-size: 24px;}
/* США */
.iti__flag.iti__us::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/us.svg'); background-size: 24px;}
/* Германия */
.iti__flag.iti__de::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/de.svg'); background-size: 24px;}
/* Франция */
.iti__flag.iti__fr::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/fr.svg'); background-size: 24px;}
/* Великобритания */
.iti__flag.iti__gb::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/gb.svg'); background-size: 24px;}
/* Китай */
.iti__flag.iti__cn::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/cn.svg'); background-size: 24px;}
/* Индия */
.iti__flag.iti__in::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/in.svg'); background-size: 24px;}
/* Япония */
.iti__flag.iti__jp::before { background-image: url('https://hatscripts.github.io/circle-flags/flags/jp.svg'); background-size: 24px;}

.iti__flag.iti__ac::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ac.svg');
  background-size: 24px;
}
.iti__flag.iti__ad::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ad.svg');
  background-size: 24px;
}
.iti__flag.iti__ae::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ae.svg');
  background-size: 24px;
}
.iti__flag.iti__af::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/af.svg');
  background-size: 24px;
}
.iti__flag.iti__ag::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ag.svg');
  background-size: 24px;
}
.iti__flag.iti__ai::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ai.svg');
  background-size: 24px;
}
.iti__flag.iti__al::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/al.svg');
  background-size: 24px;
}
.iti__flag.iti__am::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/am.svg');
  background-size: 24px;
}
.iti__flag.iti__ao::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ao.svg');
  background-size: 24px;
}
.iti__flag.iti__aq::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/aq.svg');
  background-size: 24px;
}
.iti__flag.iti__ar::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ar.svg');
  background-size: 24px;
}
.iti__flag.iti__as::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/as.svg');
  background-size: 24px;
}
.iti__flag.iti__at::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/at.svg');
  background-size: 24px;
}
.iti__flag.iti__au::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/au.svg');
  background-size: 24px;
}
.iti__flag.iti__aw::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/aw.svg');
  background-size: 24px;
}
.iti__flag.iti__ax::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ax.svg');
  background-size: 24px;
}
.iti__flag.iti__az::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/az.svg');
  background-size: 24px;
}
.iti__flag.iti__ba::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ba.svg');
  background-size: 24px;
}
.iti__flag.iti__bb::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bb.svg');
  background-size: 24px;
}
.iti__flag.iti__bd::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bd.svg');
  background-size: 24px;
}
.iti__flag.iti__be::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/be.svg');
  background-size: 24px;
}
.iti__flag.iti__bf::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bf.svg');
  background-size: 24px;
}
.iti__flag.iti__bg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bg.svg');
  background-size: 24px;
}
.iti__flag.iti__bh::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bh.svg');
  background-size: 24px;
}
.iti__flag.iti__bi::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bi.svg');
  background-size: 24px;
}
.iti__flag.iti__bj::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bj.svg');
  background-size: 24px;
}
.iti__flag.iti__bl::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bl.svg');
  background-size: 24px;
}
.iti__flag.iti__bm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bm.svg');
  background-size: 24px;
}
.iti__flag.iti__bn::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bn.svg');
  background-size: 24px;
}
.iti__flag.iti__bo::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bo.svg');
  background-size: 24px;
}
.iti__flag.iti__bq::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bq.svg');
  background-size: 24px;
}
.iti__flag.iti__br::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/br.svg');
  background-size: 24px;
}
.iti__flag.iti__bs::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bs.svg');
  background-size: 24px;
}
.iti__flag.iti__bt::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bt.svg');
  background-size: 24px;
}
.iti__flag.iti__bv::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bv.svg');
  background-size: 24px;
}
.iti__flag.iti__bw::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bw.svg');
  background-size: 24px;
}
.iti__flag.iti__by::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/by.svg');
  background-size: 24px;
}
.iti__flag.iti__bz::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/bz.svg');
  background-size: 24px;
}
.iti__flag.iti__ca::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ca.svg');
  background-size: 24px;
}
.iti__flag.iti__cc::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cc.svg');
  background-size: 24px;
}
.iti__flag.iti__cd::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cd.svg');
  background-size: 24px;
}
.iti__flag.iti__cf::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cf.svg');
  background-size: 24px;
}
.iti__flag.iti__cg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cg.svg');
  background-size: 24px;
}
.iti__flag.iti__ch::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ch.svg');
  background-size: 24px;
}
.iti__flag.iti__ci::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ci.svg');
  background-size: 24px;
}
.iti__flag.iti__ck::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ck.svg');
  background-size: 24px;
}
.iti__flag.iti__cl::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cl.svg');
  background-size: 24px;
}
.iti__flag.iti__cm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cm.svg');
  background-size: 24px;
}
.iti__flag.iti__cn::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cn.svg');
  background-size: 24px;
}
.iti__flag.iti__co::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/co.svg');
  background-size: 24px;
}
.iti__flag.iti__cp::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cp.svg');
  background-size: 24px;
}
.iti__flag.iti__cq::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cq.svg');
  background-size: 24px;
}
.iti__flag.iti__cr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cr.svg');
  background-size: 24px;
}
.iti__flag.iti__cu::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cu.svg');
  background-size: 24px;
}
.iti__flag.iti__cv::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cv.svg');
  background-size: 24px;
}
.iti__flag.iti__cw::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cw.svg');
  background-size: 24px;
}
.iti__flag.iti__cx::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cx.svg');
  background-size: 24px;
}
.iti__flag.iti__cy::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cy.svg');
  background-size: 24px;
}
.iti__flag.iti__cz::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/cz.svg');
  background-size: 24px;
}
.iti__flag.iti__de::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/de.svg');
  background-size: 24px;
}
.iti__flag.iti__dg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/dg.svg');
  background-size: 24px;
}
.iti__flag.iti__dj::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/dj.svg');
  background-size: 24px;
}
.iti__flag.iti__dk::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/dk.svg');
  background-size: 24px;
}
.iti__flag.iti__dm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/dm.svg');
  background-size: 24px;
}
.iti__flag.iti__do::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/do.svg');
  background-size: 24px;
}
.iti__flag.iti__dz::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/dz.svg');
  background-size: 24px;
}
.iti__flag.iti__ea::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ea.svg');
  background-size: 24px;
}
.iti__flag.iti__ec::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ec.svg');
  background-size: 24px;
}
.iti__flag.iti__ee::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ee.svg');
  background-size: 24px;
}
.iti__flag.iti__eg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/eg.svg');
  background-size: 24px;
}
.iti__flag.iti__eh::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/eh.svg');
  background-size: 24px;
}
.iti__flag.iti__er::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/er.svg');
  background-size: 24px;
}
.iti__flag.iti__es::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/es.svg');
  background-size: 24px;
}
.iti__flag.iti__et::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/et.svg');
  background-size: 24px;
}
.iti__flag.iti__eu::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/eu.svg');
  background-size: 24px;
}
.iti__flag.iti__ez::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ez.svg');
  background-size: 24px;
}
.iti__flag.iti__fi::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/fi.svg');
  background-size: 24px;
}
.iti__flag.iti__fj::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/fj.svg');
  background-size: 24px;
}
.iti__flag.iti__fk::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/fk.svg');
  background-size: 24px;
}
.iti__flag.iti__fm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/fm.svg');
  background-size: 24px;
}
.iti__flag.iti__fo::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/fo.svg');
  background-size: 24px;
}
.iti__flag.iti__fr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/fr.svg');
  background-size: 24px;
}
.iti__flag.iti__fx::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/fx.svg');
  background-size: 24px;
}
.iti__flag.iti__ga::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ga.svg');
  background-size: 24px;
}
.iti__flag.iti__gb::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gb.svg');
  background-size: 24px;
}
.iti__flag.iti__gd::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gd.svg');
  background-size: 24px;
}
.iti__flag.iti__ge::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ge.svg');
  background-size: 24px;
}
.iti__flag.iti__gf::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gf.svg');
  background-size: 24px;
}
.iti__flag.iti__gg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gg.svg');
  background-size: 24px;
}
.iti__flag.iti__gh::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gh.svg');
  background-size: 24px;
}
.iti__flag.iti__gi::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gi.svg');
  background-size: 24px;
}
.iti__flag.iti__gl::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gl.svg');
  background-size: 24px;
}
.iti__flag.iti__gm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gm.svg');
  background-size: 24px;
}
.iti__flag.iti__gn::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gn.svg');
  background-size: 24px;
}
.iti__flag.iti__gp::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gp.svg');
  background-size: 24px;
}
.iti__flag.iti__gq::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gq.svg');
  background-size: 24px;
}
.iti__flag.iti__gr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gr.svg');
  background-size: 24px;
}
.iti__flag.iti__gs::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gs.svg');
  background-size: 24px;
}
.iti__flag.iti__gt::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gt.svg');
  background-size: 24px;
}
.iti__flag.iti__gu::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gu.svg');
  background-size: 24px;
}
.iti__flag.iti__gw::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gw.svg');
  background-size: 24px;
}
.iti__flag.iti__gy::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/gy.svg');
  background-size: 24px;
}
.iti__flag.iti__hk::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/hk.svg');
  background-size: 24px;
}
.iti__flag.iti__hm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/hm.svg');
  background-size: 24px;
}
.iti__flag.iti__hn::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/hn.svg');
  background-size: 24px;
}
.iti__flag.iti__hr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/hr.svg');
  background-size: 24px;
}
.iti__flag.iti__ht::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ht.svg');
  background-size: 24px;
}
.iti__flag.iti__hu::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/hu.svg');
  background-size: 24px;
}
.iti__flag.iti__ic::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ic.svg');
  background-size: 24px;
}
.iti__flag.iti__id::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/id.svg');
  background-size: 24px;
}
.iti__flag.iti__ie::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ie.svg');
  background-size: 24px;
}
.iti__flag.iti__il::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/il.svg');
  background-size: 24px;
}
.iti__flag.iti__im::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/im.svg');
  background-size: 24px;
}
.iti__flag.iti__in::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/in.svg');
  background-size: 24px;
}
.iti__flag.iti__io::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/io.svg');
  background-size: 24px;
}
.iti__flag.iti__iq::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/iq.svg');
  background-size: 24px;
}
.iti__flag.iti__ir::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ir.svg');
  background-size: 24px;
}
.iti__flag.iti__is::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/is.svg');
  background-size: 24px;
}
.iti__flag.iti__it::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/it.svg');
  background-size: 24px;
}
.iti__flag.iti__je::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/je.svg');
  background-size: 24px;
}
.iti__flag.iti__jm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/jm.svg');
  background-size: 24px;
}
.iti__flag.iti__jo::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/jo.svg');
  background-size: 24px;
}
.iti__flag.iti__jp::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/jp.svg');
  background-size: 24px;
}
.iti__flag.iti__ke::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ke.svg');
  background-size: 24px;
}
.iti__flag.iti__kg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/kg.svg');
  background-size: 24px;
}
.iti__flag.iti__kh::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/kh.svg');
  background-size: 24px;
}
.iti__flag.iti__ki::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ki.svg');
  background-size: 24px;
}
.iti__flag.iti__km::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/km.svg');
  background-size: 24px;
}
.iti__flag.iti__kn::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/kn.svg');
  background-size: 24px;
}
.iti__flag.iti__kp::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/kp.svg');
  background-size: 24px;
}
.iti__flag.iti__kr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/kr.svg');
  background-size: 24px;
}
.iti__flag.iti__kw::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/kw.svg');
  background-size: 24px;
}
.iti__flag.iti__ky::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ky.svg');
  background-size: 24px;
}
.iti__flag.iti__kz::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/kz.svg');
  background-size: 24px;
}
.iti__flag.iti__la::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/la.svg');
  background-size: 24px;
}
.iti__flag.iti__lb::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/lb.svg');
  background-size: 24px;
}
.iti__flag.iti__lc::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/lc.svg');
  background-size: 24px;
}
.iti__flag.iti__li::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/li.svg');
  background-size: 24px;
}
.iti__flag.iti__lk::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/lk.svg');
  background-size: 24px;
}
.iti__flag.iti__lr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/lr.svg');
  background-size: 24px;
}
.iti__flag.iti__ls::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ls.svg');
  background-size: 24px;
}
.iti__flag.iti__lt::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/lt.svg');
  background-size: 24px;
}
.iti__flag.iti__lu::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/lu.svg');
  background-size: 24px;
}
.iti__flag.iti__lv::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/lv.svg');
  background-size: 24px;
}
.iti__flag.iti__ly::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ly.svg');
  background-size: 24px;
}
.iti__flag.iti__ma::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ma.svg');
  background-size: 24px;
}
.iti__flag.iti__mc::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mc.svg');
  background-size: 24px;
}
.iti__flag.iti__md::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/md.svg');
  background-size: 24px;
}
.iti__flag.iti__me::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/me.svg');
  background-size: 24px;
}
.iti__flag.iti__mf::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mf.svg');
  background-size: 24px;
}
.iti__flag.iti__mg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mg.svg');
  background-size: 24px;
}
.iti__flag.iti__mh::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mh.svg');
  background-size: 24px;
}
.iti__flag.iti__mk::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mk.svg');
  background-size: 24px;
}
.iti__flag.iti__ml::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ml.svg');
  background-size: 24px;
}
.iti__flag.iti__mm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mm.svg');
  background-size: 24px;
}
.iti__flag.iti__mn::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mn.svg');
  background-size: 24px;
}
.iti__flag.iti__mo::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mo.svg');
  background-size: 24px;
}
.iti__flag.iti__mp::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mp.svg');
  background-size: 24px;
}
.iti__flag.iti__mq::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mq.svg');
  background-size: 24px;
}
.iti__flag.iti__mr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mr.svg');
  background-size: 24px;
}
.iti__flag.iti__ms::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ms.svg');
  background-size: 24px;
}
.iti__flag.iti__mt::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mt.svg');
  background-size: 24px;
}
.iti__flag.iti__mu::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mu.svg');
  background-size: 24px;
}
.iti__flag.iti__mv::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mv.svg');
  background-size: 24px;
}
.iti__flag.iti__mw::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mw.svg');
  background-size: 24px;
}
.iti__flag.iti__mx::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mx.svg');
  background-size: 24px;
}
.iti__flag.iti__my::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/my.svg');
  background-size: 24px;
}
.iti__flag.iti__mz::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/mz.svg');
  background-size: 24px;
}
.iti__flag.iti__na::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/na.svg');
  background-size: 24px;
}
.iti__flag.iti__nc::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/nc.svg');
  background-size: 24px;
}
.iti__flag.iti__ne::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ne.svg');
  background-size: 24px;
}
.iti__flag.iti__nf::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/nf.svg');
  background-size: 24px;
}
.iti__flag.iti__ng::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ng.svg');
  background-size: 24px;
}
.iti__flag.iti__ni::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ni.svg');
  background-size: 24px;
}
.iti__flag.iti__nl::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/nl.svg');
  background-size: 24px;
}
.iti__flag.iti__no::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/no.svg');
  background-size: 24px;
}
.iti__flag.iti__np::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/np.svg');
  background-size: 24px;
}
.iti__flag.iti__nr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/nr.svg');
  background-size: 24px;
}
.iti__flag.iti__nu::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/nu.svg');
  background-size: 24px;
}
.iti__flag.iti__nz::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/nz.svg');
  background-size: 24px;
}
.iti__flag.iti__om::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/om.svg');
  background-size: 24px;
}
.iti__flag.iti__pa::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pa.svg');
  background-size: 24px;
}
.iti__flag.iti__pe::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pe.svg');
  background-size: 24px;
}
.iti__flag.iti__pf::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pf.svg');
  background-size: 24px;
}
.iti__flag.iti__pg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pg.svg');
  background-size: 24px;
}
.iti__flag.iti__ph::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ph.svg');
  background-size: 24px;
}
.iti__flag.iti__pk::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pk.svg');
  background-size: 24px;
}
.iti__flag.iti__pl::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pl.svg');
  background-size: 24px;
}
.iti__flag.iti__pm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pm.svg');
  background-size: 24px;
}
.iti__flag.iti__pn::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pn.svg');
  background-size: 24px;
}
.iti__flag.iti__pr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pr.svg');
  background-size: 24px;
}
.iti__flag.iti__ps::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ps.svg');
  background-size: 24px;
}
.iti__flag.iti__pt::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pt.svg');
  background-size: 24px;
}
.iti__flag.iti__pw::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/pw.svg');
  background-size: 24px;
}
.iti__flag.iti__py::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/py.svg');
  background-size: 24px;
}
.iti__flag.iti__qa::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/qa.svg');
  background-size: 24px;
}
.iti__flag.iti__re::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/re.svg');
  background-size: 24px;
}
.iti__flag.iti__ro::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ro.svg');
  background-size: 24px;
}
.iti__flag.iti__rs::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/rs.svg');
  background-size: 24px;
}
.iti__flag.iti__ru::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ru.svg');
  background-size: 24px;
}
.iti__flag.iti__rw::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/rw.svg');
  background-size: 24px;
}
.iti__flag.iti__sa::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sa.svg');
  background-size: 24px;
}
.iti__flag.iti__sb::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sb.svg');
  background-size: 24px;
}
.iti__flag.iti__sc::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sc.svg');
  background-size: 24px;
}
.iti__flag.iti__sd::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sd.svg');
  background-size: 24px;
}
.iti__flag.iti__se::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/se.svg');
  background-size: 24px;
}
.iti__flag.iti__sg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sg.svg');
  background-size: 24px;
}
.iti__flag.iti__sh::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sh.svg');
  background-size: 24px;
}
.iti__flag.iti__si::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/si.svg');
  background-size: 24px;
}
.iti__flag.iti__sj::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sj.svg');
  background-size: 24px;
}
.iti__flag.iti__sk::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sk.svg');
  background-size: 24px;
}
.iti__flag.iti__sl::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sl.svg');
  background-size: 24px;
}
.iti__flag.iti__sm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sm.svg');
  background-size: 24px;
}
.iti__flag.iti__sn::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sn.svg');
  background-size: 24px;
}
.iti__flag.iti__so::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/so.svg');
  background-size: 24px;
}
.iti__flag.iti__sr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sr.svg');
  background-size: 24px;
}
.iti__flag.iti__ss::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ss.svg');
  background-size: 24px;
}
.iti__flag.iti__st::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/st.svg');
  background-size: 24px;
}
.iti__flag.iti__su::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/su.svg');
  background-size: 24px;
}
.iti__flag.iti__sv::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sv.svg');
  background-size: 24px;
}
.iti__flag.iti__sx::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sx.svg');
  background-size: 24px;
}
.iti__flag.iti__sy::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sy.svg');
  background-size: 24px;
}
.iti__flag.iti__sz::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/sz.svg');
  background-size: 24px;
}
.iti__flag.iti__ta::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ta.svg');
  background-size: 24px;
}
.iti__flag.iti__tc::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tc.svg');
  background-size: 24px;
}
.iti__flag.iti__td::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/td.svg');
  background-size: 24px;
}
.iti__flag.iti__tf::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tf.svg');
  background-size: 24px;
}
.iti__flag.iti__tg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tg.svg');
  background-size: 24px;
}
.iti__flag.iti__th::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/th.svg');
  background-size: 24px;
}
.iti__flag.iti__tj::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tj.svg');
  background-size: 24px;
}
.iti__flag.iti__tk::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tk.svg');
  background-size: 24px;
}
.iti__flag.iti__tl::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tl.svg');
  background-size: 24px;
}
.iti__flag.iti__tm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tm.svg');
  background-size: 24px;
}
.iti__flag.iti__tn::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tn.svg');
  background-size: 24px;
}
.iti__flag.iti__to::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/to.svg');
  background-size: 24px;
}
.iti__flag.iti__tr::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tr.svg');
  background-size: 24px;
}
.iti__flag.iti__tt::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tt.svg');
  background-size: 24px;
}
.iti__flag.iti__tv::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tv.svg');
  background-size: 24px;
}
.iti__flag.iti__tw::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tw.svg');
  background-size: 24px;
}
.iti__flag.iti__tz::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/tz.svg');
  background-size: 24px;
}
.iti__flag.iti__ua::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ua.svg');
  background-size: 24px;
}
.iti__flag.iti__ug::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ug.svg');
  background-size: 24px;
}
.iti__flag.iti__uk::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/uk.svg');
  background-size: 24px;
}
.iti__flag.iti__um::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/um.svg');
  background-size: 24px;
}
.iti__flag.iti__un::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/un.svg');
  background-size: 24px;
}
.iti__flag.iti__us::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/us.svg');
  background-size: 24px;
}
.iti__flag.iti__uy::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/uy.svg');
  background-size: 24px;
}
.iti__flag.iti__uz::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/uz.svg');
  background-size: 24px;
}
.iti__flag.iti__va::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/va.svg');
  background-size: 24px;
}
.iti__flag.iti__vc::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/vc.svg');
  background-size: 24px;
}
.iti__flag.iti__ve::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ve.svg');
  background-size: 24px;
}
.iti__flag.iti__vg::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/vg.svg');
  background-size: 24px;
}
.iti__flag.iti__vi::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/vi.svg');
  background-size: 24px;
}
.iti__flag.iti__vn::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/vn.svg');
  background-size: 24px;
}
.iti__flag.iti__vu::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/vu.svg');
  background-size: 24px;
}
.iti__flag.iti__wf::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/wf.svg');
  background-size: 24px;
}
.iti__flag.iti__ws::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ws.svg');
  background-size: 24px;
}
.iti__flag.iti__xk::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/xk.svg');
  background-size: 24px;
}
.iti__flag.iti__ye::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/ye.svg');
  background-size: 24px;
}
.iti__flag.iti__yt::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/yt.svg');
  background-size: 24px;
}
.iti__flag.iti__za::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/za.svg');
  background-size: 24px;
}
.iti__flag.iti__zm::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/zm.svg');
  background-size: 24px;
}
.iti__flag.iti__zw::before {
  background-image: url('https://hatscripts.github.io/circle-flags/flags/zw.svg');
  background-size: 24px;
}
.iti__flag::before {
  width: 24px;
  height: 24px;

 
}
.iti__flag-box {
  position: relative;
  
}
.iti__selected-country .iti__flag::before {
  left: 9px;
    top: 9px;
    
  }
.iti__flag-box.iti__flag::before {
  left: 9px;
    top: 9px;
    
  }
.iti__flag {
 background-image: none !important;
 box-shadow: none !important;
}
/* ... добавляй по необходимости */

/* === Поле ввода телефона === */
.iti__tel-input {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.01rem;
  padding-left: 48px !important; /* под флаг слева */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 47px;
  background: #FFFFFF;
  border: none;
  border-radius: 10px;
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
}

/* === Кнопка выбранной страны (слева от инпута) === */
.iti__selected-country {
  width: 44px;
  height: 47px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  border: none;
  cursor: pointer;
}

/* При наведении на кнопку выбора */
.iti__selected-country:hover {
  background-color: #f1f1f1;
}

/* Убираем стрелку (если не нужна) */
.iti__arrow {
  display: none !important;
}

/* === Выпадающий список стран === */
.iti__dropdown-content {
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: white;
  border: none;
  width: 320px !important; /* соответствует твоему примеру */
  overflow: hidden;
}

/* Поиск в списке */
.iti__search-input {
  padding: 9px 12px;
  border: none;
  border-bottom: 1px solid #eee;
  outline: none;
  font-size: 14px;
}

/* Список стран */
.iti__country-list {
  max-height: 200px;
  overflow-y: auto;
  padding: 8px 0;
  list-style: none;
  margin: 0;
}

/* Элемент страны в списке */
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  gap: 8px;
  border-radius: 5px;
  margin: 0 5px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.iti__country:hover,
.iti__country.iti__highlight {
  background-color: #f0f0f0;
}

/* Текст страны и код */
.iti__country-name {
  flex: 1;
  font-size: 14px;
  color: #333;
}

.iti__dial-code {
  color: var(--iti-text-gray);
  font-size: 14px;
  margin-left: auto;
}

/* Флаг внутри списка */
.iti__flag-box {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}


 .form__line.form-line-phone {
   display: flex;
   flex-direction: column;
}
.iti__selected-flag {
   width: fit-content;
   display: flex;
   align-items: center;
   gap: 5px;
 
}

.iti__flag-container {
   width: 100%;
}
.iti__country-list {
   top: calc(100% + 5px);
   width: 100%;
}



.iti__country-list {
   margin-right: 5px;
}

.iti__country-list::-webkit-scrollbar {
  width: 2px;
}

.iti__country-list::-webkit-scrollbar-track {
  background: #ccc;
  border-radius: 3px;
}

.iti__country-list::-webkit-scrollbar-thumb {
  background: #5267ff;
  border-radius: 3px;
}
.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
}

.iti {
	padding-block: 16px;
    padding-inline: 20px;
    border-radius: 10px !important;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.iti .input {
	padding-block: 0 !important;
    padding-inline: 0 !important;
	padding-left: 0 !important;
	width: calc(100% - 65px);
    border-radius: none !important;
    border: none !important;
    background-color: transparent !important;
	z-index: 3 !important;
	float: right !important;
	position: relative;
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

.iti__selected-flag {
  height: 100%;
      z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 3px 0 3px;
    cursor: pointer;
    transition: all ease .3s;
    border-radius: 5px;
    outline: transparent;
}
.iti__selected-flag:hover {
  background: #f0f0f0;
}
.iti__selected-flag .iti__flag {
  width: 30px;
}
.iti {
  width: 100%;
}
.iti__selected-flag .iti__flag::before {
  top: 15px;
  left: 10px;
  }
  .iti__selected-dial-code {
    font-size: 16px;
    line-height: normal;
    color: #575c6a;
    padding-right: 3px;
  }
.input._phone-input {
  position: relative;
}
.iti__country-list {
  border-radius: 5px;
  border: 5px solid transparent;
}