.tpp-flex{
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.tpp-flex-col{
	flex-shrink: 1;
	flex-grow: 1;
    width: 100%;
}
@media (min-width:768px){
	.tpp-flex{
		flex-direction: row;
	}
    .tpp-flex-col.tpp-half-col{
        width: 50%;
    }
}
.zfm-mb-20{
    margin-bottom: 20px;
}
form.zfm-form .zf-errorMessage{
	color: red;
	font-size: 0.8rem;
    padding: 3px 5px;
    margin-bottom: 0px;
}
.zfm-notification{
    padding:5px 10px 3px;
    margin-top:10px;
    margin-bottom:10px;
    display:inline-block;
}
.zfm-notification.zfm-notif-error{
    background:rgb(187, 162, 162);
    border-left: 4px solid rgb(178, 41, 41);
}
.zfm-notification.zfm-notif-success{
    background:rgb(156, 192, 184);
    border-left: 4px solid rgb(41, 178, 147);
}
.zfm-newsletter-row{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    justify-content: flex-start;
    align-items: stretch;
}
.zfm-newsletter-row:last-child{
    margin-bottom: 0;
}
.zfm-newsletter-row .zfm-newsletter-col{
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex-grow: 0;
    flex-shrink: 0;
    width:100%;
}
.zfm-newsletter-row .zfm-newsletter-col.zfm-shrink-and-grow{
    flex-grow: 1;
    flex-shrink: 1;
}

.zfm-file-box{
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 30px 15px;
    border: 1px dashed #ccc;
    border-radius: 25px;
    background: #f9f9f9;
    position: relative;
}
.zfm-file-box input[type=file]{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    opacity: 0;
}
.zfm-file-box .zfm-file-select{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #666;
    padding: 10px 15px;
    border: 2px dashed #adadad;
    border-radius: 25px;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.2s ease-in-out;
}
.zfm-file-list {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.zfm-file-item {
    background: #f3f3f3;
    border-radius: 6px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.95em;
}
.zfm-file-remove {
    background: none !important;
    border: none !important;
    color: #666 !important;
    font-weight: normal !important;
    cursor: pointer;
    margin-left: 10px;
    font-size: 1em !important;
}
.zfm-file-remove:hover {
    text-decoration: underline;
}

.zfm-phone-wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
}

.zfm-phone-wrapper input[type="text"] {
    border: 1px solid #ccc;
    font-size: 1rem;
    padding: 0.75em;
    outline: none;
    background: #fff;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.zfm-phone-wrapper input[valType="code"] {
    width: 0px;
    height: 0px;
    opacity: 0;
    padding: 0px;
    margin:0px;
    /* border-radius: 25px 0 0 25px !important;
    border-right: none;
    width: 90px;
    min-width: 70px;
    max-width: 110px;
    text-align: center; */
}
.country-selector{
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #cdcdcd;
    border-radius: 25px 0 0 25px !important;
    border-right: none;
    width: 110px;
    min-width: 110px;
    max-width: 120px;
    text-align: center;
    padding-left: 8px;
}

.zfm-phone-wrapper input[valType="number"] {
    border-radius: 0 25px 25px 0 !important;
    flex: 1 1 auto;
    min-width: 120px;
}

.zfm-phone-wrapper input[type="text"]:focus {
    border-color: #0073aa;
    z-index: 1;
}

@media (max-width: 600px) {
    .zfm-phone-wrapper {
        flex-direction: column;
    }
    /* .zfm-phone-wrapper input[valType="code"] {
        border-radius: 25px 0 0 25px !important;
        border-right: 1px solid #ccc;
        border-bottom: none;
        width: 100%;
        min-width: 0;
        max-width: 100%;

    } */
    .zfm-phone-wrapper input[valType="number"] {
        border-radius: 0 25px 25px 0 !important;
        border-top: none;
        width: 100%;
        min-width: 0;
    }
}

@media (min-width:768px){
    .zfm-newsletter-row{
        flex-direction: row;
        gap: 30px;
    }
    .zfm-newsletter-row.zfm-fixed-3cols .zfm-newsletter-col{
        flex-grow: 1;
        flex-shrink: 1;
        width:33%;
    }
    .zfm-newsletter-row .zfm-newsletter-col.zfm-min-width{
        width:min-content;
    }
}

/* Flags CSS: solo ejemplo, debes incluir tu propio CSS de banderas */
.iti-flag { width: 20px; height: 15px; display: inline-block; background-size: cover; }
.iti-flag.es { background-image: url('https://flagcdn.com/es.svg'); }
.iti-flag.af { background-image: url('https://flagcdn.com/af.svg'); }
.iti-flag.al { background-image: url('https://flagcdn.com/al.svg'); }
.iti-flag.dz { background-image: url('https://flagcdn.com/dz.svg'); }
.iti-flag.ad { background-image: url('https://flagcdn.com/ad.svg'); }
.iti-flag.ae { background-image: url('https://flagcdn.com/ae.svg'); }
.iti-flag.af { background-image: url('https://flagcdn.com/af.svg'); }
.iti-flag.ag { background-image: url('https://flagcdn.com/ag.svg'); }
.iti-flag.ai { background-image: url('https://flagcdn.com/ai.svg'); }
.iti-flag.al { background-image: url('https://flagcdn.com/al.svg'); }
.iti-flag.am { background-image: url('https://flagcdn.com/am.svg'); }
.iti-flag.ao { background-image: url('https://flagcdn.com/ao.svg'); }
.iti-flag.aq { background-image: url('https://flagcdn.com/aq.svg'); }
.iti-flag.ar { background-image: url('https://flagcdn.com/ar.svg'); }
.iti-flag.as { background-image: url('https://flagcdn.com/as.svg'); }
.iti-flag.at { background-image: url('https://flagcdn.com/at.svg'); }
.iti-flag.au { background-image: url('https://flagcdn.com/au.svg'); }
.iti-flag.aw { background-image: url('https://flagcdn.com/aw.svg'); }
.iti-flag.ax { background-image: url('https://flagcdn.com/ax.svg'); }
.iti-flag.az { background-image: url('https://flagcdn.com/az.svg'); }
.iti-flag.ba { background-image: url('https://flagcdn.com/ba.svg'); }
.iti-flag.bb { background-image: url('https://flagcdn.com/bb.svg'); }
.iti-flag.bd { background-image: url('https://flagcdn.com/bd.svg'); }
.iti-flag.be { background-image: url('https://flagcdn.com/be.svg'); }
.iti-flag.bf { background-image: url('https://flagcdn.com/bf.svg'); }
.iti-flag.bg { background-image: url('https://flagcdn.com/bg.svg'); }
.iti-flag.bh { background-image: url('https://flagcdn.com/bh.svg'); }
.iti-flag.bi { background-image: url('https://flagcdn.com/bi.svg'); }
.iti-flag.bj { background-image: url('https://flagcdn.com/bj.svg'); }
.iti-flag.bl { background-image: url('https://flagcdn.com/bl.svg'); }
.iti-flag.bm { background-image: url('https://flagcdn.com/bm.svg'); }
.iti-flag.bn { background-image: url('https://flagcdn.com/bn.svg'); }
.iti-flag.bo { background-image: url('https://flagcdn.com/bo.svg'); }
.iti-flag.bq { background-image: url('https://flagcdn.com/bq.svg'); }
.iti-flag.br { background-image: url('https://flagcdn.com/br.svg'); }
.iti-flag.bs { background-image: url('https://flagcdn.com/bs.svg'); }
.iti-flag.bt { background-image: url('https://flagcdn.com/bt.svg'); }
.iti-flag.bv { background-image: url('https://flagcdn.com/bv.svg'); }
.iti-flag.bw { background-image: url('https://flagcdn.com/bw.svg'); }
.iti-flag.by { background-image: url('https://flagcdn.com/by.svg'); }
.iti-flag.bz { background-image: url('https://flagcdn.com/bz.svg'); }
.iti-flag.ca { background-image: url('https://flagcdn.com/ca.svg'); }
.iti-flag.cc { background-image: url('https://flagcdn.com/cc.svg'); }
.iti-flag.cd { background-image: url('https://flagcdn.com/cd.svg'); }
.iti-flag.cf { background-image: url('https://flagcdn.com/cf.svg'); }
.iti-flag.cg { background-image: url('https://flagcdn.com/cg.svg'); }
.iti-flag.ch { background-image: url('https://flagcdn.com/ch.svg'); }
.iti-flag.ci { background-image: url('https://flagcdn.com/ci.svg'); }
.iti-flag.ck { background-image: url('https://flagcdn.com/ck.svg'); }
.iti-flag.cl { background-image: url('https://flagcdn.com/cl.svg'); }
.iti-flag.cm { background-image: url('https://flagcdn.com/cm.svg'); }
.iti-flag.cn { background-image: url('https://flagcdn.com/cn.svg'); }
.iti-flag.co { background-image: url('https://flagcdn.com/co.svg'); }
.iti-flag.cr { background-image: url('https://flagcdn.com/cr.svg'); }
.iti-flag.cu { background-image: url('https://flagcdn.com/cu.svg'); }
.iti-flag.cv { background-image: url('https://flagcdn.com/cv.svg'); }
.iti-flag.cw { background-image: url('https://flagcdn.com/cw.svg'); }
.iti-flag.cx { background-image: url('https://flagcdn.com/cx.svg'); }
.iti-flag.cy { background-image: url('https://flagcdn.com/cy.svg'); }
.iti-flag.cz { background-image: url('https://flagcdn.com/cz.svg'); }
.iti-flag.de { background-image: url('https://flagcdn.com/de.svg'); }
.iti-flag.dj { background-image: url('https://flagcdn.com/dj.svg'); }
.iti-flag.dk { background-image: url('https://flagcdn.com/dk.svg'); }
.iti-flag.dm { background-image: url('https://flagcdn.com/dm.svg'); }
.iti-flag.do { background-image: url('https://flagcdn.com/do.svg'); }
.iti-flag.dz { background-image: url('https://flagcdn.com/dz.svg'); }
.iti-flag.ec { background-image: url('https://flagcdn.com/ec.svg'); }
.iti-flag.ee { background-image: url('https://flagcdn.com/ee.svg'); }
.iti-flag.eg { background-image: url('https://flagcdn.com/eg.svg'); }
.iti-flag.eh { background-image: url('https://flagcdn.com/eh.svg'); }
.iti-flag.er { background-image: url('https://flagcdn.com/er.svg'); }
.iti-flag.es { background-image: url('https://flagcdn.com/es.svg'); }
.iti-flag.et { background-image: url('https://flagcdn.com/et.svg'); }
.iti-flag.fi { background-image: url('https://flagcdn.com/fi.svg'); }
.iti-flag.fj { background-image: url('https://flagcdn.com/fj.svg'); }
.iti-flag.fk { background-image: url('https://flagcdn.com/fk.svg'); }
.iti-flag.fm { background-image: url('https://flagcdn.com/fm.svg'); }
.iti-flag.fo { background-image: url('https://flagcdn.com/fo.svg'); }
.iti-flag.fr { background-image: url('https://flagcdn.com/fr.svg'); }
.iti-flag.ga { background-image: url('https://flagcdn.com/ga.svg'); }
.iti-flag.gb { background-image: url('https://flagcdn.com/gb.svg'); }
.iti-flag.gd { background-image: url('https://flagcdn.com/gd.svg'); }
.iti-flag.ge { background-image: url('https://flagcdn.com/ge.svg'); }
.iti-flag.gf { background-image: url('https://flagcdn.com/gf.svg'); }
.iti-flag.gg { background-image: url('https://flagcdn.com/gg.svg'); }
.iti-flag.gh { background-image: url('https://flagcdn.com/gh.svg'); }
.iti-flag.gi { background-image: url('https://flagcdn.com/gi.svg'); }
.iti-flag.gl { background-image: url('https://flagcdn.com/gl.svg'); }
.iti-flag.gm { background-image: url('https://flagcdn.com/gm.svg'); }
.iti-flag.gn { background-image: url('https://flagcdn.com/gn.svg'); }
.iti-flag.gp { background-image: url('https://flagcdn.com/gp.svg'); }
.iti-flag.gq { background-image: url('https://flagcdn.com/gq.svg'); }
.iti-flag.gr { background-image: url('https://flagcdn.com/gr.svg'); }
.iti-flag.gs { background-image: url('https://flagcdn.com/gs.svg'); }
.iti-flag.gt { background-image: url('https://flagcdn.com/gt.svg'); }
.iti-flag.gu { background-image: url('https://flagcdn.com/gu.svg'); }
.iti-flag.gw { background-image: url('https://flagcdn.com/gw.svg'); }
.iti-flag.gy { background-image: url('https://flagcdn.com/gy.svg'); }
.iti-flag.hk { background-image: url('https://flagcdn.com/hk.svg'); }
.iti-flag.hm { background-image: url('https://flagcdn.com/hm.svg'); }
.iti-flag.hn { background-image: url('https://flagcdn.com/hn.svg'); }
.iti-flag.hr { background-image: url('https://flagcdn.com/hr.svg'); }
.iti-flag.ht { background-image: url('https://flagcdn.com/ht.svg'); }
.iti-flag.hu { background-image: url('https://flagcdn.com/hu.svg'); }
.iti-flag.id { background-image: url('https://flagcdn.com/id.svg'); }
.iti-flag.ie { background-image: url('https://flagcdn.com/ie.svg'); }
.iti-flag.il { background-image: url('https://flagcdn.com/il.svg'); }
.iti-flag.im { background-image: url('https://flagcdn.com/im.svg'); }
.iti-flag.in { background-image: url('https://flagcdn.com/in.svg'); }
.iti-flag.io { background-image: url('https://flagcdn.com/io.svg'); }
.iti-flag.iq { background-image: url('https://flagcdn.com/iq.svg'); }
.iti-flag.ir { background-image: url('https://flagcdn.com/ir.svg'); }
.iti-flag.is { background-image: url('https://flagcdn.com/is.svg'); }
.iti-flag.it { background-image: url('https://flagcdn.com/it.svg'); }
.iti-flag.je { background-image: url('https://flagcdn.com/je.svg'); }
.iti-flag.jm { background-image: url('https://flagcdn.com/jm.svg'); }
.iti-flag.jo { background-image: url('https://flagcdn.com/jo.svg'); }
.iti-flag.jp { background-image: url('https://flagcdn.com/jp.svg'); }
.iti-flag.ke { background-image: url('https://flagcdn.com/ke.svg'); }
.iti-flag.kg { background-image: url('https://flagcdn.com/kg.svg'); }
.iti-flag.kh { background-image: url('https://flagcdn.com/kh.svg'); }
.iti-flag.ki { background-image: url('https://flagcdn.com/ki.svg'); }
.iti-flag.km { background-image: url('https://flagcdn.com/km.svg'); }
.iti-flag.kn { background-image: url('https://flagcdn.com/kn.svg'); }
.iti-flag.kp { background-image: url('https://flagcdn.com/kp.svg'); }
.iti-flag.kr { background-image: url('https://flagcdn.com/kr.svg'); }
.iti-flag.kw { background-image: url('https://flagcdn.com/kw.svg'); }
.iti-flag.ky { background-image: url('https://flagcdn.com/ky.svg'); }
.iti-flag.kz { background-image: url('https://flagcdn.com/kz.svg'); }
.iti-flag.la { background-image: url('https://flagcdn.com/la.svg'); }
.iti-flag.lb { background-image: url('https://flagcdn.com/lb.svg'); }
.iti-flag.lc { background-image: url('https://flagcdn.com/lc.svg'); }
.iti-flag.li { background-image: url('https://flagcdn.com/li.svg'); }
.iti-flag.lk { background-image: url('https://flagcdn.com/lk.svg'); }
.iti-flag.lr { background-image: url('https://flagcdn.com/lr.svg'); }
.iti-flag.ls { background-image: url('https://flagcdn.com/ls.svg'); }
.iti-flag.lt { background-image: url('https://flagcdn.com/lt.svg'); }
.iti-flag.lu { background-image: url('https://flagcdn.com/lu.svg'); }
.iti-flag.lv { background-image: url('https://flagcdn.com/lv.svg'); }
.iti-flag.ly { background-image: url('https://flagcdn.com/ly.svg'); }
.iti-flag.ma { background-image: url('https://flagcdn.com/ma.svg'); }
.iti-flag.mc { background-image: url('https://flagcdn.com/mc.svg'); }
.iti-flag.md { background-image: url('https://flagcdn.com/md.svg'); }
.iti-flag.me { background-image: url('https://flagcdn.com/me.svg'); }
.iti-flag.mf { background-image: url('https://flagcdn.com/mf.svg'); }
.iti-flag.mg { background-image: url('https://flagcdn.com/mg.svg'); }
.iti-flag.mh { background-image: url('https://flagcdn.com/mh.svg'); }
.iti-flag.mk { background-image: url('https://flagcdn.com/mk.svg'); }
.iti-flag.ml { background-image: url('https://flagcdn.com/ml.svg'); }
.iti-flag.mm { background-image: url('https://flagcdn.com/mm.svg'); }
.iti-flag.mn { background-image: url('https://flagcdn.com/mn.svg'); }
.iti-flag.mo { background-image: url('https://flagcdn.com/mo.svg'); }
.iti-flag.mp { background-image: url('https://flagcdn.com/mp.svg'); }
.iti-flag.mq { background-image: url('https://flagcdn.com/mq.svg'); }
.iti-flag.mr { background-image: url('https://flagcdn.com/mr.svg'); }
.iti-flag.ms { background-image: url('https://flagcdn.com/ms.svg'); }
.iti-flag.mt { background-image: url('https://flagcdn.com/mt.svg'); }
.iti-flag.mu { background-image: url('https://flagcdn.com/mu.svg'); }
.iti-flag.mv { background-image: url('https://flagcdn.com/mv.svg'); }
.iti-flag.mw { background-image: url('https://flagcdn.com/mw.svg'); }
.iti-flag.mx { background-image: url('https://flagcdn.com/mx.svg'); }
.iti-flag.my { background-image: url('https://flagcdn.com/my.svg'); }
.iti-flag.mz { background-image: url('https://flagcdn.com/mz.svg'); }
.iti-flag.na { background-image: url('https://flagcdn.com/na.svg'); }
.iti-flag.nc { background-image: url('https://flagcdn.com/nc.svg'); }
.iti-flag.ne { background-image: url('https://flagcdn.com/ne.svg'); }
.iti-flag.nf { background-image: url('https://flagcdn.com/nf.svg'); }
.iti-flag.ng { background-image: url('https://flagcdn.com/ng.svg'); }
.iti-flag.ni { background-image: url('https://flagcdn.com/ni.svg'); }
.iti-flag.nl { background-image: url('https://flagcdn.com/nl.svg'); }
.iti-flag.no { background-image: url('https://flagcdn.com/no.svg'); }
.iti-flag.np { background-image: url('https://flagcdn.com/np.svg'); }
.iti-flag.nr { background-image: url('https://flagcdn.com/nr.svg'); }
.iti-flag.nu { background-image: url('https://flagcdn.com/nu.svg'); }
.iti-flag.nz { background-image: url('https://flagcdn.com/nz.svg'); }
.iti-flag.om { background-image: url('https://flagcdn.com/om.svg'); }
.iti-flag.pa { background-image: url('https://flagcdn.com/pa.svg'); }
.iti-flag.pe { background-image: url('https://flagcdn.com/pe.svg'); }
.iti-flag.pf { background-image: url('https://flagcdn.com/pf.svg'); }
.iti-flag.pg { background-image: url('https://flagcdn.com/pg.svg'); }
.iti-flag.ph { background-image: url('https://flagcdn.com/ph.svg'); }
.iti-flag.pk { background-image: url('https://flagcdn.com/pk.svg'); }
.iti-flag.pl { background-image: url('https://flagcdn.com/pl.svg'); }
.iti-flag.pm { background-image: url('https://flagcdn.com/pm.svg'); }
.iti-flag.pn { background-image: url('https://flagcdn.com/pn.svg'); }
.iti-flag.pr { background-image: url('https://flagcdn.com/pr.svg'); }
.iti-flag.ps { background-image: url('https://flagcdn.com/ps.svg'); }
.iti-flag.pt { background-image: url('https://flagcdn.com/pt.svg'); }
.iti-flag.pw { background-image: url('https://flagcdn.com/pw.svg'); }
.iti-flag.py { background-image: url('https://flagcdn.com/py.svg'); }
.iti-flag.qa { background-image: url('https://flagcdn.com/qa.svg'); }
.iti-flag.re { background-image: url('https://flagcdn.com/re.svg'); }
.iti-flag.ro { background-image: url('https://flagcdn.com/ro.svg'); }
.iti-flag.rs { background-image: url('https://flagcdn.com/rs.svg'); }
.iti-flag.ru { background-image: url('https://flagcdn.com/ru.svg'); }
.iti-flag.rw { background-image: url('https://flagcdn.com/rw.svg'); }
.iti-flag.sa { background-image: url('https://flagcdn.com/sa.svg'); }
.iti-flag.sb { background-image: url('https://flagcdn.com/sb.svg'); }
.iti-flag.sc { background-image: url('https://flagcdn.com/sc.svg'); }
.iti-flag.sd { background-image: url('https://flagcdn.com/sd.svg'); }
.iti-flag.se { background-image: url('https://flagcdn.com/se.svg'); }
.iti-flag.sg { background-image: url('https://flagcdn.com/sg.svg'); }
.iti-flag.sh { background-image: url('https://flagcdn.com/sh.svg'); }
.iti-flag.si { background-image: url('https://flagcdn.com/si.svg'); }
.iti-flag.sj { background-image: url('https://flagcdn.com/sj.svg'); }
.iti-flag.sk { background-image: url('https://flagcdn.com/sk.svg'); }
.iti-flag.sl { background-image: url('https://flagcdn.com/sl.svg'); }
.iti-flag.sm { background-image: url('https://flagcdn.com/sm.svg'); }
.iti-flag.sn { background-image: url('https://flagcdn.com/sn.svg'); }
.iti-flag.so { background-image: url('https://flagcdn.com/so.svg'); }
.iti-flag.sr { background-image: url('https://flagcdn.com/sr.svg'); }
.iti-flag.ss { background-image: url('https://flagcdn.com/ss.svg'); }
.iti-flag.st { background-image: url('https://flagcdn.com/st.svg'); }
.iti-flag.sv { background-image: url('https://flagcdn.com/sv.svg'); }
.iti-flag.sx { background-image: url('https://flagcdn.com/sx.svg'); }
.iti-flag.sy { background-image: url('https://flagcdn.com/sy.svg'); }
.iti-flag.sz { background-image: url('https://flagcdn.com/sz.svg'); }
.iti-flag.tc { background-image: url('https://flagcdn.com/tc.svg'); }
.iti-flag.td { background-image: url('https://flagcdn.com/td.svg'); }
.iti-flag.tf { background-image: url('https://flagcdn.com/tf.svg'); }
.iti-flag.tg { background-image: url('https://flagcdn.com/tg.svg'); }
.iti-flag.th { background-image: url('https://flagcdn.com/th.svg'); }
.iti-flag.tj { background-image: url('https://flagcdn.com/tj.svg'); }
.iti-flag.tk { background-image: url('https://flagcdn.com/tk.svg'); }
.iti-flag.tl { background-image: url('https://flagcdn.com/tl.svg'); }
.iti-flag.tm { background-image: url('https://flagcdn.com/tm.svg'); }
.iti-flag.tn { background-image: url('https://flagcdn.com/tn.svg'); }
.iti-flag.to { background-image: url('https://flagcdn.com/to.svg'); }
.iti-flag.tr { background-image: url('https://flagcdn.com/tr.svg'); }
.iti-flag.tt { background-image: url('https://flagcdn.com/tt.svg'); }
.iti-flag.tv { background-image: url('https://flagcdn.com/tv.svg'); }
.iti-flag.tw { background-image: url('https://flagcdn.com/tw.svg'); }
.iti-flag.tz { background-image: url('https://flagcdn.com/tz.svg'); }
.iti-flag.ua { background-image: url('https://flagcdn.com/ua.svg'); }
.iti-flag.ug { background-image: url('https://flagcdn.com/ug.svg'); }
.iti-flag.um { background-image: url('https://flagcdn.com/um.svg'); }
.iti-flag.us { background-image: url('https://flagcdn.com/us.svg'); }
.iti-flag.uy { background-image: url('https://flagcdn.com/uy.svg'); }
.iti-flag.uz { background-image: url('https://flagcdn.com/uz.svg'); }
.iti-flag.va { background-image: url('https://flagcdn.com/va.svg'); }
.iti-flag.vc { background-image: url('https://flagcdn.com/vc.svg'); }
.iti-flag.ve { background-image: url('https://flagcdn.com/ve.svg'); }
.iti-flag.vg { background-image: url('https://flagcdn.com/vg.svg'); }
.iti-flag.vi { background-image: url('https://flagcdn.com/vi.svg'); }
.iti-flag.vn { background-image: url('https://flagcdn.com/vn.svg'); }
.iti-flag.vu { background-image: url('https://flagcdn.com/vu.svg'); }
.iti-flag.wf { background-image: url('https://flagcdn.com/wf.svg'); }
.iti-flag.ws { background-image: url('https://flagcdn.com/ws.svg'); }
.iti-flag.ye { background-image: url('https://flagcdn.com/ye.svg'); }
.iti-flag.yt { background-image: url('https://flagcdn.com/yt.svg'); }
.iti-flag.za { background-image: url('https://flagcdn.com/za.svg'); }
.iti-flag.zm { background-image: url('https://flagcdn.com/zm.svg'); }
.iti-flag.zw { background-image: url('https://flagcdn.com/zw.svg'); }
.iti-flag.xk { background-image: url('https://flagcdn.com/xk.svg'); }

.country-list { list-style: none; margin: 0; padding: 0; }
.country { display: flex; align-items: center; padding: 4px 8px; cursor: pointer; }
.country:hover { background: #f0f0f0; }
.flag-box { width: 22px; margin-right: 8px; }
.country-name { flex: 1; margin-left: 4px; }
.dial-code { margin-left: 8px; color: #888; }
.selected-country{
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 25px 0 0 25px !important;
    border-right: none;
    min-width: 90px;
}