accounts.ubihrm.com
Open in
urlscan Pro
76.76.21.21
Public Scan
URL:
https://accounts.ubihrm.com/
Submission: On August 27 via automatic, source certstream-suspicious — Scanned from CA
Submission: On August 27 via automatic, source certstream-suspicious — Scanned from CA
Form analysis 1 forms found in the DOM
<form _ngcontent-ng-c1255273176="" novalidate="" class="ng-untouched ng-pristine ng-invalid">
<div _ngcontent-ng-c1255273176="" class="flex" hidden="">
<div _ngcontent-ng-c1255273176="" class="transition-all duration-150 w-0 opacity-0 overflow-hidden"><app-search-select-basic _ngcontent-ng-c1255273176="" formcontrolname="countryCode" _nghost-ng-c669778881=""
class="ng-untouched ng-pristine ng-valid">
<div _ngcontent-ng-c669778881="" class="relative"><!---->
<div class="hs-select relative"><select _ngcontent-ng-c669778881="" data-hs-select="{
"hasSearch": true,
"searchPlaceholder": "Search Country...",
"searchClasses": "block w-full text-sm border-gray-200 rounded-lg focus:border-blue-500 focus:ring-blue-500 before:absolute before:inset-0 before:z-[1] dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 py-2 px-3",
"searchWrapperClasses": "bg-white p-2 -mx-1 sticky top-0 dark:bg-neutral-900",
"placeholder": "Select options...",
"toggleTag": "<button type=\"button\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative py-[7.5px] px-3 pe-9 flex text-nowrap w-full cursor-pointer bg-white border border-gray-200 rounded-y-lg rounded-s-lg text-start text-sm focus:border-green-600 focus:ring-green-600 before:absolute before:inset-0 before:z-[1] dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400",
"dropdownClasses": "mt-2 z-50 w-64 max-h-72 p-1 space-y-0.5 bg-white border border-gray-200 rounded-lg overflow-hidden overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "py-2 px-4 w-full text-sm text-gray-800 cursor-pointer hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div><div class=\"flex items-center\"><div class=\"me-2\" data-icon></div><div class=\"text-gray-800 dark:text-neutral-200 \" data-title></div></div></div>",
"extraMarkup": "<div class=\"absolute top-[17px] end-2 -translate-y-1/2\"><svg class=\"flex-shrink-0 size-3.5 text-gray-600 dark:text-neutral-500\" xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m7 15 5 5 5-5\"/></svg></div>"
}" class="hidden" id="UW5risearch-select" style="display: none;">
<option _ngcontent-ng-c669778881="" value="" selected="">Select options...</option>
<option _ngcontent-ng-c669778881="" value="91" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/in.svg\" alt=\"flag\" />"}">India (+91)
</option>
<option _ngcontent-ng-c669778881="" value="44" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gb.svg\" alt=\"flag\" />"}">United Kingdom
(+44)</option>
<option _ngcontent-ng-c669778881="" value="213" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/dz.svg\" alt=\"flag\" />"}">Algeria (+213)
</option>
<option _ngcontent-ng-c669778881="" value="376" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ad.svg\" alt=\"flag\" />"}">Andorra (+376)
</option>
<option _ngcontent-ng-c669778881="" value="244" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ao.svg\" alt=\"flag\" />"}">Angola (+244)
</option>
<option _ngcontent-ng-c669778881="" value="1264" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ai.svg\" alt=\"flag\" />"}">Anguilla
(+1264)</option>
<option _ngcontent-ng-c669778881="" value="1268" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ag.svg\" alt=\"flag\" />"}">Antigua &
Barbuda (+1268)</option>
<option _ngcontent-ng-c669778881="" value="54" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ar.svg\" alt=\"flag\" />"}">Argentina (+54)
</option>
<option _ngcontent-ng-c669778881="" value="374" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/am.svg\" alt=\"flag\" />"}">Armenia (+374)
</option>
<option _ngcontent-ng-c669778881="" value="297" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/aw.svg\" alt=\"flag\" />"}">Aruba (+297)
</option>
<option _ngcontent-ng-c669778881="" value="61" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/au.svg\" alt=\"flag\" />"}">Australia (+61)
</option>
<option _ngcontent-ng-c669778881="" value="43" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/at.svg\" alt=\"flag\" />"}">Austria (+43)
</option>
<option _ngcontent-ng-c669778881="" value="994" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/az.svg\" alt=\"flag\" />"}">Azerbaijan
(+994)</option>
<option _ngcontent-ng-c669778881="" value="1242" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bs.svg\" alt=\"flag\" />"}">Bahamas (+1242)
</option>
<option _ngcontent-ng-c669778881="" value="973" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bh.svg\" alt=\"flag\" />"}">Bahrain (+973)
</option>
<option _ngcontent-ng-c669778881="" value="880" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bd.svg\" alt=\"flag\" />"}">Bangladesh
(+880)</option>
<option _ngcontent-ng-c669778881="" value="1246" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bb.svg\" alt=\"flag\" />"}">Barbados
(+1246)</option>
<option _ngcontent-ng-c669778881="" value="375" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/by.svg\" alt=\"flag\" />"}">Belarus (+375)
</option>
<option _ngcontent-ng-c669778881="" value="32" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/be.svg\" alt=\"flag\" />"}">Belgium (+32)
</option>
<option _ngcontent-ng-c669778881="" value="501" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bz.svg\" alt=\"flag\" />"}">Belize (+501)
</option>
<option _ngcontent-ng-c669778881="" value="229" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bj.svg\" alt=\"flag\" />"}">Benin (+229)
</option>
<option _ngcontent-ng-c669778881="" value="1441" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bm.svg\" alt=\"flag\" />"}">Bermuda (+1441)
</option>
<option _ngcontent-ng-c669778881="" value="975" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bt.svg\" alt=\"flag\" />"}">Bhutan (+975)
</option>
<option _ngcontent-ng-c669778881="" value="591" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bo.svg\" alt=\"flag\" />"}">Bolivia (+591)
</option>
<option _ngcontent-ng-c669778881="" value="387" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ba.svg\" alt=\"flag\" />"}">Bosnia and
Herzegovina (+387)</option>
<option _ngcontent-ng-c669778881="" value="267" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bw.svg\" alt=\"flag\" />"}">Botswana (+267)
</option>
<option _ngcontent-ng-c669778881="" value="55" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/br.svg\" alt=\"flag\" />"}">Brazil (+55)
</option>
<option _ngcontent-ng-c669778881="" value="673" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bn.svg\" alt=\"flag\" />"}">Brunei (+673)
</option>
<option _ngcontent-ng-c669778881="" value="359" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bg.svg\" alt=\"flag\" />"}">Bulgaria (+359)
</option>
<option _ngcontent-ng-c669778881="" value="226" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bf.svg\" alt=\"flag\" />"}">Burkina Faso
(+226)</option>
<option _ngcontent-ng-c669778881="" value="257" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/bi.svg\" alt=\"flag\" />"}">Burundi (+257)
</option>
<option _ngcontent-ng-c669778881="" value="855" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/kh.svg\" alt=\"flag\" />"}">Cambodia (+855)
</option>
<option _ngcontent-ng-c669778881="" value="237" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cm.svg\" alt=\"flag\" />"}">Cameroon (+237)
</option>
<option _ngcontent-ng-c669778881="" value="1" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ca.svg\" alt=\"flag\" />"}">Canada (+1)
</option>
<option _ngcontent-ng-c669778881="" value="238" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cv.svg\" alt=\"flag\" />"}">Cape Verde
Islands (+238)</option>
<option _ngcontent-ng-c669778881="" value="1345" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ky.svg\" alt=\"flag\" />"}">Cayman Islands
(+1345)</option>
<option _ngcontent-ng-c669778881="" value="236" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cf.svg\" alt=\"flag\" />"}">Central African
Republic (+236)</option>
<option _ngcontent-ng-c669778881="" value="56" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cl.svg\" alt=\"flag\" />"}">Chile (+56)
</option>
<option _ngcontent-ng-c669778881="" value="86" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cn.svg\" alt=\"flag\" />"}">China (+86)
</option>
<option _ngcontent-ng-c669778881="" value="57" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/co.svg\" alt=\"flag\" />"}">Colombia (+57)
</option>
<option _ngcontent-ng-c669778881="" value="269" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/km.svg\" alt=\"flag\" />"}">Comoros (+269)
</option>
<option _ngcontent-ng-c669778881="" value="242" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cg.svg\" alt=\"flag\" />"}">Congo (+242)
</option>
<option _ngcontent-ng-c669778881="" value="682" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ck.svg\" alt=\"flag\" />"}">Cook Islands
(+682)</option>
<option _ngcontent-ng-c669778881="" value="506" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cr.svg\" alt=\"flag\" />"}">Costa Rica
(+506)</option>
<option _ngcontent-ng-c669778881="" value="385" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/hr.svg\" alt=\"flag\" />"}">Croatia (+385)
</option>
<option _ngcontent-ng-c669778881="" value="53" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cu.svg\" alt=\"flag\" />"}">Cuba (+53)
</option>
<option _ngcontent-ng-c669778881="" value="90392" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cy.svg\" alt=\"flag\" />"}">Cyprus North
(+90392)</option>
<option _ngcontent-ng-c669778881="" value="357" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cy.svg\" alt=\"flag\" />"}">Cyprus South
(+357)</option>
<option _ngcontent-ng-c669778881="" value="420" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/cz.svg\" alt=\"flag\" />"}">Czech Republic
(+420)</option>
<option _ngcontent-ng-c669778881="" value="45" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/dk.svg\" alt=\"flag\" />"}">Denmark (+45)
</option>
<option _ngcontent-ng-c669778881="" value="253" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/dj.svg\" alt=\"flag\" />"}">Djibouti (+253)
</option>
<option _ngcontent-ng-c669778881="" value="1809" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/dm.svg\" alt=\"flag\" />"}">Dominica
(+1809)</option>
<option _ngcontent-ng-c669778881="" value="1809" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/do.svg\" alt=\"flag\" />"}">Dominican
Republic (+1809)</option>
<option _ngcontent-ng-c669778881="" value="593" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ec.svg\" alt=\"flag\" />"}">Ecuador (+593)
</option>
<option _ngcontent-ng-c669778881="" value="20" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/eg.svg\" alt=\"flag\" />"}">Egypt (+20)
</option>
<option _ngcontent-ng-c669778881="" value="503" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sv.svg\" alt=\"flag\" />"}">El Salvador
(+503)</option>
<option _ngcontent-ng-c669778881="" value="240" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gq.svg\" alt=\"flag\" />"}">Equatorial
Guinea (+240)</option>
<option _ngcontent-ng-c669778881="" value="291" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/er.svg\" alt=\"flag\" />"}">Eritrea (+291)
</option>
<option _ngcontent-ng-c669778881="" value="372" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ee.svg\" alt=\"flag\" />"}">Estonia (+372)
</option>
<option _ngcontent-ng-c669778881="" value="251" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/et.svg\" alt=\"flag\" />"}">Ethiopia (+251)
</option>
<option _ngcontent-ng-c669778881="" value="500" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/fk.svg\" alt=\"flag\" />"}">Falkland Islands
(+500)</option>
<option _ngcontent-ng-c669778881="" value="298" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/fo.svg\" alt=\"flag\" />"}">Faroe Islands
(+298)</option>
<option _ngcontent-ng-c669778881="" value="679" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/fj.svg\" alt=\"flag\" />"}">Fiji (+679)
</option>
<option _ngcontent-ng-c669778881="" value="358" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/fi.svg\" alt=\"flag\" />"}">Finland (+358)
</option>
<option _ngcontent-ng-c669778881="" value="33" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/fr.svg\" alt=\"flag\" />"}">France (+33)
</option>
<option _ngcontent-ng-c669778881="" value="594" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gf.svg\" alt=\"flag\" />"}">French Guiana
(+594)</option>
<option _ngcontent-ng-c669778881="" value="689" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/pf.svg\" alt=\"flag\" />"}">French Polynesia
(+689)</option>
<option _ngcontent-ng-c669778881="" value="241" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ga.svg\" alt=\"flag\" />"}">Gabon (+241)
</option>
<option _ngcontent-ng-c669778881="" value="220" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gm.svg\" alt=\"flag\" />"}">Gambia (+220)
</option>
<option _ngcontent-ng-c669778881="" value="995" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ge.svg\" alt=\"flag\" />"}">Georgia (+995)
</option>
<option _ngcontent-ng-c669778881="" value="49" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/de.svg\" alt=\"flag\" />"}">Germany (+49)
</option>
<option _ngcontent-ng-c669778881="" value="233" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gh.svg\" alt=\"flag\" />"}">Ghana (+233)
</option>
<option _ngcontent-ng-c669778881="" value="350" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gi.svg\" alt=\"flag\" />"}">Gibraltar (+350)
</option>
<option _ngcontent-ng-c669778881="" value="30" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gr.svg\" alt=\"flag\" />"}">Greece (+30)
</option>
<option _ngcontent-ng-c669778881="" value="299" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gl.svg\" alt=\"flag\" />"}">Greenland (+299)
</option>
<option _ngcontent-ng-c669778881="" value="1473" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gd.svg\" alt=\"flag\" />"}">Grenada (+1473)
</option>
<option _ngcontent-ng-c669778881="" value="590" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gp.svg\" alt=\"flag\" />"}">Guadeloupe
(+590)</option>
<option _ngcontent-ng-c669778881="" value="671" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gu.svg\" alt=\"flag\" />"}">Guam (+671)
</option>
<option _ngcontent-ng-c669778881="" value="502" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gt.svg\" alt=\"flag\" />"}">Guatemala (+502)
</option>
<option _ngcontent-ng-c669778881="" value="224" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gn.svg\" alt=\"flag\" />"}">Guinea (+224)
</option>
<option _ngcontent-ng-c669778881="" value="245" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gw.svg\" alt=\"flag\" />"}">Guinea - Bissau
(+245)</option>
<option _ngcontent-ng-c669778881="" value="592" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/gy.svg\" alt=\"flag\" />"}">Guyana (+592)
</option>
<option _ngcontent-ng-c669778881="" value="509" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ht.svg\" alt=\"flag\" />"}">Haiti (+509)
</option>
<option _ngcontent-ng-c669778881="" value="504" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/hn.svg\" alt=\"flag\" />"}">Honduras (+504)
</option>
<option _ngcontent-ng-c669778881="" value="852" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/hk.svg\" alt=\"flag\" />"}">Hong Kong (+852)
</option>
<option _ngcontent-ng-c669778881="" value="36" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/hu.svg\" alt=\"flag\" />"}">Hungary (+36)
</option>
<option _ngcontent-ng-c669778881="" value="354" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/is.svg\" alt=\"flag\" />"}">Iceland (+354)
</option>
<option _ngcontent-ng-c669778881="" value="62" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/id.svg\" alt=\"flag\" />"}">Indonesia (+62)
</option>
<option _ngcontent-ng-c669778881="" value="98" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ir.svg\" alt=\"flag\" />"}">Iran (+98)
</option>
<option _ngcontent-ng-c669778881="" value="964" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/iq.svg\" alt=\"flag\" />"}">Iraq (+964)
</option>
<option _ngcontent-ng-c669778881="" value="353" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ie.svg\" alt=\"flag\" />"}">Ireland (+353)
</option>
<option _ngcontent-ng-c669778881="" value="972" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/il.svg\" alt=\"flag\" />"}">Israel (+972)
</option>
<option _ngcontent-ng-c669778881="" value="39" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/it.svg\" alt=\"flag\" />"}">Italy (+39)
</option>
<option _ngcontent-ng-c669778881="" value="1876" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/jm.svg\" alt=\"flag\" />"}">Jamaica (+1876)
</option>
<option _ngcontent-ng-c669778881="" value="81" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/jp.svg\" alt=\"flag\" />"}">Japan (+81)
</option>
<option _ngcontent-ng-c669778881="" value="962" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/jo.svg\" alt=\"flag\" />"}">Jordan (+962)
</option>
<option _ngcontent-ng-c669778881="" value="7" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/kz.svg\" alt=\"flag\" />"}">Kazakhstan (+7)
</option>
<option _ngcontent-ng-c669778881="" value="254" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ke.svg\" alt=\"flag\" />"}">Kenya (+254)
</option>
<option _ngcontent-ng-c669778881="" value="686" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ki.svg\" alt=\"flag\" />"}">Kiribati (+686)
</option>
<option _ngcontent-ng-c669778881="" value="850" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/kp.svg\" alt=\"flag\" />"}">Korea North
(+850)</option>
<option _ngcontent-ng-c669778881="" value="82" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/kr.svg\" alt=\"flag\" />"}">Korea South (+82)
</option>
<option _ngcontent-ng-c669778881="" value="965" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/kw.svg\" alt=\"flag\" />"}">Kuwait (+965)
</option>
<option _ngcontent-ng-c669778881="" value="996" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/kg.svg\" alt=\"flag\" />"}">Kyrgyzstan
(+996)</option>
<option _ngcontent-ng-c669778881="" value="856" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/la.svg\" alt=\"flag\" />"}">Laos (+856)
</option>
<option _ngcontent-ng-c669778881="" value="371" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/lv.svg\" alt=\"flag\" />"}">Latvia (+371)
</option>
<option _ngcontent-ng-c669778881="" value="961" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/lb.svg\" alt=\"flag\" />"}">Lebanon (+961)
</option>
<option _ngcontent-ng-c669778881="" value="266" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ls.svg\" alt=\"flag\" />"}">Lesotho (+266)
</option>
<option _ngcontent-ng-c669778881="" value="231" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/lr.svg\" alt=\"flag\" />"}">Liberia (+231)
</option>
<option _ngcontent-ng-c669778881="" value="218" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ly.svg\" alt=\"flag\" />"}">Libya (+218)
</option>
<option _ngcontent-ng-c669778881="" value="417" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/li.svg\" alt=\"flag\" />"}">Liechtenstein
(+417)</option>
<option _ngcontent-ng-c669778881="" value="370" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/lt.svg\" alt=\"flag\" />"}">Lithuania (+370)
</option>
<option _ngcontent-ng-c669778881="" value="352" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/lu.svg\" alt=\"flag\" />"}">Luxembourg
(+352)</option>
<option _ngcontent-ng-c669778881="" value="853" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mo.svg\" alt=\"flag\" />"}">Macao (+853)
</option>
<option _ngcontent-ng-c669778881="" value="389" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mk.svg\" alt=\"flag\" />"}">Macedonia (+389)
</option>
<option _ngcontent-ng-c669778881="" value="261" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mg.svg\" alt=\"flag\" />"}">Madagascar
(+261)</option>
<option _ngcontent-ng-c669778881="" value="265" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mw.svg\" alt=\"flag\" />"}">Malawi (+265)
</option>
<option _ngcontent-ng-c669778881="" value="60" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/my.svg\" alt=\"flag\" />"}">Malaysia (+60)
</option>
<option _ngcontent-ng-c669778881="" value="960" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mv.svg\" alt=\"flag\" />"}">Maldives (+960)
</option>
<option _ngcontent-ng-c669778881="" value="223" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ml.svg\" alt=\"flag\" />"}">Mali (+223)
</option>
<option _ngcontent-ng-c669778881="" value="356" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mt.svg\" alt=\"flag\" />"}">Malta (+356)
</option>
<option _ngcontent-ng-c669778881="" value="692" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mh.svg\" alt=\"flag\" />"}">Marshall Islands
(+692)</option>
<option _ngcontent-ng-c669778881="" value="596" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mq.svg\" alt=\"flag\" />"}">Martinique
(+596)</option>
<option _ngcontent-ng-c669778881="" value="222" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mr.svg\" alt=\"flag\" />"}">Mauritania
(+222)</option>
<option _ngcontent-ng-c669778881="" value="269" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/yt.svg\" alt=\"flag\" />"}">Mayotte (+269)
</option>
<option _ngcontent-ng-c669778881="" value="52" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mx.svg\" alt=\"flag\" />"}">Mexico (+52)
</option>
<option _ngcontent-ng-c669778881="" value="691" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/fm.svg\" alt=\"flag\" />"}">Micronesia
(+691)</option>
<option _ngcontent-ng-c669778881="" value="373" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/md.svg\" alt=\"flag\" />"}">Moldova (+373)
</option>
<option _ngcontent-ng-c669778881="" value="377" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mc.svg\" alt=\"flag\" />"}">Monaco (+377)
</option>
<option _ngcontent-ng-c669778881="" value="976" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mn.svg\" alt=\"flag\" />"}">Mongolia (+976)
</option>
<option _ngcontent-ng-c669778881="" value="382" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/me.svg\" alt=\"flag\" />"}">Montenegro
(+382)</option>
<option _ngcontent-ng-c669778881="" value="1664" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ms.svg\" alt=\"flag\" />"}">Montserrat
(+1664)</option>
<option _ngcontent-ng-c669778881="" value="212" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ma.svg\" alt=\"flag\" />"}">Morocco (+212)
</option>
<option _ngcontent-ng-c669778881="" value="258" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mz.svg\" alt=\"flag\" />"}">Mozambique
(+258)</option>
<option _ngcontent-ng-c669778881="" value="95" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/mn.svg\" alt=\"flag\" />"}">Myanmar (+95)
</option>
<option _ngcontent-ng-c669778881="" value="264" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/na.svg\" alt=\"flag\" />"}">Namibia (+264)
</option>
<option _ngcontent-ng-c669778881="" value="674" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/nr.svg\" alt=\"flag\" />"}">Nauru (+674)
</option>
<option _ngcontent-ng-c669778881="" value="977" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/np.svg\" alt=\"flag\" />"}">Nepal (+977)
</option>
<option _ngcontent-ng-c669778881="" value="31" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/nl.svg\" alt=\"flag\" />"}">Netherlands (+31)
</option>
<option _ngcontent-ng-c669778881="" value="687" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/nc.svg\" alt=\"flag\" />"}">New Caledonia
(+687)</option>
<option _ngcontent-ng-c669778881="" value="64" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/nz.svg\" alt=\"flag\" />"}">New Zealand (+64)
</option>
<option _ngcontent-ng-c669778881="" value="505" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ni.svg\" alt=\"flag\" />"}">Nicaragua (+505)
</option>
<option _ngcontent-ng-c669778881="" value="227" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ne.svg\" alt=\"flag\" />"}">Niger (+227)
</option>
<option _ngcontent-ng-c669778881="" value="234" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ng.svg\" alt=\"flag\" />"}">Nigeria (+234)
</option>
<option _ngcontent-ng-c669778881="" value="683" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/nu.svg\" alt=\"flag\" />"}">Niue (+683)
</option>
<option _ngcontent-ng-c669778881="" value="672" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/nf.svg\" alt=\"flag\" />"}">Norfolk Islands
(+672)</option>
<option _ngcontent-ng-c669778881="" value="670" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/np.svg\" alt=\"flag\" />"}">Northern
Marianas (+670)</option>
<option _ngcontent-ng-c669778881="" value="47" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/no.svg\" alt=\"flag\" />"}">Norway (+47)
</option>
<option _ngcontent-ng-c669778881="" value="968" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/om.svg\" alt=\"flag\" />"}">Oman (+968)
</option>
<option _ngcontent-ng-c669778881="" value="92" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/pk.svg\" alt=\"flag\" />"}">Pakistan (+92)
</option>
<option _ngcontent-ng-c669778881="" value="680" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/pw.svg\" alt=\"flag\" />"}">Palau (+680)
</option>
<option _ngcontent-ng-c669778881="" value="507" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/pa.svg\" alt=\"flag\" />"}">Panama (+507)
</option>
<option _ngcontent-ng-c669778881="" value="675" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/pg.svg\" alt=\"flag\" />"}">Papua New Guinea
(+675)</option>
<option _ngcontent-ng-c669778881="" value="595" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/py.svg\" alt=\"flag\" />"}">Paraguay (+595)
</option>
<option _ngcontent-ng-c669778881="" value="51" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/pe.svg\" alt=\"flag\" />"}">Peru (+51)
</option>
<option _ngcontent-ng-c669778881="" value="63" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ph.svg\" alt=\"flag\" />"}">Philippines (+63)
</option>
<option _ngcontent-ng-c669778881="" value="48" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/pl.svg\" alt=\"flag\" />"}">Poland (+48)
</option>
<option _ngcontent-ng-c669778881="" value="351" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/pt.svg\" alt=\"flag\" />"}">Portugal (+351)
</option>
<option _ngcontent-ng-c669778881="" value="1787" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/pr.svg\" alt=\"flag\" />"}">Puerto Rico
(+1787)</option>
<option _ngcontent-ng-c669778881="" value="974" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/qa.svg\" alt=\"flag\" />"}">Qatar (+974)
</option>
<option _ngcontent-ng-c669778881="" value="262" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/re.svg\" alt=\"flag\" />"}">Reunion (+262)
</option>
<option _ngcontent-ng-c669778881="" value="40" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ro.svg\" alt=\"flag\" />"}">Romania (+40)
</option>
<option _ngcontent-ng-c669778881="" value="7" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ru.svg\" alt=\"flag\" />"}">Russia (+7)
</option>
<option _ngcontent-ng-c669778881="" value="250" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/rw.svg\" alt=\"flag\" />"}">Rwanda (+250)
</option>
<option _ngcontent-ng-c669778881="" value="378" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sm.svg\" alt=\"flag\" />"}">San Marino
(+378)</option>
<option _ngcontent-ng-c669778881="" value="239" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/st.svg\" alt=\"flag\" />"}">Sao Tome &
Principe (+239)</option>
<option _ngcontent-ng-c669778881="" value="966" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sa.svg\" alt=\"flag\" />"}">Saudi Arabia
(+966)</option>
<option _ngcontent-ng-c669778881="" value="221" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sn.svg\" alt=\"flag\" />"}">Senegal (+221)
</option>
<option _ngcontent-ng-c669778881="" value="381" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/rs.svg\" alt=\"flag\" />"}">Serbia (+381)
</option>
<option _ngcontent-ng-c669778881="" value="248" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sc.svg\" alt=\"flag\" />"}">Seychelles
(+248)</option>
<option _ngcontent-ng-c669778881="" value="232" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sl.svg\" alt=\"flag\" />"}">Sierra Leone
(+232)</option>
<option _ngcontent-ng-c669778881="" value="65" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sg.svg\" alt=\"flag\" />"}">Singapore (+65)
</option>
<option _ngcontent-ng-c669778881="" value="421" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sk.svg\" alt=\"flag\" />"}">Slovak Republic
(+421)</option>
<option _ngcontent-ng-c669778881="" value="386" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/si.svg\" alt=\"flag\" />"}">Slovenia (+386)
</option>
<option _ngcontent-ng-c669778881="" value="677" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sb.svg\" alt=\"flag\" />"}">Solomon Islands
(+677)</option>
<option _ngcontent-ng-c669778881="" value="252" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/so.svg\" alt=\"flag\" />"}">Somalia (+252)
</option>
<option _ngcontent-ng-c669778881="" value="27" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/za.svg\" alt=\"flag\" />"}">South Africa
(+27)</option>
<option _ngcontent-ng-c669778881="" value="34" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/es.svg\" alt=\"flag\" />"}">Spain (+34)
</option>
<option _ngcontent-ng-c669778881="" value="94" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/lk.svg\" alt=\"flag\" />"}">Sri Lanka (+94)
</option>
<option _ngcontent-ng-c669778881="" value="290" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sh.svg\" alt=\"flag\" />"}">St. Helena
(+290)</option>
<option _ngcontent-ng-c669778881="" value="1869" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/kn.svg\" alt=\"flag\" />"}">St. Kitts
(+1869)</option>
<option _ngcontent-ng-c669778881="" value="1758" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/lc.svg\" alt=\"flag\" />"}">St. Lucia
(+1758)</option>
<option _ngcontent-ng-c669778881="" value="249" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sd.svg\" alt=\"flag\" />"}">Sudan (+249)
</option>
<option _ngcontent-ng-c669778881="" value="597" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sr.svg\" alt=\"flag\" />"}">Suriname (+597)
</option>
<option _ngcontent-ng-c669778881="" value="268" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sz.svg\" alt=\"flag\" />"}">Swaziland (+268)
</option>
<option _ngcontent-ng-c669778881="" value="46" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/se.svg\" alt=\"flag\" />"}">Sweden (+46)
</option>
<option _ngcontent-ng-c669778881="" value="41" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ch.svg\" alt=\"flag\" />"}">Switzerland (+41)
</option>
<option _ngcontent-ng-c669778881="" value="963" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/sy.svg\" alt=\"flag\" />"}">Syria (+963)
</option>
<option _ngcontent-ng-c669778881="" value="886" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/tw.svg\" alt=\"flag\" />"}">Taiwan (+886)
</option>
<option _ngcontent-ng-c669778881="" value="7" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/tj.svg\" alt=\"flag\" />"}">Tajikstan (+7)
</option>
<option _ngcontent-ng-c669778881="" value="66" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/th.svg\" alt=\"flag\" />"}">Thailand (+66)
</option>
<option _ngcontent-ng-c669778881="" value="228" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/tg.svg\" alt=\"flag\" />"}">Togo (+228)
</option>
<option _ngcontent-ng-c669778881="" value="676" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/to.svg\" alt=\"flag\" />"}">Tonga (+676)
</option>
<option _ngcontent-ng-c669778881="" value="1868" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/tt.svg\" alt=\"flag\" />"}">Trinidad &
Tobago (+1868)</option>
<option _ngcontent-ng-c669778881="" value="216" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/tn.svg\" alt=\"flag\" />"}">Tunisia (+216)
</option>
<option _ngcontent-ng-c669778881="" value="90" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/tr.svg\" alt=\"flag\" />"}">Turkey (+90)
</option>
<option _ngcontent-ng-c669778881="" value="7" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/tm.svg\" alt=\"flag\" />"}">Turkmenistan (+7)
</option>
<option _ngcontent-ng-c669778881="" value="1649" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/tc.svg\" alt=\"flag\" />"}">Turks &
Caicos Islands (+1649)</option>
<option _ngcontent-ng-c669778881="" value="688" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/tv.svg\" alt=\"flag\" />"}">Tuvalu (+688)
</option>
<option _ngcontent-ng-c669778881="" value="256" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ug.svg\" alt=\"flag\" />"}">Uganda (+256)
</option>
<option _ngcontent-ng-c669778881="" value="380" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ua.svg\" alt=\"flag\" />"}">Ukraine (+380)
</option>
<option _ngcontent-ng-c669778881="" value="971" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ae.svg\" alt=\"flag\" />"}">United Arab
Emirates (+971)</option>
<option _ngcontent-ng-c669778881="" value="598" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/uy.svg\" alt=\"flag\" />"}">Uruguay (+598)
</option>
<option _ngcontent-ng-c669778881="" value="7" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/uz.svg\" alt=\"flag\" />"}">Uzbekistan (+7)
</option>
<option _ngcontent-ng-c669778881="" value="678" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/vu.svg\" alt=\"flag\" />"}">Vanuatu (+678)
</option>
<option _ngcontent-ng-c669778881="" value="379" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/va.svg\" alt=\"flag\" />"}">Vatican City
(+379)</option>
<option _ngcontent-ng-c669778881="" value="58" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ve.svg\" alt=\"flag\" />"}">Venezuela (+58)
</option>
<option _ngcontent-ng-c669778881="" value="84" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/vn.svg\" alt=\"flag\" />"}">Vietnam (+84)
</option>
<option _ngcontent-ng-c669778881="" value="1284" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/vg.svg\" alt=\"flag\" />"}">Virgin Islands
- British (+1284)</option>
<option _ngcontent-ng-c669778881="" value="1340" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/vi.svg\" alt=\"flag\" />"}">Virgin Islands
- US (+1340)</option>
<option _ngcontent-ng-c669778881="" value="681" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/wf.svg\" alt=\"flag\" />"}">Wallis &
Futuna (+681)</option>
<option _ngcontent-ng-c669778881="" value="969" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ye.svg\" alt=\"flag\" />"}">Yemen
(North)(+969)</option>
<option _ngcontent-ng-c669778881="" value="967" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/ye.svg\" alt=\"flag\" />"}">Yemen
(South)(+967)</option>
<option _ngcontent-ng-c669778881="" value="260" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/zm.svg\" alt=\"flag\" />"}">Zambia (+260)
</option>
<option _ngcontent-ng-c669778881="" value="263" data-hs-select-option="{"icon":"<img class=\"inline-block size-4\" src=\"assets/country-flags/zw.svg\" alt=\"flag\" />"}">Zimbabwe (+263)
</option><!---->
</select><button type="button"
class="hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative py-[7.5px] px-3 pe-9 flex text-nowrap w-full cursor-pointer bg-white border border-gray-200 rounded-y-lg rounded-s-lg text-start text-sm focus:border-green-600 focus:ring-green-600 before:absolute before:inset-0 before:z-[1] dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"><span
class="truncate">Select options...</span></button>
<div data-hs-select-dropdown=""
class="absolute top-full hidden mt-2 z-50 w-64 max-h-72 p-1 space-y-0.5 bg-white border border-gray-200 rounded-lg overflow-hidden overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700"
role="listbox" tabindex="-1" aria-orientation="vertical">
<div class="bg-white p-2 -mx-1 sticky top-0 dark:bg-neutral-900"><input type="text" placeholder="Search Country..."
class="block w-full text-sm border-gray-200 rounded-lg focus:border-blue-500 focus:ring-blue-500 before:absolute before:inset-0 before:z-[1] dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 py-2 px-3">
</div>
<div data-value="91" data-title-value="India (+91)" tabindex="0"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/in.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">India (+91)</div>
</div>
</div>
</div>
<div data-value="44" data-title-value="United Kingdom (+44)" tabindex="1"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gb.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">United Kingdom (+44)</div>
</div>
</div>
</div>
<div data-value="213" data-title-value="Algeria (+213)" tabindex="2"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/dz.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Algeria (+213)</div>
</div>
</div>
</div>
<div data-value="376" data-title-value="Andorra (+376)" tabindex="3"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ad.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Andorra (+376)</div>
</div>
</div>
</div>
<div data-value="244" data-title-value="Angola (+244)" tabindex="4"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ao.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Angola (+244)</div>
</div>
</div>
</div>
<div data-value="1264" data-title-value="Anguilla (+1264)" tabindex="5"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ai.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Anguilla (+1264)</div>
</div>
</div>
</div>
<div data-value="1268" data-title-value="Antigua & Barbuda (+1268)" tabindex="6"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ag.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Antigua & Barbuda (+1268)</div>
</div>
</div>
</div>
<div data-value="54" data-title-value="Argentina (+54)" tabindex="7"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ar.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Argentina (+54)</div>
</div>
</div>
</div>
<div data-value="374" data-title-value="Armenia (+374)" tabindex="8"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/am.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Armenia (+374)</div>
</div>
</div>
</div>
<div data-value="297" data-title-value="Aruba (+297)" tabindex="9"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/aw.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Aruba (+297)</div>
</div>
</div>
</div>
<div data-value="61" data-title-value="Australia (+61)" tabindex="10"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/au.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Australia (+61)</div>
</div>
</div>
</div>
<div data-value="43" data-title-value="Austria (+43)" tabindex="11"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/at.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Austria (+43)</div>
</div>
</div>
</div>
<div data-value="994" data-title-value="Azerbaijan (+994)" tabindex="12"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/az.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Azerbaijan (+994)</div>
</div>
</div>
</div>
<div data-value="1242" data-title-value="Bahamas (+1242)" tabindex="13"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bs.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Bahamas (+1242)</div>
</div>
</div>
</div>
<div data-value="973" data-title-value="Bahrain (+973)" tabindex="14"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bh.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Bahrain (+973)</div>
</div>
</div>
</div>
<div data-value="880" data-title-value="Bangladesh (+880)" tabindex="15"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bd.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Bangladesh (+880)</div>
</div>
</div>
</div>
<div data-value="1246" data-title-value="Barbados (+1246)" tabindex="16"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bb.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Barbados (+1246)</div>
</div>
</div>
</div>
<div data-value="375" data-title-value="Belarus (+375)" tabindex="17"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/by.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Belarus (+375)</div>
</div>
</div>
</div>
<div data-value="32" data-title-value="Belgium (+32)" tabindex="18"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/be.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Belgium (+32)</div>
</div>
</div>
</div>
<div data-value="501" data-title-value="Belize (+501)" tabindex="19"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bz.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Belize (+501)</div>
</div>
</div>
</div>
<div data-value="229" data-title-value="Benin (+229)" tabindex="20"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bj.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Benin (+229)</div>
</div>
</div>
</div>
<div data-value="1441" data-title-value="Bermuda (+1441)" tabindex="21"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bm.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Bermuda (+1441)</div>
</div>
</div>
</div>
<div data-value="975" data-title-value="Bhutan (+975)" tabindex="22"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bt.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Bhutan (+975)</div>
</div>
</div>
</div>
<div data-value="591" data-title-value="Bolivia (+591)" tabindex="23"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bo.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Bolivia (+591)</div>
</div>
</div>
</div>
<div data-value="387" data-title-value="Bosnia and Herzegovina (+387)" tabindex="24"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ba.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Bosnia and Herzegovina (+387)</div>
</div>
</div>
</div>
<div data-value="267" data-title-value="Botswana (+267)" tabindex="25"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bw.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Botswana (+267)</div>
</div>
</div>
</div>
<div data-value="55" data-title-value="Brazil (+55)" tabindex="26"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/br.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Brazil (+55)</div>
</div>
</div>
</div>
<div data-value="673" data-title-value="Brunei (+673)" tabindex="27"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bn.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Brunei (+673)</div>
</div>
</div>
</div>
<div data-value="359" data-title-value="Bulgaria (+359)" tabindex="28"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bg.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Bulgaria (+359)</div>
</div>
</div>
</div>
<div data-value="226" data-title-value="Burkina Faso (+226)" tabindex="29"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bf.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Burkina Faso (+226)</div>
</div>
</div>
</div>
<div data-value="257" data-title-value="Burundi (+257)" tabindex="30"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/bi.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Burundi (+257)</div>
</div>
</div>
</div>
<div data-value="855" data-title-value="Cambodia (+855)" tabindex="31"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/kh.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Cambodia (+855)</div>
</div>
</div>
</div>
<div data-value="237" data-title-value="Cameroon (+237)" tabindex="32"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cm.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Cameroon (+237)</div>
</div>
</div>
</div>
<div data-value="1" data-title-value="Canada (+1)" tabindex="33"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ca.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Canada (+1)</div>
</div>
</div>
</div>
<div data-value="238" data-title-value="Cape Verde Islands (+238)" tabindex="34"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cv.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Cape Verde Islands (+238)</div>
</div>
</div>
</div>
<div data-value="1345" data-title-value="Cayman Islands (+1345)" tabindex="35"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ky.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Cayman Islands (+1345)</div>
</div>
</div>
</div>
<div data-value="236" data-title-value="Central African Republic (+236)" tabindex="36"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cf.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Central African Republic (+236)</div>
</div>
</div>
</div>
<div data-value="56" data-title-value="Chile (+56)" tabindex="37"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cl.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Chile (+56)</div>
</div>
</div>
</div>
<div data-value="86" data-title-value="China (+86)" tabindex="38"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cn.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">China (+86)</div>
</div>
</div>
</div>
<div data-value="57" data-title-value="Colombia (+57)" tabindex="39"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/co.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Colombia (+57)</div>
</div>
</div>
</div>
<div data-value="269" data-title-value="Comoros (+269)" tabindex="40"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/km.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Comoros (+269)</div>
</div>
</div>
</div>
<div data-value="242" data-title-value="Congo (+242)" tabindex="41"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cg.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Congo (+242)</div>
</div>
</div>
</div>
<div data-value="682" data-title-value="Cook Islands (+682)" tabindex="42"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ck.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Cook Islands (+682)</div>
</div>
</div>
</div>
<div data-value="506" data-title-value="Costa Rica (+506)" tabindex="43"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Costa Rica (+506)</div>
</div>
</div>
</div>
<div data-value="385" data-title-value="Croatia (+385)" tabindex="44"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/hr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Croatia (+385)</div>
</div>
</div>
</div>
<div data-value="53" data-title-value="Cuba (+53)" tabindex="45"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cu.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Cuba (+53)</div>
</div>
</div>
</div>
<div data-value="90392" data-title-value="Cyprus North (+90392)" tabindex="46"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cy.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Cyprus North (+90392)</div>
</div>
</div>
</div>
<div data-value="357" data-title-value="Cyprus South (+357)" tabindex="47"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cy.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Cyprus South (+357)</div>
</div>
</div>
</div>
<div data-value="420" data-title-value="Czech Republic (+420)" tabindex="48"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/cz.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Czech Republic (+420)</div>
</div>
</div>
</div>
<div data-value="45" data-title-value="Denmark (+45)" tabindex="49"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/dk.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Denmark (+45)</div>
</div>
</div>
</div>
<div data-value="253" data-title-value="Djibouti (+253)" tabindex="50"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/dj.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Djibouti (+253)</div>
</div>
</div>
</div>
<div data-value="1809" data-title-value="Dominica (+1809)" tabindex="51"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/dm.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Dominica (+1809)</div>
</div>
</div>
</div>
<div data-value="1809" data-title-value="Dominican Republic (+1809)" tabindex="52"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/do.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Dominican Republic (+1809)</div>
</div>
</div>
</div>
<div data-value="593" data-title-value="Ecuador (+593)" tabindex="53"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ec.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Ecuador (+593)</div>
</div>
</div>
</div>
<div data-value="20" data-title-value="Egypt (+20)" tabindex="54"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/eg.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Egypt (+20)</div>
</div>
</div>
</div>
<div data-value="503" data-title-value="El Salvador (+503)" tabindex="55"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sv.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">El Salvador (+503)</div>
</div>
</div>
</div>
<div data-value="240" data-title-value="Equatorial Guinea (+240)" tabindex="56"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gq.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Equatorial Guinea (+240)</div>
</div>
</div>
</div>
<div data-value="291" data-title-value="Eritrea (+291)" tabindex="57"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/er.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Eritrea (+291)</div>
</div>
</div>
</div>
<div data-value="372" data-title-value="Estonia (+372)" tabindex="58"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ee.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Estonia (+372)</div>
</div>
</div>
</div>
<div data-value="251" data-title-value="Ethiopia (+251)" tabindex="59"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/et.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Ethiopia (+251)</div>
</div>
</div>
</div>
<div data-value="500" data-title-value="Falkland Islands (+500)" tabindex="60"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/fk.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Falkland Islands (+500)</div>
</div>
</div>
</div>
<div data-value="298" data-title-value="Faroe Islands (+298)" tabindex="61"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/fo.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Faroe Islands (+298)</div>
</div>
</div>
</div>
<div data-value="679" data-title-value="Fiji (+679)" tabindex="62"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/fj.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Fiji (+679)</div>
</div>
</div>
</div>
<div data-value="358" data-title-value="Finland (+358)" tabindex="63"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/fi.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Finland (+358)</div>
</div>
</div>
</div>
<div data-value="33" data-title-value="France (+33)" tabindex="64"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/fr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">France (+33)</div>
</div>
</div>
</div>
<div data-value="594" data-title-value="French Guiana (+594)" tabindex="65"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gf.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">French Guiana (+594)</div>
</div>
</div>
</div>
<div data-value="689" data-title-value="French Polynesia (+689)" tabindex="66"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/pf.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">French Polynesia (+689)</div>
</div>
</div>
</div>
<div data-value="241" data-title-value="Gabon (+241)" tabindex="67"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ga.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Gabon (+241)</div>
</div>
</div>
</div>
<div data-value="220" data-title-value="Gambia (+220)" tabindex="68"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gm.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Gambia (+220)</div>
</div>
</div>
</div>
<div data-value="995" data-title-value="Georgia (+995)" tabindex="69"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ge.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Georgia (+995)</div>
</div>
</div>
</div>
<div data-value="49" data-title-value="Germany (+49)" tabindex="70"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/de.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Germany (+49)</div>
</div>
</div>
</div>
<div data-value="233" data-title-value="Ghana (+233)" tabindex="71"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gh.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Ghana (+233)</div>
</div>
</div>
</div>
<div data-value="350" data-title-value="Gibraltar (+350)" tabindex="72"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gi.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Gibraltar (+350)</div>
</div>
</div>
</div>
<div data-value="30" data-title-value="Greece (+30)" tabindex="73"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Greece (+30)</div>
</div>
</div>
</div>
<div data-value="299" data-title-value="Greenland (+299)" tabindex="74"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gl.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Greenland (+299)</div>
</div>
</div>
</div>
<div data-value="1473" data-title-value="Grenada (+1473)" tabindex="75"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gd.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Grenada (+1473)</div>
</div>
</div>
</div>
<div data-value="590" data-title-value="Guadeloupe (+590)" tabindex="76"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gp.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Guadeloupe (+590)</div>
</div>
</div>
</div>
<div data-value="671" data-title-value="Guam (+671)" tabindex="77"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gu.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Guam (+671)</div>
</div>
</div>
</div>
<div data-value="502" data-title-value="Guatemala (+502)" tabindex="78"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gt.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Guatemala (+502)</div>
</div>
</div>
</div>
<div data-value="224" data-title-value="Guinea (+224)" tabindex="79"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gn.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Guinea (+224)</div>
</div>
</div>
</div>
<div data-value="245" data-title-value="Guinea - Bissau (+245)" tabindex="80"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gw.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Guinea - Bissau (+245)</div>
</div>
</div>
</div>
<div data-value="592" data-title-value="Guyana (+592)" tabindex="81"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/gy.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Guyana (+592)</div>
</div>
</div>
</div>
<div data-value="509" data-title-value="Haiti (+509)" tabindex="82"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ht.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Haiti (+509)</div>
</div>
</div>
</div>
<div data-value="504" data-title-value="Honduras (+504)" tabindex="83"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/hn.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Honduras (+504)</div>
</div>
</div>
</div>
<div data-value="852" data-title-value="Hong Kong (+852)" tabindex="84"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/hk.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Hong Kong (+852)</div>
</div>
</div>
</div>
<div data-value="36" data-title-value="Hungary (+36)" tabindex="85"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/hu.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Hungary (+36)</div>
</div>
</div>
</div>
<div data-value="354" data-title-value="Iceland (+354)" tabindex="86"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/is.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Iceland (+354)</div>
</div>
</div>
</div>
<div data-value="62" data-title-value="Indonesia (+62)" tabindex="87"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/id.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Indonesia (+62)</div>
</div>
</div>
</div>
<div data-value="98" data-title-value="Iran (+98)" tabindex="88"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ir.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Iran (+98)</div>
</div>
</div>
</div>
<div data-value="964" data-title-value="Iraq (+964)" tabindex="89"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/iq.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Iraq (+964)</div>
</div>
</div>
</div>
<div data-value="353" data-title-value="Ireland (+353)" tabindex="90"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ie.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Ireland (+353)</div>
</div>
</div>
</div>
<div data-value="972" data-title-value="Israel (+972)" tabindex="91"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/il.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Israel (+972)</div>
</div>
</div>
</div>
<div data-value="39" data-title-value="Italy (+39)" tabindex="92"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/it.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Italy (+39)</div>
</div>
</div>
</div>
<div data-value="1876" data-title-value="Jamaica (+1876)" tabindex="93"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/jm.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Jamaica (+1876)</div>
</div>
</div>
</div>
<div data-value="81" data-title-value="Japan (+81)" tabindex="94"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/jp.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Japan (+81)</div>
</div>
</div>
</div>
<div data-value="962" data-title-value="Jordan (+962)" tabindex="95"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/jo.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Jordan (+962)</div>
</div>
</div>
</div>
<div data-value="7" data-title-value="Kazakhstan (+7)" tabindex="96"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/kz.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Kazakhstan (+7)</div>
</div>
</div>
</div>
<div data-value="254" data-title-value="Kenya (+254)" tabindex="97"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ke.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Kenya (+254)</div>
</div>
</div>
</div>
<div data-value="686" data-title-value="Kiribati (+686)" tabindex="98"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ki.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Kiribati (+686)</div>
</div>
</div>
</div>
<div data-value="850" data-title-value="Korea North (+850)" tabindex="99"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/kp.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Korea North (+850)</div>
</div>
</div>
</div>
<div data-value="82" data-title-value="Korea South (+82)" tabindex="100"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/kr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Korea South (+82)</div>
</div>
</div>
</div>
<div data-value="965" data-title-value="Kuwait (+965)" tabindex="101"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/kw.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Kuwait (+965)</div>
</div>
</div>
</div>
<div data-value="996" data-title-value="Kyrgyzstan (+996)" tabindex="102"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/kg.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Kyrgyzstan (+996)</div>
</div>
</div>
</div>
<div data-value="856" data-title-value="Laos (+856)" tabindex="103"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/la.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Laos (+856)</div>
</div>
</div>
</div>
<div data-value="371" data-title-value="Latvia (+371)" tabindex="104"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/lv.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Latvia (+371)</div>
</div>
</div>
</div>
<div data-value="961" data-title-value="Lebanon (+961)" tabindex="105"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/lb.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Lebanon (+961)</div>
</div>
</div>
</div>
<div data-value="266" data-title-value="Lesotho (+266)" tabindex="106"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ls.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Lesotho (+266)</div>
</div>
</div>
</div>
<div data-value="231" data-title-value="Liberia (+231)" tabindex="107"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/lr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Liberia (+231)</div>
</div>
</div>
</div>
<div data-value="218" data-title-value="Libya (+218)" tabindex="108"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ly.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Libya (+218)</div>
</div>
</div>
</div>
<div data-value="417" data-title-value="Liechtenstein (+417)" tabindex="109"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/li.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Liechtenstein (+417)</div>
</div>
</div>
</div>
<div data-value="370" data-title-value="Lithuania (+370)" tabindex="110"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/lt.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Lithuania (+370)</div>
</div>
</div>
</div>
<div data-value="352" data-title-value="Luxembourg (+352)" tabindex="111"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/lu.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Luxembourg (+352)</div>
</div>
</div>
</div>
<div data-value="853" data-title-value="Macao (+853)" tabindex="112"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mo.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Macao (+853)</div>
</div>
</div>
</div>
<div data-value="389" data-title-value="Macedonia (+389)" tabindex="113"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mk.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Macedonia (+389)</div>
</div>
</div>
</div>
<div data-value="261" data-title-value="Madagascar (+261)" tabindex="114"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mg.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Madagascar (+261)</div>
</div>
</div>
</div>
<div data-value="265" data-title-value="Malawi (+265)" tabindex="115"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mw.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Malawi (+265)</div>
</div>
</div>
</div>
<div data-value="60" data-title-value="Malaysia (+60)" tabindex="116"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/my.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Malaysia (+60)</div>
</div>
</div>
</div>
<div data-value="960" data-title-value="Maldives (+960)" tabindex="117"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mv.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Maldives (+960)</div>
</div>
</div>
</div>
<div data-value="223" data-title-value="Mali (+223)" tabindex="118"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ml.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Mali (+223)</div>
</div>
</div>
</div>
<div data-value="356" data-title-value="Malta (+356)" tabindex="119"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mt.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Malta (+356)</div>
</div>
</div>
</div>
<div data-value="692" data-title-value="Marshall Islands (+692)" tabindex="120"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mh.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Marshall Islands (+692)</div>
</div>
</div>
</div>
<div data-value="596" data-title-value="Martinique (+596)" tabindex="121"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mq.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Martinique (+596)</div>
</div>
</div>
</div>
<div data-value="222" data-title-value="Mauritania (+222)" tabindex="122"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Mauritania (+222)</div>
</div>
</div>
</div>
<div data-value="269" data-title-value="Mayotte (+269)" tabindex="123"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/yt.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Mayotte (+269)</div>
</div>
</div>
</div>
<div data-value="52" data-title-value="Mexico (+52)" tabindex="124"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mx.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Mexico (+52)</div>
</div>
</div>
</div>
<div data-value="691" data-title-value="Micronesia (+691)" tabindex="125"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/fm.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Micronesia (+691)</div>
</div>
</div>
</div>
<div data-value="373" data-title-value="Moldova (+373)" tabindex="126"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/md.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Moldova (+373)</div>
</div>
</div>
</div>
<div data-value="377" data-title-value="Monaco (+377)" tabindex="127"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mc.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Monaco (+377)</div>
</div>
</div>
</div>
<div data-value="976" data-title-value="Mongolia (+976)" tabindex="128"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mn.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Mongolia (+976)</div>
</div>
</div>
</div>
<div data-value="382" data-title-value="Montenegro (+382)" tabindex="129"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/me.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Montenegro (+382)</div>
</div>
</div>
</div>
<div data-value="1664" data-title-value="Montserrat (+1664)" tabindex="130"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ms.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Montserrat (+1664)</div>
</div>
</div>
</div>
<div data-value="212" data-title-value="Morocco (+212)" tabindex="131"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ma.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Morocco (+212)</div>
</div>
</div>
</div>
<div data-value="258" data-title-value="Mozambique (+258)" tabindex="132"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mz.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Mozambique (+258)</div>
</div>
</div>
</div>
<div data-value="95" data-title-value="Myanmar (+95)" tabindex="133"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/mn.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Myanmar (+95)</div>
</div>
</div>
</div>
<div data-value="264" data-title-value="Namibia (+264)" tabindex="134"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/na.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Namibia (+264)</div>
</div>
</div>
</div>
<div data-value="674" data-title-value="Nauru (+674)" tabindex="135"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/nr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Nauru (+674)</div>
</div>
</div>
</div>
<div data-value="977" data-title-value="Nepal (+977)" tabindex="136"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/np.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Nepal (+977)</div>
</div>
</div>
</div>
<div data-value="31" data-title-value="Netherlands (+31)" tabindex="137"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/nl.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Netherlands (+31)</div>
</div>
</div>
</div>
<div data-value="687" data-title-value="New Caledonia (+687)" tabindex="138"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/nc.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">New Caledonia (+687)</div>
</div>
</div>
</div>
<div data-value="64" data-title-value="New Zealand (+64)" tabindex="139"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/nz.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">New Zealand (+64)</div>
</div>
</div>
</div>
<div data-value="505" data-title-value="Nicaragua (+505)" tabindex="140"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ni.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Nicaragua (+505)</div>
</div>
</div>
</div>
<div data-value="227" data-title-value="Niger (+227)" tabindex="141"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ne.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Niger (+227)</div>
</div>
</div>
</div>
<div data-value="234" data-title-value="Nigeria (+234)" tabindex="142"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ng.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Nigeria (+234)</div>
</div>
</div>
</div>
<div data-value="683" data-title-value="Niue (+683)" tabindex="143"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/nu.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Niue (+683)</div>
</div>
</div>
</div>
<div data-value="672" data-title-value="Norfolk Islands (+672)" tabindex="144"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/nf.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Norfolk Islands (+672)</div>
</div>
</div>
</div>
<div data-value="670" data-title-value="Northern Marianas (+670)" tabindex="145"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/np.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Northern Marianas (+670)</div>
</div>
</div>
</div>
<div data-value="47" data-title-value="Norway (+47)" tabindex="146"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/no.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Norway (+47)</div>
</div>
</div>
</div>
<div data-value="968" data-title-value="Oman (+968)" tabindex="147"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/om.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Oman (+968)</div>
</div>
</div>
</div>
<div data-value="92" data-title-value="Pakistan (+92)" tabindex="148"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/pk.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Pakistan (+92)</div>
</div>
</div>
</div>
<div data-value="680" data-title-value="Palau (+680)" tabindex="149"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/pw.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Palau (+680)</div>
</div>
</div>
</div>
<div data-value="507" data-title-value="Panama (+507)" tabindex="150"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/pa.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Panama (+507)</div>
</div>
</div>
</div>
<div data-value="675" data-title-value="Papua New Guinea (+675)" tabindex="151"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/pg.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Papua New Guinea (+675)</div>
</div>
</div>
</div>
<div data-value="595" data-title-value="Paraguay (+595)" tabindex="152"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/py.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Paraguay (+595)</div>
</div>
</div>
</div>
<div data-value="51" data-title-value="Peru (+51)" tabindex="153"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/pe.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Peru (+51)</div>
</div>
</div>
</div>
<div data-value="63" data-title-value="Philippines (+63)" tabindex="154"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ph.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Philippines (+63)</div>
</div>
</div>
</div>
<div data-value="48" data-title-value="Poland (+48)" tabindex="155"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/pl.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Poland (+48)</div>
</div>
</div>
</div>
<div data-value="351" data-title-value="Portugal (+351)" tabindex="156"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/pt.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Portugal (+351)</div>
</div>
</div>
</div>
<div data-value="1787" data-title-value="Puerto Rico (+1787)" tabindex="157"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/pr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Puerto Rico (+1787)</div>
</div>
</div>
</div>
<div data-value="974" data-title-value="Qatar (+974)" tabindex="158"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/qa.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Qatar (+974)</div>
</div>
</div>
</div>
<div data-value="262" data-title-value="Reunion (+262)" tabindex="159"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/re.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Reunion (+262)</div>
</div>
</div>
</div>
<div data-value="40" data-title-value="Romania (+40)" tabindex="160"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ro.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Romania (+40)</div>
</div>
</div>
</div>
<div data-value="7" data-title-value="Russia (+7)" tabindex="161"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ru.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Russia (+7)</div>
</div>
</div>
</div>
<div data-value="250" data-title-value="Rwanda (+250)" tabindex="162"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/rw.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Rwanda (+250)</div>
</div>
</div>
</div>
<div data-value="378" data-title-value="San Marino (+378)" tabindex="163"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sm.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">San Marino (+378)</div>
</div>
</div>
</div>
<div data-value="239" data-title-value="Sao Tome & Principe (+239)" tabindex="164"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/st.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Sao Tome & Principe (+239)</div>
</div>
</div>
</div>
<div data-value="966" data-title-value="Saudi Arabia (+966)" tabindex="165"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sa.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Saudi Arabia (+966)</div>
</div>
</div>
</div>
<div data-value="221" data-title-value="Senegal (+221)" tabindex="166"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sn.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Senegal (+221)</div>
</div>
</div>
</div>
<div data-value="381" data-title-value="Serbia (+381)" tabindex="167"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/rs.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Serbia (+381)</div>
</div>
</div>
</div>
<div data-value="248" data-title-value="Seychelles (+248)" tabindex="168"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sc.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Seychelles (+248)</div>
</div>
</div>
</div>
<div data-value="232" data-title-value="Sierra Leone (+232)" tabindex="169"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sl.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Sierra Leone (+232)</div>
</div>
</div>
</div>
<div data-value="65" data-title-value="Singapore (+65)" tabindex="170"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sg.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Singapore (+65)</div>
</div>
</div>
</div>
<div data-value="421" data-title-value="Slovak Republic (+421)" tabindex="171"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sk.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Slovak Republic (+421)</div>
</div>
</div>
</div>
<div data-value="386" data-title-value="Slovenia (+386)" tabindex="172"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/si.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Slovenia (+386)</div>
</div>
</div>
</div>
<div data-value="677" data-title-value="Solomon Islands (+677)" tabindex="173"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sb.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Solomon Islands (+677)</div>
</div>
</div>
</div>
<div data-value="252" data-title-value="Somalia (+252)" tabindex="174"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/so.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Somalia (+252)</div>
</div>
</div>
</div>
<div data-value="27" data-title-value="South Africa (+27)" tabindex="175"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/za.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">South Africa (+27)</div>
</div>
</div>
</div>
<div data-value="34" data-title-value="Spain (+34)" tabindex="176"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/es.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Spain (+34)</div>
</div>
</div>
</div>
<div data-value="94" data-title-value="Sri Lanka (+94)" tabindex="177"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/lk.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Sri Lanka (+94)</div>
</div>
</div>
</div>
<div data-value="290" data-title-value="St. Helena (+290)" tabindex="178"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sh.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">St. Helena (+290)</div>
</div>
</div>
</div>
<div data-value="1869" data-title-value="St. Kitts (+1869)" tabindex="179"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/kn.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">St. Kitts (+1869)</div>
</div>
</div>
</div>
<div data-value="1758" data-title-value="St. Lucia (+1758)" tabindex="180"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/lc.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">St. Lucia (+1758)</div>
</div>
</div>
</div>
<div data-value="249" data-title-value="Sudan (+249)" tabindex="181"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sd.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Sudan (+249)</div>
</div>
</div>
</div>
<div data-value="597" data-title-value="Suriname (+597)" tabindex="182"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Suriname (+597)</div>
</div>
</div>
</div>
<div data-value="268" data-title-value="Swaziland (+268)" tabindex="183"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sz.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Swaziland (+268)</div>
</div>
</div>
</div>
<div data-value="46" data-title-value="Sweden (+46)" tabindex="184"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/se.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Sweden (+46)</div>
</div>
</div>
</div>
<div data-value="41" data-title-value="Switzerland (+41)" tabindex="185"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ch.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Switzerland (+41)</div>
</div>
</div>
</div>
<div data-value="963" data-title-value="Syria (+963)" tabindex="186"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/sy.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Syria (+963)</div>
</div>
</div>
</div>
<div data-value="886" data-title-value="Taiwan (+886)" tabindex="187"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/tw.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Taiwan (+886)</div>
</div>
</div>
</div>
<div data-value="7" data-title-value="Tajikstan (+7)" tabindex="188"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/tj.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Tajikstan (+7)</div>
</div>
</div>
</div>
<div data-value="66" data-title-value="Thailand (+66)" tabindex="189"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/th.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Thailand (+66)</div>
</div>
</div>
</div>
<div data-value="228" data-title-value="Togo (+228)" tabindex="190"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/tg.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Togo (+228)</div>
</div>
</div>
</div>
<div data-value="676" data-title-value="Tonga (+676)" tabindex="191"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/to.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Tonga (+676)</div>
</div>
</div>
</div>
<div data-value="1868" data-title-value="Trinidad & Tobago (+1868)" tabindex="192"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/tt.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Trinidad & Tobago (+1868)</div>
</div>
</div>
</div>
<div data-value="216" data-title-value="Tunisia (+216)" tabindex="193"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/tn.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Tunisia (+216)</div>
</div>
</div>
</div>
<div data-value="90" data-title-value="Turkey (+90)" tabindex="194"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/tr.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Turkey (+90)</div>
</div>
</div>
</div>
<div data-value="7" data-title-value="Turkmenistan (+7)" tabindex="195"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/tm.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Turkmenistan (+7)</div>
</div>
</div>
</div>
<div data-value="1649" data-title-value="Turks & Caicos Islands (+1649)" tabindex="196"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/tc.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Turks & Caicos Islands (+1649)</div>
</div>
</div>
</div>
<div data-value="688" data-title-value="Tuvalu (+688)" tabindex="197"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/tv.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Tuvalu (+688)</div>
</div>
</div>
</div>
<div data-value="256" data-title-value="Uganda (+256)" tabindex="198"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ug.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Uganda (+256)</div>
</div>
</div>
</div>
<div data-value="380" data-title-value="Ukraine (+380)" tabindex="199"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ua.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Ukraine (+380)</div>
</div>
</div>
</div>
<div data-value="971" data-title-value="United Arab Emirates (+971)" tabindex="200"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ae.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">United Arab Emirates (+971)</div>
</div>
</div>
</div>
<div data-value="598" data-title-value="Uruguay (+598)" tabindex="201"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/uy.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Uruguay (+598)</div>
</div>
</div>
</div>
<div data-value="7" data-title-value="Uzbekistan (+7)" tabindex="202"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/uz.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Uzbekistan (+7)</div>
</div>
</div>
</div>
<div data-value="678" data-title-value="Vanuatu (+678)" tabindex="203"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/vu.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Vanuatu (+678)</div>
</div>
</div>
</div>
<div data-value="379" data-title-value="Vatican City (+379)" tabindex="204"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/va.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Vatican City (+379)</div>
</div>
</div>
</div>
<div data-value="58" data-title-value="Venezuela (+58)" tabindex="205"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ve.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Venezuela (+58)</div>
</div>
</div>
</div>
<div data-value="84" data-title-value="Vietnam (+84)" tabindex="206"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/vn.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Vietnam (+84)</div>
</div>
</div>
</div>
<div data-value="1284" data-title-value="Virgin Islands - British (+1284)" tabindex="207"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/vg.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Virgin Islands - British (+1284)</div>
</div>
</div>
</div>
<div data-value="1340" data-title-value="Virgin Islands - US (+1340)" tabindex="208"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/vi.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Virgin Islands - US (+1340)</div>
</div>
</div>
</div>
<div data-value="681" data-title-value="Wallis & Futuna (+681)" tabindex="209"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/wf.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Wallis & Futuna (+681)</div>
</div>
</div>
</div>
<div data-value="969" data-title-value="Yemen (North)(+969)" tabindex="210"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ye.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Yemen (North)(+969)</div>
</div>
</div>
</div>
<div data-value="967" data-title-value="Yemen (South)(+967)" tabindex="211"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/ye.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Yemen (South)(+967)</div>
</div>
</div>
</div>
<div data-value="260" data-title-value="Zambia (+260)" tabindex="212"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/zm.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Zambia (+260)</div>
</div>
</div>
</div>
<div data-value="263" data-title-value="Zimbabwe (+263)" tabindex="213"
class="cursor-pointer py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 hover:shadow-lg rounded-lg focus:outline-none focus:bg-gray-100 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800">
<div>
<div class="flex items-center">
<div class="me-2" data-icon=""><img class="inline-block size-4 max-w-full" src="assets/country-flags/zw.svg" alt="flag"></div>
<div class="text-gray-800 dark:text-neutral-200 " data-title="">Zimbabwe (+263)</div>
</div>
</div>
</div>
</div>
<div class="absolute top-[17px] end-2 -translate-y-1/2"><svg class="flex-shrink-0 size-3.5 text-gray-600 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round">
<path d="m7 15 5 5 5-5"></path>
</svg></div>
</div><button _ngcontent-ng-c669778881="" type="button" class="country-code-input-text flex items-center justify-evenly bg-white"><img _ngcontent-ng-c669778881="" alt="" class="inline-block h-3 shadow" src="">
<p _ngcontent-ng-c669778881="" class="font-semibold text-gray-700"></p>
</button>
</div>
</app-search-select-basic></div><input _ngcontent-ng-c1255273176="" type="text" id="username" placeholder="Enter Email or Mobile No." formcontrolname="user_name" autocomplete="off"
class="p-2 w-full border rounded-md focus:border-gray-200 focus:outline-none focus:ring-offset-2 focus:ring-gray-300 dark:bg-white dark:text-black ng-untouched ng-pristine ng-invalid">
</div><!----><!----><!----><!----><!----><!---->
<div _ngcontent-ng-c1255273176="">
<div _ngcontent-ng-c1255273176="" class="mt-6"><app-custom-button _ngcontent-ng-c1255273176="" addclass="w-full" size="lg" _nghost-ng-c2629323418=""><button _ngcontent-ng-c2629323418="" id="po2JKKgTk9" disabled="" type="button"
class="rounded-md focus:outline-none box-border py-2 px-6 max-md:text-xs text-normal font-semibold text-white bg-green-600 hover:bg-green-700 disabled:bg-green-600 opacity-50 cursor-not-allowed w-full"><span _ngcontent-ng-c2629323418=""
class="ripple absolute rounded-full bg-white opacity-75"></span> Next</button></app-custom-button></div>
</div><!----><!----><!----><!---->
</form>Text Content
Continue with Google Continue with Microsoft or WELCOME TO UBIHRM! Select options...India (+91)United Kingdom (+44)Algeria (+213)Andorra (+376)Angola (+244)Anguilla (+1264)Antigua & Barbuda (+1268)Argentina (+54)Armenia (+374)Aruba (+297)Australia (+61)Austria (+43)Azerbaijan (+994)Bahamas (+1242)Bahrain (+973)Bangladesh (+880)Barbados (+1246)Belarus (+375)Belgium (+32)Belize (+501)Benin (+229)Bermuda (+1441)Bhutan (+975)Bolivia (+591)Bosnia and Herzegovina (+387)Botswana (+267)Brazil (+55)Brunei (+673)Bulgaria (+359)Burkina Faso (+226)Burundi (+257)Cambodia (+855)Cameroon (+237)Canada (+1)Cape Verde Islands (+238)Cayman Islands (+1345)Central African Republic (+236)Chile (+56)China (+86)Colombia (+57)Comoros (+269)Congo (+242)Cook Islands (+682)Costa Rica (+506)Croatia (+385)Cuba (+53)Cyprus North (+90392)Cyprus South (+357)Czech Republic (+420)Denmark (+45)Djibouti (+253)Dominica (+1809)Dominican Republic (+1809)Ecuador (+593)Egypt (+20)El Salvador (+503)Equatorial Guinea (+240)Eritrea (+291)Estonia (+372)Ethiopia (+251)Falkland Islands (+500)Faroe Islands (+298)Fiji (+679)Finland (+358)France (+33)French Guiana (+594)French Polynesia (+689)Gabon (+241)Gambia (+220)Georgia (+995)Germany (+49)Ghana (+233)Gibraltar (+350)Greece (+30)Greenland (+299)Grenada (+1473)Guadeloupe (+590)Guam (+671)Guatemala (+502)Guinea (+224)Guinea - Bissau (+245)Guyana (+592)Haiti (+509)Honduras (+504)Hong Kong (+852)Hungary (+36)Iceland (+354)Indonesia (+62)Iran (+98)Iraq (+964)Ireland (+353)Israel (+972)Italy (+39)Jamaica (+1876)Japan (+81)Jordan (+962)Kazakhstan (+7)Kenya (+254)Kiribati (+686)Korea North (+850)Korea South (+82)Kuwait (+965)Kyrgyzstan (+996)Laos (+856)Latvia (+371)Lebanon (+961)Lesotho (+266)Liberia (+231)Libya (+218)Liechtenstein (+417)Lithuania (+370)Luxembourg (+352)Macao (+853)Macedonia (+389)Madagascar (+261)Malawi (+265)Malaysia (+60)Maldives (+960)Mali (+223)Malta (+356)Marshall Islands (+692)Martinique (+596)Mauritania (+222)Mayotte (+269)Mexico (+52)Micronesia (+691)Moldova (+373)Monaco (+377)Mongolia (+976)Montenegro (+382)Montserrat (+1664)Morocco (+212)Mozambique (+258)Myanmar (+95)Namibia (+264)Nauru (+674)Nepal (+977)Netherlands (+31)New Caledonia (+687)New Zealand (+64)Nicaragua (+505)Niger (+227)Nigeria (+234)Niue (+683)Norfolk Islands (+672)Northern Marianas (+670)Norway (+47)Oman (+968)Pakistan (+92)Palau (+680)Panama (+507)Papua New Guinea (+675)Paraguay (+595)Peru (+51)Philippines (+63)Poland (+48)Portugal (+351)Puerto Rico (+1787)Qatar (+974)Reunion (+262)Romania (+40)Russia (+7)Rwanda (+250)San Marino (+378)Sao Tome & Principe (+239)Saudi Arabia (+966)Senegal (+221)Serbia (+381)Seychelles (+248)Sierra Leone (+232)Singapore (+65)Slovak Republic (+421)Slovenia (+386)Solomon Islands (+677)Somalia (+252)South Africa (+27)Spain (+34)Sri Lanka (+94)St. Helena (+290)St. Kitts (+1869)St. Lucia (+1758)Sudan (+249)Suriname (+597)Swaziland (+268)Sweden (+46)Switzerland (+41)Syria (+963)Taiwan (+886)Tajikstan (+7)Thailand (+66)Togo (+228)Tonga (+676)Trinidad & Tobago (+1868)Tunisia (+216)Turkey (+90)Turkmenistan (+7)Turks & Caicos Islands (+1649)Tuvalu (+688)Uganda (+256)Ukraine (+380)United Arab Emirates (+971)Uruguay (+598)Uzbekistan (+7)Vanuatu (+678)Vatican City (+379)Venezuela (+58)Vietnam (+84)Virgin Islands - British (+1284)Virgin Islands - US (+1340)Wallis & Futuna (+681)Yemen (North)(+969)Yemen (South)(+967)Zambia (+260)Zimbabwe (+263)Select options... India (+91) United Kingdom (+44) Algeria (+213) Andorra (+376) Angola (+244) Anguilla (+1264) Antigua & Barbuda (+1268) Argentina (+54) Armenia (+374) Aruba (+297) Australia (+61) Austria (+43) Azerbaijan (+994) Bahamas (+1242) Bahrain (+973) Bangladesh (+880) Barbados (+1246) Belarus (+375) Belgium (+32) Belize (+501) Benin (+229) Bermuda (+1441) Bhutan (+975) Bolivia (+591) Bosnia and Herzegovina (+387) Botswana (+267) Brazil (+55) Brunei (+673) Bulgaria (+359) Burkina Faso (+226) Burundi (+257) Cambodia (+855) Cameroon (+237) Canada (+1) Cape Verde Islands (+238) Cayman Islands (+1345) Central African Republic (+236) Chile (+56) China (+86) Colombia (+57) Comoros (+269) Congo (+242) Cook Islands (+682) Costa Rica (+506) Croatia (+385) Cuba (+53) Cyprus North (+90392) Cyprus South (+357) Czech Republic (+420) Denmark (+45) Djibouti (+253) Dominica (+1809) Dominican Republic (+1809) Ecuador (+593) Egypt (+20) El Salvador (+503) Equatorial Guinea (+240) Eritrea (+291) Estonia (+372) Ethiopia (+251) Falkland Islands (+500) Faroe Islands (+298) Fiji (+679) Finland (+358) France (+33) French Guiana (+594) French Polynesia (+689) Gabon (+241) Gambia (+220) Georgia (+995) Germany (+49) Ghana (+233) Gibraltar (+350) Greece (+30) Greenland (+299) Grenada (+1473) Guadeloupe (+590) Guam (+671) Guatemala (+502) Guinea (+224) Guinea - Bissau (+245) Guyana (+592) Haiti (+509) Honduras (+504) Hong Kong (+852) Hungary (+36) Iceland (+354) Indonesia (+62) Iran (+98) Iraq (+964) Ireland (+353) Israel (+972) Italy (+39) Jamaica (+1876) Japan (+81) Jordan (+962) Kazakhstan (+7) Kenya (+254) Kiribati (+686) Korea North (+850) Korea South (+82) Kuwait (+965) Kyrgyzstan (+996) Laos (+856) Latvia (+371) Lebanon (+961) Lesotho (+266) Liberia (+231) Libya (+218) Liechtenstein (+417) Lithuania (+370) Luxembourg (+352) Macao (+853) Macedonia (+389) Madagascar (+261) Malawi (+265) Malaysia (+60) Maldives (+960) Mali (+223) Malta (+356) Marshall Islands (+692) Martinique (+596) Mauritania (+222) Mayotte (+269) Mexico (+52) Micronesia (+691) Moldova (+373) Monaco (+377) Mongolia (+976) Montenegro (+382) Montserrat (+1664) Morocco (+212) Mozambique (+258) Myanmar (+95) Namibia (+264) Nauru (+674) Nepal (+977) Netherlands (+31) New Caledonia (+687) New Zealand (+64) Nicaragua (+505) Niger (+227) Nigeria (+234) Niue (+683) Norfolk Islands (+672) Northern Marianas (+670) Norway (+47) Oman (+968) Pakistan (+92) Palau (+680) Panama (+507) Papua New Guinea (+675) Paraguay (+595) Peru (+51) Philippines (+63) Poland (+48) Portugal (+351) Puerto Rico (+1787) Qatar (+974) Reunion (+262) Romania (+40) Russia (+7) Rwanda (+250) San Marino (+378) Sao Tome & Principe (+239) Saudi Arabia (+966) Senegal (+221) Serbia (+381) Seychelles (+248) Sierra Leone (+232) Singapore (+65) Slovak Republic (+421) Slovenia (+386) Solomon Islands (+677) Somalia (+252) South Africa (+27) Spain (+34) Sri Lanka (+94) St. Helena (+290) St. Kitts (+1869) St. Lucia (+1758) Sudan (+249) Suriname (+597) Swaziland (+268) Sweden (+46) Switzerland (+41) Syria (+963) Taiwan (+886) Tajikstan (+7) Thailand (+66) Togo (+228) Tonga (+676) Trinidad & Tobago (+1868) Tunisia (+216) Turkey (+90) Turkmenistan (+7) Turks & Caicos Islands (+1649) Tuvalu (+688) Uganda (+256) Ukraine (+380) United Arab Emirates (+971) Uruguay (+598) Uzbekistan (+7) Vanuatu (+678) Vatican City (+379) Venezuela (+58) Vietnam (+84) Virgin Islands - British (+1284) Virgin Islands - US (+1340) Wallis & Futuna (+681) Yemen (North)(+969) Yemen (South)(+967) Zambia (+260) Zimbabwe (+263) Next ©Ubitech Solutions Pvt.Ltd 2024