{"id":51,"date":"2024-05-15T08:03:26","date_gmt":"2024-05-15T08:03:26","guid":{"rendered":"https:\/\/proget.pl\/en\/?page_id=51"},"modified":"2025-09-01T12:03:57","modified_gmt":"2025-09-01T12:03:57","slug":"trial","status":"publish","type":"page","link":"https:\/\/proget.pl\/en\/trial\/","title":{"rendered":"Trial"},"content":{"rendered":"<div\n  id=\"block_2b8684f65e50e4827e3780c6fee037ed\"\n  class=\"alignfull !px-0 relative z-10\"\n  style=\"\"\n  ax-load\n  x-data=\"ContactFormBlock()\"\n  x-ignore\n  x-on:resize.window.debounce=\"updateSize()\"\n  x-on:form-update=\"updateSize()\"\n>\n  \n<div \n  class=\"md:min-h-[32.1875rem] pb-[13.5rem] xl:pb-[3.6785rem] pt-16 xl:pt-[7.75rem] bg-background-black text-text-inverted bg-image-mobile md:bg-image-desktop\"\n  style=\";--image-desktop: url(https:\/\/proget.pl\/app\/uploads\/2\/2025\/05\/1600x550_EMM-EN.webp); --image-mobile: none; background-repeat: no-repeat; background-size: cover; background-position: center center;\"\n  x-ref=\"contactTop\"\n>\n  <div \n    class=\"is-layout-constrained is-layout-constrained-root px-6 md:px-16\"\n>\n    <div>\n      <div class=\"max-w-[31.875rem] mx-auto xl:mx-0\">\n        \n<h1\n  class=\"text-2xl md:text-4xl !leading-[1.3 md:!leading-[1.1] font-bold wp-block-heading align-text-left\" style=\"margin-bottom:var(--wp--preset--spacing--sm);\" id=\"block_481937c7289ca42713b298d5d2853bee\"\n>\n  Test the Proget system\n<\/h1>\n\n\n<ul style=\"margin-bottom:var(--wp--preset--spacing--md)\" class=\"wp-block-list\">\n<li>30 days free of charge<\/li>\n\n\n\n<li>Access to all system capabilities<\/li>\n\n\n\n<li>Full technical support<\/li>\n<\/ul>\n\n\n\n<p>Test the Proget solution in the SaaS model. During the 30-day trial period, you will have access to the full version of the system and all its functionalities. Register the unlimited number of devices and receive professional technical support if you have additional questions.<\/p>\n\n\n      <\/div>\n    <\/div>\n<\/div><\/div>\n\n<div \n  class=\"xl:absolute xl:z-20 md:inset-0 pb-10 xl:pb-[8.1875rem] xl:pt-[7.75rem] -mt-[12rem] xl:mt-0 pointer-events-none\"\n  x-ref=\"contactMiddle\"\n>\n  <div \n    class=\"is-layout-constrained is-layout-constrained-root px-6 xl:px-16 xl:h-full\"\n>\n    <div \n        ax-load=\"visible\"\n        x-data=\"ContactForm()\"\n        x-ignore\n        class=\"xl:h-full flex flex-col justify-center\"\n      >\n        <div \n          x-show=\"!mailSent\"\n          class=\"w-full max-w-[31.875rem] mx-auto xl:mr-0 pointer-events-auto rounded-lg middle-form px-4 py-6 md:p-12 bg-surface-01 text-text-primary shadow-01\"\n        >\n          \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f9-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"9\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/51#wpcf7-f9-o1\" method=\"post\" class=\"wpcf7-form init\" id=\"form-9\" name=\"form-9\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"9\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f9-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"grid grid-cols-2 gap-x-4 md:gap-x-6 gap-y-8\">\n\t<div class=\"col-span-1\">\n\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><div class=\"inline-block relative w-full\">\n  <input\n    placeholder=\" \"\n    id=\"your-name\" class=\"peer w-full h-[3.125rem] bg-transparent text-text-secondary text-sm shadow-01 px-3 border border-border-secondary rounded-lg transition-all hover:border-border-active hover:bg-surface-hover-01 focus:border-border-active focus:outline-0 focus:ring-0 disabled:bg-border-disabled disabled:text-text-disabled disabled:cursor-not-allowed disabled:border-border-disabled wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" size=\"40\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" type=\"text\" name=\"your-name\"\n  \/>\n  <label\n    class=\"flex w-full h-full select-none pointer-events-none absolute px-3 transition-all !overflow-visible truncate leading-tigh text-text-tertiary peer-placeholder-shown:text-text-tertiary peer-disabled:text-text-disabled peer-disabled:peer-placeholder-shown:text-text-disabled -top-[1.25rem] peer-placeholder-shown:top-4 peer-focus:-top-[1.25rem] -left-3 peer-placeholder-shown:left-0 peer-focus:-left-3 peer-placeholder-shown:text-sm text-xs peer-focus:text-xs\"\n    for=\"your-name\"\n  >\n    Name *\n  <\/label>\n<\/div><\/div>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-span-1\">\n\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"your-surname\"><div class=\"inline-block relative w-full\">\n  <input\n    placeholder=\" \"\n    id=\"your-surname\" class=\"peer w-full h-[3.125rem] bg-transparent text-text-secondary text-sm shadow-01 px-3 border border-border-secondary rounded-lg transition-all hover:border-border-active hover:bg-surface-hover-01 focus:border-border-active focus:outline-0 focus:ring-0 disabled:bg-border-disabled disabled:text-text-disabled disabled:cursor-not-allowed disabled:border-border-disabled wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" size=\"40\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" type=\"text\" name=\"your-surname\"\n  \/>\n  <label\n    class=\"flex w-full h-full select-none pointer-events-none absolute px-3 transition-all !overflow-visible truncate leading-tigh text-text-tertiary peer-placeholder-shown:text-text-tertiary peer-disabled:text-text-disabled peer-disabled:peer-placeholder-shown:text-text-disabled -top-[1.25rem] peer-placeholder-shown:top-4 peer-focus:-top-[1.25rem] -left-3 peer-placeholder-shown:left-0 peer-focus:-left-3 peer-placeholder-shown:text-sm text-xs peer-focus:text-xs\"\n    for=\"your-surname\"\n  >\n    Surname *\n  <\/label>\n<\/div><\/div>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-span-2\">\n\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><div class=\"inline-block relative w-full\">\n  <input\n    placeholder=\" \"\n    id=\"your-email\" class=\"peer w-full h-[3.125rem] bg-transparent text-text-secondary text-sm shadow-01 px-3 border border-border-secondary rounded-lg transition-all hover:border-border-active hover:bg-surface-hover-01 focus:border-border-active focus:outline-0 focus:ring-0 disabled:bg-border-disabled disabled:text-text-disabled disabled:cursor-not-allowed disabled:border-border-disabled wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" size=\"40\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" type=\"email\" name=\"your-email\"\n  \/>\n  <label\n    class=\"flex w-full h-full select-none pointer-events-none absolute px-3 transition-all !overflow-visible truncate leading-tigh text-text-tertiary peer-placeholder-shown:text-text-tertiary peer-disabled:text-text-disabled peer-disabled:peer-placeholder-shown:text-text-disabled -top-[1.25rem] peer-placeholder-shown:top-4 peer-focus:-top-[1.25rem] -left-3 peer-placeholder-shown:left-0 peer-focus:-left-3 peer-placeholder-shown:text-sm text-xs peer-focus:text-xs\"\n    for=\"your-email\"\n  >\n    Email address (business) *\n  <\/label>\n<\/div><\/div>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-span-2\">\n\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><div class=\"inline-block relative w-full\">\n  <input\n    placeholder=\" \"\n    id=\"your-company\" class=\"peer w-full h-[3.125rem] bg-transparent text-text-secondary text-sm shadow-01 px-3 border border-border-secondary rounded-lg transition-all hover:border-border-active hover:bg-surface-hover-01 focus:border-border-active focus:outline-0 focus:ring-0 disabled:bg-border-disabled disabled:text-text-disabled disabled:cursor-not-allowed disabled:border-border-disabled wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" size=\"40\" aria-required=\"true\" aria-invalid=\"false\" type=\"text\" name=\"your-company\"\n  \/>\n  <label\n    class=\"flex w-full h-full select-none pointer-events-none absolute px-3 transition-all !overflow-visible truncate leading-tigh text-text-tertiary peer-placeholder-shown:text-text-tertiary peer-disabled:text-text-disabled peer-disabled:peer-placeholder-shown:text-text-disabled -top-[1.25rem] peer-placeholder-shown:top-4 peer-focus:-top-[1.25rem] -left-3 peer-placeholder-shown:left-0 peer-focus:-left-3 peer-placeholder-shown:text-sm text-xs peer-focus:text-xs\"\n    for=\"your-company\"\n  >\n    Company name *\n  <\/label>\n<\/div><\/div>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-span-2\">\n\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"your-promocode\"><div class=\"inline-block relative w-full\">\n  <input\n    placeholder=\" \"\n    id=\"your-promocode\" class=\"peer w-full h-[3.125rem] bg-transparent text-text-secondary text-sm shadow-01 px-3 border border-border-secondary rounded-lg transition-all hover:border-border-active hover:bg-surface-hover-01 focus:border-border-active focus:outline-0 focus:ring-0 disabled:bg-border-disabled disabled:text-text-disabled disabled:cursor-not-allowed disabled:border-border-disabled wpcf7-form-control wpcf7-text\" size=\"40\" aria-invalid=\"false\" type=\"text\" name=\"your-promocode\"\n  \/>\n  <label\n    class=\"flex w-full h-full select-none pointer-events-none absolute px-3 transition-all !overflow-visible truncate leading-tigh text-text-tertiary peer-placeholder-shown:text-text-tertiary peer-disabled:text-text-disabled peer-disabled:peer-placeholder-shown:text-text-disabled -top-[1.25rem] peer-placeholder-shown:top-4 peer-focus:-top-[1.25rem] -left-3 peer-placeholder-shown:left-0 peer-focus:-left-3 peer-placeholder-shown:text-sm text-xs peer-focus:text-xs\"\n    for=\"your-promocode\"\n  >\n    Promo code\n  <\/label>\n<\/div><\/div>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-span-2 sm:col-span-1\">\n\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"your-country\"><div\n    class=\"inline-block relative z-10 w-full\"\n    x-data=\"{\n        current: '',\n        open: false,\n        search: '',\n        selectValue(value, label) {\n            this.current = label;\n            this.$refs.select.value = label;\n            $dispatch('select-changed', { value: value, label: label, el: this.$refs.select });\n        },\n        cleanData() {\n            this.$el.querySelectorAll('option').forEach((option, index) =&gt; {\n                option.text = option.text.replace(\/&nbsp;\/g, ' ');\n            });\n        }\n    }\"\n    :class=\"{\n        '!z-30': open,\n    }\"\n    x-init=\"$refs.select.value = ''; cleanData()\"\n>\n    <select\n        id=\"your-country\" class=\"hidden wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-country\"\n        x-ref=\"select\"\n    >\n                    <option>Andorra<\/option>\n                    <option>United Arab Emirates<\/option>\n                    <option>Afghanistan<\/option>\n                    <option>Antigua &amp; Barbuda<\/option>\n                    <option>Anguilla<\/option>\n                    <option>Albania<\/option>\n                    <option>Armenia<\/option>\n                    <option>Angola<\/option>\n                    <option>Argentina<\/option>\n                    <option>American Samoa<\/option>\n                    <option>Austria<\/option>\n                    <option>Australia<\/option>\n                    <option>Aruba<\/option>\n                    <option>\u00c5land Islands<\/option>\n                    <option>Azerbaijan<\/option>\n                    <option>Bosnia &amp; Herzegovina<\/option>\n                    <option>Barbados<\/option>\n                    <option>Bangladesh<\/option>\n                    <option>Belgium<\/option>\n                    <option>Burkina Faso<\/option>\n                    <option>Bulgaria<\/option>\n                    <option>Bahrain<\/option>\n                    <option>Burundi<\/option>\n                    <option>Benin<\/option>\n                    <option>St. Barth\u00e9lemy<\/option>\n                    <option>Bermuda<\/option>\n                    <option>Brunei<\/option>\n                    <option>Bolivia<\/option>\n                    <option>Caribbean Netherlands<\/option>\n                    <option>Brazil<\/option>\n                    <option>Bahamas<\/option>\n                    <option>Bhutan<\/option>\n                    <option>Botswana<\/option>\n                    <option>Belarus<\/option>\n                    <option>Belize<\/option>\n                    <option>Canada<\/option>\n                    <option>Cocos (Keeling) Islands<\/option>\n                    <option>Congo &#8211; Kinshasa<\/option>\n                    <option>Central African Republic<\/option>\n                    <option>Congo &#8211; Brazzaville<\/option>\n                    <option>Switzerland<\/option>\n                    <option>C\u00f4te d\u2019Ivoire<\/option>\n                    <option>Cook Islands<\/option>\n                    <option>Chile<\/option>\n                    <option>Cameroon<\/option>\n                    <option>China<\/option>\n                    <option>Colombia<\/option>\n                    <option>Costa Rica<\/option>\n                    <option>Cuba<\/option>\n                    <option>Cape Verde<\/option>\n                    <option>Cura\u00e7ao<\/option>\n                    <option>Christmas Island<\/option>\n                    <option>Cyprus<\/option>\n                    <option>Czechia<\/option>\n                    <option>Germany<\/option>\n                    <option>Djibouti<\/option>\n                    <option>Denmark<\/option>\n                    <option>Dominica<\/option>\n                    <option>Dominican Republic<\/option>\n                    <option>Algeria<\/option>\n                    <option>Ecuador<\/option>\n                    <option>Estonia<\/option>\n                    <option>Egypt<\/option>\n                    <option>Western Sahara<\/option>\n                    <option>Eritrea<\/option>\n                    <option>Spain<\/option>\n                    <option>Ethiopia<\/option>\n                    <option>Finland<\/option>\n                    <option>Fiji<\/option>\n                    <option>Falkland Islands<\/option>\n                    <option>Micronesia<\/option>\n                    <option>Faroe Islands<\/option>\n                    <option>France<\/option>\n                    <option>Gabon<\/option>\n                    <option>United Kingdom<\/option>\n                    <option>Grenada<\/option>\n                    <option>Georgia<\/option>\n                    <option>French Guiana<\/option>\n                    <option>Guernsey<\/option>\n                    <option>Ghana<\/option>\n                    <option>Gibraltar<\/option>\n                    <option>Greenland<\/option>\n                    <option>Gambia<\/option>\n                    <option>Guinea<\/option>\n                    <option>Guadeloupe<\/option>\n                    <option>Equatorial Guinea<\/option>\n                    <option>Greece<\/option>\n                    <option>South Georgia<\/option>\n                    <option>Guatemala<\/option>\n                    <option>Guam<\/option>\n                    <option>Guinea-Bissau<\/option>\n                    <option>Guyana<\/option>\n                    <option>Hong Kong SAR China<\/option>\n                    <option>Honduras<\/option>\n                    <option>Croatia<\/option>\n                    <option>Haiti<\/option>\n                    <option>Hungary<\/option>\n                    <option>Indonesia<\/option>\n                    <option>Ireland<\/option>\n                    <option>Israel<\/option>\n                    <option>Isle of Man<\/option>\n                    <option>India<\/option>\n                    <option>British Indian Ocean Territory<\/option>\n                    <option>Iraq<\/option>\n                    <option>Iran<\/option>\n                    <option>Iceland<\/option>\n                    <option>Italy<\/option>\n                    <option>Jersey<\/option>\n                    <option>Jamaica<\/option>\n                    <option>Jordan<\/option>\n                    <option>Japan<\/option>\n                    <option>Kenya<\/option>\n                    <option>Kyrgyzstan<\/option>\n                    <option>Cambodia<\/option>\n                    <option>Kiribati<\/option>\n                    <option>Comoros<\/option>\n                    <option>St. Kitts &amp; Nevis<\/option>\n                    <option>North Korea<\/option>\n                    <option>South Korea<\/option>\n                    <option>Kuwait<\/option>\n                    <option>Cayman Islands<\/option>\n                    <option>Kazakhstan<\/option>\n                    <option>Laos<\/option>\n                    <option>Lebanon<\/option>\n                    <option>St. Lucia<\/option>\n                    <option>Liechtenstein<\/option>\n                    <option>Sri Lanka<\/option>\n                    <option>Liberia<\/option>\n                    <option>Lesotho<\/option>\n                    <option>Lithuania<\/option>\n                    <option>Luxembourg<\/option>\n                    <option>Latvia<\/option>\n                    <option>Libya<\/option>\n                    <option>Morocco<\/option>\n                    <option>Monaco<\/option>\n                    <option>Moldova<\/option>\n                    <option>Montenegro<\/option>\n                    <option>St. Martin<\/option>\n                    <option>Madagascar<\/option>\n                    <option>Marshall Islands<\/option>\n                    <option>North Macedonia<\/option>\n                    <option>Mali<\/option>\n                    <option>Myanmar (Burma)<\/option>\n                    <option>Mongolia<\/option>\n                    <option>Macao SAR China<\/option>\n                    <option>Northern Mariana Islands<\/option>\n                    <option>Martinique<\/option>\n                    <option>Mauritania<\/option>\n                    <option>Montserrat<\/option>\n                    <option>Malta<\/option>\n                    <option>Mauritius<\/option>\n                    <option>Maldives<\/option>\n                    <option>Malawi<\/option>\n                    <option>Mexico<\/option>\n                    <option>Malaysia<\/option>\n                    <option>Mozambique<\/option>\n                    <option>Namibia<\/option>\n                    <option>New Caledonia<\/option>\n                    <option>Niger<\/option>\n                    <option>Norfolk Island<\/option>\n                    <option>Nigeria<\/option>\n                    <option>Nicaragua<\/option>\n                    <option>Netherlands<\/option>\n                    <option>Norway<\/option>\n                    <option>Nepal<\/option>\n                    <option>Nauru<\/option>\n                    <option>Niue<\/option>\n                    <option>New Zealand<\/option>\n                    <option>Oman<\/option>\n                    <option>Panama<\/option>\n                    <option>Peru<\/option>\n                    <option>French Polynesia<\/option>\n                    <option>Papua New Guinea<\/option>\n                    <option>Philippines<\/option>\n                    <option>Pakistan<\/option>\n                    <option>Poland<\/option>\n                    <option>St. Pierre &amp; Miquelon<\/option>\n                    <option>Pitcairn Islands<\/option>\n                    <option>Puerto Rico<\/option>\n                    <option>Palestinian Territories<\/option>\n                    <option>Portugal<\/option>\n                    <option>Palau<\/option>\n                    <option>Paraguay<\/option>\n                    <option>Qatar<\/option>\n                    <option>R\u00e9union<\/option>\n                    <option>Romania<\/option>\n                    <option>Serbia<\/option>\n                    <option>Russia<\/option>\n                    <option>Rwanda<\/option>\n                    <option>Saudi Arabia<\/option>\n                    <option>Solomon Islands<\/option>\n                    <option>Seychelles<\/option>\n                    <option>Sudan<\/option>\n                    <option>Sweden<\/option>\n                    <option>Singapore<\/option>\n                    <option>St. Helena<\/option>\n                    <option>Slovenia<\/option>\n                    <option>Svalbard &amp; Jan Mayen<\/option>\n                    <option>Slovakia<\/option>\n                    <option>Sierra Leone<\/option>\n                    <option>San Marino<\/option>\n                    <option>Senegal<\/option>\n                    <option>Somalia<\/option>\n                    <option>Suriname<\/option>\n                    <option>South Sudan<\/option>\n                    <option>S\u00e3o Tom\u00e9 &amp; Pr\u00edncipe<\/option>\n                    <option>El Salvador<\/option>\n                    <option>Sint Maarten<\/option>\n                    <option>Syria<\/option>\n                    <option>Eswatini<\/option>\n                    <option>Turks &amp; Caicos Islands<\/option>\n                    <option>Chad<\/option>\n                    <option>Togo<\/option>\n                    <option>Thailand<\/option>\n                    <option>Tajikistan<\/option>\n                    <option>Tokelau<\/option>\n                    <option>Timor-Leste<\/option>\n                    <option>Turkmenistan<\/option>\n                    <option>Tunisia<\/option>\n                    <option>Tonga<\/option>\n                    <option>Turkey<\/option>\n                    <option>Trinidad &amp; Tobago<\/option>\n                    <option>Tuvalu<\/option>\n                    <option>Taiwan<\/option>\n                    <option>Tanzania<\/option>\n                    <option>Ukraine<\/option>\n                    <option>Uganda<\/option>\n                    <option>United States<\/option>\n                    <option>Uruguay<\/option>\n                    <option>Uzbekistan<\/option>\n                    <option>Vatican City<\/option>\n                    <option>St. Vincent &amp; Grenadines<\/option>\n                    <option>Venezuela<\/option>\n                    <option>British Virgin Islands<\/option>\n                    <option>U.S. Virgin Islands<\/option>\n                    <option>Vietnam<\/option>\n                    <option>Vanuatu<\/option>\n                    <option>Wallis &amp; Futuna<\/option>\n                    <option>Samoa<\/option>\n                    <option>Kosovo<\/option>\n                    <option>Yemen<\/option>\n                    <option>Mayotte<\/option>\n                    <option>South Africa<\/option>\n                    <option>Zambia<\/option>\n                    <option>Zimbabwe<\/option>\n            <\/select>\n    <div\n        class=\"flex flex-col justify-center w-full h-[3.125rem] cursor-pointer bg-surface-01 text-text-secondary text-sm shadow-01 pl-3 pr-[2.375rem] border border-border-secondary rounded-lg transition-all hover:border-border-active hover:bg-surface-hover-01\"\n        :class=\"{\n            '!rounded-b-none !border-border-active !bg-surface-hover-01': open\n        }\"\n        x-on:click=\"open = !open\"\n    >\n        <span x-text=\"current\"><\/span>\n\n        <span class=\"absolute z-10 pointer-events-none right-2 top-1\/2 -translate-y-1\/2\">\n            <svg \n    width=\"20\" \n    height=\"20\" \n    viewBox=\"0 0 20 20\" \n    fill=\"none\" \n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    class=\"w-6 h-6\"\n>\n    <path d=\"M16.25 7.5L10 13.75L3.75 7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n            <\/span>\n\n        <label\n            class=\"flex w-full h-full select-none pointer-events-none absolute z-10 left-0 px-3 transition-all !overflow-visible truncate leading-tigh text-text-tertiary -top-[1.25rem] text-xs -left-3\"\n            :class=\"{\n                '-top-[1.25rem] text-xs': current !== '',\n                'top-4 left-0 text-sm': current === '',\n            }\"\n            for=\"your-country\"\n        >\n            Country *\n        <\/label>\n    <\/div>\n\n    <div\n        class=\"absolute z-20 top-full bg-surface-hover-01 border border-t-0 border-border-active inset-x-0 shadow-01 -mt-px rounded-b-lg overflow-hidden\"\n        x-show=\"open\"\n        x-on:click.away=\"open = false\"\n        x-collapse\n        x-cloak\n    >\n        \n        <div class=\"flex flex-col max-h-[12.5rem] !overflow-y-auto text-sm\">\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ad', 'Andorra'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Andorra',\n                    }\"\n                    x-show=\"search === '' || 'Andorra'.toLowerCase().includes(search)\"\n                >\n                    Andorra\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ae', 'United Arab Emirates'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'United Arab Emirates',\n                    }\"\n                    x-show=\"search === '' || 'United Arab Emirates'.toLowerCase().includes(search)\"\n                >\n                    United Arab Emirates\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('af', 'Afghanistan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Afghanistan',\n                    }\"\n                    x-show=\"search === '' || 'Afghanistan'.toLowerCase().includes(search)\"\n                >\n                    Afghanistan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ag', 'Antigua \\u0026 Barbuda'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Antigua \\u0026 Barbuda',\n                    }\"\n                    x-show=\"search === '' || 'Antigua \\u0026 Barbuda'.toLowerCase().includes(search)\"\n                >\n                    Antigua &amp; Barbuda\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ai', 'Anguilla'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Anguilla',\n                    }\"\n                    x-show=\"search === '' || 'Anguilla'.toLowerCase().includes(search)\"\n                >\n                    Anguilla\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('al', 'Albania'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Albania',\n                    }\"\n                    x-show=\"search === '' || 'Albania'.toLowerCase().includes(search)\"\n                >\n                    Albania\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('am', 'Armenia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Armenia',\n                    }\"\n                    x-show=\"search === '' || 'Armenia'.toLowerCase().includes(search)\"\n                >\n                    Armenia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ao', 'Angola'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Angola',\n                    }\"\n                    x-show=\"search === '' || 'Angola'.toLowerCase().includes(search)\"\n                >\n                    Angola\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ar', 'Argentina'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Argentina',\n                    }\"\n                    x-show=\"search === '' || 'Argentina'.toLowerCase().includes(search)\"\n                >\n                    Argentina\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('as', 'American Samoa'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'American Samoa',\n                    }\"\n                    x-show=\"search === '' || 'American Samoa'.toLowerCase().includes(search)\"\n                >\n                    American Samoa\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('at', 'Austria'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Austria',\n                    }\"\n                    x-show=\"search === '' || 'Austria'.toLowerCase().includes(search)\"\n                >\n                    Austria\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('au', 'Australia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Australia',\n                    }\"\n                    x-show=\"search === '' || 'Australia'.toLowerCase().includes(search)\"\n                >\n                    Australia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('aw', 'Aruba'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Aruba',\n                    }\"\n                    x-show=\"search === '' || 'Aruba'.toLowerCase().includes(search)\"\n                >\n                    Aruba\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ax', '\\u00c5land Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === '\\u00c5land Islands',\n                    }\"\n                    x-show=\"search === '' || '\\u00c5land Islands'.toLowerCase().includes(search)\"\n                >\n                    \u00c5land Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('az', 'Azerbaijan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Azerbaijan',\n                    }\"\n                    x-show=\"search === '' || 'Azerbaijan'.toLowerCase().includes(search)\"\n                >\n                    Azerbaijan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ba', 'Bosnia \\u0026 Herzegovina'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Bosnia \\u0026 Herzegovina',\n                    }\"\n                    x-show=\"search === '' || 'Bosnia \\u0026 Herzegovina'.toLowerCase().includes(search)\"\n                >\n                    Bosnia &amp; Herzegovina\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bb', 'Barbados'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Barbados',\n                    }\"\n                    x-show=\"search === '' || 'Barbados'.toLowerCase().includes(search)\"\n                >\n                    Barbados\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bd', 'Bangladesh'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Bangladesh',\n                    }\"\n                    x-show=\"search === '' || 'Bangladesh'.toLowerCase().includes(search)\"\n                >\n                    Bangladesh\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('be', 'Belgium'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Belgium',\n                    }\"\n                    x-show=\"search === '' || 'Belgium'.toLowerCase().includes(search)\"\n                >\n                    Belgium\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bf', 'Burkina Faso'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Burkina Faso',\n                    }\"\n                    x-show=\"search === '' || 'Burkina Faso'.toLowerCase().includes(search)\"\n                >\n                    Burkina Faso\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bg', 'Bulgaria'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Bulgaria',\n                    }\"\n                    x-show=\"search === '' || 'Bulgaria'.toLowerCase().includes(search)\"\n                >\n                    Bulgaria\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bh', 'Bahrain'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Bahrain',\n                    }\"\n                    x-show=\"search === '' || 'Bahrain'.toLowerCase().includes(search)\"\n                >\n                    Bahrain\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bi', 'Burundi'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Burundi',\n                    }\"\n                    x-show=\"search === '' || 'Burundi'.toLowerCase().includes(search)\"\n                >\n                    Burundi\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bj', 'Benin'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Benin',\n                    }\"\n                    x-show=\"search === '' || 'Benin'.toLowerCase().includes(search)\"\n                >\n                    Benin\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bl', 'St. Barth\\u00e9lemy'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'St. Barth\\u00e9lemy',\n                    }\"\n                    x-show=\"search === '' || 'St. Barth\\u00e9lemy'.toLowerCase().includes(search)\"\n                >\n                    St. Barth\u00e9lemy\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bm', 'Bermuda'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Bermuda',\n                    }\"\n                    x-show=\"search === '' || 'Bermuda'.toLowerCase().includes(search)\"\n                >\n                    Bermuda\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bn', 'Brunei'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Brunei',\n                    }\"\n                    x-show=\"search === '' || 'Brunei'.toLowerCase().includes(search)\"\n                >\n                    Brunei\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bo', 'Bolivia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Bolivia',\n                    }\"\n                    x-show=\"search === '' || 'Bolivia'.toLowerCase().includes(search)\"\n                >\n                    Bolivia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bq', 'Caribbean Netherlands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Caribbean Netherlands',\n                    }\"\n                    x-show=\"search === '' || 'Caribbean Netherlands'.toLowerCase().includes(search)\"\n                >\n                    Caribbean Netherlands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('br', 'Brazil'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Brazil',\n                    }\"\n                    x-show=\"search === '' || 'Brazil'.toLowerCase().includes(search)\"\n                >\n                    Brazil\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bs', 'Bahamas'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Bahamas',\n                    }\"\n                    x-show=\"search === '' || 'Bahamas'.toLowerCase().includes(search)\"\n                >\n                    Bahamas\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bt', 'Bhutan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Bhutan',\n                    }\"\n                    x-show=\"search === '' || 'Bhutan'.toLowerCase().includes(search)\"\n                >\n                    Bhutan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bw', 'Botswana'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Botswana',\n                    }\"\n                    x-show=\"search === '' || 'Botswana'.toLowerCase().includes(search)\"\n                >\n                    Botswana\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('by', 'Belarus'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Belarus',\n                    }\"\n                    x-show=\"search === '' || 'Belarus'.toLowerCase().includes(search)\"\n                >\n                    Belarus\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('bz', 'Belize'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Belize',\n                    }\"\n                    x-show=\"search === '' || 'Belize'.toLowerCase().includes(search)\"\n                >\n                    Belize\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ca', 'Canada'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Canada',\n                    }\"\n                    x-show=\"search === '' || 'Canada'.toLowerCase().includes(search)\"\n                >\n                    Canada\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cc', 'Cocos (Keeling) Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Cocos (Keeling) Islands',\n                    }\"\n                    x-show=\"search === '' || 'Cocos (Keeling) Islands'.toLowerCase().includes(search)\"\n                >\n                    Cocos (Keeling) Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cd', 'Congo - Kinshasa'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Congo - Kinshasa',\n                    }\"\n                    x-show=\"search === '' || 'Congo - Kinshasa'.toLowerCase().includes(search)\"\n                >\n                    Congo &#8211; Kinshasa\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cf', 'Central African Republic'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Central African Republic',\n                    }\"\n                    x-show=\"search === '' || 'Central African Republic'.toLowerCase().includes(search)\"\n                >\n                    Central African Republic\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cg', 'Congo - Brazzaville'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Congo - Brazzaville',\n                    }\"\n                    x-show=\"search === '' || 'Congo - Brazzaville'.toLowerCase().includes(search)\"\n                >\n                    Congo &#8211; Brazzaville\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ch', 'Switzerland'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Switzerland',\n                    }\"\n                    x-show=\"search === '' || 'Switzerland'.toLowerCase().includes(search)\"\n                >\n                    Switzerland\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ci', 'C\\u00f4te d\\u2019Ivoire'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'C\\u00f4te d\\u2019Ivoire',\n                    }\"\n                    x-show=\"search === '' || 'C\\u00f4te d\\u2019Ivoire'.toLowerCase().includes(search)\"\n                >\n                    C\u00f4te d\u2019Ivoire\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ck', 'Cook Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Cook Islands',\n                    }\"\n                    x-show=\"search === '' || 'Cook Islands'.toLowerCase().includes(search)\"\n                >\n                    Cook Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cl', 'Chile'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Chile',\n                    }\"\n                    x-show=\"search === '' || 'Chile'.toLowerCase().includes(search)\"\n                >\n                    Chile\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cm', 'Cameroon'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Cameroon',\n                    }\"\n                    x-show=\"search === '' || 'Cameroon'.toLowerCase().includes(search)\"\n                >\n                    Cameroon\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cn', 'China'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'China',\n                    }\"\n                    x-show=\"search === '' || 'China'.toLowerCase().includes(search)\"\n                >\n                    China\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('co', 'Colombia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Colombia',\n                    }\"\n                    x-show=\"search === '' || 'Colombia'.toLowerCase().includes(search)\"\n                >\n                    Colombia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cr', 'Costa Rica'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Costa Rica',\n                    }\"\n                    x-show=\"search === '' || 'Costa Rica'.toLowerCase().includes(search)\"\n                >\n                    Costa Rica\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cu', 'Cuba'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Cuba',\n                    }\"\n                    x-show=\"search === '' || 'Cuba'.toLowerCase().includes(search)\"\n                >\n                    Cuba\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cv', 'Cape Verde'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Cape Verde',\n                    }\"\n                    x-show=\"search === '' || 'Cape Verde'.toLowerCase().includes(search)\"\n                >\n                    Cape Verde\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cw', 'Cura\\u00e7ao'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Cura\\u00e7ao',\n                    }\"\n                    x-show=\"search === '' || 'Cura\\u00e7ao'.toLowerCase().includes(search)\"\n                >\n                    Cura\u00e7ao\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cx', 'Christmas Island'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Christmas Island',\n                    }\"\n                    x-show=\"search === '' || 'Christmas Island'.toLowerCase().includes(search)\"\n                >\n                    Christmas Island\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cy', 'Cyprus'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Cyprus',\n                    }\"\n                    x-show=\"search === '' || 'Cyprus'.toLowerCase().includes(search)\"\n                >\n                    Cyprus\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('cz', 'Czechia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Czechia',\n                    }\"\n                    x-show=\"search === '' || 'Czechia'.toLowerCase().includes(search)\"\n                >\n                    Czechia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('de', 'Germany'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Germany',\n                    }\"\n                    x-show=\"search === '' || 'Germany'.toLowerCase().includes(search)\"\n                >\n                    Germany\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('dj', 'Djibouti'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Djibouti',\n                    }\"\n                    x-show=\"search === '' || 'Djibouti'.toLowerCase().includes(search)\"\n                >\n                    Djibouti\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('dk', 'Denmark'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Denmark',\n                    }\"\n                    x-show=\"search === '' || 'Denmark'.toLowerCase().includes(search)\"\n                >\n                    Denmark\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('dm', 'Dominica'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Dominica',\n                    }\"\n                    x-show=\"search === '' || 'Dominica'.toLowerCase().includes(search)\"\n                >\n                    Dominica\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('do', 'Dominican Republic'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Dominican Republic',\n                    }\"\n                    x-show=\"search === '' || 'Dominican Republic'.toLowerCase().includes(search)\"\n                >\n                    Dominican Republic\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('dz', 'Algeria'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Algeria',\n                    }\"\n                    x-show=\"search === '' || 'Algeria'.toLowerCase().includes(search)\"\n                >\n                    Algeria\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ec', 'Ecuador'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Ecuador',\n                    }\"\n                    x-show=\"search === '' || 'Ecuador'.toLowerCase().includes(search)\"\n                >\n                    Ecuador\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ee', 'Estonia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Estonia',\n                    }\"\n                    x-show=\"search === '' || 'Estonia'.toLowerCase().includes(search)\"\n                >\n                    Estonia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('eg', 'Egypt'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Egypt',\n                    }\"\n                    x-show=\"search === '' || 'Egypt'.toLowerCase().includes(search)\"\n                >\n                    Egypt\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('eh', 'Western Sahara'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Western Sahara',\n                    }\"\n                    x-show=\"search === '' || 'Western Sahara'.toLowerCase().includes(search)\"\n                >\n                    Western Sahara\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('er', 'Eritrea'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Eritrea',\n                    }\"\n                    x-show=\"search === '' || 'Eritrea'.toLowerCase().includes(search)\"\n                >\n                    Eritrea\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('es', 'Spain'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Spain',\n                    }\"\n                    x-show=\"search === '' || 'Spain'.toLowerCase().includes(search)\"\n                >\n                    Spain\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('et', 'Ethiopia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Ethiopia',\n                    }\"\n                    x-show=\"search === '' || 'Ethiopia'.toLowerCase().includes(search)\"\n                >\n                    Ethiopia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('fi', 'Finland'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Finland',\n                    }\"\n                    x-show=\"search === '' || 'Finland'.toLowerCase().includes(search)\"\n                >\n                    Finland\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('fj', 'Fiji'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Fiji',\n                    }\"\n                    x-show=\"search === '' || 'Fiji'.toLowerCase().includes(search)\"\n                >\n                    Fiji\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('fk', 'Falkland Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Falkland Islands',\n                    }\"\n                    x-show=\"search === '' || 'Falkland Islands'.toLowerCase().includes(search)\"\n                >\n                    Falkland Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('fm', 'Micronesia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Micronesia',\n                    }\"\n                    x-show=\"search === '' || 'Micronesia'.toLowerCase().includes(search)\"\n                >\n                    Micronesia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('fo', 'Faroe Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Faroe Islands',\n                    }\"\n                    x-show=\"search === '' || 'Faroe Islands'.toLowerCase().includes(search)\"\n                >\n                    Faroe Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('fr', 'France'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'France',\n                    }\"\n                    x-show=\"search === '' || 'France'.toLowerCase().includes(search)\"\n                >\n                    France\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ga', 'Gabon'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Gabon',\n                    }\"\n                    x-show=\"search === '' || 'Gabon'.toLowerCase().includes(search)\"\n                >\n                    Gabon\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gb', 'United Kingdom'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'United Kingdom',\n                    }\"\n                    x-show=\"search === '' || 'United Kingdom'.toLowerCase().includes(search)\"\n                >\n                    United Kingdom\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gd', 'Grenada'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Grenada',\n                    }\"\n                    x-show=\"search === '' || 'Grenada'.toLowerCase().includes(search)\"\n                >\n                    Grenada\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ge', 'Georgia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Georgia',\n                    }\"\n                    x-show=\"search === '' || 'Georgia'.toLowerCase().includes(search)\"\n                >\n                    Georgia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gf', 'French Guiana'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'French Guiana',\n                    }\"\n                    x-show=\"search === '' || 'French Guiana'.toLowerCase().includes(search)\"\n                >\n                    French Guiana\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gg', 'Guernsey'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Guernsey',\n                    }\"\n                    x-show=\"search === '' || 'Guernsey'.toLowerCase().includes(search)\"\n                >\n                    Guernsey\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gh', 'Ghana'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Ghana',\n                    }\"\n                    x-show=\"search === '' || 'Ghana'.toLowerCase().includes(search)\"\n                >\n                    Ghana\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gi', 'Gibraltar'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Gibraltar',\n                    }\"\n                    x-show=\"search === '' || 'Gibraltar'.toLowerCase().includes(search)\"\n                >\n                    Gibraltar\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gl', 'Greenland'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Greenland',\n                    }\"\n                    x-show=\"search === '' || 'Greenland'.toLowerCase().includes(search)\"\n                >\n                    Greenland\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gm', 'Gambia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Gambia',\n                    }\"\n                    x-show=\"search === '' || 'Gambia'.toLowerCase().includes(search)\"\n                >\n                    Gambia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gn', 'Guinea'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Guinea',\n                    }\"\n                    x-show=\"search === '' || 'Guinea'.toLowerCase().includes(search)\"\n                >\n                    Guinea\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gp', 'Guadeloupe'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Guadeloupe',\n                    }\"\n                    x-show=\"search === '' || 'Guadeloupe'.toLowerCase().includes(search)\"\n                >\n                    Guadeloupe\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gq', 'Equatorial Guinea'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Equatorial Guinea',\n                    }\"\n                    x-show=\"search === '' || 'Equatorial Guinea'.toLowerCase().includes(search)\"\n                >\n                    Equatorial Guinea\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gr', 'Greece'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Greece',\n                    }\"\n                    x-show=\"search === '' || 'Greece'.toLowerCase().includes(search)\"\n                >\n                    Greece\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gs', 'South Georgia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'South Georgia',\n                    }\"\n                    x-show=\"search === '' || 'South Georgia'.toLowerCase().includes(search)\"\n                >\n                    South Georgia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gt', 'Guatemala'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Guatemala',\n                    }\"\n                    x-show=\"search === '' || 'Guatemala'.toLowerCase().includes(search)\"\n                >\n                    Guatemala\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gu', 'Guam'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Guam',\n                    }\"\n                    x-show=\"search === '' || 'Guam'.toLowerCase().includes(search)\"\n                >\n                    Guam\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gw', 'Guinea-Bissau'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Guinea-Bissau',\n                    }\"\n                    x-show=\"search === '' || 'Guinea-Bissau'.toLowerCase().includes(search)\"\n                >\n                    Guinea-Bissau\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('gy', 'Guyana'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Guyana',\n                    }\"\n                    x-show=\"search === '' || 'Guyana'.toLowerCase().includes(search)\"\n                >\n                    Guyana\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('hk', 'Hong Kong SAR China'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Hong Kong SAR China',\n                    }\"\n                    x-show=\"search === '' || 'Hong Kong SAR China'.toLowerCase().includes(search)\"\n                >\n                    Hong Kong SAR China\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('hn', 'Honduras'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Honduras',\n                    }\"\n                    x-show=\"search === '' || 'Honduras'.toLowerCase().includes(search)\"\n                >\n                    Honduras\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('hr', 'Croatia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Croatia',\n                    }\"\n                    x-show=\"search === '' || 'Croatia'.toLowerCase().includes(search)\"\n                >\n                    Croatia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ht', 'Haiti'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Haiti',\n                    }\"\n                    x-show=\"search === '' || 'Haiti'.toLowerCase().includes(search)\"\n                >\n                    Haiti\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('hu', 'Hungary'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Hungary',\n                    }\"\n                    x-show=\"search === '' || 'Hungary'.toLowerCase().includes(search)\"\n                >\n                    Hungary\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('id', 'Indonesia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Indonesia',\n                    }\"\n                    x-show=\"search === '' || 'Indonesia'.toLowerCase().includes(search)\"\n                >\n                    Indonesia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ie', 'Ireland'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Ireland',\n                    }\"\n                    x-show=\"search === '' || 'Ireland'.toLowerCase().includes(search)\"\n                >\n                    Ireland\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('il', 'Israel'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Israel',\n                    }\"\n                    x-show=\"search === '' || 'Israel'.toLowerCase().includes(search)\"\n                >\n                    Israel\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('im', 'Isle of Man'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Isle of Man',\n                    }\"\n                    x-show=\"search === '' || 'Isle of Man'.toLowerCase().includes(search)\"\n                >\n                    Isle of Man\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('in', 'India'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'India',\n                    }\"\n                    x-show=\"search === '' || 'India'.toLowerCase().includes(search)\"\n                >\n                    India\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('io', 'British Indian Ocean Territory'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'British Indian Ocean Territory',\n                    }\"\n                    x-show=\"search === '' || 'British Indian Ocean Territory'.toLowerCase().includes(search)\"\n                >\n                    British Indian Ocean Territory\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('iq', 'Iraq'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Iraq',\n                    }\"\n                    x-show=\"search === '' || 'Iraq'.toLowerCase().includes(search)\"\n                >\n                    Iraq\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ir', 'Iran'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Iran',\n                    }\"\n                    x-show=\"search === '' || 'Iran'.toLowerCase().includes(search)\"\n                >\n                    Iran\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('is', 'Iceland'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Iceland',\n                    }\"\n                    x-show=\"search === '' || 'Iceland'.toLowerCase().includes(search)\"\n                >\n                    Iceland\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('it', 'Italy'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Italy',\n                    }\"\n                    x-show=\"search === '' || 'Italy'.toLowerCase().includes(search)\"\n                >\n                    Italy\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('je', 'Jersey'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Jersey',\n                    }\"\n                    x-show=\"search === '' || 'Jersey'.toLowerCase().includes(search)\"\n                >\n                    Jersey\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('jm', 'Jamaica'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Jamaica',\n                    }\"\n                    x-show=\"search === '' || 'Jamaica'.toLowerCase().includes(search)\"\n                >\n                    Jamaica\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('jo', 'Jordan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Jordan',\n                    }\"\n                    x-show=\"search === '' || 'Jordan'.toLowerCase().includes(search)\"\n                >\n                    Jordan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('jp', 'Japan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Japan',\n                    }\"\n                    x-show=\"search === '' || 'Japan'.toLowerCase().includes(search)\"\n                >\n                    Japan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ke', 'Kenya'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Kenya',\n                    }\"\n                    x-show=\"search === '' || 'Kenya'.toLowerCase().includes(search)\"\n                >\n                    Kenya\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('kg', 'Kyrgyzstan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Kyrgyzstan',\n                    }\"\n                    x-show=\"search === '' || 'Kyrgyzstan'.toLowerCase().includes(search)\"\n                >\n                    Kyrgyzstan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('kh', 'Cambodia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Cambodia',\n                    }\"\n                    x-show=\"search === '' || 'Cambodia'.toLowerCase().includes(search)\"\n                >\n                    Cambodia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ki', 'Kiribati'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Kiribati',\n                    }\"\n                    x-show=\"search === '' || 'Kiribati'.toLowerCase().includes(search)\"\n                >\n                    Kiribati\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('km', 'Comoros'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Comoros',\n                    }\"\n                    x-show=\"search === '' || 'Comoros'.toLowerCase().includes(search)\"\n                >\n                    Comoros\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('kn', 'St. Kitts \\u0026 Nevis'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'St. Kitts \\u0026 Nevis',\n                    }\"\n                    x-show=\"search === '' || 'St. Kitts \\u0026 Nevis'.toLowerCase().includes(search)\"\n                >\n                    St. Kitts &amp; Nevis\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('kp', 'North Korea'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'North Korea',\n                    }\"\n                    x-show=\"search === '' || 'North Korea'.toLowerCase().includes(search)\"\n                >\n                    North Korea\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('kr', 'South Korea'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'South Korea',\n                    }\"\n                    x-show=\"search === '' || 'South Korea'.toLowerCase().includes(search)\"\n                >\n                    South Korea\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('kw', 'Kuwait'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Kuwait',\n                    }\"\n                    x-show=\"search === '' || 'Kuwait'.toLowerCase().includes(search)\"\n                >\n                    Kuwait\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ky', 'Cayman Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Cayman Islands',\n                    }\"\n                    x-show=\"search === '' || 'Cayman Islands'.toLowerCase().includes(search)\"\n                >\n                    Cayman Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('kz', 'Kazakhstan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Kazakhstan',\n                    }\"\n                    x-show=\"search === '' || 'Kazakhstan'.toLowerCase().includes(search)\"\n                >\n                    Kazakhstan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('la', 'Laos'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Laos',\n                    }\"\n                    x-show=\"search === '' || 'Laos'.toLowerCase().includes(search)\"\n                >\n                    Laos\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('lb', 'Lebanon'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Lebanon',\n                    }\"\n                    x-show=\"search === '' || 'Lebanon'.toLowerCase().includes(search)\"\n                >\n                    Lebanon\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('lc', 'St. Lucia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'St. Lucia',\n                    }\"\n                    x-show=\"search === '' || 'St. Lucia'.toLowerCase().includes(search)\"\n                >\n                    St. Lucia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('li', 'Liechtenstein'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Liechtenstein',\n                    }\"\n                    x-show=\"search === '' || 'Liechtenstein'.toLowerCase().includes(search)\"\n                >\n                    Liechtenstein\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('lk', 'Sri Lanka'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Sri Lanka',\n                    }\"\n                    x-show=\"search === '' || 'Sri Lanka'.toLowerCase().includes(search)\"\n                >\n                    Sri Lanka\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('lr', 'Liberia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Liberia',\n                    }\"\n                    x-show=\"search === '' || 'Liberia'.toLowerCase().includes(search)\"\n                >\n                    Liberia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ls', 'Lesotho'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Lesotho',\n                    }\"\n                    x-show=\"search === '' || 'Lesotho'.toLowerCase().includes(search)\"\n                >\n                    Lesotho\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('lt', 'Lithuania'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Lithuania',\n                    }\"\n                    x-show=\"search === '' || 'Lithuania'.toLowerCase().includes(search)\"\n                >\n                    Lithuania\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('lu', 'Luxembourg'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Luxembourg',\n                    }\"\n                    x-show=\"search === '' || 'Luxembourg'.toLowerCase().includes(search)\"\n                >\n                    Luxembourg\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('lv', 'Latvia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Latvia',\n                    }\"\n                    x-show=\"search === '' || 'Latvia'.toLowerCase().includes(search)\"\n                >\n                    Latvia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ly', 'Libya'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Libya',\n                    }\"\n                    x-show=\"search === '' || 'Libya'.toLowerCase().includes(search)\"\n                >\n                    Libya\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ma', 'Morocco'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Morocco',\n                    }\"\n                    x-show=\"search === '' || 'Morocco'.toLowerCase().includes(search)\"\n                >\n                    Morocco\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mc', 'Monaco'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Monaco',\n                    }\"\n                    x-show=\"search === '' || 'Monaco'.toLowerCase().includes(search)\"\n                >\n                    Monaco\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('md', 'Moldova'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Moldova',\n                    }\"\n                    x-show=\"search === '' || 'Moldova'.toLowerCase().includes(search)\"\n                >\n                    Moldova\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('me', 'Montenegro'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Montenegro',\n                    }\"\n                    x-show=\"search === '' || 'Montenegro'.toLowerCase().includes(search)\"\n                >\n                    Montenegro\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mf', 'St. Martin'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'St. Martin',\n                    }\"\n                    x-show=\"search === '' || 'St. Martin'.toLowerCase().includes(search)\"\n                >\n                    St. Martin\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mg', 'Madagascar'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Madagascar',\n                    }\"\n                    x-show=\"search === '' || 'Madagascar'.toLowerCase().includes(search)\"\n                >\n                    Madagascar\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mh', 'Marshall Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Marshall Islands',\n                    }\"\n                    x-show=\"search === '' || 'Marshall Islands'.toLowerCase().includes(search)\"\n                >\n                    Marshall Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mk', 'North Macedonia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'North Macedonia',\n                    }\"\n                    x-show=\"search === '' || 'North Macedonia'.toLowerCase().includes(search)\"\n                >\n                    North Macedonia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ml', 'Mali'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Mali',\n                    }\"\n                    x-show=\"search === '' || 'Mali'.toLowerCase().includes(search)\"\n                >\n                    Mali\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mm', 'Myanmar (Burma)'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Myanmar (Burma)',\n                    }\"\n                    x-show=\"search === '' || 'Myanmar (Burma)'.toLowerCase().includes(search)\"\n                >\n                    Myanmar (Burma)\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mn', 'Mongolia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Mongolia',\n                    }\"\n                    x-show=\"search === '' || 'Mongolia'.toLowerCase().includes(search)\"\n                >\n                    Mongolia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mo', 'Macao SAR China'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Macao SAR China',\n                    }\"\n                    x-show=\"search === '' || 'Macao SAR China'.toLowerCase().includes(search)\"\n                >\n                    Macao SAR China\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mp', 'Northern Mariana Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Northern Mariana Islands',\n                    }\"\n                    x-show=\"search === '' || 'Northern Mariana Islands'.toLowerCase().includes(search)\"\n                >\n                    Northern Mariana Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mq', 'Martinique'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Martinique',\n                    }\"\n                    x-show=\"search === '' || 'Martinique'.toLowerCase().includes(search)\"\n                >\n                    Martinique\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mr', 'Mauritania'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Mauritania',\n                    }\"\n                    x-show=\"search === '' || 'Mauritania'.toLowerCase().includes(search)\"\n                >\n                    Mauritania\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ms', 'Montserrat'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Montserrat',\n                    }\"\n                    x-show=\"search === '' || 'Montserrat'.toLowerCase().includes(search)\"\n                >\n                    Montserrat\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mt', 'Malta'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Malta',\n                    }\"\n                    x-show=\"search === '' || 'Malta'.toLowerCase().includes(search)\"\n                >\n                    Malta\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mu', 'Mauritius'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Mauritius',\n                    }\"\n                    x-show=\"search === '' || 'Mauritius'.toLowerCase().includes(search)\"\n                >\n                    Mauritius\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mv', 'Maldives'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Maldives',\n                    }\"\n                    x-show=\"search === '' || 'Maldives'.toLowerCase().includes(search)\"\n                >\n                    Maldives\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mw', 'Malawi'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Malawi',\n                    }\"\n                    x-show=\"search === '' || 'Malawi'.toLowerCase().includes(search)\"\n                >\n                    Malawi\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mx', 'Mexico'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Mexico',\n                    }\"\n                    x-show=\"search === '' || 'Mexico'.toLowerCase().includes(search)\"\n                >\n                    Mexico\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('my', 'Malaysia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Malaysia',\n                    }\"\n                    x-show=\"search === '' || 'Malaysia'.toLowerCase().includes(search)\"\n                >\n                    Malaysia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('mz', 'Mozambique'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Mozambique',\n                    }\"\n                    x-show=\"search === '' || 'Mozambique'.toLowerCase().includes(search)\"\n                >\n                    Mozambique\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('na', 'Namibia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Namibia',\n                    }\"\n                    x-show=\"search === '' || 'Namibia'.toLowerCase().includes(search)\"\n                >\n                    Namibia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('nc', 'New Caledonia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'New Caledonia',\n                    }\"\n                    x-show=\"search === '' || 'New Caledonia'.toLowerCase().includes(search)\"\n                >\n                    New Caledonia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ne', 'Niger'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Niger',\n                    }\"\n                    x-show=\"search === '' || 'Niger'.toLowerCase().includes(search)\"\n                >\n                    Niger\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('nf', 'Norfolk Island'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Norfolk Island',\n                    }\"\n                    x-show=\"search === '' || 'Norfolk Island'.toLowerCase().includes(search)\"\n                >\n                    Norfolk Island\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ng', 'Nigeria'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Nigeria',\n                    }\"\n                    x-show=\"search === '' || 'Nigeria'.toLowerCase().includes(search)\"\n                >\n                    Nigeria\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ni', 'Nicaragua'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Nicaragua',\n                    }\"\n                    x-show=\"search === '' || 'Nicaragua'.toLowerCase().includes(search)\"\n                >\n                    Nicaragua\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('nl', 'Netherlands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Netherlands',\n                    }\"\n                    x-show=\"search === '' || 'Netherlands'.toLowerCase().includes(search)\"\n                >\n                    Netherlands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('no', 'Norway'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Norway',\n                    }\"\n                    x-show=\"search === '' || 'Norway'.toLowerCase().includes(search)\"\n                >\n                    Norway\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('np', 'Nepal'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Nepal',\n                    }\"\n                    x-show=\"search === '' || 'Nepal'.toLowerCase().includes(search)\"\n                >\n                    Nepal\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('nr', 'Nauru'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Nauru',\n                    }\"\n                    x-show=\"search === '' || 'Nauru'.toLowerCase().includes(search)\"\n                >\n                    Nauru\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('nu', 'Niue'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Niue',\n                    }\"\n                    x-show=\"search === '' || 'Niue'.toLowerCase().includes(search)\"\n                >\n                    Niue\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('nz', 'New Zealand'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'New Zealand',\n                    }\"\n                    x-show=\"search === '' || 'New Zealand'.toLowerCase().includes(search)\"\n                >\n                    New Zealand\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('om', 'Oman'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Oman',\n                    }\"\n                    x-show=\"search === '' || 'Oman'.toLowerCase().includes(search)\"\n                >\n                    Oman\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pa', 'Panama'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Panama',\n                    }\"\n                    x-show=\"search === '' || 'Panama'.toLowerCase().includes(search)\"\n                >\n                    Panama\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pe', 'Peru'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Peru',\n                    }\"\n                    x-show=\"search === '' || 'Peru'.toLowerCase().includes(search)\"\n                >\n                    Peru\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pf', 'French Polynesia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'French Polynesia',\n                    }\"\n                    x-show=\"search === '' || 'French Polynesia'.toLowerCase().includes(search)\"\n                >\n                    French Polynesia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pg', 'Papua New Guinea'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Papua New Guinea',\n                    }\"\n                    x-show=\"search === '' || 'Papua New Guinea'.toLowerCase().includes(search)\"\n                >\n                    Papua New Guinea\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ph', 'Philippines'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Philippines',\n                    }\"\n                    x-show=\"search === '' || 'Philippines'.toLowerCase().includes(search)\"\n                >\n                    Philippines\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pk', 'Pakistan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Pakistan',\n                    }\"\n                    x-show=\"search === '' || 'Pakistan'.toLowerCase().includes(search)\"\n                >\n                    Pakistan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pl', 'Poland'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Poland',\n                    }\"\n                    x-show=\"search === '' || 'Poland'.toLowerCase().includes(search)\"\n                >\n                    Poland\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pm', 'St. Pierre \\u0026 Miquelon'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'St. Pierre \\u0026 Miquelon',\n                    }\"\n                    x-show=\"search === '' || 'St. Pierre \\u0026 Miquelon'.toLowerCase().includes(search)\"\n                >\n                    St. Pierre &amp; Miquelon\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pn', 'Pitcairn Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Pitcairn Islands',\n                    }\"\n                    x-show=\"search === '' || 'Pitcairn Islands'.toLowerCase().includes(search)\"\n                >\n                    Pitcairn Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pr', 'Puerto Rico'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Puerto Rico',\n                    }\"\n                    x-show=\"search === '' || 'Puerto Rico'.toLowerCase().includes(search)\"\n                >\n                    Puerto Rico\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ps', 'Palestinian Territories'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Palestinian Territories',\n                    }\"\n                    x-show=\"search === '' || 'Palestinian Territories'.toLowerCase().includes(search)\"\n                >\n                    Palestinian Territories\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pt', 'Portugal'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Portugal',\n                    }\"\n                    x-show=\"search === '' || 'Portugal'.toLowerCase().includes(search)\"\n                >\n                    Portugal\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('pw', 'Palau'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Palau',\n                    }\"\n                    x-show=\"search === '' || 'Palau'.toLowerCase().includes(search)\"\n                >\n                    Palau\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('py', 'Paraguay'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Paraguay',\n                    }\"\n                    x-show=\"search === '' || 'Paraguay'.toLowerCase().includes(search)\"\n                >\n                    Paraguay\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('qa', 'Qatar'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Qatar',\n                    }\"\n                    x-show=\"search === '' || 'Qatar'.toLowerCase().includes(search)\"\n                >\n                    Qatar\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('re', 'R\\u00e9union'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'R\\u00e9union',\n                    }\"\n                    x-show=\"search === '' || 'R\\u00e9union'.toLowerCase().includes(search)\"\n                >\n                    R\u00e9union\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ro', 'Romania'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Romania',\n                    }\"\n                    x-show=\"search === '' || 'Romania'.toLowerCase().includes(search)\"\n                >\n                    Romania\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('rs', 'Serbia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Serbia',\n                    }\"\n                    x-show=\"search === '' || 'Serbia'.toLowerCase().includes(search)\"\n                >\n                    Serbia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ru', 'Russia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Russia',\n                    }\"\n                    x-show=\"search === '' || 'Russia'.toLowerCase().includes(search)\"\n                >\n                    Russia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('rw', 'Rwanda'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Rwanda',\n                    }\"\n                    x-show=\"search === '' || 'Rwanda'.toLowerCase().includes(search)\"\n                >\n                    Rwanda\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sa', 'Saudi Arabia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Saudi Arabia',\n                    }\"\n                    x-show=\"search === '' || 'Saudi Arabia'.toLowerCase().includes(search)\"\n                >\n                    Saudi Arabia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sb', 'Solomon Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Solomon Islands',\n                    }\"\n                    x-show=\"search === '' || 'Solomon Islands'.toLowerCase().includes(search)\"\n                >\n                    Solomon Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sc', 'Seychelles'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Seychelles',\n                    }\"\n                    x-show=\"search === '' || 'Seychelles'.toLowerCase().includes(search)\"\n                >\n                    Seychelles\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sd', 'Sudan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Sudan',\n                    }\"\n                    x-show=\"search === '' || 'Sudan'.toLowerCase().includes(search)\"\n                >\n                    Sudan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('se', 'Sweden'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Sweden',\n                    }\"\n                    x-show=\"search === '' || 'Sweden'.toLowerCase().includes(search)\"\n                >\n                    Sweden\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sg', 'Singapore'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Singapore',\n                    }\"\n                    x-show=\"search === '' || 'Singapore'.toLowerCase().includes(search)\"\n                >\n                    Singapore\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sh', 'St. Helena'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'St. Helena',\n                    }\"\n                    x-show=\"search === '' || 'St. Helena'.toLowerCase().includes(search)\"\n                >\n                    St. Helena\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('si', 'Slovenia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Slovenia',\n                    }\"\n                    x-show=\"search === '' || 'Slovenia'.toLowerCase().includes(search)\"\n                >\n                    Slovenia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sj', 'Svalbard \\u0026 Jan Mayen'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Svalbard \\u0026 Jan Mayen',\n                    }\"\n                    x-show=\"search === '' || 'Svalbard \\u0026 Jan Mayen'.toLowerCase().includes(search)\"\n                >\n                    Svalbard &amp; Jan Mayen\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sk', 'Slovakia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Slovakia',\n                    }\"\n                    x-show=\"search === '' || 'Slovakia'.toLowerCase().includes(search)\"\n                >\n                    Slovakia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sl', 'Sierra Leone'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Sierra Leone',\n                    }\"\n                    x-show=\"search === '' || 'Sierra Leone'.toLowerCase().includes(search)\"\n                >\n                    Sierra Leone\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sm', 'San Marino'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'San Marino',\n                    }\"\n                    x-show=\"search === '' || 'San Marino'.toLowerCase().includes(search)\"\n                >\n                    San Marino\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sn', 'Senegal'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Senegal',\n                    }\"\n                    x-show=\"search === '' || 'Senegal'.toLowerCase().includes(search)\"\n                >\n                    Senegal\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('so', 'Somalia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Somalia',\n                    }\"\n                    x-show=\"search === '' || 'Somalia'.toLowerCase().includes(search)\"\n                >\n                    Somalia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sr', 'Suriname'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Suriname',\n                    }\"\n                    x-show=\"search === '' || 'Suriname'.toLowerCase().includes(search)\"\n                >\n                    Suriname\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ss', 'South Sudan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'South Sudan',\n                    }\"\n                    x-show=\"search === '' || 'South Sudan'.toLowerCase().includes(search)\"\n                >\n                    South Sudan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('st', 'S\\u00e3o Tom\\u00e9 \\u0026 Pr\\u00edncipe'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'S\\u00e3o Tom\\u00e9 \\u0026 Pr\\u00edncipe',\n                    }\"\n                    x-show=\"search === '' || 'S\\u00e3o Tom\\u00e9 \\u0026 Pr\\u00edncipe'.toLowerCase().includes(search)\"\n                >\n                    S\u00e3o Tom\u00e9 &amp; Pr\u00edncipe\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sv', 'El Salvador'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'El Salvador',\n                    }\"\n                    x-show=\"search === '' || 'El Salvador'.toLowerCase().includes(search)\"\n                >\n                    El Salvador\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sx', 'Sint Maarten'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Sint Maarten',\n                    }\"\n                    x-show=\"search === '' || 'Sint Maarten'.toLowerCase().includes(search)\"\n                >\n                    Sint Maarten\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sy', 'Syria'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Syria',\n                    }\"\n                    x-show=\"search === '' || 'Syria'.toLowerCase().includes(search)\"\n                >\n                    Syria\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sz', 'Eswatini'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Eswatini',\n                    }\"\n                    x-show=\"search === '' || 'Eswatini'.toLowerCase().includes(search)\"\n                >\n                    Eswatini\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tc', 'Turks \\u0026 Caicos Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Turks \\u0026 Caicos Islands',\n                    }\"\n                    x-show=\"search === '' || 'Turks \\u0026 Caicos Islands'.toLowerCase().includes(search)\"\n                >\n                    Turks &amp; Caicos Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('td', 'Chad'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Chad',\n                    }\"\n                    x-show=\"search === '' || 'Chad'.toLowerCase().includes(search)\"\n                >\n                    Chad\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tg', 'Togo'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Togo',\n                    }\"\n                    x-show=\"search === '' || 'Togo'.toLowerCase().includes(search)\"\n                >\n                    Togo\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('th', 'Thailand'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Thailand',\n                    }\"\n                    x-show=\"search === '' || 'Thailand'.toLowerCase().includes(search)\"\n                >\n                    Thailand\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tj', 'Tajikistan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Tajikistan',\n                    }\"\n                    x-show=\"search === '' || 'Tajikistan'.toLowerCase().includes(search)\"\n                >\n                    Tajikistan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tk', 'Tokelau'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Tokelau',\n                    }\"\n                    x-show=\"search === '' || 'Tokelau'.toLowerCase().includes(search)\"\n                >\n                    Tokelau\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tl', 'Timor-Leste'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Timor-Leste',\n                    }\"\n                    x-show=\"search === '' || 'Timor-Leste'.toLowerCase().includes(search)\"\n                >\n                    Timor-Leste\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tm', 'Turkmenistan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Turkmenistan',\n                    }\"\n                    x-show=\"search === '' || 'Turkmenistan'.toLowerCase().includes(search)\"\n                >\n                    Turkmenistan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tn', 'Tunisia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Tunisia',\n                    }\"\n                    x-show=\"search === '' || 'Tunisia'.toLowerCase().includes(search)\"\n                >\n                    Tunisia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('to', 'Tonga'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Tonga',\n                    }\"\n                    x-show=\"search === '' || 'Tonga'.toLowerCase().includes(search)\"\n                >\n                    Tonga\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tr', 'Turkey'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Turkey',\n                    }\"\n                    x-show=\"search === '' || 'Turkey'.toLowerCase().includes(search)\"\n                >\n                    Turkey\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tt', 'Trinidad \\u0026 Tobago'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Trinidad \\u0026 Tobago',\n                    }\"\n                    x-show=\"search === '' || 'Trinidad \\u0026 Tobago'.toLowerCase().includes(search)\"\n                >\n                    Trinidad &amp; Tobago\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tv', 'Tuvalu'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Tuvalu',\n                    }\"\n                    x-show=\"search === '' || 'Tuvalu'.toLowerCase().includes(search)\"\n                >\n                    Tuvalu\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tw', 'Taiwan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Taiwan',\n                    }\"\n                    x-show=\"search === '' || 'Taiwan'.toLowerCase().includes(search)\"\n                >\n                    Taiwan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('tz', 'Tanzania'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Tanzania',\n                    }\"\n                    x-show=\"search === '' || 'Tanzania'.toLowerCase().includes(search)\"\n                >\n                    Tanzania\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ua', 'Ukraine'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Ukraine',\n                    }\"\n                    x-show=\"search === '' || 'Ukraine'.toLowerCase().includes(search)\"\n                >\n                    Ukraine\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ug', 'Uganda'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Uganda',\n                    }\"\n                    x-show=\"search === '' || 'Uganda'.toLowerCase().includes(search)\"\n                >\n                    Uganda\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('us', 'United States'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'United States',\n                    }\"\n                    x-show=\"search === '' || 'United States'.toLowerCase().includes(search)\"\n                >\n                    United States\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('uy', 'Uruguay'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Uruguay',\n                    }\"\n                    x-show=\"search === '' || 'Uruguay'.toLowerCase().includes(search)\"\n                >\n                    Uruguay\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('uz', 'Uzbekistan'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Uzbekistan',\n                    }\"\n                    x-show=\"search === '' || 'Uzbekistan'.toLowerCase().includes(search)\"\n                >\n                    Uzbekistan\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('va', 'Vatican City'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Vatican City',\n                    }\"\n                    x-show=\"search === '' || 'Vatican City'.toLowerCase().includes(search)\"\n                >\n                    Vatican City\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('vc', 'St. Vincent \\u0026 Grenadines'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'St. Vincent \\u0026 Grenadines',\n                    }\"\n                    x-show=\"search === '' || 'St. Vincent \\u0026 Grenadines'.toLowerCase().includes(search)\"\n                >\n                    St. Vincent &amp; Grenadines\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ve', 'Venezuela'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Venezuela',\n                    }\"\n                    x-show=\"search === '' || 'Venezuela'.toLowerCase().includes(search)\"\n                >\n                    Venezuela\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('vg', 'British Virgin Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'British Virgin Islands',\n                    }\"\n                    x-show=\"search === '' || 'British Virgin Islands'.toLowerCase().includes(search)\"\n                >\n                    British Virgin Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('vi', 'U.S. Virgin Islands'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'U.S. Virgin Islands',\n                    }\"\n                    x-show=\"search === '' || 'U.S. Virgin Islands'.toLowerCase().includes(search)\"\n                >\n                    U.S. Virgin Islands\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('vn', 'Vietnam'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Vietnam',\n                    }\"\n                    x-show=\"search === '' || 'Vietnam'.toLowerCase().includes(search)\"\n                >\n                    Vietnam\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('vu', 'Vanuatu'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Vanuatu',\n                    }\"\n                    x-show=\"search === '' || 'Vanuatu'.toLowerCase().includes(search)\"\n                >\n                    Vanuatu\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('wf', 'Wallis \\u0026 Futuna'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Wallis \\u0026 Futuna',\n                    }\"\n                    x-show=\"search === '' || 'Wallis \\u0026 Futuna'.toLowerCase().includes(search)\"\n                >\n                    Wallis &amp; Futuna\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ws', 'Samoa'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Samoa',\n                    }\"\n                    x-show=\"search === '' || 'Samoa'.toLowerCase().includes(search)\"\n                >\n                    Samoa\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('xk', 'Kosovo'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Kosovo',\n                    }\"\n                    x-show=\"search === '' || 'Kosovo'.toLowerCase().includes(search)\"\n                >\n                    Kosovo\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('ye', 'Yemen'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Yemen',\n                    }\"\n                    x-show=\"search === '' || 'Yemen'.toLowerCase().includes(search)\"\n                >\n                    Yemen\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('yt', 'Mayotte'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Mayotte',\n                    }\"\n                    x-show=\"search === '' || 'Mayotte'.toLowerCase().includes(search)\"\n                >\n                    Mayotte\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('za', 'South Africa'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'South Africa',\n                    }\"\n                    x-show=\"search === '' || 'South Africa'.toLowerCase().includes(search)\"\n                >\n                    South Africa\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('zm', 'Zambia'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Zambia',\n                    }\"\n                    x-show=\"search === '' || 'Zambia'.toLowerCase().includes(search)\"\n                >\n                    Zambia\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('zw', 'Zimbabwe'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'Zimbabwe',\n                    }\"\n                    x-show=\"search === '' || 'Zimbabwe'.toLowerCase().includes(search)\"\n                >\n                    Zimbabwe\n                <\/button>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-span-2 sm:col-span-1\">\n\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><div \n    class=\"inline-block relative w-full\"\n    x-data=\"{\n        callingCode: '',\n        open: false,\n        countries: JSON.parse('{\\u0022ad\\u0022:{\\u0022name\\u0022:\\u0022Andorra\\u0022,\\u0022callingCode\\u0022:\\u0022+376\\u0022,\\u0022code\\u0022:\\u0022AD\\u0022},\\u0022ae\\u0022:{\\u0022name\\u0022:\\u0022United Arab Emirates\\u0022,\\u0022callingCode\\u0022:\\u0022+971\\u0022,\\u0022code\\u0022:\\u0022AE\\u0022},\\u0022af\\u0022:{\\u0022name\\u0022:\\u0022Afghanistan\\u0022,\\u0022callingCode\\u0022:\\u0022+93\\u0022,\\u0022code\\u0022:\\u0022AF\\u0022},\\u0022ag\\u0022:{\\u0022name\\u0022:\\u0022Antigua \\u0026 Barbuda\\u0022,\\u0022callingCode\\u0022:\\u0022+1268\\u0022,\\u0022code\\u0022:\\u0022AG\\u0022},\\u0022ai\\u0022:{\\u0022name\\u0022:\\u0022Anguilla\\u0022,\\u0022callingCode\\u0022:\\u0022+1264\\u0022,\\u0022code\\u0022:\\u0022AI\\u0022},\\u0022al\\u0022:{\\u0022name\\u0022:\\u0022Albania\\u0022,\\u0022callingCode\\u0022:\\u0022+355\\u0022,\\u0022code\\u0022:\\u0022AL\\u0022},\\u0022am\\u0022:{\\u0022name\\u0022:\\u0022Armenia\\u0022,\\u0022callingCode\\u0022:\\u0022+374\\u0022,\\u0022code\\u0022:\\u0022AM\\u0022},\\u0022ao\\u0022:{\\u0022name\\u0022:\\u0022Angola\\u0022,\\u0022callingCode\\u0022:\\u0022+244\\u0022,\\u0022code\\u0022:\\u0022AO\\u0022},\\u0022ar\\u0022:{\\u0022name\\u0022:\\u0022Argentina\\u0022,\\u0022callingCode\\u0022:\\u0022+54\\u0022,\\u0022code\\u0022:\\u0022AR\\u0022},\\u0022as\\u0022:{\\u0022name\\u0022:\\u0022American Samoa\\u0022,\\u0022callingCode\\u0022:\\u0022+1684\\u0022,\\u0022code\\u0022:\\u0022AS\\u0022},\\u0022at\\u0022:{\\u0022name\\u0022:\\u0022Austria\\u0022,\\u0022callingCode\\u0022:\\u0022+43\\u0022,\\u0022code\\u0022:\\u0022AT\\u0022},\\u0022au\\u0022:{\\u0022name\\u0022:\\u0022Australia\\u0022,\\u0022callingCode\\u0022:\\u0022+61\\u0022,\\u0022code\\u0022:\\u0022AU\\u0022},\\u0022aw\\u0022:{\\u0022name\\u0022:\\u0022Aruba\\u0022,\\u0022callingCode\\u0022:\\u0022+297\\u0022,\\u0022code\\u0022:\\u0022AW\\u0022},\\u0022ax\\u0022:{\\u0022name\\u0022:\\u0022\\u00c5land Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+358\\u0022,\\u0022code\\u0022:\\u0022AX\\u0022},\\u0022az\\u0022:{\\u0022name\\u0022:\\u0022Azerbaijan\\u0022,\\u0022callingCode\\u0022:\\u0022+994\\u0022,\\u0022code\\u0022:\\u0022AZ\\u0022},\\u0022ba\\u0022:{\\u0022name\\u0022:\\u0022Bosnia \\u0026 Herzegovina\\u0022,\\u0022callingCode\\u0022:\\u0022+387\\u0022,\\u0022code\\u0022:\\u0022BA\\u0022},\\u0022bb\\u0022:{\\u0022name\\u0022:\\u0022Barbados\\u0022,\\u0022callingCode\\u0022:\\u0022+1246\\u0022,\\u0022code\\u0022:\\u0022BB\\u0022},\\u0022bd\\u0022:{\\u0022name\\u0022:\\u0022Bangladesh\\u0022,\\u0022callingCode\\u0022:\\u0022+880\\u0022,\\u0022code\\u0022:\\u0022BD\\u0022},\\u0022be\\u0022:{\\u0022name\\u0022:\\u0022Belgium\\u0022,\\u0022callingCode\\u0022:\\u0022+32\\u0022,\\u0022code\\u0022:\\u0022BE\\u0022},\\u0022bf\\u0022:{\\u0022name\\u0022:\\u0022Burkina Faso\\u0022,\\u0022callingCode\\u0022:\\u0022+226\\u0022,\\u0022code\\u0022:\\u0022BF\\u0022},\\u0022bg\\u0022:{\\u0022name\\u0022:\\u0022Bulgaria\\u0022,\\u0022callingCode\\u0022:\\u0022+359\\u0022,\\u0022code\\u0022:\\u0022BG\\u0022},\\u0022bh\\u0022:{\\u0022name\\u0022:\\u0022Bahrain\\u0022,\\u0022callingCode\\u0022:\\u0022+973\\u0022,\\u0022code\\u0022:\\u0022BH\\u0022},\\u0022bi\\u0022:{\\u0022name\\u0022:\\u0022Burundi\\u0022,\\u0022callingCode\\u0022:\\u0022+257\\u0022,\\u0022code\\u0022:\\u0022BI\\u0022},\\u0022bj\\u0022:{\\u0022name\\u0022:\\u0022Benin\\u0022,\\u0022callingCode\\u0022:\\u0022+229\\u0022,\\u0022code\\u0022:\\u0022BJ\\u0022},\\u0022bl\\u0022:{\\u0022name\\u0022:\\u0022St. Barth\\u00e9lemy\\u0022,\\u0022callingCode\\u0022:\\u0022+590\\u0022,\\u0022code\\u0022:\\u0022BL\\u0022},\\u0022bm\\u0022:{\\u0022name\\u0022:\\u0022Bermuda\\u0022,\\u0022callingCode\\u0022:\\u0022+1441\\u0022,\\u0022code\\u0022:\\u0022BM\\u0022},\\u0022bn\\u0022:{\\u0022name\\u0022:\\u0022Brunei\\u0022,\\u0022callingCode\\u0022:\\u0022+673\\u0022,\\u0022code\\u0022:\\u0022BN\\u0022},\\u0022bo\\u0022:{\\u0022name\\u0022:\\u0022Bolivia\\u0022,\\u0022callingCode\\u0022:\\u0022+591\\u0022,\\u0022code\\u0022:\\u0022BO\\u0022},\\u0022bq\\u0022:{\\u0022name\\u0022:\\u0022Caribbean Netherlands\\u0022,\\u0022callingCode\\u0022:\\u0022+599\\u0022,\\u0022code\\u0022:\\u0022BQ\\u0022},\\u0022br\\u0022:{\\u0022name\\u0022:\\u0022Brazil\\u0022,\\u0022callingCode\\u0022:\\u0022+55\\u0022,\\u0022code\\u0022:\\u0022BR\\u0022},\\u0022bs\\u0022:{\\u0022name\\u0022:\\u0022Bahamas\\u0022,\\u0022callingCode\\u0022:\\u0022+1242\\u0022,\\u0022code\\u0022:\\u0022BS\\u0022},\\u0022bt\\u0022:{\\u0022name\\u0022:\\u0022Bhutan\\u0022,\\u0022callingCode\\u0022:\\u0022+975\\u0022,\\u0022code\\u0022:\\u0022BT\\u0022},\\u0022bw\\u0022:{\\u0022name\\u0022:\\u0022Botswana\\u0022,\\u0022callingCode\\u0022:\\u0022+267\\u0022,\\u0022code\\u0022:\\u0022BW\\u0022},\\u0022by\\u0022:{\\u0022name\\u0022:\\u0022Belarus\\u0022,\\u0022callingCode\\u0022:\\u0022+375\\u0022,\\u0022code\\u0022:\\u0022BY\\u0022},\\u0022bz\\u0022:{\\u0022name\\u0022:\\u0022Belize\\u0022,\\u0022callingCode\\u0022:\\u0022+501\\u0022,\\u0022code\\u0022:\\u0022BZ\\u0022},\\u0022ca\\u0022:{\\u0022name\\u0022:\\u0022Canada\\u0022,\\u0022callingCode\\u0022:\\u0022+1\\u0022,\\u0022code\\u0022:\\u0022CA\\u0022},\\u0022cc\\u0022:{\\u0022name\\u0022:\\u0022Cocos (Keeling) Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+61\\u0022,\\u0022code\\u0022:\\u0022CC\\u0022},\\u0022cd\\u0022:{\\u0022name\\u0022:\\u0022Congo - Kinshasa\\u0022,\\u0022callingCode\\u0022:\\u0022+243\\u0022,\\u0022code\\u0022:\\u0022CD\\u0022},\\u0022cf\\u0022:{\\u0022name\\u0022:\\u0022Central African Republic\\u0022,\\u0022callingCode\\u0022:\\u0022+236\\u0022,\\u0022code\\u0022:\\u0022CF\\u0022},\\u0022cg\\u0022:{\\u0022name\\u0022:\\u0022Congo - Brazzaville\\u0022,\\u0022callingCode\\u0022:\\u0022+242\\u0022,\\u0022code\\u0022:\\u0022CG\\u0022},\\u0022ch\\u0022:{\\u0022name\\u0022:\\u0022Switzerland\\u0022,\\u0022callingCode\\u0022:\\u0022+41\\u0022,\\u0022code\\u0022:\\u0022CH\\u0022},\\u0022ci\\u0022:{\\u0022name\\u0022:\\u0022C\\u00f4te d\\u2019Ivoire\\u0022,\\u0022callingCode\\u0022:\\u0022+225\\u0022,\\u0022code\\u0022:\\u0022CI\\u0022},\\u0022ck\\u0022:{\\u0022name\\u0022:\\u0022Cook Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+682\\u0022,\\u0022code\\u0022:\\u0022CK\\u0022},\\u0022cl\\u0022:{\\u0022name\\u0022:\\u0022Chile\\u0022,\\u0022callingCode\\u0022:\\u0022+56\\u0022,\\u0022code\\u0022:\\u0022CL\\u0022},\\u0022cm\\u0022:{\\u0022name\\u0022:\\u0022Cameroon\\u0022,\\u0022callingCode\\u0022:\\u0022+237\\u0022,\\u0022code\\u0022:\\u0022CM\\u0022},\\u0022cn\\u0022:{\\u0022name\\u0022:\\u0022China\\u0022,\\u0022callingCode\\u0022:\\u0022+86\\u0022,\\u0022code\\u0022:\\u0022CN\\u0022},\\u0022co\\u0022:{\\u0022name\\u0022:\\u0022Colombia\\u0022,\\u0022callingCode\\u0022:\\u0022+57\\u0022,\\u0022code\\u0022:\\u0022CO\\u0022},\\u0022cr\\u0022:{\\u0022name\\u0022:\\u0022Costa Rica\\u0022,\\u0022callingCode\\u0022:\\u0022+506\\u0022,\\u0022code\\u0022:\\u0022CR\\u0022},\\u0022cu\\u0022:{\\u0022name\\u0022:\\u0022Cuba\\u0022,\\u0022callingCode\\u0022:\\u0022+53\\u0022,\\u0022code\\u0022:\\u0022CU\\u0022},\\u0022cv\\u0022:{\\u0022name\\u0022:\\u0022Cape Verde\\u0022,\\u0022callingCode\\u0022:\\u0022+238\\u0022,\\u0022code\\u0022:\\u0022CV\\u0022},\\u0022cw\\u0022:{\\u0022name\\u0022:\\u0022Cura\\u00e7ao\\u0022,\\u0022callingCode\\u0022:\\u0022+599\\u0022,\\u0022code\\u0022:\\u0022CW\\u0022},\\u0022cx\\u0022:{\\u0022name\\u0022:\\u0022Christmas Island\\u0022,\\u0022callingCode\\u0022:\\u0022+61\\u0022,\\u0022code\\u0022:\\u0022CX\\u0022},\\u0022cy\\u0022:{\\u0022name\\u0022:\\u0022Cyprus\\u0022,\\u0022callingCode\\u0022:\\u0022+357\\u0022,\\u0022code\\u0022:\\u0022CY\\u0022},\\u0022cz\\u0022:{\\u0022name\\u0022:\\u0022Czechia\\u0022,\\u0022callingCode\\u0022:\\u0022+420\\u0022,\\u0022code\\u0022:\\u0022CZ\\u0022},\\u0022de\\u0022:{\\u0022name\\u0022:\\u0022Germany\\u0022,\\u0022callingCode\\u0022:\\u0022+49\\u0022,\\u0022code\\u0022:\\u0022DE\\u0022},\\u0022dj\\u0022:{\\u0022name\\u0022:\\u0022Djibouti\\u0022,\\u0022callingCode\\u0022:\\u0022+253\\u0022,\\u0022code\\u0022:\\u0022DJ\\u0022},\\u0022dk\\u0022:{\\u0022name\\u0022:\\u0022Denmark\\u0022,\\u0022callingCode\\u0022:\\u0022+45\\u0022,\\u0022code\\u0022:\\u0022DK\\u0022},\\u0022dm\\u0022:{\\u0022name\\u0022:\\u0022Dominica\\u0022,\\u0022callingCode\\u0022:\\u0022+1767\\u0022,\\u0022code\\u0022:\\u0022DM\\u0022},\\u0022do\\u0022:{\\u0022name\\u0022:\\u0022Dominican Republic\\u0022,\\u0022callingCode\\u0022:\\u0022+1809\\u0022,\\u0022code\\u0022:\\u0022DO\\u0022},\\u0022dz\\u0022:{\\u0022name\\u0022:\\u0022Algeria\\u0022,\\u0022callingCode\\u0022:\\u0022+213\\u0022,\\u0022code\\u0022:\\u0022DZ\\u0022},\\u0022ec\\u0022:{\\u0022name\\u0022:\\u0022Ecuador\\u0022,\\u0022callingCode\\u0022:\\u0022+593\\u0022,\\u0022code\\u0022:\\u0022EC\\u0022},\\u0022ee\\u0022:{\\u0022name\\u0022:\\u0022Estonia\\u0022,\\u0022callingCode\\u0022:\\u0022+372\\u0022,\\u0022code\\u0022:\\u0022EE\\u0022},\\u0022eg\\u0022:{\\u0022name\\u0022:\\u0022Egypt\\u0022,\\u0022callingCode\\u0022:\\u0022+20\\u0022,\\u0022code\\u0022:\\u0022EG\\u0022},\\u0022eh\\u0022:{\\u0022name\\u0022:\\u0022Western Sahara\\u0022,\\u0022callingCode\\u0022:\\u0022+212\\u0022,\\u0022code\\u0022:\\u0022EH\\u0022},\\u0022er\\u0022:{\\u0022name\\u0022:\\u0022Eritrea\\u0022,\\u0022callingCode\\u0022:\\u0022+291\\u0022,\\u0022code\\u0022:\\u0022ER\\u0022},\\u0022es\\u0022:{\\u0022name\\u0022:\\u0022Spain\\u0022,\\u0022callingCode\\u0022:\\u0022+34\\u0022,\\u0022code\\u0022:\\u0022ES\\u0022},\\u0022et\\u0022:{\\u0022name\\u0022:\\u0022Ethiopia\\u0022,\\u0022callingCode\\u0022:\\u0022+251\\u0022,\\u0022code\\u0022:\\u0022ET\\u0022},\\u0022fi\\u0022:{\\u0022name\\u0022:\\u0022Finland\\u0022,\\u0022callingCode\\u0022:\\u0022+358\\u0022,\\u0022code\\u0022:\\u0022FI\\u0022},\\u0022fj\\u0022:{\\u0022name\\u0022:\\u0022Fiji\\u0022,\\u0022callingCode\\u0022:\\u0022+679\\u0022,\\u0022code\\u0022:\\u0022FJ\\u0022},\\u0022fk\\u0022:{\\u0022name\\u0022:\\u0022Falkland Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+500\\u0022,\\u0022code\\u0022:\\u0022FK\\u0022},\\u0022fm\\u0022:{\\u0022name\\u0022:\\u0022Micronesia\\u0022,\\u0022callingCode\\u0022:\\u0022+691\\u0022,\\u0022code\\u0022:\\u0022FM\\u0022},\\u0022fo\\u0022:{\\u0022name\\u0022:\\u0022Faroe Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+298\\u0022,\\u0022code\\u0022:\\u0022FO\\u0022},\\u0022fr\\u0022:{\\u0022name\\u0022:\\u0022France\\u0022,\\u0022callingCode\\u0022:\\u0022+33\\u0022,\\u0022code\\u0022:\\u0022FR\\u0022},\\u0022ga\\u0022:{\\u0022name\\u0022:\\u0022Gabon\\u0022,\\u0022callingCode\\u0022:\\u0022+241\\u0022,\\u0022code\\u0022:\\u0022GA\\u0022},\\u0022gb\\u0022:{\\u0022name\\u0022:\\u0022United Kingdom\\u0022,\\u0022callingCode\\u0022:\\u0022+44\\u0022,\\u0022code\\u0022:\\u0022GB\\u0022},\\u0022gd\\u0022:{\\u0022name\\u0022:\\u0022Grenada\\u0022,\\u0022callingCode\\u0022:\\u0022+1473\\u0022,\\u0022code\\u0022:\\u0022GD\\u0022},\\u0022ge\\u0022:{\\u0022name\\u0022:\\u0022Georgia\\u0022,\\u0022callingCode\\u0022:\\u0022+995\\u0022,\\u0022code\\u0022:\\u0022GE\\u0022},\\u0022gf\\u0022:{\\u0022name\\u0022:\\u0022French Guiana\\u0022,\\u0022callingCode\\u0022:\\u0022+594\\u0022,\\u0022code\\u0022:\\u0022GF\\u0022},\\u0022gg\\u0022:{\\u0022name\\u0022:\\u0022Guernsey\\u0022,\\u0022callingCode\\u0022:\\u0022+44\\u0022,\\u0022code\\u0022:\\u0022GG\\u0022},\\u0022gh\\u0022:{\\u0022name\\u0022:\\u0022Ghana\\u0022,\\u0022callingCode\\u0022:\\u0022+233\\u0022,\\u0022code\\u0022:\\u0022GH\\u0022},\\u0022gi\\u0022:{\\u0022name\\u0022:\\u0022Gibraltar\\u0022,\\u0022callingCode\\u0022:\\u0022+350\\u0022,\\u0022code\\u0022:\\u0022GI\\u0022},\\u0022gl\\u0022:{\\u0022name\\u0022:\\u0022Greenland\\u0022,\\u0022callingCode\\u0022:\\u0022+299\\u0022,\\u0022code\\u0022:\\u0022GL\\u0022},\\u0022gm\\u0022:{\\u0022name\\u0022:\\u0022Gambia\\u0022,\\u0022callingCode\\u0022:\\u0022+220\\u0022,\\u0022code\\u0022:\\u0022GM\\u0022},\\u0022gn\\u0022:{\\u0022name\\u0022:\\u0022Guinea\\u0022,\\u0022callingCode\\u0022:\\u0022+224\\u0022,\\u0022code\\u0022:\\u0022GN\\u0022},\\u0022gp\\u0022:{\\u0022name\\u0022:\\u0022Guadeloupe\\u0022,\\u0022callingCode\\u0022:\\u0022+590\\u0022,\\u0022code\\u0022:\\u0022GP\\u0022},\\u0022gq\\u0022:{\\u0022name\\u0022:\\u0022Equatorial Guinea\\u0022,\\u0022callingCode\\u0022:\\u0022+240\\u0022,\\u0022code\\u0022:\\u0022GQ\\u0022},\\u0022gr\\u0022:{\\u0022name\\u0022:\\u0022Greece\\u0022,\\u0022callingCode\\u0022:\\u0022+30\\u0022,\\u0022code\\u0022:\\u0022GR\\u0022},\\u0022gs\\u0022:{\\u0022name\\u0022:\\u0022South Georgia\\u0022,\\u0022callingCode\\u0022:\\u0022+500\\u0022,\\u0022code\\u0022:\\u0022GS\\u0022},\\u0022gt\\u0022:{\\u0022name\\u0022:\\u0022Guatemala\\u0022,\\u0022callingCode\\u0022:\\u0022+502\\u0022,\\u0022code\\u0022:\\u0022GT\\u0022},\\u0022gu\\u0022:{\\u0022name\\u0022:\\u0022Guam\\u0022,\\u0022callingCode\\u0022:\\u0022+1671\\u0022,\\u0022code\\u0022:\\u0022GU\\u0022},\\u0022gw\\u0022:{\\u0022name\\u0022:\\u0022Guinea-Bissau\\u0022,\\u0022callingCode\\u0022:\\u0022+245\\u0022,\\u0022code\\u0022:\\u0022GW\\u0022},\\u0022gy\\u0022:{\\u0022name\\u0022:\\u0022Guyana\\u0022,\\u0022callingCode\\u0022:\\u0022+592\\u0022,\\u0022code\\u0022:\\u0022GY\\u0022},\\u0022hk\\u0022:{\\u0022name\\u0022:\\u0022Hong Kong SAR China\\u0022,\\u0022callingCode\\u0022:\\u0022+852\\u0022,\\u0022code\\u0022:\\u0022HK\\u0022},\\u0022hn\\u0022:{\\u0022name\\u0022:\\u0022Honduras\\u0022,\\u0022callingCode\\u0022:\\u0022+504\\u0022,\\u0022code\\u0022:\\u0022HN\\u0022},\\u0022hr\\u0022:{\\u0022name\\u0022:\\u0022Croatia\\u0022,\\u0022callingCode\\u0022:\\u0022+385\\u0022,\\u0022code\\u0022:\\u0022HR\\u0022},\\u0022ht\\u0022:{\\u0022name\\u0022:\\u0022Haiti\\u0022,\\u0022callingCode\\u0022:\\u0022+509\\u0022,\\u0022code\\u0022:\\u0022HT\\u0022},\\u0022hu\\u0022:{\\u0022name\\u0022:\\u0022Hungary\\u0022,\\u0022callingCode\\u0022:\\u0022+36\\u0022,\\u0022code\\u0022:\\u0022HU\\u0022},\\u0022id\\u0022:{\\u0022name\\u0022:\\u0022Indonesia\\u0022,\\u0022callingCode\\u0022:\\u0022+62\\u0022,\\u0022code\\u0022:\\u0022ID\\u0022},\\u0022ie\\u0022:{\\u0022name\\u0022:\\u0022Ireland\\u0022,\\u0022callingCode\\u0022:\\u0022+353\\u0022,\\u0022code\\u0022:\\u0022IE\\u0022},\\u0022il\\u0022:{\\u0022name\\u0022:\\u0022Israel\\u0022,\\u0022callingCode\\u0022:\\u0022+972\\u0022,\\u0022code\\u0022:\\u0022IL\\u0022},\\u0022im\\u0022:{\\u0022name\\u0022:\\u0022Isle of Man\\u0022,\\u0022callingCode\\u0022:\\u0022+44\\u0022,\\u0022code\\u0022:\\u0022IM\\u0022},\\u0022in\\u0022:{\\u0022name\\u0022:\\u0022India\\u0022,\\u0022callingCode\\u0022:\\u0022+91\\u0022,\\u0022code\\u0022:\\u0022IN\\u0022},\\u0022io\\u0022:{\\u0022name\\u0022:\\u0022British Indian Ocean Territory\\u0022,\\u0022callingCode\\u0022:\\u0022+246\\u0022,\\u0022code\\u0022:\\u0022IO\\u0022},\\u0022iq\\u0022:{\\u0022name\\u0022:\\u0022Iraq\\u0022,\\u0022callingCode\\u0022:\\u0022+964\\u0022,\\u0022code\\u0022:\\u0022IQ\\u0022},\\u0022ir\\u0022:{\\u0022name\\u0022:\\u0022Iran\\u0022,\\u0022callingCode\\u0022:\\u0022+98\\u0022,\\u0022code\\u0022:\\u0022IR\\u0022},\\u0022is\\u0022:{\\u0022name\\u0022:\\u0022Iceland\\u0022,\\u0022callingCode\\u0022:\\u0022+354\\u0022,\\u0022code\\u0022:\\u0022IS\\u0022},\\u0022it\\u0022:{\\u0022name\\u0022:\\u0022Italy\\u0022,\\u0022callingCode\\u0022:\\u0022+39\\u0022,\\u0022code\\u0022:\\u0022IT\\u0022},\\u0022je\\u0022:{\\u0022name\\u0022:\\u0022Jersey\\u0022,\\u0022callingCode\\u0022:\\u0022+44\\u0022,\\u0022code\\u0022:\\u0022JE\\u0022},\\u0022jm\\u0022:{\\u0022name\\u0022:\\u0022Jamaica\\u0022,\\u0022callingCode\\u0022:\\u0022+1876\\u0022,\\u0022code\\u0022:\\u0022JM\\u0022},\\u0022jo\\u0022:{\\u0022name\\u0022:\\u0022Jordan\\u0022,\\u0022callingCode\\u0022:\\u0022+962\\u0022,\\u0022code\\u0022:\\u0022JO\\u0022},\\u0022jp\\u0022:{\\u0022name\\u0022:\\u0022Japan\\u0022,\\u0022callingCode\\u0022:\\u0022+81\\u0022,\\u0022code\\u0022:\\u0022JP\\u0022},\\u0022ke\\u0022:{\\u0022name\\u0022:\\u0022Kenya\\u0022,\\u0022callingCode\\u0022:\\u0022+254\\u0022,\\u0022code\\u0022:\\u0022KE\\u0022},\\u0022kg\\u0022:{\\u0022name\\u0022:\\u0022Kyrgyzstan\\u0022,\\u0022callingCode\\u0022:\\u0022+996\\u0022,\\u0022code\\u0022:\\u0022KG\\u0022},\\u0022kh\\u0022:{\\u0022name\\u0022:\\u0022Cambodia\\u0022,\\u0022callingCode\\u0022:\\u0022+855\\u0022,\\u0022code\\u0022:\\u0022KH\\u0022},\\u0022ki\\u0022:{\\u0022name\\u0022:\\u0022Kiribati\\u0022,\\u0022callingCode\\u0022:\\u0022+686\\u0022,\\u0022code\\u0022:\\u0022KI\\u0022},\\u0022km\\u0022:{\\u0022name\\u0022:\\u0022Comoros\\u0022,\\u0022callingCode\\u0022:\\u0022+269\\u0022,\\u0022code\\u0022:\\u0022KM\\u0022},\\u0022kn\\u0022:{\\u0022name\\u0022:\\u0022St. Kitts \\u0026 Nevis\\u0022,\\u0022callingCode\\u0022:\\u0022+1869\\u0022,\\u0022code\\u0022:\\u0022KN\\u0022},\\u0022kp\\u0022:{\\u0022name\\u0022:\\u0022North Korea\\u0022,\\u0022callingCode\\u0022:\\u0022+850\\u0022,\\u0022code\\u0022:\\u0022KP\\u0022},\\u0022kr\\u0022:{\\u0022name\\u0022:\\u0022South Korea\\u0022,\\u0022callingCode\\u0022:\\u0022+82\\u0022,\\u0022code\\u0022:\\u0022KR\\u0022},\\u0022kw\\u0022:{\\u0022name\\u0022:\\u0022Kuwait\\u0022,\\u0022callingCode\\u0022:\\u0022+965\\u0022,\\u0022code\\u0022:\\u0022KW\\u0022},\\u0022ky\\u0022:{\\u0022name\\u0022:\\u0022Cayman Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+1345\\u0022,\\u0022code\\u0022:\\u0022KY\\u0022},\\u0022kz\\u0022:{\\u0022name\\u0022:\\u0022Kazakhstan\\u0022,\\u0022callingCode\\u0022:\\u0022+76\\u0022,\\u0022code\\u0022:\\u0022KZ\\u0022},\\u0022la\\u0022:{\\u0022name\\u0022:\\u0022Laos\\u0022,\\u0022callingCode\\u0022:\\u0022+856\\u0022,\\u0022code\\u0022:\\u0022LA\\u0022},\\u0022lb\\u0022:{\\u0022name\\u0022:\\u0022Lebanon\\u0022,\\u0022callingCode\\u0022:\\u0022+961\\u0022,\\u0022code\\u0022:\\u0022LB\\u0022},\\u0022lc\\u0022:{\\u0022name\\u0022:\\u0022St. Lucia\\u0022,\\u0022callingCode\\u0022:\\u0022+1758\\u0022,\\u0022code\\u0022:\\u0022LC\\u0022},\\u0022li\\u0022:{\\u0022name\\u0022:\\u0022Liechtenstein\\u0022,\\u0022callingCode\\u0022:\\u0022+423\\u0022,\\u0022code\\u0022:\\u0022LI\\u0022},\\u0022lk\\u0022:{\\u0022name\\u0022:\\u0022Sri Lanka\\u0022,\\u0022callingCode\\u0022:\\u0022+94\\u0022,\\u0022code\\u0022:\\u0022LK\\u0022},\\u0022lr\\u0022:{\\u0022name\\u0022:\\u0022Liberia\\u0022,\\u0022callingCode\\u0022:\\u0022+231\\u0022,\\u0022code\\u0022:\\u0022LR\\u0022},\\u0022ls\\u0022:{\\u0022name\\u0022:\\u0022Lesotho\\u0022,\\u0022callingCode\\u0022:\\u0022+266\\u0022,\\u0022code\\u0022:\\u0022LS\\u0022},\\u0022lt\\u0022:{\\u0022name\\u0022:\\u0022Lithuania\\u0022,\\u0022callingCode\\u0022:\\u0022+370\\u0022,\\u0022code\\u0022:\\u0022LT\\u0022},\\u0022lu\\u0022:{\\u0022name\\u0022:\\u0022Luxembourg\\u0022,\\u0022callingCode\\u0022:\\u0022+352\\u0022,\\u0022code\\u0022:\\u0022LU\\u0022},\\u0022lv\\u0022:{\\u0022name\\u0022:\\u0022Latvia\\u0022,\\u0022callingCode\\u0022:\\u0022+371\\u0022,\\u0022code\\u0022:\\u0022LV\\u0022},\\u0022ly\\u0022:{\\u0022name\\u0022:\\u0022Libya\\u0022,\\u0022callingCode\\u0022:\\u0022+218\\u0022,\\u0022code\\u0022:\\u0022LY\\u0022},\\u0022ma\\u0022:{\\u0022name\\u0022:\\u0022Morocco\\u0022,\\u0022callingCode\\u0022:\\u0022+212\\u0022,\\u0022code\\u0022:\\u0022MA\\u0022},\\u0022mc\\u0022:{\\u0022name\\u0022:\\u0022Monaco\\u0022,\\u0022callingCode\\u0022:\\u0022+377\\u0022,\\u0022code\\u0022:\\u0022MC\\u0022},\\u0022md\\u0022:{\\u0022name\\u0022:\\u0022Moldova\\u0022,\\u0022callingCode\\u0022:\\u0022+373\\u0022,\\u0022code\\u0022:\\u0022MD\\u0022},\\u0022me\\u0022:{\\u0022name\\u0022:\\u0022Montenegro\\u0022,\\u0022callingCode\\u0022:\\u0022+382\\u0022,\\u0022code\\u0022:\\u0022ME\\u0022},\\u0022mf\\u0022:{\\u0022name\\u0022:\\u0022St. Martin\\u0022,\\u0022callingCode\\u0022:\\u0022+590\\u0022,\\u0022code\\u0022:\\u0022MF\\u0022},\\u0022mg\\u0022:{\\u0022name\\u0022:\\u0022Madagascar\\u0022,\\u0022callingCode\\u0022:\\u0022+261\\u0022,\\u0022code\\u0022:\\u0022MG\\u0022},\\u0022mh\\u0022:{\\u0022name\\u0022:\\u0022Marshall Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+692\\u0022,\\u0022code\\u0022:\\u0022MH\\u0022},\\u0022mk\\u0022:{\\u0022name\\u0022:\\u0022North Macedonia\\u0022,\\u0022callingCode\\u0022:\\u0022+389\\u0022,\\u0022code\\u0022:\\u0022MK\\u0022},\\u0022ml\\u0022:{\\u0022name\\u0022:\\u0022Mali\\u0022,\\u0022callingCode\\u0022:\\u0022+223\\u0022,\\u0022code\\u0022:\\u0022ML\\u0022},\\u0022mm\\u0022:{\\u0022name\\u0022:\\u0022Myanmar (Burma)\\u0022,\\u0022callingCode\\u0022:\\u0022+95\\u0022,\\u0022code\\u0022:\\u0022MM\\u0022},\\u0022mn\\u0022:{\\u0022name\\u0022:\\u0022Mongolia\\u0022,\\u0022callingCode\\u0022:\\u0022+976\\u0022,\\u0022code\\u0022:\\u0022MN\\u0022},\\u0022mo\\u0022:{\\u0022name\\u0022:\\u0022Macao SAR China\\u0022,\\u0022callingCode\\u0022:\\u0022+853\\u0022,\\u0022code\\u0022:\\u0022MO\\u0022},\\u0022mp\\u0022:{\\u0022name\\u0022:\\u0022Northern Mariana Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+1670\\u0022,\\u0022code\\u0022:\\u0022MP\\u0022},\\u0022mq\\u0022:{\\u0022name\\u0022:\\u0022Martinique\\u0022,\\u0022callingCode\\u0022:\\u0022+596\\u0022,\\u0022code\\u0022:\\u0022MQ\\u0022},\\u0022mr\\u0022:{\\u0022name\\u0022:\\u0022Mauritania\\u0022,\\u0022callingCode\\u0022:\\u0022+222\\u0022,\\u0022code\\u0022:\\u0022MR\\u0022},\\u0022ms\\u0022:{\\u0022name\\u0022:\\u0022Montserrat\\u0022,\\u0022callingCode\\u0022:\\u0022+1664\\u0022,\\u0022code\\u0022:\\u0022MS\\u0022},\\u0022mt\\u0022:{\\u0022name\\u0022:\\u0022Malta\\u0022,\\u0022callingCode\\u0022:\\u0022+356\\u0022,\\u0022code\\u0022:\\u0022MT\\u0022},\\u0022mu\\u0022:{\\u0022name\\u0022:\\u0022Mauritius\\u0022,\\u0022callingCode\\u0022:\\u0022+230\\u0022,\\u0022code\\u0022:\\u0022MU\\u0022},\\u0022mv\\u0022:{\\u0022name\\u0022:\\u0022Maldives\\u0022,\\u0022callingCode\\u0022:\\u0022+960\\u0022,\\u0022code\\u0022:\\u0022MV\\u0022},\\u0022mw\\u0022:{\\u0022name\\u0022:\\u0022Malawi\\u0022,\\u0022callingCode\\u0022:\\u0022+265\\u0022,\\u0022code\\u0022:\\u0022MW\\u0022},\\u0022mx\\u0022:{\\u0022name\\u0022:\\u0022Mexico\\u0022,\\u0022callingCode\\u0022:\\u0022+52\\u0022,\\u0022code\\u0022:\\u0022MX\\u0022},\\u0022my\\u0022:{\\u0022name\\u0022:\\u0022Malaysia\\u0022,\\u0022callingCode\\u0022:\\u0022+60\\u0022,\\u0022code\\u0022:\\u0022MY\\u0022},\\u0022mz\\u0022:{\\u0022name\\u0022:\\u0022Mozambique\\u0022,\\u0022callingCode\\u0022:\\u0022+258\\u0022,\\u0022code\\u0022:\\u0022MZ\\u0022},\\u0022na\\u0022:{\\u0022name\\u0022:\\u0022Namibia\\u0022,\\u0022callingCode\\u0022:\\u0022+264\\u0022,\\u0022code\\u0022:\\u0022NA\\u0022},\\u0022nc\\u0022:{\\u0022name\\u0022:\\u0022New Caledonia\\u0022,\\u0022callingCode\\u0022:\\u0022+687\\u0022,\\u0022code\\u0022:\\u0022NC\\u0022},\\u0022ne\\u0022:{\\u0022name\\u0022:\\u0022Niger\\u0022,\\u0022callingCode\\u0022:\\u0022+227\\u0022,\\u0022code\\u0022:\\u0022NE\\u0022},\\u0022nf\\u0022:{\\u0022name\\u0022:\\u0022Norfolk Island\\u0022,\\u0022callingCode\\u0022:\\u0022+672\\u0022,\\u0022code\\u0022:\\u0022NF\\u0022},\\u0022ng\\u0022:{\\u0022name\\u0022:\\u0022Nigeria\\u0022,\\u0022callingCode\\u0022:\\u0022+234\\u0022,\\u0022code\\u0022:\\u0022NG\\u0022},\\u0022ni\\u0022:{\\u0022name\\u0022:\\u0022Nicaragua\\u0022,\\u0022callingCode\\u0022:\\u0022+505\\u0022,\\u0022code\\u0022:\\u0022NI\\u0022},\\u0022nl\\u0022:{\\u0022name\\u0022:\\u0022Netherlands\\u0022,\\u0022callingCode\\u0022:\\u0022+31\\u0022,\\u0022code\\u0022:\\u0022NL\\u0022},\\u0022no\\u0022:{\\u0022name\\u0022:\\u0022Norway\\u0022,\\u0022callingCode\\u0022:\\u0022+47\\u0022,\\u0022code\\u0022:\\u0022NO\\u0022},\\u0022np\\u0022:{\\u0022name\\u0022:\\u0022Nepal\\u0022,\\u0022callingCode\\u0022:\\u0022+977\\u0022,\\u0022code\\u0022:\\u0022NP\\u0022},\\u0022nr\\u0022:{\\u0022name\\u0022:\\u0022Nauru\\u0022,\\u0022callingCode\\u0022:\\u0022+674\\u0022,\\u0022code\\u0022:\\u0022NR\\u0022},\\u0022nu\\u0022:{\\u0022name\\u0022:\\u0022Niue\\u0022,\\u0022callingCode\\u0022:\\u0022+683\\u0022,\\u0022code\\u0022:\\u0022NU\\u0022},\\u0022nz\\u0022:{\\u0022name\\u0022:\\u0022New Zealand\\u0022,\\u0022callingCode\\u0022:\\u0022+64\\u0022,\\u0022code\\u0022:\\u0022NZ\\u0022},\\u0022om\\u0022:{\\u0022name\\u0022:\\u0022Oman\\u0022,\\u0022callingCode\\u0022:\\u0022+968\\u0022,\\u0022code\\u0022:\\u0022OM\\u0022},\\u0022pa\\u0022:{\\u0022name\\u0022:\\u0022Panama\\u0022,\\u0022callingCode\\u0022:\\u0022+507\\u0022,\\u0022code\\u0022:\\u0022PA\\u0022},\\u0022pe\\u0022:{\\u0022name\\u0022:\\u0022Peru\\u0022,\\u0022callingCode\\u0022:\\u0022+51\\u0022,\\u0022code\\u0022:\\u0022PE\\u0022},\\u0022pf\\u0022:{\\u0022name\\u0022:\\u0022French Polynesia\\u0022,\\u0022callingCode\\u0022:\\u0022+689\\u0022,\\u0022code\\u0022:\\u0022PF\\u0022},\\u0022pg\\u0022:{\\u0022name\\u0022:\\u0022Papua New Guinea\\u0022,\\u0022callingCode\\u0022:\\u0022+675\\u0022,\\u0022code\\u0022:\\u0022PG\\u0022},\\u0022ph\\u0022:{\\u0022name\\u0022:\\u0022Philippines\\u0022,\\u0022callingCode\\u0022:\\u0022+63\\u0022,\\u0022code\\u0022:\\u0022PH\\u0022},\\u0022pk\\u0022:{\\u0022name\\u0022:\\u0022Pakistan\\u0022,\\u0022callingCode\\u0022:\\u0022+92\\u0022,\\u0022code\\u0022:\\u0022PK\\u0022},\\u0022pl\\u0022:{\\u0022name\\u0022:\\u0022Poland\\u0022,\\u0022callingCode\\u0022:\\u0022+48\\u0022,\\u0022code\\u0022:\\u0022PL\\u0022},\\u0022pm\\u0022:{\\u0022name\\u0022:\\u0022St. Pierre \\u0026 Miquelon\\u0022,\\u0022callingCode\\u0022:\\u0022+508\\u0022,\\u0022code\\u0022:\\u0022PM\\u0022},\\u0022pn\\u0022:{\\u0022name\\u0022:\\u0022Pitcairn Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+64\\u0022,\\u0022code\\u0022:\\u0022PN\\u0022},\\u0022pr\\u0022:{\\u0022name\\u0022:\\u0022Puerto Rico\\u0022,\\u0022callingCode\\u0022:\\u0022+1787\\u0022,\\u0022code\\u0022:\\u0022PR\\u0022},\\u0022ps\\u0022:{\\u0022name\\u0022:\\u0022Palestinian Territories\\u0022,\\u0022callingCode\\u0022:\\u0022+970\\u0022,\\u0022code\\u0022:\\u0022PS\\u0022},\\u0022pt\\u0022:{\\u0022name\\u0022:\\u0022Portugal\\u0022,\\u0022callingCode\\u0022:\\u0022+351\\u0022,\\u0022code\\u0022:\\u0022PT\\u0022},\\u0022pw\\u0022:{\\u0022name\\u0022:\\u0022Palau\\u0022,\\u0022callingCode\\u0022:\\u0022+680\\u0022,\\u0022code\\u0022:\\u0022PW\\u0022},\\u0022py\\u0022:{\\u0022name\\u0022:\\u0022Paraguay\\u0022,\\u0022callingCode\\u0022:\\u0022+595\\u0022,\\u0022code\\u0022:\\u0022PY\\u0022},\\u0022qa\\u0022:{\\u0022name\\u0022:\\u0022Qatar\\u0022,\\u0022callingCode\\u0022:\\u0022+974\\u0022,\\u0022code\\u0022:\\u0022QA\\u0022},\\u0022re\\u0022:{\\u0022name\\u0022:\\u0022R\\u00e9union\\u0022,\\u0022callingCode\\u0022:\\u0022+262\\u0022,\\u0022code\\u0022:\\u0022RE\\u0022},\\u0022ro\\u0022:{\\u0022name\\u0022:\\u0022Romania\\u0022,\\u0022callingCode\\u0022:\\u0022+40\\u0022,\\u0022code\\u0022:\\u0022RO\\u0022},\\u0022rs\\u0022:{\\u0022name\\u0022:\\u0022Serbia\\u0022,\\u0022callingCode\\u0022:\\u0022+381\\u0022,\\u0022code\\u0022:\\u0022RS\\u0022},\\u0022ru\\u0022:{\\u0022name\\u0022:\\u0022Russia\\u0022,\\u0022callingCode\\u0022:\\u0022+7\\u0022,\\u0022code\\u0022:\\u0022RU\\u0022},\\u0022rw\\u0022:{\\u0022name\\u0022:\\u0022Rwanda\\u0022,\\u0022callingCode\\u0022:\\u0022+250\\u0022,\\u0022code\\u0022:\\u0022RW\\u0022},\\u0022sa\\u0022:{\\u0022name\\u0022:\\u0022Saudi Arabia\\u0022,\\u0022callingCode\\u0022:\\u0022+966\\u0022,\\u0022code\\u0022:\\u0022SA\\u0022},\\u0022sb\\u0022:{\\u0022name\\u0022:\\u0022Solomon Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+677\\u0022,\\u0022code\\u0022:\\u0022SB\\u0022},\\u0022sc\\u0022:{\\u0022name\\u0022:\\u0022Seychelles\\u0022,\\u0022callingCode\\u0022:\\u0022+248\\u0022,\\u0022code\\u0022:\\u0022SC\\u0022},\\u0022sd\\u0022:{\\u0022name\\u0022:\\u0022Sudan\\u0022,\\u0022callingCode\\u0022:\\u0022+249\\u0022,\\u0022code\\u0022:\\u0022SD\\u0022},\\u0022se\\u0022:{\\u0022name\\u0022:\\u0022Sweden\\u0022,\\u0022callingCode\\u0022:\\u0022+46\\u0022,\\u0022code\\u0022:\\u0022SE\\u0022},\\u0022sg\\u0022:{\\u0022name\\u0022:\\u0022Singapore\\u0022,\\u0022callingCode\\u0022:\\u0022+65\\u0022,\\u0022code\\u0022:\\u0022SG\\u0022},\\u0022sh\\u0022:{\\u0022name\\u0022:\\u0022St. Helena\\u0022,\\u0022callingCode\\u0022:\\u0022+290\\u0022,\\u0022code\\u0022:\\u0022SH\\u0022},\\u0022si\\u0022:{\\u0022name\\u0022:\\u0022Slovenia\\u0022,\\u0022callingCode\\u0022:\\u0022+386\\u0022,\\u0022code\\u0022:\\u0022SI\\u0022},\\u0022sj\\u0022:{\\u0022name\\u0022:\\u0022Svalbard \\u0026 Jan Mayen\\u0022,\\u0022callingCode\\u0022:\\u0022+4779\\u0022,\\u0022code\\u0022:\\u0022SJ\\u0022},\\u0022sk\\u0022:{\\u0022name\\u0022:\\u0022Slovakia\\u0022,\\u0022callingCode\\u0022:\\u0022+421\\u0022,\\u0022code\\u0022:\\u0022SK\\u0022},\\u0022sl\\u0022:{\\u0022name\\u0022:\\u0022Sierra Leone\\u0022,\\u0022callingCode\\u0022:\\u0022+232\\u0022,\\u0022code\\u0022:\\u0022SL\\u0022},\\u0022sm\\u0022:{\\u0022name\\u0022:\\u0022San Marino\\u0022,\\u0022callingCode\\u0022:\\u0022+378\\u0022,\\u0022code\\u0022:\\u0022SM\\u0022},\\u0022sn\\u0022:{\\u0022name\\u0022:\\u0022Senegal\\u0022,\\u0022callingCode\\u0022:\\u0022+221\\u0022,\\u0022code\\u0022:\\u0022SN\\u0022},\\u0022so\\u0022:{\\u0022name\\u0022:\\u0022Somalia\\u0022,\\u0022callingCode\\u0022:\\u0022+252\\u0022,\\u0022code\\u0022:\\u0022SO\\u0022},\\u0022sr\\u0022:{\\u0022name\\u0022:\\u0022Suriname\\u0022,\\u0022callingCode\\u0022:\\u0022+597\\u0022,\\u0022code\\u0022:\\u0022SR\\u0022},\\u0022ss\\u0022:{\\u0022name\\u0022:\\u0022South Sudan\\u0022,\\u0022callingCode\\u0022:\\u0022+211\\u0022,\\u0022code\\u0022:\\u0022SS\\u0022},\\u0022st\\u0022:{\\u0022name\\u0022:\\u0022S\\u00e3o Tom\\u00e9 \\u0026 Pr\\u00edncipe\\u0022,\\u0022callingCode\\u0022:\\u0022+239\\u0022,\\u0022code\\u0022:\\u0022ST\\u0022},\\u0022sv\\u0022:{\\u0022name\\u0022:\\u0022El Salvador\\u0022,\\u0022callingCode\\u0022:\\u0022+503\\u0022,\\u0022code\\u0022:\\u0022SV\\u0022},\\u0022sx\\u0022:{\\u0022name\\u0022:\\u0022Sint Maarten\\u0022,\\u0022callingCode\\u0022:\\u0022+1721\\u0022,\\u0022code\\u0022:\\u0022SX\\u0022},\\u0022sy\\u0022:{\\u0022name\\u0022:\\u0022Syria\\u0022,\\u0022callingCode\\u0022:\\u0022+963\\u0022,\\u0022code\\u0022:\\u0022SY\\u0022},\\u0022sz\\u0022:{\\u0022name\\u0022:\\u0022Eswatini\\u0022,\\u0022callingCode\\u0022:\\u0022+268\\u0022,\\u0022code\\u0022:\\u0022SZ\\u0022},\\u0022tc\\u0022:{\\u0022name\\u0022:\\u0022Turks \\u0026 Caicos Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+1649\\u0022,\\u0022code\\u0022:\\u0022TC\\u0022},\\u0022td\\u0022:{\\u0022name\\u0022:\\u0022Chad\\u0022,\\u0022callingCode\\u0022:\\u0022+235\\u0022,\\u0022code\\u0022:\\u0022TD\\u0022},\\u0022tg\\u0022:{\\u0022name\\u0022:\\u0022Togo\\u0022,\\u0022callingCode\\u0022:\\u0022+228\\u0022,\\u0022code\\u0022:\\u0022TG\\u0022},\\u0022th\\u0022:{\\u0022name\\u0022:\\u0022Thailand\\u0022,\\u0022callingCode\\u0022:\\u0022+66\\u0022,\\u0022code\\u0022:\\u0022TH\\u0022},\\u0022tj\\u0022:{\\u0022name\\u0022:\\u0022Tajikistan\\u0022,\\u0022callingCode\\u0022:\\u0022+992\\u0022,\\u0022code\\u0022:\\u0022TJ\\u0022},\\u0022tk\\u0022:{\\u0022name\\u0022:\\u0022Tokelau\\u0022,\\u0022callingCode\\u0022:\\u0022+690\\u0022,\\u0022code\\u0022:\\u0022TK\\u0022},\\u0022tl\\u0022:{\\u0022name\\u0022:\\u0022Timor-Leste\\u0022,\\u0022callingCode\\u0022:\\u0022+670\\u0022,\\u0022code\\u0022:\\u0022TL\\u0022},\\u0022tm\\u0022:{\\u0022name\\u0022:\\u0022Turkmenistan\\u0022,\\u0022callingCode\\u0022:\\u0022+993\\u0022,\\u0022code\\u0022:\\u0022TM\\u0022},\\u0022tn\\u0022:{\\u0022name\\u0022:\\u0022Tunisia\\u0022,\\u0022callingCode\\u0022:\\u0022+216\\u0022,\\u0022code\\u0022:\\u0022TN\\u0022},\\u0022to\\u0022:{\\u0022name\\u0022:\\u0022Tonga\\u0022,\\u0022callingCode\\u0022:\\u0022+676\\u0022,\\u0022code\\u0022:\\u0022TO\\u0022},\\u0022tr\\u0022:{\\u0022name\\u0022:\\u0022Turkey\\u0022,\\u0022callingCode\\u0022:\\u0022+90\\u0022,\\u0022code\\u0022:\\u0022TR\\u0022},\\u0022tt\\u0022:{\\u0022name\\u0022:\\u0022Trinidad \\u0026 Tobago\\u0022,\\u0022callingCode\\u0022:\\u0022+1868\\u0022,\\u0022code\\u0022:\\u0022TT\\u0022},\\u0022tv\\u0022:{\\u0022name\\u0022:\\u0022Tuvalu\\u0022,\\u0022callingCode\\u0022:\\u0022+688\\u0022,\\u0022code\\u0022:\\u0022TV\\u0022},\\u0022tw\\u0022:{\\u0022name\\u0022:\\u0022Taiwan\\u0022,\\u0022callingCode\\u0022:\\u0022+886\\u0022,\\u0022code\\u0022:\\u0022TW\\u0022},\\u0022tz\\u0022:{\\u0022name\\u0022:\\u0022Tanzania\\u0022,\\u0022callingCode\\u0022:\\u0022+255\\u0022,\\u0022code\\u0022:\\u0022TZ\\u0022},\\u0022ua\\u0022:{\\u0022name\\u0022:\\u0022Ukraine\\u0022,\\u0022callingCode\\u0022:\\u0022+380\\u0022,\\u0022code\\u0022:\\u0022UA\\u0022},\\u0022ug\\u0022:{\\u0022name\\u0022:\\u0022Uganda\\u0022,\\u0022callingCode\\u0022:\\u0022+256\\u0022,\\u0022code\\u0022:\\u0022UG\\u0022},\\u0022us\\u0022:{\\u0022name\\u0022:\\u0022United States\\u0022,\\u0022callingCode\\u0022:\\u0022+1\\u0022,\\u0022code\\u0022:\\u0022US\\u0022},\\u0022uy\\u0022:{\\u0022name\\u0022:\\u0022Uruguay\\u0022,\\u0022callingCode\\u0022:\\u0022+598\\u0022,\\u0022code\\u0022:\\u0022UY\\u0022},\\u0022uz\\u0022:{\\u0022name\\u0022:\\u0022Uzbekistan\\u0022,\\u0022callingCode\\u0022:\\u0022+998\\u0022,\\u0022code\\u0022:\\u0022UZ\\u0022},\\u0022va\\u0022:{\\u0022name\\u0022:\\u0022Vatican City\\u0022,\\u0022callingCode\\u0022:\\u0022+3906698\\u0022,\\u0022code\\u0022:\\u0022VA\\u0022},\\u0022vc\\u0022:{\\u0022name\\u0022:\\u0022St. Vincent \\u0026 Grenadines\\u0022,\\u0022callingCode\\u0022:\\u0022+1784\\u0022,\\u0022code\\u0022:\\u0022VC\\u0022},\\u0022ve\\u0022:{\\u0022name\\u0022:\\u0022Venezuela\\u0022,\\u0022callingCode\\u0022:\\u0022+58\\u0022,\\u0022code\\u0022:\\u0022VE\\u0022},\\u0022vg\\u0022:{\\u0022name\\u0022:\\u0022British Virgin Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+1284\\u0022,\\u0022code\\u0022:\\u0022VG\\u0022},\\u0022vi\\u0022:{\\u0022name\\u0022:\\u0022U.S. Virgin Islands\\u0022,\\u0022callingCode\\u0022:\\u0022+1340\\u0022,\\u0022code\\u0022:\\u0022VI\\u0022},\\u0022vn\\u0022:{\\u0022name\\u0022:\\u0022Vietnam\\u0022,\\u0022callingCode\\u0022:\\u0022+84\\u0022,\\u0022code\\u0022:\\u0022VN\\u0022},\\u0022vu\\u0022:{\\u0022name\\u0022:\\u0022Vanuatu\\u0022,\\u0022callingCode\\u0022:\\u0022+678\\u0022,\\u0022code\\u0022:\\u0022VU\\u0022},\\u0022wf\\u0022:{\\u0022name\\u0022:\\u0022Wallis \\u0026 Futuna\\u0022,\\u0022callingCode\\u0022:\\u0022+681\\u0022,\\u0022code\\u0022:\\u0022WF\\u0022},\\u0022ws\\u0022:{\\u0022name\\u0022:\\u0022Samoa\\u0022,\\u0022callingCode\\u0022:\\u0022+685\\u0022,\\u0022code\\u0022:\\u0022WS\\u0022},\\u0022xk\\u0022:{\\u0022name\\u0022:\\u0022Kosovo\\u0022,\\u0022callingCode\\u0022:\\u0022+383\\u0022,\\u0022code\\u0022:\\u0022XK\\u0022},\\u0022ye\\u0022:{\\u0022name\\u0022:\\u0022Yemen\\u0022,\\u0022callingCode\\u0022:\\u0022+967\\u0022,\\u0022code\\u0022:\\u0022YE\\u0022},\\u0022yt\\u0022:{\\u0022name\\u0022:\\u0022Mayotte\\u0022,\\u0022callingCode\\u0022:\\u0022+262\\u0022,\\u0022code\\u0022:\\u0022YT\\u0022},\\u0022za\\u0022:{\\u0022name\\u0022:\\u0022South Africa\\u0022,\\u0022callingCode\\u0022:\\u0022+27\\u0022,\\u0022code\\u0022:\\u0022ZA\\u0022},\\u0022zm\\u0022:{\\u0022name\\u0022:\\u0022Zambia\\u0022,\\u0022callingCode\\u0022:\\u0022+260\\u0022,\\u0022code\\u0022:\\u0022ZM\\u0022},\\u0022zw\\u0022:{\\u0022name\\u0022:\\u0022Zimbabwe\\u0022,\\u0022callingCode\\u0022:\\u0022+263\\u0022,\\u0022code\\u0022:\\u0022ZW\\u0022}}'),\n    }\"\n    x-on:select-changed.window=\"\n      if($event.detail.el.name !== 'your-country') {\n        return;\n      }\n\n      console.log($event);\n      console.log(countries);\n\n      const countryCode = $event.detail.value;\n      const countryObject = Object.values(countries).find(c =&gt; c.code.toLowerCase() === countryCode.toLowerCase());\n      \n      if (countryObject) {\n        callingCode = countryObject.callingCode;\n      }\n    \"\n>\n  <input\n    id=\"your-phone\" class=\"peer w-full h-[3.125rem] bg-transparent text-text-secondary text-sm shadow-01 pr-3 pl-[3.125rem] border border-border-secondary rounded-lg transition-all hover:border-border-active hover:bg-surface-hover-01 focus:border-border-active focus:outline-0 focus:ring-0 disabled:bg-border-disabled disabled:text-text-disabled disabled:cursor-not-allowed disabled:border-border-disabled wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" size=\"40\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" type=\"tel\" name=\"your-phone\"\n    x-bind:data-calling-code=\"callingCode\"\n  \/>\n  <label\n    class=\"flex w-full h-full select-none pointer-events-none absolute px-3 transition-all !overflow-visible truncate leading-tigh text-text-tertiary peer-placeholder-shown:text-text-tertiary peer-disabled:text-text-disabled peer-disabled:peer-placeholder-shown:text-text-disabled -top-[1.25rem] peer-placeholder-shown:top-4 peer-focus:-top-[1.25rem] -left-3 peer-placeholder-shown:left-0 peer-focus:-left-3 peer-placeholder-shown:text-sm text-xs peer-focus:text-xs\"\n    for=\"your-phone\"\n  >\n    Phone number *\n  <\/label>\n\n  <div \n    class=\"absolute z-20 top-0 left-0 cursor-pointer\"\n  >\n    <button \n        x-text=\"callingCode\" \n        type=\"button\"\n        x-on:click=\"open = true\"\n        x-on:click.outside=\"open = false\"\n        class=\"text-sm h-[3.125rem] leading-[3.125rem] text-text-secondary px-3\"\n    >\n    <\/button>\n\n    <div \n        class=\"absolute z-20 top-full left-0 bg-surface-01 max-h-[12.5rem] w-[15.625rem] -translate-x-1\/2 overflow-auto rounded-lg shadow-01\"\n        x-show=\"open\"\n        x-collapse\n    >\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+376'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+376'                }\"\n            >\n                <span>Andorra<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+376)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+971'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+971'                }\"\n            >\n                <span>United Arab Emirates<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+971)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+93'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+93'                }\"\n            >\n                <span>Afghanistan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+93)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1268'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1268'                }\"\n            >\n                <span>Antigua &amp; Barbuda<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1268)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1264'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1264'                }\"\n            >\n                <span>Anguilla<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1264)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+355'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+355'                }\"\n            >\n                <span>Albania<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+355)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+374'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+374'                }\"\n            >\n                <span>Armenia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+374)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+244'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+244'                }\"\n            >\n                <span>Angola<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+244)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+54'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+54'                }\"\n            >\n                <span>Argentina<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+54)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1684'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1684'                }\"\n            >\n                <span>American Samoa<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1684)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+43'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+43'                }\"\n            >\n                <span>Austria<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+43)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+61'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+61'                }\"\n            >\n                <span>Australia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+61)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+297'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+297'                }\"\n            >\n                <span>Aruba<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+297)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+358'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+358'                }\"\n            >\n                <span>\u00c5land Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+358)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+994'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+994'                }\"\n            >\n                <span>Azerbaijan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+994)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+387'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+387'                }\"\n            >\n                <span>Bosnia &amp; Herzegovina<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+387)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1246'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1246'                }\"\n            >\n                <span>Barbados<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1246)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+880'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+880'                }\"\n            >\n                <span>Bangladesh<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+880)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+32'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+32'                }\"\n            >\n                <span>Belgium<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+32)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+226'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+226'                }\"\n            >\n                <span>Burkina Faso<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+226)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+359'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+359'                }\"\n            >\n                <span>Bulgaria<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+359)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+973'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+973'                }\"\n            >\n                <span>Bahrain<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+973)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+257'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+257'                }\"\n            >\n                <span>Burundi<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+257)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+229'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+229'                }\"\n            >\n                <span>Benin<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+229)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+590'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+590'                }\"\n            >\n                <span>St. Barth\u00e9lemy<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+590)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1441'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1441'                }\"\n            >\n                <span>Bermuda<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1441)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+673'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+673'                }\"\n            >\n                <span>Brunei<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+673)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+591'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+591'                }\"\n            >\n                <span>Bolivia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+591)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+599'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+599'                }\"\n            >\n                <span>Caribbean Netherlands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+599)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+55'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+55'                }\"\n            >\n                <span>Brazil<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+55)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1242'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1242'                }\"\n            >\n                <span>Bahamas<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1242)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+975'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+975'                }\"\n            >\n                <span>Bhutan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+975)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+267'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+267'                }\"\n            >\n                <span>Botswana<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+267)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+375'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+375'                }\"\n            >\n                <span>Belarus<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+375)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+501'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+501'                }\"\n            >\n                <span>Belize<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+501)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1'                }\"\n            >\n                <span>Canada<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+61'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+61'                }\"\n            >\n                <span>Cocos (Keeling) Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+61)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+243'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+243'                }\"\n            >\n                <span>Congo &#8211; Kinshasa<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+243)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+236'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+236'                }\"\n            >\n                <span>Central African Republic<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+236)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+242'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+242'                }\"\n            >\n                <span>Congo &#8211; Brazzaville<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+242)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+41'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+41'                }\"\n            >\n                <span>Switzerland<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+41)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+225'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+225'                }\"\n            >\n                <span>C\u00f4te d\u2019Ivoire<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+225)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+682'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+682'                }\"\n            >\n                <span>Cook Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+682)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+56'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+56'                }\"\n            >\n                <span>Chile<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+56)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+237'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+237'                }\"\n            >\n                <span>Cameroon<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+237)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+86'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+86'                }\"\n            >\n                <span>China<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+86)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+57'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+57'                }\"\n            >\n                <span>Colombia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+57)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+506'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+506'                }\"\n            >\n                <span>Costa Rica<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+506)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+53'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+53'                }\"\n            >\n                <span>Cuba<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+53)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+238'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+238'                }\"\n            >\n                <span>Cape Verde<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+238)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+599'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+599'                }\"\n            >\n                <span>Cura\u00e7ao<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+599)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+61'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+61'                }\"\n            >\n                <span>Christmas Island<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+61)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+357'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+357'                }\"\n            >\n                <span>Cyprus<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+357)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+420'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+420'                }\"\n            >\n                <span>Czechia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+420)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+49'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+49'                }\"\n            >\n                <span>Germany<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+49)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+253'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+253'                }\"\n            >\n                <span>Djibouti<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+253)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+45'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+45'                }\"\n            >\n                <span>Denmark<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+45)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1767'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1767'                }\"\n            >\n                <span>Dominica<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1767)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1809'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1809'                }\"\n            >\n                <span>Dominican Republic<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1809)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+213'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+213'                }\"\n            >\n                <span>Algeria<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+213)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+593'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+593'                }\"\n            >\n                <span>Ecuador<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+593)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+372'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+372'                }\"\n            >\n                <span>Estonia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+372)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+20'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+20'                }\"\n            >\n                <span>Egypt<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+20)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+212'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+212'                }\"\n            >\n                <span>Western Sahara<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+212)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+291'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+291'                }\"\n            >\n                <span>Eritrea<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+291)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+34'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+34'                }\"\n            >\n                <span>Spain<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+34)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+251'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+251'                }\"\n            >\n                <span>Ethiopia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+251)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+358'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+358'                }\"\n            >\n                <span>Finland<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+358)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+679'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+679'                }\"\n            >\n                <span>Fiji<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+679)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+500'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+500'                }\"\n            >\n                <span>Falkland Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+500)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+691'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+691'                }\"\n            >\n                <span>Micronesia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+691)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+298'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+298'                }\"\n            >\n                <span>Faroe Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+298)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+33'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+33'                }\"\n            >\n                <span>France<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+33)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+241'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+241'                }\"\n            >\n                <span>Gabon<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+241)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+44'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+44'                }\"\n            >\n                <span>United Kingdom<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+44)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1473'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1473'                }\"\n            >\n                <span>Grenada<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1473)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+995'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+995'                }\"\n            >\n                <span>Georgia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+995)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+594'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+594'                }\"\n            >\n                <span>French Guiana<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+594)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+44'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+44'                }\"\n            >\n                <span>Guernsey<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+44)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+233'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+233'                }\"\n            >\n                <span>Ghana<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+233)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+350'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+350'                }\"\n            >\n                <span>Gibraltar<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+350)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+299'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+299'                }\"\n            >\n                <span>Greenland<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+299)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+220'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+220'                }\"\n            >\n                <span>Gambia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+220)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+224'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+224'                }\"\n            >\n                <span>Guinea<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+224)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+590'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+590'                }\"\n            >\n                <span>Guadeloupe<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+590)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+240'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+240'                }\"\n            >\n                <span>Equatorial Guinea<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+240)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+30'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+30'                }\"\n            >\n                <span>Greece<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+30)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+500'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+500'                }\"\n            >\n                <span>South Georgia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+500)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+502'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+502'                }\"\n            >\n                <span>Guatemala<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+502)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1671'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1671'                }\"\n            >\n                <span>Guam<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1671)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+245'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+245'                }\"\n            >\n                <span>Guinea-Bissau<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+245)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+592'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+592'                }\"\n            >\n                <span>Guyana<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+592)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+852'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+852'                }\"\n            >\n                <span>Hong Kong SAR China<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+852)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+504'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+504'                }\"\n            >\n                <span>Honduras<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+504)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+385'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+385'                }\"\n            >\n                <span>Croatia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+385)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+509'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+509'                }\"\n            >\n                <span>Haiti<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+509)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+36'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+36'                }\"\n            >\n                <span>Hungary<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+36)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+62'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+62'                }\"\n            >\n                <span>Indonesia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+62)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+353'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+353'                }\"\n            >\n                <span>Ireland<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+353)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+972'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+972'                }\"\n            >\n                <span>Israel<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+972)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+44'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+44'                }\"\n            >\n                <span>Isle of Man<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+44)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+91'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+91'                }\"\n            >\n                <span>India<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+91)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+246'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+246'                }\"\n            >\n                <span>British Indian Ocean Territory<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+246)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+964'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+964'                }\"\n            >\n                <span>Iraq<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+964)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+98'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+98'                }\"\n            >\n                <span>Iran<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+98)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+354'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+354'                }\"\n            >\n                <span>Iceland<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+354)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+39'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+39'                }\"\n            >\n                <span>Italy<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+39)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+44'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+44'                }\"\n            >\n                <span>Jersey<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+44)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1876'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1876'                }\"\n            >\n                <span>Jamaica<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1876)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+962'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+962'                }\"\n            >\n                <span>Jordan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+962)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+81'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+81'                }\"\n            >\n                <span>Japan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+81)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+254'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+254'                }\"\n            >\n                <span>Kenya<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+254)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+996'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+996'                }\"\n            >\n                <span>Kyrgyzstan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+996)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+855'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+855'                }\"\n            >\n                <span>Cambodia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+855)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+686'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+686'                }\"\n            >\n                <span>Kiribati<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+686)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+269'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+269'                }\"\n            >\n                <span>Comoros<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+269)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1869'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1869'                }\"\n            >\n                <span>St. Kitts &amp; Nevis<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1869)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+850'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+850'                }\"\n            >\n                <span>North Korea<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+850)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+82'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+82'                }\"\n            >\n                <span>South Korea<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+82)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+965'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+965'                }\"\n            >\n                <span>Kuwait<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+965)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1345'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1345'                }\"\n            >\n                <span>Cayman Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1345)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+76'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+76'                }\"\n            >\n                <span>Kazakhstan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+76)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+856'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+856'                }\"\n            >\n                <span>Laos<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+856)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+961'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+961'                }\"\n            >\n                <span>Lebanon<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+961)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1758'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1758'                }\"\n            >\n                <span>St. Lucia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1758)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+423'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+423'                }\"\n            >\n                <span>Liechtenstein<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+423)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+94'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+94'                }\"\n            >\n                <span>Sri Lanka<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+94)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+231'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+231'                }\"\n            >\n                <span>Liberia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+231)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+266'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+266'                }\"\n            >\n                <span>Lesotho<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+266)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+370'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+370'                }\"\n            >\n                <span>Lithuania<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+370)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+352'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+352'                }\"\n            >\n                <span>Luxembourg<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+352)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+371'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+371'                }\"\n            >\n                <span>Latvia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+371)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+218'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+218'                }\"\n            >\n                <span>Libya<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+218)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+212'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+212'                }\"\n            >\n                <span>Morocco<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+212)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+377'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+377'                }\"\n            >\n                <span>Monaco<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+377)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+373'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+373'                }\"\n            >\n                <span>Moldova<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+373)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+382'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+382'                }\"\n            >\n                <span>Montenegro<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+382)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+590'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+590'                }\"\n            >\n                <span>St. Martin<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+590)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+261'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+261'                }\"\n            >\n                <span>Madagascar<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+261)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+692'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+692'                }\"\n            >\n                <span>Marshall Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+692)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+389'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+389'                }\"\n            >\n                <span>North Macedonia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+389)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+223'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+223'                }\"\n            >\n                <span>Mali<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+223)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+95'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+95'                }\"\n            >\n                <span>Myanmar (Burma)<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+95)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+976'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+976'                }\"\n            >\n                <span>Mongolia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+976)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+853'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+853'                }\"\n            >\n                <span>Macao SAR China<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+853)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1670'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1670'                }\"\n            >\n                <span>Northern Mariana Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1670)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+596'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+596'                }\"\n            >\n                <span>Martinique<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+596)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+222'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+222'                }\"\n            >\n                <span>Mauritania<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+222)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1664'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1664'                }\"\n            >\n                <span>Montserrat<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1664)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+356'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+356'                }\"\n            >\n                <span>Malta<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+356)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+230'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+230'                }\"\n            >\n                <span>Mauritius<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+230)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+960'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+960'                }\"\n            >\n                <span>Maldives<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+960)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+265'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+265'                }\"\n            >\n                <span>Malawi<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+265)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+52'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+52'                }\"\n            >\n                <span>Mexico<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+52)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+60'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+60'                }\"\n            >\n                <span>Malaysia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+60)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+258'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+258'                }\"\n            >\n                <span>Mozambique<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+258)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+264'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+264'                }\"\n            >\n                <span>Namibia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+264)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+687'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+687'                }\"\n            >\n                <span>New Caledonia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+687)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+227'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+227'                }\"\n            >\n                <span>Niger<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+227)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+672'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+672'                }\"\n            >\n                <span>Norfolk Island<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+672)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+234'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+234'                }\"\n            >\n                <span>Nigeria<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+234)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+505'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+505'                }\"\n            >\n                <span>Nicaragua<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+505)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+31'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+31'                }\"\n            >\n                <span>Netherlands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+31)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+47'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+47'                }\"\n            >\n                <span>Norway<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+47)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+977'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+977'                }\"\n            >\n                <span>Nepal<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+977)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+674'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+674'                }\"\n            >\n                <span>Nauru<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+674)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+683'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+683'                }\"\n            >\n                <span>Niue<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+683)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+64'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+64'                }\"\n            >\n                <span>New Zealand<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+64)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+968'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+968'                }\"\n            >\n                <span>Oman<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+968)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+507'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+507'                }\"\n            >\n                <span>Panama<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+507)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+51'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+51'                }\"\n            >\n                <span>Peru<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+51)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+689'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+689'                }\"\n            >\n                <span>French Polynesia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+689)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+675'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+675'                }\"\n            >\n                <span>Papua New Guinea<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+675)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+63'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+63'                }\"\n            >\n                <span>Philippines<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+63)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+92'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+92'                }\"\n            >\n                <span>Pakistan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+92)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+48'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+48'                }\"\n            >\n                <span>Poland<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+48)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+508'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+508'                }\"\n            >\n                <span>St. Pierre &amp; Miquelon<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+508)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+64'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+64'                }\"\n            >\n                <span>Pitcairn Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+64)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1787'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1787'                }\"\n            >\n                <span>Puerto Rico<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1787)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+970'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+970'                }\"\n            >\n                <span>Palestinian Territories<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+970)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+351'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+351'                }\"\n            >\n                <span>Portugal<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+351)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+680'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+680'                }\"\n            >\n                <span>Palau<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+680)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+595'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+595'                }\"\n            >\n                <span>Paraguay<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+595)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+974'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+974'                }\"\n            >\n                <span>Qatar<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+974)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+262'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+262'                }\"\n            >\n                <span>R\u00e9union<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+262)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+40'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+40'                }\"\n            >\n                <span>Romania<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+40)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+381'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+381'                }\"\n            >\n                <span>Serbia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+381)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+7'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+7'                }\"\n            >\n                <span>Russia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+7)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+250'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+250'                }\"\n            >\n                <span>Rwanda<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+250)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+966'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+966'                }\"\n            >\n                <span>Saudi Arabia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+966)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+677'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+677'                }\"\n            >\n                <span>Solomon Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+677)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+248'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+248'                }\"\n            >\n                <span>Seychelles<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+248)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+249'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+249'                }\"\n            >\n                <span>Sudan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+249)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+46'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+46'                }\"\n            >\n                <span>Sweden<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+46)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+65'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+65'                }\"\n            >\n                <span>Singapore<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+65)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+290'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+290'                }\"\n            >\n                <span>St. Helena<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+290)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+386'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+386'                }\"\n            >\n                <span>Slovenia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+386)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+4779'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+4779'                }\"\n            >\n                <span>Svalbard &amp; Jan Mayen<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+4779)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+421'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+421'                }\"\n            >\n                <span>Slovakia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+421)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+232'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+232'                }\"\n            >\n                <span>Sierra Leone<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+232)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+378'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+378'                }\"\n            >\n                <span>San Marino<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+378)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+221'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+221'                }\"\n            >\n                <span>Senegal<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+221)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+252'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+252'                }\"\n            >\n                <span>Somalia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+252)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+597'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+597'                }\"\n            >\n                <span>Suriname<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+597)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+211'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+211'                }\"\n            >\n                <span>South Sudan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+211)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+239'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+239'                }\"\n            >\n                <span>S\u00e3o Tom\u00e9 &amp; Pr\u00edncipe<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+239)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+503'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+503'                }\"\n            >\n                <span>El Salvador<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+503)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1721'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1721'                }\"\n            >\n                <span>Sint Maarten<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1721)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+963'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+963'                }\"\n            >\n                <span>Syria<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+963)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+268'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+268'                }\"\n            >\n                <span>Eswatini<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+268)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1649'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1649'                }\"\n            >\n                <span>Turks &amp; Caicos Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1649)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+235'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+235'                }\"\n            >\n                <span>Chad<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+235)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+228'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+228'                }\"\n            >\n                <span>Togo<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+228)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+66'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+66'                }\"\n            >\n                <span>Thailand<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+66)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+992'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+992'                }\"\n            >\n                <span>Tajikistan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+992)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+690'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+690'                }\"\n            >\n                <span>Tokelau<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+690)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+670'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+670'                }\"\n            >\n                <span>Timor-Leste<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+670)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+993'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+993'                }\"\n            >\n                <span>Turkmenistan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+993)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+216'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+216'                }\"\n            >\n                <span>Tunisia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+216)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+676'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+676'                }\"\n            >\n                <span>Tonga<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+676)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+90'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+90'                }\"\n            >\n                <span>Turkey<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+90)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1868'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1868'                }\"\n            >\n                <span>Trinidad &amp; Tobago<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1868)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+688'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+688'                }\"\n            >\n                <span>Tuvalu<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+688)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+886'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+886'                }\"\n            >\n                <span>Taiwan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+886)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+255'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+255'                }\"\n            >\n                <span>Tanzania<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+255)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+380'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+380'                }\"\n            >\n                <span>Ukraine<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+380)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+256'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+256'                }\"\n            >\n                <span>Uganda<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+256)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1'                }\"\n            >\n                <span>United States<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+598'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+598'                }\"\n            >\n                <span>Uruguay<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+598)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+998'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+998'                }\"\n            >\n                <span>Uzbekistan<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+998)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+3906698'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+3906698'                }\"\n            >\n                <span>Vatican City<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+3906698)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1784'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1784'                }\"\n            >\n                <span>St. Vincent &amp; Grenadines<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1784)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+58'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+58'                }\"\n            >\n                <span>Venezuela<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+58)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1284'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1284'                }\"\n            >\n                <span>British Virgin Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1284)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+1340'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+1340'                }\"\n            >\n                <span>U.S. Virgin Islands<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+1340)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+84'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+84'                }\"\n            >\n                <span>Vietnam<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+84)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+678'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+678'                }\"\n            >\n                <span>Vanuatu<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+678)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+681'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+681'                }\"\n            >\n                <span>Wallis &amp; Futuna<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+681)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+685'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+685'                }\"\n            >\n                <span>Samoa<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+685)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+383'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+383'                }\"\n            >\n                <span>Kosovo<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+383)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+967'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+967'                }\"\n            >\n                <span>Yemen<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+967)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+262'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+262'                }\"\n            >\n                <span>Mayotte<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+262)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+27'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+27'                }\"\n            >\n                <span>South Africa<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+27)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+260'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+260'                }\"\n            >\n                <span>Zambia<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+260)<\/span>\n            <\/button>\n                    <button \n                type=\"button\" \n                class=\"text-left p-2 text-xs w-full hover:bg-surface-hover-01 hover:text-text-secondary\"\n                x-on:click=\"callingCode = '+263'; open = false;\"\n                :class=\"{\n                    'bg-cta-primary-default text-text-inverted': callingCode === '+263'                }\"\n            >\n                <span>Zimbabwe<\/span> \n                <span class=\"whitespace-nowrap\" dir=\"ltr\">(+263)<\/span>\n            <\/button>\n            <\/div>\n  <\/div>\n<\/div><\/div>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-span-2\">\n\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"device-count\"><div\n    class=\"inline-block relative z-10 w-full\"\n    x-data=\"{\n        current: '',\n        open: false,\n        search: '',\n        selectValue(value, label) {\n            this.current = label;\n            this.$refs.select.value = label;\n            $dispatch('select-changed', { value: value, label: label, el: this.$refs.select });\n        },\n        cleanData() {\n            this.$el.querySelectorAll('option').forEach((option, index) =&gt; {\n                option.text = option.text.replace(\/&nbsp;\/g, ' ');\n            });\n        }\n    }\"\n    :class=\"{\n        '!z-30': open,\n    }\"\n    x-init=\"$refs.select.value = ''; cleanData()\"\n>\n    <select\n        id=\"device-count\" class=\"hidden wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" name=\"device-count\"\n        x-ref=\"select\"\n    >\n                    <option>10-100<\/option>\n                    <option>100-500<\/option>\n                    <option>over 500<\/option>\n            <\/select>\n    <div\n        class=\"flex flex-col justify-center w-full h-[3.125rem] cursor-pointer bg-surface-01 text-text-secondary text-sm shadow-01 pl-3 pr-[2.375rem] border border-border-secondary rounded-lg transition-all hover:border-border-active hover:bg-surface-hover-01\"\n        :class=\"{\n            '!rounded-b-none !border-border-active !bg-surface-hover-01': open\n        }\"\n        x-on:click=\"open = !open\"\n    >\n        <span x-text=\"current\"><\/span>\n\n        <span class=\"absolute z-10 pointer-events-none right-2 top-1\/2 -translate-y-1\/2\">\n            <svg \n    width=\"20\" \n    height=\"20\" \n    viewBox=\"0 0 20 20\" \n    fill=\"none\" \n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    class=\"w-6 h-6\"\n>\n    <path d=\"M16.25 7.5L10 13.75L3.75 7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n            <\/span>\n\n        <label\n            class=\"flex w-full h-full select-none pointer-events-none absolute z-10 left-0 px-3 transition-all !overflow-visible truncate leading-tigh text-text-tertiary -top-[1.25rem] text-xs -left-3\"\n            :class=\"{\n                '-top-[1.25rem] text-xs': current !== '',\n                'top-4 left-0 text-sm': current === '',\n            }\"\n            for=\"device-count\"\n        >\n            Number of devices to be managed *\n        <\/label>\n    <\/div>\n\n    <div\n        class=\"absolute z-20 top-full bg-surface-hover-01 border border-t-0 border-border-active inset-x-0 shadow-01 -mt-px rounded-b-lg overflow-hidden\"\n        x-show=\"open\"\n        x-on:click.away=\"open = false\"\n        x-collapse\n        x-cloak\n    >\n        \n        <div class=\"flex flex-col max-h-[12.5rem] !overflow-y-auto text-sm\">\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('10-100', '10-100'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === '10-100',\n                    }\"\n                    x-show=\"search === '' || '10-100'.toLowerCase().includes(search)\"\n                >\n                    10-100\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('100-500', '100-500'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === '100-500',\n                    }\"\n                    x-show=\"search === '' || '100-500'.toLowerCase().includes(search)\"\n                >\n                    100-500\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('over 500', 'over 500'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'over 500',\n                    }\"\n                    x-show=\"search === '' || 'over 500'.toLowerCase().includes(search)\"\n                >\n                    over 500\n                <\/button>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-span-2\">\n\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"source\"><div\n    class=\"inline-block relative z-10 w-full\"\n    x-data=\"{\n        current: '',\n        open: false,\n        search: '',\n        selectValue(value, label) {\n            this.current = label;\n            this.$refs.select.value = label;\n            $dispatch('select-changed', { value: value, label: label, el: this.$refs.select });\n        },\n        cleanData() {\n            this.$el.querySelectorAll('option').forEach((option, index) =&gt; {\n                option.text = option.text.replace(\/&nbsp;\/g, ' ');\n            });\n        }\n    }\"\n    :class=\"{\n        '!z-30': open,\n    }\"\n    x-init=\"$refs.select.value = ''; cleanData()\"\n>\n    <select\n        id=\"source\" class=\"hidden wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" name=\"source\"\n        x-ref=\"select\"\n    >\n                    <option>social media<\/option>\n                    <option>web browser<\/option>\n                    <option>user referral<\/option>\n                    <option>sales representative<\/option>\n                    <option>experience from previous company<\/option>\n            <\/select>\n    <div\n        class=\"flex flex-col justify-center w-full h-[3.125rem] cursor-pointer bg-surface-01 text-text-secondary text-sm shadow-01 pl-3 pr-[2.375rem] border border-border-secondary rounded-lg transition-all hover:border-border-active hover:bg-surface-hover-01\"\n        :class=\"{\n            '!rounded-b-none !border-border-active !bg-surface-hover-01': open\n        }\"\n        x-on:click=\"open = !open\"\n    >\n        <span x-text=\"current\"><\/span>\n\n        <span class=\"absolute z-10 pointer-events-none right-2 top-1\/2 -translate-y-1\/2\">\n            <svg \n    width=\"20\" \n    height=\"20\" \n    viewBox=\"0 0 20 20\" \n    fill=\"none\" \n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    class=\"w-6 h-6\"\n>\n    <path d=\"M16.25 7.5L10 13.75L3.75 7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n            <\/span>\n\n        <label\n            class=\"flex w-full h-full select-none pointer-events-none absolute z-10 left-0 px-3 transition-all !overflow-visible truncate leading-tigh text-text-tertiary -top-[1.25rem] text-xs -left-3\"\n            :class=\"{\n                '-top-[1.25rem] text-xs': current !== '',\n                'top-4 left-0 text-sm': current === '',\n            }\"\n            for=\"source\"\n        >\n            How did you hear about us? *\n        <\/label>\n    <\/div>\n\n    <div\n        class=\"absolute z-20 top-full bg-surface-hover-01 border border-t-0 border-border-active inset-x-0 shadow-01 -mt-px rounded-b-lg overflow-hidden\"\n        x-show=\"open\"\n        x-on:click.away=\"open = false\"\n        x-collapse\n        x-cloak\n    >\n        \n        <div class=\"flex flex-col max-h-[12.5rem] !overflow-y-auto text-sm\">\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('social media', 'social media'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'social media',\n                    }\"\n                    x-show=\"search === '' || 'social media'.toLowerCase().includes(search)\"\n                >\n                    social media\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('web browser', 'web browser'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'web browser',\n                    }\"\n                    x-show=\"search === '' || 'web browser'.toLowerCase().includes(search)\"\n                >\n                    web browser\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('user referral', 'user referral'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'user referral',\n                    }\"\n                    x-show=\"search === '' || 'user referral'.toLowerCase().includes(search)\"\n                >\n                    user referral\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('sales representative', 'sales representative'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'sales representative',\n                    }\"\n                    x-show=\"search === '' || 'sales representative'.toLowerCase().includes(search)\"\n                >\n                    sales representative\n                <\/button>\n                            \n                <button\n                    class=\"text-left px-3 py-2 hover:bg-cta-primary-default hover:text-text-inverted\"\n                    type=\"button\"\n                    x-on:click=\"selectValue('experience from previous company', 'experience from previous company'); open = false;\"\n                    :class=\"{\n                        'bg-cta-primary-default text-text-inverted': current === 'experience from previous company',\n                    }\"\n                    x-show=\"search === '' || 'experience from previous company'.toLowerCase().includes(search)\"\n                >\n                    experience from previous company\n                <\/button>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"col-span-2 text-xs grid grid-cols-1 gap-y-3\">\n\t\t<div>\n\t\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-553\"><div class=\"wpcf7-form-control wpcf7-acceptance\"><div class=\"inline-block relative w-full\">\n\n    <label class=\"flex gap-[0.75em] cursor-pointer\">\n        <div class=\"flex-none w-[1.5em]\">\n            <input type=\"checkbox\" class=\"hidden peer\" type=\"checkbox\" name=\"acceptance-553\" value=\"1\" aria-invalid=\"false\">\n\n            <div class=\"flex items-center justify-center w-[1.5em] h-[1.5em] border border-border-secondary rounded-[0.5em] bg-surface-01 peer-checked:border-border-active peer-checked:bg-cta-primary-default\">\n                <svg \n    width=\"12\" \n    height=\"10\" \n    viewBox=\"0 0 12 10\" \n    fill=\"none\" \n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    class=\"w-[0.75em] h-[0.625em] text-surface-01\"\n>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.7304 0.31701C12.1076 0.720412 12.0864 1.35322 11.683 1.73043L5.058 9.73043C4.67363 10.0898 4.07649 10.0899 3.69209 9.7305L0.317091 6.6405C-0.0863533 6.26334 -0.107659 5.63054 0.269504 5.22709C0.646666 4.82365 1.27947 4.80234 1.68292 5.1795L4.37493 7.63101L10.317 0.269579C10.7204 -0.107628 11.3532 -0.0863925 11.7304 0.31701Z\" fill=\"currentColor\"\/>\n<\/svg>            <\/div>\n        <\/div>\n\n        <div class=\"leading-[1.5]\">\n            * I accept <a href=\"https:\/\/proget.pl\/en\/terms_of_use_proget_system\" target=\"_blank\">Terms of using Proget System<\/a>\n        <\/div>\n    <\/label>\n<\/div><\/div><\/div>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-554\"><div class=\"wpcf7-form-control wpcf7-acceptance\"><div class=\"inline-block relative w-full\">\n\n    <label class=\"flex gap-[0.75em] cursor-pointer\">\n        <div class=\"flex-none w-[1.5em]\">\n            <input type=\"checkbox\" class=\"hidden peer\" type=\"checkbox\" name=\"acceptance-554\" value=\"1\" aria-invalid=\"false\">\n\n            <div class=\"flex items-center justify-center w-[1.5em] h-[1.5em] border border-border-secondary rounded-[0.5em] bg-surface-01 peer-checked:border-border-active peer-checked:bg-cta-primary-default\">\n                <svg \n    width=\"12\" \n    height=\"10\" \n    viewBox=\"0 0 12 10\" \n    fill=\"none\" \n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    class=\"w-[0.75em] h-[0.625em] text-surface-01\"\n>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.7304 0.31701C12.1076 0.720412 12.0864 1.35322 11.683 1.73043L5.058 9.73043C4.67363 10.0898 4.07649 10.0899 3.69209 9.7305L0.317091 6.6405C-0.0863533 6.26334 -0.107659 5.63054 0.269504 5.22709C0.646666 4.82365 1.27947 4.80234 1.68292 5.1795L4.37493 7.63101L10.317 0.269579C10.7204 -0.107628 11.3532 -0.0863925 11.7304 0.31701Z\" fill=\"currentColor\"\/>\n<\/svg>            <\/div>\n        <\/div>\n\n        <div class=\"leading-[1.5]\">\n            * I accept <a href=\"https:\/\/proget.pl\/en\/privacy_policy\" target=\"_blank\">Privacy Policy<\/a>\n        <\/div>\n    <\/label>\n<\/div><\/div><\/div>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-555\"><div class=\"wpcf7-form-control wpcf7-acceptance\"><div class=\"inline-block relative w-full\">\n\n    <label class=\"flex gap-[0.75em] cursor-pointer\">\n        <div class=\"flex-none w-[1.5em]\">\n            <input type=\"checkbox\" class=\"hidden peer\" type=\"checkbox\" name=\"acceptance-555\" value=\"1\" aria-invalid=\"false\">\n\n            <div class=\"flex items-center justify-center w-[1.5em] h-[1.5em] border border-border-secondary rounded-[0.5em] bg-surface-01 peer-checked:border-border-active peer-checked:bg-cta-primary-default\">\n                <svg \n    width=\"12\" \n    height=\"10\" \n    viewBox=\"0 0 12 10\" \n    fill=\"none\" \n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    class=\"w-[0.75em] h-[0.625em] text-surface-01\"\n>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.7304 0.31701C12.1076 0.720412 12.0864 1.35322 11.683 1.73043L5.058 9.73043C4.67363 10.0898 4.07649 10.0899 3.69209 9.7305L0.317091 6.6405C-0.0863533 6.26334 -0.107659 5.63054 0.269504 5.22709C0.646666 4.82365 1.27947 4.80234 1.68292 5.1795L4.37493 7.63101L10.317 0.269579C10.7204 -0.107628 11.3532 -0.0863925 11.7304 0.31701Z\" fill=\"currentColor\"\/>\n<\/svg>            <\/div>\n        <\/div>\n\n        <div class=\"leading-[1.5]\">\n            * I confirm that I have read the  <a href=\"https:\/\/proget.pl\/en\/information_clause\" target=\"_blank\">Information Clause<\/a>\n        <\/div>\n    <\/label>\n<\/div><\/div><\/div>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p><div class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-556\"><div class=\"wpcf7-form-control wpcf7-acceptance\"><div class=\"inline-block relative w-full\">\n\n    <label class=\"flex gap-[0.75em] cursor-pointer\">\n        <div class=\"flex-none w-[1.5em]\">\n            <input type=\"checkbox\" class=\"hidden peer\" type=\"checkbox\" name=\"acceptance-556\" value=\"1\" aria-invalid=\"false\">\n\n            <div class=\"flex items-center justify-center w-[1.5em] h-[1.5em] border border-border-secondary rounded-[0.5em] bg-surface-01 peer-checked:border-border-active peer-checked:bg-cta-primary-default\">\n                <svg \n    width=\"12\" \n    height=\"10\" \n    viewBox=\"0 0 12 10\" \n    fill=\"none\" \n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    class=\"w-[0.75em] h-[0.625em] text-surface-01\"\n>\n    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.7304 0.31701C12.1076 0.720412 12.0864 1.35322 11.683 1.73043L5.058 9.73043C4.67363 10.0898 4.07649 10.0899 3.69209 9.7305L0.317091 6.6405C-0.0863533 6.26334 -0.107659 5.63054 0.269504 5.22709C0.646666 4.82365 1.27947 4.80234 1.68292 5.1795L4.37493 7.63101L10.317 0.269579C10.7204 -0.107628 11.3532 -0.0863925 11.7304 0.31701Z\" fill=\"currentColor\"\/>\n<\/svg>            <\/div>\n        <\/div>\n\n        <div class=\"leading-[1.5]\">\n            * I consent to receiving product information\n        <\/div>\n    <\/label>\n<\/div><\/div><\/div>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div style=\"font-size: 10px\">\n\t\t\t<p>* Required fields\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"col-span-2\">\n\t\t<p><button\n    style=\"\" class=\"!inline-flex items-center justify-center outline outline-1 -outline-offset-1 rounded-full font-prebold no-underline hover:no-underline focus:no-underline transition-colors duration-300 linear whitespace-nowrap font-sans-alt !leading-[1.362] [&amp;_svg]:flex-none bg-button-primary-main-fill !text-button-primary-main-text outline-button-primary-main-outline hover:bg-button-primary-hover-fill hover:!text-button-primary-hover-text hover:outline-button-primary-hover-outline disabled:bg-button-primary-disabled-fill disabled:!text-button-primary-disabled-text disabled:outline-button-primary-disabled-outline focus:bg-button-primary-selected-fill focus:!text-button-primary-selected-text focus:outline-button-primary-selected-outline button-small text-[0.8125rem] px-4 py-2 gap-2 [&amp;_svg]:w-4 [&amp;_svg]:h-4 wpcf7-form-control wpcf7-submit has-spinner max-md:w-full\" type=\"submit\"\n>\n    \n    <span \n        class=\"\"\n    >\n        Submit\n    <\/span>\n\n    <\/button>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n        <\/div>\n\n        <div \n          x-show=\"mailSent\"\n          x-cloak\n          class=\"w-full max-w-[31.875rem] ml-auto pointer-events-auto rounded-lg p-12 bg-surface-01 shadow-01\"\n        >\n          <div class=\"flex flex-col gap-y-8\">\n                          <div class=\"text-center pb-8\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"414\" height=\"152\" src=\"https:\/\/proget.pl\/app\/uploads\/2\/2024\/05\/414x152_formularze-sent-icon.png\" class=\"inline-block\" alt=\"icons of paper airplane and message in envelope\" srcset=\"https:\/\/proget.pl\/app\/uploads\/2\/2024\/05\/414x152_formularze-sent-icon.png 414w, https:\/\/proget.pl\/app\/uploads\/2\/2024\/05\/414x152_formularze-sent-icon-300x110.png 300w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/>              <\/div>\n            \n                          <div class=\"text-center font-extrabold text-2xl !leading-[1.33]\">\n                Your application has been sent.\n              <\/div>\n            \n                          <div class=\"text-center\">\n                Please check your mailbox and confirm your request within 24 hours. You will receive access data for your Proget server in&nbsp;the following email. No&nbsp;email? Check your Spam folder.\n              <\/div>\n                      <\/div>\n        <\/div>\n      <\/div>\n<\/div><\/div>\n\n\n<div \n  class=\"pb-16 xl:pb-[8.1875rem] pt-16 xl:pt-[2.625rem] bg-surface-01 text-text-primary bg-image-mobile md:bg-image-desktop\"\n  style=\";--image-desktop: none; --image-mobile: none; background-repeat: no-repeat; background-size: auto; background-position: left top;\"\n  x-ref=\"contactBottom\"\n>\n    <div \n    class=\"is-layout-constrained is-layout-constrained-root px-6 md:px-16\"\n>\n    <div>\n          <div class=\"max-w-[31.875rem] mx-auto xl:mx-0\">\n            \n<h2\n  class=\"text-2xl !leading-[1.5] font-bold text-text-primary wp-block-heading align-text-left\" style=\"margin-bottom:var(--wp--preset--spacing--sm);\" id=\"block_55dc0a97b238aa96d9c6c5f44de33166\"\n>\n  Interested in&nbsp;purchasing a&nbsp;license?\n<\/h2>\n\n\n<p style=\"margin-bottom:var(--wp--preset--spacing--sm)\">Begin with a free trial period, then seamlessly upgrade to a paid plan. Our team will contact you upon launching the trial version. If you purchase, you will keep your account without losing your deployed data and devices.<\/p>\n\n\n<div \n  id=\"block_23063838a8dcefed4cab3bddfef1b8e5\"\n  class=\"flex flex-wrap gap-4 wp-block-buttons justify-start\"\n  style=\"margin-bottom:var(--wp--preset--spacing--2-xs)\"\n>\n  \n<a\n    href=\"https:\/\/proget.pl\/en\/pricing\/\" target=\"\" rel=\"noopener\" style=\"\" class=\"!inline-flex items-center justify-center outline outline-1 -outline-offset-1 rounded-full font-prebold no-underline hover:no-underline focus:no-underline transition-colors duration-300 linear whitespace-nowrap font-sans-alt !leading-[1.362] [&amp;_svg]:flex-none !text-text-link-default hover!text-text-link-hover !px-0 !py-0 outline-transparent !whitespace-normal button-small text-[0.8125rem] px-4 py-2 gap-2 [&amp;_svg]:w-4 [&amp;_svg]:h-4 wp-block-button !inline-flex\"\n>\n    \n    <span\n        class=\"\"\n    >\n        Check the price list\n    <\/span>\n\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M2.5 8H13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M9 3.5L13.5 8L9 12.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n    <\/a>\n\n<\/div>\n\n<div \n  id=\"block_638c55b6336538dfe1adad2f66d8e110\"\n  class=\"flex flex-wrap gap-4 wp-block-buttons justify-start\"\n  style=\"\"\n>\n  \n<a\n    href=\"https:\/\/proget.pl\/en\/buy-from-a-reseller\/\" target=\"\" rel=\"noopener\" style=\"\" class=\"!inline-flex items-center justify-center outline outline-1 -outline-offset-1 rounded-full font-prebold no-underline hover:no-underline focus:no-underline transition-colors duration-300 linear whitespace-nowrap font-sans-alt !leading-[1.362] [&amp;_svg]:flex-none !text-text-link-default hover!text-text-link-hover !px-0 !py-0 outline-transparent !whitespace-normal button-small text-[0.8125rem] px-4 py-2 gap-2 [&amp;_svg]:w-4 [&amp;_svg]:h-4 wp-block-button !inline-flex\"\n>\n    \n    <span\n        class=\"\"\n    >\n        Buy from a reseller\n    <\/span>\n\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M2.5 8H13.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M9 3.5L13.5 8L9 12.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n    <\/a>\n\n<\/div>\n\n          <\/div>\n        <\/div>\n<\/div><\/div>\n  \n\n<\/div>\n\n\n<div class=\"alignfull !px-0 bg-background-black text-text-inverted\">\n  <div \n    class=\"is-layout-constrained is-layout-constrained-root px-6 md:px-16\"\n>\n    \n<div\n  id=\"block_2ff525a67f6b23d4692b7773c7d87cb3\"\n  class=\"py-[--wp--preset--spacing--2-xl]\"\n  style=\"padding-top:var(--wp--preset--spacing--xs);padding-bottom:var(--wp--preset--spacing--xs)\"\n>\n  <div class=\"flex flex-wrap items-center justify-center gap-4 md:gap-10\">\n    \n<div class=\"w-[10.1875rem] md:w-[11.25rem]\">\n      <img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"144\" src=\"https:\/\/proget.pl\/app\/uploads\/2\/2025\/05\/191x144_iso.webp\" class=\"w-full h-auto\" alt=\"\" \/>  <\/div>\n\n<div class=\"w-[10.1875rem] md:w-[11.25rem]\">\n      <img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"144\" src=\"https:\/\/proget.pl\/app\/uploads\/2\/2025\/05\/191x144_iso-certified.webp\" class=\"w-full h-auto\" alt=\"\" \/>  <\/div>\n\n<div class=\"w-[10.1875rem] md:w-[11.25rem]\">\n      <img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"144\" src=\"https:\/\/proget.pl\/app\/uploads\/2\/2025\/05\/191x144_pwcyber.webp\" class=\"w-full h-auto\" alt=\"\" \/>  <\/div>\n\n<div class=\"w-[10.1875rem] md:w-[11.25rem]\">\n      <img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"144\" src=\"https:\/\/proget.pl\/app\/uploads\/2\/2025\/05\/191x144_gazele.webp\" class=\"w-full h-auto\" alt=\"\" \/>  <\/div>\n\n<div class=\"w-[10.1875rem] md:w-[11.25rem]\">\n      <img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"144\" src=\"https:\/\/proget.pl\/app\/uploads\/2\/2025\/05\/191x144_forbes2024.webp\" class=\"w-full h-auto\" alt=\"\" \/>  <\/div>\n\n<div class=\"w-[10.1875rem] md:w-[11.25rem]\">\n      <img loading=\"lazy\" decoding=\"async\" width=\"191\" height=\"144\" src=\"https:\/\/proget.pl\/app\/uploads\/2\/2025\/05\/191x144_cyber.webp\" class=\"w-full h-auto\" alt=\"\" \/>  <\/div>\n\n  <\/div>\n<\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Proget Trial: Start testing MDM solution in your business for free<\/title>\n<meta name=\"description\" content=\"Get full access to Proget solution with a 30-day free trial. Test all system capabilities and enjoy technical support.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/proget.pl\/en\/trial\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Trial\" \/>\n<meta property=\"og:description\" content=\"Get full access to Proget solution with a 30-day free trial. Test all system capabilities and enjoy technical support.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proget.pl\/en\/trial\/\" \/>\n<meta property=\"og:site_name\" content=\"Proget\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-01T12:03:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"CheckoutPage\"],\"@id\":\"https:\/\/proget.pl\/en\/trial\/\",\"url\":\"https:\/\/proget.pl\/en\/trial\/\",\"name\":\"Proget Trial: Start testing MDM solution in your business for free\",\"isPartOf\":{\"@id\":\"https:\/\/proget.pl\/en\/#website\"},\"datePublished\":\"2024-05-15T08:03:26+00:00\",\"dateModified\":\"2025-09-01T12:03:57+00:00\",\"description\":\"Get full access to Proget solution with a 30-day free trial. Test all system capabilities and enjoy technical support.\",\"breadcrumb\":{\"@id\":\"https:\/\/proget.pl\/en\/trial\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/proget.pl\/en\/trial\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/proget.pl\/en\/trial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Proget\",\"item\":\"https:\/\/proget.pl\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Trial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/proget.pl\/en\/#website\",\"url\":\"https:\/\/proget.pl\/en\/\",\"name\":\"Proget\",\"description\":\"Enterprise Mobility Management\",\"publisher\":{\"@id\":\"https:\/\/proget.pl\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/proget.pl\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/proget.pl\/en\/#organization\",\"name\":\"Proget Sp. z o.o.\",\"alternateName\":\"Proget\",\"url\":\"https:\/\/proget.pl\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/proget.pl\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/proget.pl\/app\/uploads\/2\/2024\/04\/logo-space-white-1.svg\",\"contentUrl\":\"https:\/\/proget.pl\/app\/uploads\/2\/2024\/04\/logo-space-white-1.svg\",\"width\":1,\"height\":1,\"caption\":\"Proget Sp. z o.o.\"},\"image\":{\"@id\":\"https:\/\/proget.pl\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/proget-software\/\"],\"description\":\"We are a Polish manufacturer of a proprietary mobility management solution. We operate in accordance with international standards: Information Security Management PN-EN ISO\/IEC 27001:2023 and Quality Management PN-EN ISO 9001:2015. For our financial performance in recent years, we have been listed as one of the most dynamically growing organizations in Poland according to Forbes, and Puls Biznesu magazine has awarded us the Business Gazelle award. We have been developing our competence in the cybersecurity sector continuously since 2007. We are actively building cybersecurity awareness. For several years we have been a member of\u00a0the PWCyber government agreement and the Cyber Made in Poland cluster.\",\"legalName\":\"Proget Sp. z o.o.\",\"foundingDate\":\"2012-03-27\",\"taxID\":\"5472142508\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Proget Trial: Start testing MDM solution in your business for free","description":"Get full access to Proget solution with a 30-day free trial. Test all system capabilities and enjoy technical support.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/proget.pl\/en\/trial\/","og_locale":"en_GB","og_type":"article","og_title":"Trial","og_description":"Get full access to Proget solution with a 30-day free trial. Test all system capabilities and enjoy technical support.","og_url":"https:\/\/proget.pl\/en\/trial\/","og_site_name":"Proget","article_modified_time":"2025-09-01T12:03:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","CheckoutPage"],"@id":"https:\/\/proget.pl\/en\/trial\/","url":"https:\/\/proget.pl\/en\/trial\/","name":"Proget Trial: Start testing MDM solution in your business for free","isPartOf":{"@id":"https:\/\/proget.pl\/en\/#website"},"datePublished":"2024-05-15T08:03:26+00:00","dateModified":"2025-09-01T12:03:57+00:00","description":"Get full access to Proget solution with a 30-day free trial. Test all system capabilities and enjoy technical support.","breadcrumb":{"@id":"https:\/\/proget.pl\/en\/trial\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proget.pl\/en\/trial\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/proget.pl\/en\/trial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Proget","item":"https:\/\/proget.pl\/en\/"},{"@type":"ListItem","position":2,"name":"Trial"}]},{"@type":"WebSite","@id":"https:\/\/proget.pl\/en\/#website","url":"https:\/\/proget.pl\/en\/","name":"Proget","description":"Enterprise Mobility Management","publisher":{"@id":"https:\/\/proget.pl\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/proget.pl\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/proget.pl\/en\/#organization","name":"Proget Sp. z o.o.","alternateName":"Proget","url":"https:\/\/proget.pl\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proget.pl\/en\/#\/schema\/logo\/image\/","url":"https:\/\/proget.pl\/app\/uploads\/2\/2024\/04\/logo-space-white-1.svg","contentUrl":"https:\/\/proget.pl\/app\/uploads\/2\/2024\/04\/logo-space-white-1.svg","width":1,"height":1,"caption":"Proget Sp. z o.o."},"image":{"@id":"https:\/\/proget.pl\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/proget-software\/"],"description":"We are a Polish manufacturer of a proprietary mobility management solution. We operate in accordance with international standards: Information Security Management PN-EN ISO\/IEC 27001:2023 and Quality Management PN-EN ISO 9001:2015. For our financial performance in recent years, we have been listed as one of the most dynamically growing organizations in Poland according to Forbes, and Puls Biznesu magazine has awarded us the Business Gazelle award. We have been developing our competence in the cybersecurity sector continuously since 2007. We are actively building cybersecurity awareness. For several years we have been a member of\u00a0the PWCyber government agreement and the Cyber Made in Poland cluster.","legalName":"Proget Sp. z o.o.","foundingDate":"2012-03-27","taxID":"5472142508"}]}},"_links":{"self":[{"href":"https:\/\/proget.pl\/en\/wp-json\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proget.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proget.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proget.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proget.pl\/en\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":10,"href":"https:\/\/proget.pl\/en\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":3187,"href":"https:\/\/proget.pl\/en\/wp-json\/wp\/v2\/pages\/51\/revisions\/3187"}],"wp:attachment":[{"href":"https:\/\/proget.pl\/en\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}