title = "Enquiry form"
url = "/enquiry-form"
layout = "default"
is_hidden = 0
==
<div class="enquiry-form  become-supply-partner">
  <div class="container">
    <h1 class="form_title">Enquiry form</h1>
    <div  class="form_box">
      <form action="#" method="post" class="form-container container">
        <div class="row">
          <div class="input-row col50">
            <div class="date">
              <input type="text" name="date" class="doa flatpickr-input" placeholder="Date" readonly="readonly">
            </div>
          </div>
          <div class="input-row col50">
            <input class="eq-inp" placeholder="Email" />
          </div>
          <div class="input-row col50">
            <input class="eq-inp" placeholder="First Name" />
          </div>
          <div class="input-row col50">
            <input class="eq-inp" placeholder="Last Name" />
          </div>
          <div class="input-row">
            <button class="add1adult">+</button>
            <input class="eq-inp" placeholder="Number of adults"
                   type="number" />
            <button type="button" class="sub1adult">-</button>
          </div>
          <div class="input-row">
            <button type="button" class="add1child">-</button>
            <input class="eq-inp" placeholder="Number of Children"
                   type="number" /><button type="button" class="sub1child">+</button>
          </div>
          <p>Test</p>
          <div class="input-row">
            <select id="destination" class="eq-inp enq-form-dest form-select" name="destination" multiple="multiple">
              <option>Destination selection</option>
              <option >St. Vincent and the Grenadines</option>
              <option >Saint Lucia</option>
              <option >Grenada</option>
              <option >Barbados</option>
              <option >Dominica</option>
              <option >Anguilla</option>
              <option >Antigua and Barbuda</option>
              <option >Virgin Islands British</option>
              <option >Vigin Islands U S</option>
              <option >Montserrat</option>
              <option >Jamaica</option>
              <option >St Kitts and Nevie</option>
              <option >Trinidad</option>
              <option >Malta</option>
              <option >Curaçao</option>
              <option >Bahamas</option>
              <option >Aruba</option>
            </select>
          </div>
          <div class="input-row">
            <textarea class="eq-inp" placeholder="Purpose of Trip"></textarea>
          </div>
          <div class="input-row">
            <textarea class="eq-inp" placeholder="Budget Ranges"></textarea>
          </div>
          <!-- Budget ranges --> 
          <div class="input-row">
            <textarea class="eq-inp" placeholder="Tell us more"></textarea>
          </div>
          <div class="input-row">
            <div class="conditions_box">
              <label class="label_check">
                <input type="checkbox" name="alert1" id="alert1">
                <span>I would like this trip & other interstion trips, we never give your data to third parties.</span></label>
            </div>
            <button class="btn-lg" style="margin: 8px;">Send Message</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
<style>
.become-supply-partner>.container {max-width: 65%;}
.become-supply-partner .form_title {margin-bottom: 50px;}
.become-supply-partner .form-container {max-width: 100%;padding: 0 !important;}
.become-supply-partner .input-row {width: 100%;display: inline-block;margin-bottom: 20px;}
.become-supply-partner input ,.become-supply-partner textarea {width: 100%;height:50px;padding: 0 10px;border-radius: 5px;outline: none !important;border: 1px solid #0000000f;background: #ffffff;}
.become-supply-partner input::placeholder,.become-supply-partner textarea::placeholder {color: #919191;}
.become-supply-partner {margin: 50px 0;}
.become-supply-partner .form_box {border: 1px solid #0000000f;background: #f5f5f5;padding: 30px;}
.become-supply-partner textarea {height: 70px;padding: 8px 10px !important;line-height: 20px;}
.become-supply-partner button {outline: none;line-height: 15px;font-size: 18px;padding: 14px 35px;color: #fff;background: #000;border: 0 !important;}
.become-supply-partner .input-row.col50 {width: 50%;padding: 0 15px;}
.become-supply-partner .input-row {padding: 0 15px;width: 100%;}
.become-supply-partner .input-row select {width: 100%;height: 50px;padding: 0 10px;border-radius: 5px;outline: none !important;border: 1px solid #0000000f;background: #ffffff;}
.conditions_box .label_check span {line-height: 24px;padding-left: 30px;position: relative;display: inline-block;cursor: pointer;font-size: 18px;text-align: left;}
.conditions_box .label_check span:after {content: "";position: absolute;left: 0px;width: 20px;height: 20px;top: 2px;border: 2px solid #7a7668;font-size: 15px;}
.conditions_box .label_check span:before {content: "✓";position: absolute;width: 20px;height: 20px;text-align: center;line-height: 22px;display: inline-block;left: 0px;top: 1px;opacity: 0;color: #7a7668;}
.conditions_box .label_check input {display: none;}
.conditions_box input[type="checkbox"]:checked+span:before {opacity: 1;}
.become-supply-partner .input-row button.btn-lg {margin: 0px !important;margin-top: 20px !important;}
.input-row select.dest.eq-inp {font-weight:600 !important;}
</style>
<script>window.onload = function(){ document.querySelector('select.eq-inp').style.fontWeight ='600 !important';}</script>