:root {
    --iti-flag-height: 12px;
    --iti-flag-width: 16px;
    --iti-path-flags-1x: url("flags.webp");
    --iti-path-flags-2x: url("flags@2x.webp");
    --iti-flag-sprite-width: 3904px;
    --iti-flag-sprite-height: 12px;
}


.iti-flag {
    --iti-flag-offset: 100px;
    height: var(--iti-flag-height);
    width: var(--iti-flag-width);
    border-radius: 1px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: var(--iti-path-flags-1x);
    background-repeat: no-repeat;
    background-position: var(--iti-flag-offset) 0;
    background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
    display: inline-block;
}

.iti-flag.ac {
    --iti-flag-offset: 0px;
}

.iti-flag.ad {
    --iti-flag-offset: -16px;
}

.iti-flag.ae {
    --iti-flag-offset: -32px;
}

.iti-flag.af {
    --iti-flag-offset: -48px;
}

.iti-flag.ag {
    --iti-flag-offset: -64px;
}

.iti-flag.ai {
    --iti-flag-offset: -80px;
}

.iti-flag.al {
    --iti-flag-offset: -96px;
}

.iti-flag.am {
    --iti-flag-offset: -112px;
}

.iti-flag.ao {
    --iti-flag-offset: -128px;
}

.iti-flag.ar {
    --iti-flag-offset: -144px;
}

.iti-flag.as {
    --iti-flag-offset: -160px;
}

.iti-flag.at {
    --iti-flag-offset: -176px;
}

.iti-flag.au {
    --iti-flag-offset: -192px;
}

.iti-flag.aw {
    --iti-flag-offset: -208px;
}

.iti-flag.ax {
    --iti-flag-offset: -224px;
}

.iti-flag.az {
    --iti-flag-offset: -240px;
}

.iti-flag.ba {
    --iti-flag-offset: -256px;
}

.iti-flag.bb {
    --iti-flag-offset: -272px;
}

.iti-flag.bd {
    --iti-flag-offset: -288px;
}

.iti-flag.be {
    --iti-flag-offset: -304px;
}

.iti-flag.bf {
    --iti-flag-offset: -320px;
}

.iti-flag.bg {
    --iti-flag-offset: -336px;
}

.iti-flag.bh {
    --iti-flag-offset: -352px;
}

.iti-flag.bi {
    --iti-flag-offset: -368px;
}

.iti-flag.bj {
    --iti-flag-offset: -384px;
}

.iti-flag.bl {
    --iti-flag-offset: -400px;
}

.iti-flag.bm {
    --iti-flag-offset: -416px;
}

.iti-flag.bn {
    --iti-flag-offset: -432px;
}

.iti-flag.bo {
    --iti-flag-offset: -448px;
}

.iti-flag.bq {
    --iti-flag-offset: -464px;
}

.iti-flag.br {
    --iti-flag-offset: -480px;
}

.iti-flag.bs {
    --iti-flag-offset: -496px;
}

.iti-flag.bt {
    --iti-flag-offset: -512px;
}

.iti-flag.bw {
    --iti-flag-offset: -528px;
}

.iti-flag.by {
    --iti-flag-offset: -544px;
}

.iti-flag.bz {
    --iti-flag-offset: -560px;
}

.iti-flag.ca {
    --iti-flag-offset: -576px;
}

.iti-flag.cc {
    --iti-flag-offset: -592px;
}

.iti-flag.cd {
    --iti-flag-offset: -608px;
}

.iti-flag.cf {
    --iti-flag-offset: -624px;
}

.iti-flag.cg {
    --iti-flag-offset: -640px;
}

.iti-flag.ch {
    --iti-flag-offset: -656px;
}

.iti-flag.ci {
    --iti-flag-offset: -672px;
}

.iti-flag.ck {
    --iti-flag-offset: -688px;
}

.iti-flag.cl {
    --iti-flag-offset: -704px;
}

.iti-flag.cm {
    --iti-flag-offset: -720px;
}

.iti-flag.cn {
    --iti-flag-offset: -736px;
}

.iti-flag.co {
    --iti-flag-offset: -752px;
}

.iti-flag.cr {
    --iti-flag-offset: -768px;
}

.iti-flag.cu {
    --iti-flag-offset: -784px;
}

.iti-flag.cv {
    --iti-flag-offset: -800px;
}

.iti-flag.cw {
    --iti-flag-offset: -816px;
}

.iti-flag.cx {
    --iti-flag-offset: -832px;
}

.iti-flag.cy {
    --iti-flag-offset: -848px;
}

.iti-flag.cz {
    --iti-flag-offset: -864px;
}

.iti-flag.de {
    --iti-flag-offset: -880px;
}

.iti-flag.dj {
    --iti-flag-offset: -896px;
}

.iti-flag.dk {
    --iti-flag-offset: -912px;
}

.iti-flag.dm {
    --iti-flag-offset: -928px;
}

.iti-flag.do {
    --iti-flag-offset: -944px;
}

.iti-flag.dz {
    --iti-flag-offset: -960px;
}

.iti-flag.ec {
    --iti-flag-offset: -976px;
}

.iti-flag.ee {
    --iti-flag-offset: -992px;
}

.iti-flag.eg {
    --iti-flag-offset: -1008px;
}

.iti-flag.eh {
    --iti-flag-offset: -1024px;
}

.iti-flag.er {
    --iti-flag-offset: -1040px;
}

.iti-flag.es {
    --iti-flag-offset: -1056px;
}

.iti-flag.et {
    --iti-flag-offset: -1072px;
}

.iti-flag.fi {
    --iti-flag-offset: -1088px;
}

.iti-flag.fj {
    --iti-flag-offset: -1104px;
}

.iti-flag.fk {
    --iti-flag-offset: -1120px;
}

.iti-flag.fm {
    --iti-flag-offset: -1136px;
}

.iti-flag.fo {
    --iti-flag-offset: -1152px;
}

.iti-flag.fr {
    --iti-flag-offset: -1168px;
}

.iti-flag.ga {
    --iti-flag-offset: -1184px;
}

.iti-flag.gb {
    --iti-flag-offset: -1200px;
}

.iti-flag.gd {
    --iti-flag-offset: -1216px;
}

.iti-flag.ge {
    --iti-flag-offset: -1232px;
}

.iti-flag.gf {
    --iti-flag-offset: -1248px;
}

.iti-flag.gg {
    --iti-flag-offset: -1264px;
}

.iti-flag.gh {
    --iti-flag-offset: -1280px;
}

.iti-flag.gi {
    --iti-flag-offset: -1296px;
}

.iti-flag.gl {
    --iti-flag-offset: -1312px;
}

.iti-flag.gm {
    --iti-flag-offset: -1328px;
}

.iti-flag.gn {
    --iti-flag-offset: -1344px;
}

.iti-flag.gp {
    --iti-flag-offset: -1360px;
}

.iti-flag.gq {
    --iti-flag-offset: -1376px;
}

.iti-flag.gr {
    --iti-flag-offset: -1392px;
}

.iti-flag.gt {
    --iti-flag-offset: -1408px;
}

.iti-flag.gu {
    --iti-flag-offset: -1424px;
}

.iti-flag.gw {
    --iti-flag-offset: -1440px;
}

.iti-flag.gy {
    --iti-flag-offset: -1456px;
}

.iti-flag.hk {
    --iti-flag-offset: -1472px;
}

.iti-flag.hn {
    --iti-flag-offset: -1488px;
}

.iti-flag.hr {
    --iti-flag-offset: -1504px;
}

.iti-flag.ht {
    --iti-flag-offset: -1520px;
}

.iti-flag.hu {
    --iti-flag-offset: -1536px;
}

.iti-flag.id {
    --iti-flag-offset: -1552px;
}

.iti-flag.ie {
    --iti-flag-offset: -1568px;
}

.iti-flag.il {
    --iti-flag-offset: -1584px;
}

.iti-flag.im {
    --iti-flag-offset: -1600px;
}

.iti-flag.in {
    --iti-flag-offset: -1616px;
}

.iti-flag.io {
    --iti-flag-offset: -1632px;
}

.iti-flag.iq {
    --iti-flag-offset: -1648px;
}

.iti-flag.ir {
    --iti-flag-offset: -1664px;
}

.iti-flag.is {
    --iti-flag-offset: -1680px;
}

.iti-flag.it {
    --iti-flag-offset: -1696px;
}

.iti-flag.je {
    --iti-flag-offset: -1712px;
}

.iti-flag.jm {
    --iti-flag-offset: -1728px;
}

.iti-flag.jo {
    --iti-flag-offset: -1744px;
}

.iti-flag.jp {
    --iti-flag-offset: -1760px;
}

.iti-flag.ke {
    --iti-flag-offset: -1776px;
}

.iti-flag.kg {
    --iti-flag-offset: -1792px;
}

.iti-flag.kh {
    --iti-flag-offset: -1808px;
}

.iti-flag.ki {
    --iti-flag-offset: -1824px;
}

.iti-flag.km {
    --iti-flag-offset: -1840px;
}

.iti-flag.kn {
    --iti-flag-offset: -1856px;
}

.iti-flag.kp {
    --iti-flag-offset: -1872px;
}

.iti-flag.kr {
    --iti-flag-offset: -1888px;
}

.iti-flag.kw {
    --iti-flag-offset: -1904px;
}

.iti-flag.ky {
    --iti-flag-offset: -1920px;
}

.iti-flag.kz {
    --iti-flag-offset: -1936px;
}

.iti-flag.la {
    --iti-flag-offset: -1952px;
}

.iti-flag.lb {
    --iti-flag-offset: -1968px;
}

.iti-flag.lc {
    --iti-flag-offset: -1984px;
}

.iti-flag.li {
    --iti-flag-offset: -2000px;
}

.iti-flag.lk {
    --iti-flag-offset: -2016px;
}

.iti-flag.lr {
    --iti-flag-offset: -2032px;
}

.iti-flag.ls {
    --iti-flag-offset: -2048px;
}

.iti-flag.lt {
    --iti-flag-offset: -2064px;
}

.iti-flag.lu {
    --iti-flag-offset: -2080px;
}

.iti-flag.lv {
    --iti-flag-offset: -2096px;
}

.iti-flag.ly {
    --iti-flag-offset: -2112px;
}

.iti-flag.ma {
    --iti-flag-offset: -2128px;
}

.iti-flag.mc {
    --iti-flag-offset: -2144px;
}

.iti-flag.md {
    --iti-flag-offset: -2160px;
}

.iti-flag.me {
    --iti-flag-offset: -2176px;
}

.iti-flag.mf {
    --iti-flag-offset: -2192px;
}

.iti-flag.mg {
    --iti-flag-offset: -2208px;
}

.iti-flag.mh {
    --iti-flag-offset: -2224px;
}

.iti-flag.mk {
    --iti-flag-offset: -2240px;
}

.iti-flag.ml {
    --iti-flag-offset: -2256px;
}

.iti-flag.mm {
    --iti-flag-offset: -2272px;
}

.iti-flag.mn {
    --iti-flag-offset: -2288px;
}

.iti-flag.mo {
    --iti-flag-offset: -2304px;
}

.iti-flag.mp {
    --iti-flag-offset: -2320px;
}

.iti-flag.mq {
    --iti-flag-offset: -2336px;
}

.iti-flag.mr {
    --iti-flag-offset: -2352px;
}

.iti-flag.ms {
    --iti-flag-offset: -2368px;
}

.iti-flag.mt {
    --iti-flag-offset: -2384px;
}

.iti-flag.mu {
    --iti-flag-offset: -2400px;
}

.iti-flag.mv {
    --iti-flag-offset: -2416px;
}

.iti-flag.mw {
    --iti-flag-offset: -2432px;
}

.iti-flag.mx {
    --iti-flag-offset: -2448px;
}

.iti-flag.my {
    --iti-flag-offset: -2464px;
}

.iti-flag.mz {
    --iti-flag-offset: -2480px;
}

.iti-flag.na {
    --iti-flag-offset: -2496px;
}

.iti-flag.nc {
    --iti-flag-offset: -2512px;
}

.iti-flag.ne {
    --iti-flag-offset: -2528px;
}

.iti-flag.nf {
    --iti-flag-offset: -2544px;
}

.iti-flag.ng {
    --iti-flag-offset: -2560px;
}

.iti-flag.ni {
    --iti-flag-offset: -2576px;
}

.iti-flag.nl {
    --iti-flag-offset: -2592px;
}

.iti-flag.no {
    --iti-flag-offset: -2608px;
}

.iti-flag.np {
    --iti-flag-offset: -2624px;
}

.iti-flag.nr {
    --iti-flag-offset: -2640px;
}

.iti-flag.nu {
    --iti-flag-offset: -2656px;
}

.iti-flag.nz {
    --iti-flag-offset: -2672px;
}

.iti-flag.om {
    --iti-flag-offset: -2688px;
}

.iti-flag.pa {
    --iti-flag-offset: -2704px;
}

.iti-flag.pe {
    --iti-flag-offset: -2720px;
}

.iti-flag.pf {
    --iti-flag-offset: -2736px;
}

.iti-flag.pg {
    --iti-flag-offset: -2752px;
}

.iti-flag.ph {
    --iti-flag-offset: -2768px;
}

.iti-flag.pk {
    --iti-flag-offset: -2784px;
}

.iti-flag.pl {
    --iti-flag-offset: -2800px;
}

.iti-flag.pm {
    --iti-flag-offset: -2816px;
}

.iti-flag.pr {
    --iti-flag-offset: -2832px;
}

.iti-flag.ps {
    --iti-flag-offset: -2848px;
}

.iti-flag.pt {
    --iti-flag-offset: -2864px;
}

.iti-flag.pw {
    --iti-flag-offset: -2880px;
}

.iti-flag.py {
    --iti-flag-offset: -2896px;
}

.iti-flag.qa {
    --iti-flag-offset: -2912px;
}

.iti-flag.re {
    --iti-flag-offset: -2928px;
}

.iti-flag.ro {
    --iti-flag-offset: -2944px;
}

.iti-flag.rs {
    --iti-flag-offset: -2960px;
}

.iti-flag.ru {
    --iti-flag-offset: -2976px;
}

.iti-flag.rw {
    --iti-flag-offset: -2992px;
}

.iti-flag.sa {
    --iti-flag-offset: -3008px;
}

.iti-flag.sb {
    --iti-flag-offset: -3024px;
}

.iti-flag.sc {
    --iti-flag-offset: -3040px;
}

.iti-flag.sd {
    --iti-flag-offset: -3056px;
}

.iti-flag.se {
    --iti-flag-offset: -3072px;
}

.iti-flag.sg {
    --iti-flag-offset: -3088px;
}

.iti-flag.sh {
    --iti-flag-offset: -3104px;
}

.iti-flag.si {
    --iti-flag-offset: -3120px;
}

.iti-flag.sj {
    --iti-flag-offset: -3136px;
}

.iti-flag.sk {
    --iti-flag-offset: -3152px;
}

.iti-flag.sl {
    --iti-flag-offset: -3168px;
}

.iti-flag.sm {
    --iti-flag-offset: -3184px;
}

.iti-flag.sn {
    --iti-flag-offset: -3200px;
}

.iti-flag.so {
    --iti-flag-offset: -3216px;
}

.iti-flag.sr {
    --iti-flag-offset: -3232px;
}

.iti-flag.ss {
    --iti-flag-offset: -3248px;
}

.iti-flag.st {
    --iti-flag-offset: -3264px;
}

.iti-flag.sv {
    --iti-flag-offset: -3280px;
}

.iti-flag.sx {
    --iti-flag-offset: -3296px;
}

.iti-flag.sy {
    --iti-flag-offset: -3312px;
}

.iti-flag.sz {
    --iti-flag-offset: -3328px;
}

.iti-flag.tc {
    --iti-flag-offset: -3344px;
}

.iti-flag.td {
    --iti-flag-offset: -3360px;
}

.iti-flag.tg {
    --iti-flag-offset: -3376px;
}

.iti-flag.th {
    --iti-flag-offset: -3392px;
}

.iti-flag.tj {
    --iti-flag-offset: -3408px;
}

.iti-flag.tk {
    --iti-flag-offset: -3424px;
}

.iti-flag.tl {
    --iti-flag-offset: -3440px;
}

.iti-flag.tm {
    --iti-flag-offset: -3456px;
}

.iti-flag.tn {
    --iti-flag-offset: -3472px;
}

.iti-flag.to {
    --iti-flag-offset: -3488px;
}

.iti-flag.tr {
    --iti-flag-offset: -3504px;
}

.iti-flag.tt {
    --iti-flag-offset: -3520px;
}

.iti-flag.tv {
    --iti-flag-offset: -3536px;
}

.iti-flag.tw {
    --iti-flag-offset: -3552px;
}

.iti-flag.tz {
    --iti-flag-offset: -3568px;
}

.iti-flag.ua {
    --iti-flag-offset: -3584px;
}

.iti-flag.ug {
    --iti-flag-offset: -3600px;
}

.iti-flag.us {
    --iti-flag-offset: -3616px;
}

.iti-flag.uy {
    --iti-flag-offset: -3632px;
}

.iti-flag.uz {
    --iti-flag-offset: -3648px;
}

.iti-flag.va {
    --iti-flag-offset: -3664px;
}

.iti-flag.vc {
    --iti-flag-offset: -3680px;
}

.iti-flag.ve {
    --iti-flag-offset: -3696px;
}

.iti-flag.vg {
    --iti-flag-offset: -3712px;
}

.iti-flag.vi {
    --iti-flag-offset: -3728px;
}

.iti-flag.vn {
    --iti-flag-offset: -3744px;
}

.iti-flag.vu {
    --iti-flag-offset: -3760px;
}

.iti-flag.wf {
    --iti-flag-offset: -3776px;
}

.iti-flag.ws {
    --iti-flag-offset: -3792px;
}

.iti-flag.xk {
    --iti-flag-offset: -3808px;
}

.iti-flag.ye {
    --iti-flag-offset: -3824px;
}

.iti-flag.yt {
    --iti-flag-offset: -3840px;
}

.iti-flag.za {
    --iti-flag-offset: -3856px;
}

.iti-flag.zm {
    --iti-flag-offset: -3872px;
}

.iti-flag.zw {
    --iti-flag-offset: -3888px;
}


.intl-tel-container {
    position: relative;
}

.selected-flag {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.selected-flag .flag-list {
    display: none;
    max-height: 200px;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 10000;
    background-color: #FFF;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    border: 1px solid #ccc;
    max-width: 80vw;
    width: 300px;
}

.selected-flag .flag-list li {
    padding: 5px 10px;
    margin: 0;
    cursor: pointer;
    transition: all ease-in 200ms;
    font-size: 13px;
    list-style: none;
}

.selected-flag .flag-list li:hover,
.selected-flag .flag-list li.active {
    background-color: rgba(0, 0, 0, .05);
}

.selected-flag .flag-list .country-name {
    margin-left: 6px;
    font-size: 13px;
    color: #333;
}

.selected-flag .flag-list .dial-code {
    margin-left: 6px;
    color: #999;
}

.selected-flag .flag {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0px 5px 0 15px;
    width: 50px;
    flex: 0 0 50px;
    position: relative;
}
.fixline .selected-flag .flag {
    padding-left: 5px;
    width: 40px;
    flex: 0 0 40px;
}

.selected-flag .flag::after {
    content: "";
    border: 4px solid transparent;
    border-bottom: none;
    border-top-color: currentColor;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -3px;
}