<turbo-stream action="replace" target="event-modal-19373"><template><div id="event-modal-19373" class="event-modal-container ">
  <div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/40 backdrop-blur-sm transition-opacity opacity-1"
       data-event-modal-target="modal"
  >
    <div class="bg-white shadow-xl max-w-4xl w-full max-h-[90vh] overflow-y-auto">
      <div class="px-6 py-4 border-b border-gray-200 flex justify-between items-center">
        <h3 class="text-lg font-bold font-tinos !mb-0">Tell Us About Your Event</h3>
        <button type="button"
                data-action="click->event-modal#close"
                class="text-gray-400 hover:text-gray-600 text-2xl font-bold">
          ×
        </button>
      </div>
  
      <div class="px-6 py-4" id="event-confirm-message">
        <div id="event-form-errors">
</div>
<form class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-6" data-controller="events-and-experience recaptcha-loader" data-recaptcha-loader-site-key-value="6LdQHkYrAAAAAKSsVGA4kj9rIgS65TqzoJwHa9Ca" data-recaptcha-loader-action-value="signup" data-recaptcha-loader-target="form" action="/events_and_experiences" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="M4LCl9QVWThLFHsub5GYDTeL_Eg0BODu2iyzelmQ5gk4XdgYQIWFnkj9Qjn-w1j-G7yOhMsk3_rdy6ljsEWZTg" />
  <!-- Destination -->
  <div>
    <label class="block text-black mb-2 text-sm md:text-lg" for="region">Destination</label>
    <span class="relative">
      <div class="relative">
          <input value="Bharatpur" placeholder="Enter Your Destination" autocomplete="off" class="w-full p-4 h-[52px] bg-[#F4F4F4] placeholder:text-[#777E90] text-sm md:text-base" data-action="input-&gt;events-and-experience#searchFromDestination" data-events-and-experience-target="destination" type="text" name="region" id="region" />
          <input value="273" data-events-and-experience-target="regionId" type="hidden" name="region_id" id="region_id" />
          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7397 6.26627C11.3925 5.91124 10.8297 5.91124 10.4826 6.26627L8 8.80526L5.51743 6.26627C5.1703 5.91124 4.60748 5.91124 4.26035 6.26627C3.91322 6.62129 3.91322 7.19689 4.26035 7.55192L7.37146 10.7337C7.71859 11.0888 8.28141 11.0888 8.62854 10.7337L11.7397 7.55192C12.0868 7.19689 12.0868 6.62129 11.7397 6.26627Z" fill="white"/>
          </svg>
      </div>
      <div
         data-events-and-experience-target="destinationResults"
         class="absolute left-0 right-0 mt-1 bg-white rounded-[14px] shadow-lg z-[110] max-h-60 overflow-y-auto hidden p-2 scrollbar-hide border-[#e8e8e8] border-solid w-60"
         >
      </div>
    </span>
  </div>

  <!-- Property -->
  <div>
    <label class="block  text-black mb-2 text-sm md:text-lg" for="hotel">Property</label>
    <span class="relative">
      <div class="relative">
          <input value="Laxmi Vilas Palace" placeholder="Choose Your Property" autocomplete="off" class="w-full p-4 h-[52px] bg-[#F4F4F4] placeholder:text-[#777E90] text-sm md:text-base" data-action="input-&gt;events-and-experience#searchFromProperty" data-events-and-experience-target="property" data-hotel="{&quot;id&quot;:818,&quot;name&quot;:&quot;Laxmi Vilas Palace&quot;,&quot;slug&quot;:&quot;draft-hs-laxmi-vilas-palace&quot;}" data-recaptcha-loader-target="input" type="text" name="hotel" id="hotel" />
          <input value="all" data-events-and-experience-target="hotelId" type="hidden" name="hotel_id" id="hotel_id" />
          <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7397 6.26627C11.3925 5.91124 10.8297 5.91124 10.4826 6.26627L8 8.80526L5.51743 6.26627C5.1703 5.91124 4.60748 5.91124 4.26035 6.26627C3.91322 6.62129 3.91322 7.19689 4.26035 7.55192L7.37146 10.7337C7.71859 11.0888 8.28141 11.0888 8.62854 10.7337L11.7397 7.55192C12.0868 7.19689 12.0868 6.62129 11.7397 6.26627Z" fill="white"/>
          </svg>
      </div>
      <div
         data-events-and-experience-target="propertyResults"
         class="absolute left-0 right-0 mt-1 bg-white rounded-[14px] shadow-lg z-[110] max-h-60 overflow-y-auto hidden p-2 scrollbar-hide border-[#e8e8e8] border-solid w-60"
         >
      </div>
    </span>
  </div>

  <!-- Contact Phone Number -->
  <!-- <div> -->
  <!-- </div> -->

  <div class="" data-controller="phone-verification">
    <div class="flex flex-col">
      <label class="block  text-black mb-2 text-sm md:text-lg" for="phone_number">Contact Phone Number</label>

      <div class="flex items-center w-full">
        <div class="w-[40%]" data-controller="custom-select" data-custom-select-target="wrapper">
          <!-- Hidden field to submit actual value -->
          <input data-custom-select-target="hiddenInput" data-phone-verification-target="countryCode" type="hidden" name="country_code" id="country_code" />

          <!-- Selected option display -->
          <div data-custom-select-target="display"
              data-action="click->custom-select#toggle"
              class="w-full p-2 h-[52px] bg-[#F4F4F4] placeholder:text-[#777E90] border-r border-[#3A3A3A] cursor-pointer flex items-center justify-between text-xs">
            <span data-custom-select-target="label" class="truncate">Choose one</span>
            <svg class="w-4 h-4 text-[#777E91] transition-transform"
                data-custom-select-target="icon"
                xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M19 9l-7 7-7-7" />
            </svg>
          </div>

          <!-- Dropdown list -->
          <ul data-custom-select-target="list"
            class="absolute z-10 hidden max-h-60 overflow-y-auto w-auto bg-[#2D2D2D] rounded border border-[#3A3A3A] mt-1 shadow-lg"
            role="listbox">
              <li data-action="click->custom-select#select"
                  data-value="93"
                  data-iso="AF"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Afghanistan (+93)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="355"
                  data-iso="AL"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Albania (+355)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="213"
                  data-iso="DZ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Algeria (+213)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-684"
                  data-iso="AS"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                American Samoa (+1-684)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="376"
                  data-iso="AD"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Andorra (+376)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="244"
                  data-iso="AO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Angola (+244)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-264"
                  data-iso="AI"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Anguilla (+1-264)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="672"
                  data-iso="AQ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Antarctica (+672)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-268"
                  data-iso="AG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Antigua and Barbuda (+1-268)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="54"
                  data-iso="AR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Argentina (+54)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="374"
                  data-iso="AM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Armenia (+374)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="297"
                  data-iso="AW"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Aruba (+297)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="61"
                  data-iso="AU"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Australia (+61)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="43"
                  data-iso="AT"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Austria (+43)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="994"
                  data-iso="AZ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Azerbaijan (+994)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-242"
                  data-iso="BS"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Bahamas (+1-242)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="973"
                  data-iso="BH"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Bahrain (+973)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="880"
                  data-iso="BD"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Bangladesh (+880)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-246"
                  data-iso="BB"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Barbados (+1-246)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="375"
                  data-iso="BY"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Belarus (+375)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="32"
                  data-iso="BE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Belgium (+32)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="501"
                  data-iso="BZ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Belize (+501)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="229"
                  data-iso="BJ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Benin (+229)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-441"
                  data-iso="BM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Bermuda (+1-441)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="975"
                  data-iso="BT"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Bhutan (+975)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="591"
                  data-iso="BO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Bolivia (+591)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="387"
                  data-iso="BA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Bosnia and Herzegovina (+387)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="267"
                  data-iso="BW"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Botswana (+267)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="55"
                  data-iso="BR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Brazil (+55)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="246"
                  data-iso="IO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                British Indian Ocean Territory (+246)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-284"
                  data-iso="VG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                British Virgin Islands (+1-284)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="673"
                  data-iso="BN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Brunei (+673)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="359"
                  data-iso="BG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Bulgaria (+359)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="226"
                  data-iso="BF"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Burkina Faso (+226)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="257"
                  data-iso="BI"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Burundi (+257)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="855"
                  data-iso="KH"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Cambodia (+855)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="237"
                  data-iso="CM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Cameroon (+237)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1"
                  data-iso="CA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Canada (+1)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="238"
                  data-iso="CV"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Cape Verde (+238)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-345"
                  data-iso="KY"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Cayman Islands (+1-345)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="236"
                  data-iso="CF"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Central African Republic (+236)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="235"
                  data-iso="TD"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Chad (+235)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="56"
                  data-iso="CL"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Chile (+56)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="86"
                  data-iso="CN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                China (+86)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="61"
                  data-iso="CX"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Christmas Island (+61)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="61"
                  data-iso="CC"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Cocos Islands (+61)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="57"
                  data-iso="CO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Colombia (+57)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="269"
                  data-iso="KM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Comoros (+269)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="682"
                  data-iso="CK"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Cook Islands (+682)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="506"
                  data-iso="CR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Costa Rica (+506)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="385"
                  data-iso="HR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Croatia (+385)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="53"
                  data-iso="CU"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Cuba (+53)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="599"
                  data-iso="CW"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Curacao (+599)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="357"
                  data-iso="CY"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Cyprus (+357)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="420"
                  data-iso="CZ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Czech Republic (+420)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="243"
                  data-iso="CD"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Democratic Republic of the Congo (+243)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="45"
                  data-iso="DK"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Denmark (+45)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="253"
                  data-iso="DJ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Djibouti (+253)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-767"
                  data-iso="DM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Dominica (+1-767)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-809, 1-829, 1-849"
                  data-iso="DO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Dominican Republic (+1-809, 1-829, 1-849)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="670"
                  data-iso="TL"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                East Timor (+670)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="593"
                  data-iso="EC"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Ecuador (+593)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="20"
                  data-iso="EG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Egypt (+20)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="503"
                  data-iso="SV"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                El Salvador (+503)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="240"
                  data-iso="GQ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Equatorial Guinea (+240)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="291"
                  data-iso="ER"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Eritrea (+291)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="372"
                  data-iso="EE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Estonia (+372)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="251"
                  data-iso="ET"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Ethiopia (+251)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="500"
                  data-iso="FK"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Falkland Islands (+500)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="298"
                  data-iso="FO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Faroe Islands (+298)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="679"
                  data-iso="FJ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Fiji (+679)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="358"
                  data-iso="FI"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Finland (+358)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="33"
                  data-iso="FR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                France (+33)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="689"
                  data-iso="PF"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                French Polynesia (+689)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="241"
                  data-iso="GA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Gabon (+241)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="220"
                  data-iso="GM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Gambia (+220)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="995"
                  data-iso="GE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Georgia (+995)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="49"
                  data-iso="DE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Germany (+49)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="233"
                  data-iso="GH"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Ghana (+233)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="350"
                  data-iso="GI"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Gibraltar (+350)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="30"
                  data-iso="GR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Greece (+30)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="299"
                  data-iso="GL"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Greenland (+299)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-473"
                  data-iso="GD"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Grenada (+1-473)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-671"
                  data-iso="GU"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Guam (+1-671)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="502"
                  data-iso="GT"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Guatemala (+502)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="44-1481"
                  data-iso="GG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Guernsey (+44-1481)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="224"
                  data-iso="GN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Guinea (+224)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="245"
                  data-iso="GW"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Guinea-Bissau (+245)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="592"
                  data-iso="GY"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Guyana (+592)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="509"
                  data-iso="HT"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Haiti (+509)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="504"
                  data-iso="HN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Honduras (+504)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="852"
                  data-iso="HK"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Hong Kong (+852)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="36"
                  data-iso="HU"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Hungary (+36)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="354"
                  data-iso="IS"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Iceland (+354)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="91"
                  data-iso="IN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                India (+91)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="62"
                  data-iso="ID"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Indonesia (+62)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="98"
                  data-iso="IR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Iran (+98)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="964"
                  data-iso="IQ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Iraq (+964)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="353"
                  data-iso="IE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Ireland (+353)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="44-1624"
                  data-iso="IM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Isle of Man (+44-1624)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="972"
                  data-iso="IL"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Israel (+972)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="39"
                  data-iso="IT"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Italy (+39)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="225"
                  data-iso="CI"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Ivory Coast (+225)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-876"
                  data-iso="JM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Jamaica (+1-876)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="81"
                  data-iso="JP"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Japan (+81)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="44-1534"
                  data-iso="JE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Jersey (+44-1534)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="962"
                  data-iso="JO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Jordan (+962)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="7"
                  data-iso="KZ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Kazakhstan (+7)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="254"
                  data-iso="KE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Kenya (+254)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="686"
                  data-iso="KI"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Kiribati (+686)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="383"
                  data-iso="XK"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Kosovo (+383)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="965"
                  data-iso="KW"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Kuwait (+965)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="996"
                  data-iso="KG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Kyrgyzstan (+996)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="856"
                  data-iso="LA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Laos (+856)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="371"
                  data-iso="LV"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Latvia (+371)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="961"
                  data-iso="LB"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Lebanon (+961)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="266"
                  data-iso="LS"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Lesotho (+266)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="231"
                  data-iso="LR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Liberia (+231)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="218"
                  data-iso="LY"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Libya (+218)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="423"
                  data-iso="LI"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Liechtenstein (+423)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="370"
                  data-iso="LT"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Lithuania (+370)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="352"
                  data-iso="LU"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Luxembourg (+352)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="853"
                  data-iso="MO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Macao (+853)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="389"
                  data-iso="MK"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Macedonia (+389)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="261"
                  data-iso="MG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Madagascar (+261)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="265"
                  data-iso="MW"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Malawi (+265)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="60"
                  data-iso="MY"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Malaysia (+60)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="960"
                  data-iso="MV"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Maldives (+960)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="223"
                  data-iso="ML"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Mali (+223)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="356"
                  data-iso="MT"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Malta (+356)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="692"
                  data-iso="MH"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Marshall Islands (+692)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="222"
                  data-iso="MR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Mauritania (+222)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="230"
                  data-iso="MU"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Mauritius (+230)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="262"
                  data-iso="YT"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Mayotte (+262)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="52"
                  data-iso="MX"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Mexico (+52)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="691"
                  data-iso="FM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Micronesia (+691)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="373"
                  data-iso="MD"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Moldova (+373)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="377"
                  data-iso="MC"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Monaco (+377)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="976"
                  data-iso="MN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Mongolia (+976)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="382"
                  data-iso="ME"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Montenegro (+382)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-664"
                  data-iso="MS"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Montserrat (+1-664)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="212"
                  data-iso="MA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Morocco (+212)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="258"
                  data-iso="MZ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Mozambique (+258)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="95"
                  data-iso="MM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Myanmar (+95)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="264"
                  data-iso="NA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Namibia (+264)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="674"
                  data-iso="NR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Nauru (+674)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="977"
                  data-iso="NP"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Nepal (+977)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="31"
                  data-iso="NL"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Netherlands (+31)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="599"
                  data-iso="AN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Netherlands Antilles (+599)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="687"
                  data-iso="NC"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                New Caledonia (+687)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="64"
                  data-iso="NZ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                New Zealand (+64)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="505"
                  data-iso="NI"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Nicaragua (+505)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="227"
                  data-iso="NE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Niger (+227)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="234"
                  data-iso="NG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Nigeria (+234)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="683"
                  data-iso="NU"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Niue (+683)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="850"
                  data-iso="KP"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                North Korea (+850)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-670"
                  data-iso="MP"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Northern Mariana Islands (+1-670)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="47"
                  data-iso="NO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Norway (+47)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="968"
                  data-iso="OM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Oman (+968)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="92"
                  data-iso="PK"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Pakistan (+92)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="680"
                  data-iso="PW"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Palau (+680)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="970"
                  data-iso="PS"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Palestine (+970)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="507"
                  data-iso="PA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Panama (+507)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="675"
                  data-iso="PG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Papua New Guinea (+675)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="595"
                  data-iso="PY"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Paraguay (+595)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="51"
                  data-iso="PE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Peru (+51)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="63"
                  data-iso="PH"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Philippines (+63)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="64"
                  data-iso="PN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Pitcairn (+64)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="48"
                  data-iso="PL"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Poland (+48)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="351"
                  data-iso="PT"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Portugal (+351)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-787, 1-939"
                  data-iso="PR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Puerto Rico (+1-787, 1-939)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="974"
                  data-iso="QA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Qatar (+974)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="242"
                  data-iso="CG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Republic of the Congo (+242)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="262"
                  data-iso="RE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Reunion (+262)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="40"
                  data-iso="RO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Romania (+40)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="7"
                  data-iso="RU"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Russia (+7)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="250"
                  data-iso="RW"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Rwanda (+250)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="590"
                  data-iso="BL"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Saint Barthelemy (+590)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="290"
                  data-iso="SH"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Saint Helena (+290)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-869"
                  data-iso="KN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Saint Kitts and Nevis (+1-869)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-758"
                  data-iso="LC"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Saint Lucia (+1-758)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="590"
                  data-iso="MF"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Saint Martin (+590)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="508"
                  data-iso="PM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Saint Pierre and Miquelon (+508)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-784"
                  data-iso="VC"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Saint Vincent and the Grenadines (+1-784)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="685"
                  data-iso="WS"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Samoa (+685)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="378"
                  data-iso="SM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                San Marino (+378)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="239"
                  data-iso="ST"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Sao Tome and Principe (+239)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="966"
                  data-iso="SA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Saudi Arabia (+966)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="221"
                  data-iso="SN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Senegal (+221)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="381"
                  data-iso="RS"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Serbia (+381)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="248"
                  data-iso="SC"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Seychelles (+248)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="232"
                  data-iso="SL"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Sierra Leone (+232)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="65"
                  data-iso="SG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Singapore (+65)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-721"
                  data-iso="SX"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Sint Maarten (+1-721)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="421"
                  data-iso="SK"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Slovakia (+421)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="386"
                  data-iso="SI"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Slovenia (+386)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="677"
                  data-iso="SB"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Solomon Islands (+677)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="252"
                  data-iso="SO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Somalia (+252)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="27"
                  data-iso="ZA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                South Africa (+27)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="82"
                  data-iso="KR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                South Korea (+82)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="211"
                  data-iso="SS"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                South Sudan (+211)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="34"
                  data-iso="ES"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Spain (+34)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="94"
                  data-iso="LK"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Sri Lanka (+94)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="249"
                  data-iso="SD"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Sudan (+249)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="597"
                  data-iso="SR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Suriname (+597)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="47"
                  data-iso="SJ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Svalbard and Jan Mayen (+47)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="268"
                  data-iso="SZ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Swaziland (+268)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="46"
                  data-iso="SE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Sweden (+46)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="41"
                  data-iso="CH"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Switzerland (+41)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="963"
                  data-iso="SY"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Syria (+963)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="886"
                  data-iso="TW"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Taiwan (+886)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="992"
                  data-iso="TJ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Tajikistan (+992)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="255"
                  data-iso="TZ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Tanzania (+255)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="66"
                  data-iso="TH"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Thailand (+66)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="228"
                  data-iso="TG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Togo (+228)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="690"
                  data-iso="TK"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Tokelau (+690)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="676"
                  data-iso="TO"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Tonga (+676)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-868"
                  data-iso="TT"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Trinidad and Tobago (+1-868)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="216"
                  data-iso="TN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Tunisia (+216)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="90"
                  data-iso="TR"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Turkey (+90)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="993"
                  data-iso="TM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Turkmenistan (+993)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-649"
                  data-iso="TC"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Turks and Caicos Islands (+1-649)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="688"
                  data-iso="TV"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Tuvalu (+688)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1-340"
                  data-iso="VI"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                U.S. Virgin Islands (+1-340)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="256"
                  data-iso="UG"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Uganda (+256)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="380"
                  data-iso="UA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Ukraine (+380)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="971"
                  data-iso="AE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                United Arab Emirates (+971)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="44"
                  data-iso="GB"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                United Kingdom (+44)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="1"
                  data-iso="US"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                United States (+1)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="598"
                  data-iso="UY"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Uruguay (+598)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="998"
                  data-iso="UZ"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Uzbekistan (+998)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="678"
                  data-iso="VU"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Vanuatu (+678)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="379"
                  data-iso="VA"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Vatican (+379)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="58"
                  data-iso="VE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Venezuela (+58)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="84"
                  data-iso="VN"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Vietnam (+84)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="681"
                  data-iso="WF"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Wallis and Futuna (+681)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="212"
                  data-iso="EH"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Western Sahara (+212)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="967"
                  data-iso="YE"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Yemen (+967)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="260"
                  data-iso="ZM"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Zambia (+260)
              </li>
              <li data-action="click->custom-select#select"
                  data-value="263"
                  data-iso="ZW"
                  tabindex="0"
                  role="option"
                  class="p-2 cursor-pointer hover:bg-[#3A3A3A] focus:bg-[#3A3A3A] text-xs text-white">
                Zimbabwe (+263)
              </li>
          </ul>
        </div>

        <div class="flex-grow">
          <input type="text" name="phone_number" id="phone-number" class="block w-full p-4 h-[52px] bg-[#F4F4F4] placeholder:text-[#777E90] text-sm md:text-base" placeholder="Number" data-phone-verification-target="phoneNumber" data-events-and-experience-target="phoneNumber" />
        </div>
      </div>
      <div class="flex justify-end text-nowrap">
        <a href="#" id="verify-phone-link" class="text-blue-600 hover:underline" data-phone-verification-target="verifyLink">Verify your number</a>
      </div>
    </div>
    
    <div id="otp-verification" class="mt-2 gap-x-8 hidden" data-phone-verification-target="otpVerification">
      <div class="flex gap-2">
        <input type="text" id="otp-input" class="block p-2.5 w-3/4 bg-[#F4F4F4] placeholder:text-[#777E90] text-sm md:text-base" placeholder="Enter OTP" data-phone-verification-target="otpInput" />
        <div class="flex gap-2 w-auto">
          <button type="button" id="verify-otp-button" class="font-tinos bg-white text-black font-medium text-sm p-2.5 hover:bg-gray-200 cursor-pointer" data-phone-verification-target="verifyButton">Verify</button>
        </div>
      </div>
    </div>
    <div id="verification-message" class="mt-2 ml-24 hidden" data-phone-verification-target="message"></div>
    <input value="false" data-phone-verification-target="verificationStatus" type="hidden" name="phone_verified" id="phone_verified" />
  </div>


  <!-- Hidden User ID for logged-in users -->
  <input value="" name="user_id" data-events-and-experience-target="userId" type="hidden" id="user_id" />

  <!-- Email -->
  <div>
    <label class="block  text-black mb-2 text-sm md:text-lg" for="email">Your Email ID</label>
    <input placeholder="Enter your email id" autocomplete="off" class="w-full p-4 h-[52px] bg-[#F4F4F4] placeholder:text-[#777E90] text-sm md:text-base" data-events-and-experience-target="emailInput" type="email" name="email" id="email" />
  </div>

  <!-- Event Type -->
  <div>
    <label class="block  text-black mb-2 text-sm md:text-lg" for="event_type">Event Type</label>
    <select class="w-full p-4 h-[52px] bg-[#F4F4F4] appearance-none text-sm md:text-base" data-action="change-&gt;events-and-experience#inputChanged" name="event_type" id="event_type"><option value="">Select an event type</option>
<option value="Wedding">Wedding</option>
<option value="Engagement Party">Engagement Party</option>
<option value="Anniversaries">Anniversaries</option>
<option value="Birthday Party">Birthday Party</option>
<option value="Bachelorette">Bachelorette</option>
<option value="Meeting">Meeting</option>
<option value="Conference">Conference</option>
<option value="Workshop">Workshop</option>
<option value="Corporate Retreat/Incentive">Corporate Retreat/Incentive</option>
<option value="Exhibition">Exhibition</option>
<option value="Market/Fair">Market/Fair</option>
<option value="Wellness Retreat">Wellness Retreat</option>
<option value="Meditation Camp">Meditation Camp</option>
<option value="Academic Gathering">Academic Gathering</option>
<option value="Other - Specify your needs in “Other Details”">Other - Specify your needs in “Other Details”</option></select>
  </div>

  <!-- Total Guests -->
  <div>
    <label class="block  text-black mb-2 text-sm md:text-lg" for="total_guests">Total Guests</label>
    <input placeholder="Total number of guests" min="1" class="w-full p-4 h-[52px] bg-[#F4F4F4] placeholder:text-[#777E90] text-sm md:text-base" data-action="input-&gt;events-and-experience#inputChanged" type="number" name="total_guests" id="total_guests" />
  </div>

  <!-- Event Space -->
  <div>
    <label class="block  text-black mb-2 text-sm md:text-lg" for="event_space">Event Space</label>
    <span class="relative">
      <select class="w-full p-4 h-[52px] bg-[#F4F4F4] placeholder:text-[#777E90]  appearance-none text-sm md:text-base" data-action="change-&gt;events-and-experience#inputChanged" name="event_space" id="event_space"><option value="">Select an event space</option>
<option value="Indoor">Indoor</option>
<option value="Outdoor">Outdoor</option>
<option value="Both (Entire venue)">Both (Entire venue)</option></select>
      <svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7397 6.26627C11.3925 5.91124 10.8297 5.91124 10.4826 6.26627L8 8.80526L5.51743 6.26627C5.1703 5.91124 4.60748 5.91124 4.26035 6.26627C3.91322 6.62129 3.91322 7.19689 4.26035 7.55192L7.37146 10.7337C7.71859 11.0888 8.28141 11.0888 8.62854 10.7337L11.7397 7.55192C12.0868 7.19689 12.0868 6.62129 11.7397 6.26627Z" fill="white"/>
      </svg>
    </span>
  </div>

  <!-- Date of Event -->
  <div class="relative">
    <label class="block  text-black mb-2 text-sm md:text-lg" for="date_of_event">Date of Event</label>
    <div data-show-page="true" data-action="click->events-and-experience#openDatePicker" class="w-full p-4 h-[52px] bg-[#F4F4F4] text-[#777E90] cursor-pointer flex justify-between items-center text-sm md:text-base" data-events-and-experience-target="dateRange">
      <span>Select Dates</span>
      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6663 4.00008H3.33301C2.96482 4.00008 2.66634 4.29856 2.66634 4.66675V12.6667C2.66634 13.0349 2.96482 13.3334 3.33301 13.3334H12.6663C13.0345 13.3334 13.333 13.0349 13.333 12.6667V4.66675C13.333 4.29856 13.0345 4.00008 12.6663 4.00008ZM3.33301 2.66675C2.22844 2.66675 1.33301 3.56218 1.33301 4.66675V12.6667C1.33301 13.7713 2.22844 14.6667 3.33301 14.6667H12.6663C13.7709 14.6667 14.6663 13.7713 14.6663 12.6667V4.66675C14.6663 3.56218 13.7709 2.66675 12.6663 2.66675H3.33301Z" fill="#B1B5C4"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.66667 8C6.29848 8 6 8.29848 6 8.66667C6 9.03486 6.29848 9.33333 6.66667 9.33333H11.3333C11.7015 9.33333 12 9.03486 12 8.66667C12 8.29848 11.7015 8 11.3333 8H6.66667ZM4.66667 10.6667C4.29848 10.6667 4 10.9651 4 11.3333C4 11.7015 4.29848 12 4.66667 12H8.66667C9.03486 12 9.33333 11.7015 9.33333 11.3333C9.33333 10.9651 9.03486 10.6667 8.66667 10.6667H4.66667Z" fill="#B1B5C4"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66667 1.33325C4.29848 1.33325 4 1.63173 4 1.99992V4.66659C4 5.03478 4.29848 5.33325 4.66667 5.33325C5.03486 5.33325 5.33333 5.03478 5.33333 4.66659V1.99992C5.33333 1.63173 5.03486 1.33325 4.66667 1.33325ZM11.3333 1.33325C10.9651 1.33325 10.6667 1.63173 10.6667 1.99992V4.66659C10.6667 5.03478 10.9651 5.33325 11.3333 5.33325C11.7015 5.33325 12 5.03478 12 4.66659V1.99992C12 1.63173 11.7015 1.33325 11.3333 1.33325Z" fill="#B1B5C4"/>
      </svg>
    </div>
    <input name="date_of_event_start" data-events-and-experience-target="dateOfEventStart" type="hidden" id="date_of_event_start" />
    <input name="date_of_event_end" data-events-and-experience-target="dateOfEventEnd" type="hidden" id="date_of_event_end" />
  </div>

  <!-- Add Ons -->
  <div class="md:col-span-2 eae-addons" data-events-and-experience-target="addOns">
    <label class="block  text-black mb-2 text-sm md:text-lg" for="add_ons">Choose your add ons</label>
    <div id="custom-multiselect" class="w-full p-4 min-h-[52px] text-black placeholder:text-[#777E90] bg-[#F4F4F4] text-sm md:text-base relative cursor-pointer" data-events-and-experience-target="dropdown">
      <span data-events-and-experience-target="selectedText" class="text-[#777E91] inline-flex gap-2 -ml-1 flex-wrap">Select your add-ons</span>
      <ul class="absolute left-0 right-0 bg-white text-black mt-1 z-10 !p-0 !list-none hidden" data-events-and-experience-target="options">
        <li class="p-2 hover:bg-gray-200" data-value="Accommodations" data-action="click->events-and-experience#toggleAddOn">Accommodations</li>
        <li class="p-2 hover:bg-gray-200" data-value="Venue &amp; Stage Decoration" data-action="click->events-and-experience#toggleAddOn">Venue &amp; Stage Decoration</li>
        <li class="p-2 hover:bg-gray-200" data-value="Catering &amp; Bar Services" data-action="click->events-and-experience#toggleAddOn">Catering &amp; Bar Services</li>
        <li class="p-2 hover:bg-gray-200" data-value="Photography" data-action="click->events-and-experience#toggleAddOn">Photography</li>
        <li class="p-2 hover:bg-gray-200" data-value="Videography/Drone Coverage" data-action="click->events-and-experience#toggleAddOn">Videography/Drone Coverage</li>
        <li class="p-2 hover:bg-gray-200" data-value="Photobooth/Selfie Point" data-action="click->events-and-experience#toggleAddOn">Photobooth/Selfie Point</li>
        <li class="p-2 hover:bg-gray-200" data-value="Cultural or Custom Tours" data-action="click->events-and-experience#toggleAddOn">Cultural or Custom Tours</li>
        <li class="p-2 hover:bg-gray-200" data-value="Custom Activities &amp; Games" data-action="click->events-and-experience#toggleAddOn">Custom Activities &amp; Games</li>
        <li class="p-2 hover:bg-gray-200" data-value="Spa &amp; Wellness packages" data-action="click->events-and-experience#toggleAddOn">Spa &amp; Wellness packages</li>
        <li class="p-2 hover:bg-gray-200" data-value="Welcome Hampers &amp; Return Gifts" data-action="click->events-and-experience#toggleAddOn">Welcome Hampers &amp; Return Gifts</li>
        <li class="p-2 hover:bg-gray-200" data-value="Valet Parking" data-action="click->events-and-experience#toggleAddOn">Valet Parking</li>
        <li class="p-2 hover:bg-gray-200" data-value="Airport Transfers" data-action="click->events-and-experience#toggleAddOn">Airport Transfers</li>
      </ul>
    </div>
  </div>

  <!-- Other Details -->
  <div class="md:col-span-2">
    <label class="block  text-black mb-2 text-sm md:text-lg" for="other_details">Other Details</label>
    <textarea placeholder="Enter details for your requirements or other requests" class="w-full p-4 h-[104px] bg-[#F4F4F4] text-black scrollbar-hide text-sm md:text-base placeholder:text-[#777E91]" data-action="input-&gt;events-and-experience#inputChanged" name="other_details" id="other_details">
</textarea>
  </div>
  
  <!-- is show page? -->
  <input value="true" type="hidden" name="show_page" id="show_page" />

  <!-- Submit Button -->
  <div class="md:col-span-2 text-center">
    <input type="submit" name="commit" value="Submit" class="w-full font-tinos bg-black text-white hover:bg-black-400 font-bold p-2.5 text-lg cursor-pointer disabled:bg-gray-400 disabled:pointer-events-none" data-events-and-experience-target="submitButton" data-event-action="form_submitted" data-action="click-&gt;events-and-experience#handleFormSubmit" data-disable-with="Submit" />
  </div>
  
  <span class="text-[#777E91] text-sm md:col-span-2 text-center">By submitting, you agree to our terms and conditions</span>
</form>
      </div>
    </div>
  </div>
</div>
</template></turbo-stream>