<!-- Start of Form Section -->
<section class="wpo-get-quate-section section-padding">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-6 col-12">
        <div class="left-content">
          <div class="wpo-section-title">
            <h2>Trusted transport service</h2>
            <h3>Transportation service
              area often consider</h3>
          </div>
          <div class="quat">
            <p>Transportation service areas often consider factors like
              coverage, efficiency, cost, accessibility, reliability and
              sustainability for optimal performance.</p>
          </div>
          <ul class="get-item">
            <li> <i class="flaticon-logistics"></i>
              <h3>Domestic and
                International Service</h3>
            </li>
            <li> <i class="flaticon-nanotechnology"></i>
              <h3>End to End Tracking
                Service system</h3>
            </li>
          </ul>
          <ul class="quate-item">
            <li> <i class="flaticon-check"></i>
              <h3>Dedicated Transport wise</h3>
            </li>
            <li> <i class="flaticon-check"></i>
              <h3>Domestics & Logistics</h3>
            </li>
          </ul>
          <a href="about.html" class="theme-btn">more about us</a> </div>
      </div>
      <div class="col-lg-6 col-12">
        <div class="quote-form">
          <div class="title">
            <h3>Request a quote form</h3>
          </div>
          <form id="quoteForm">
            <div class="row">
              <div class="item col-lg-12">
                <label>Personal information</label>
                <input class="form-control" type="text" name="name" id="name"
                                            placeholder="Your Name">
              </div>
              <div class="item col-lg-6 col-12">
                <input class="form-control" type="email" name="email" id="email"
                                            placeholder="Email">
              </div>
              <div class="item col-lg-6 col-12">
                <input class="form-control" type="text" name="phone" id="phone"
                                            placeholder="Phone">
              </div>
              <div class="item col-lg-12">
                <label>Delivery information</label>
                <select name="city" id="city" class="form-control">
                  <option value="">Delivery City</option>
                  <option value="city1">City 1</option>
                  <option value="city2">City 2</option>
                </select>
              </div>
              <div class="item col-lg-6 col-12">
                <label>Freight Type</label>
                <select name="type" id="type" class="form-control">
                  <option value="">Freight Type</option>
                  <option value="type1">Type 1</option>
                  <option value="type2">Type 2</option>
                </select>
              </div>
              <div class="item col-lg-6 col-12">
                <label>Incoterms</label>
                <select name="incoter" id="incoter" class="form-control">
                  <option value="">Incoterms</option>
                  <option value="incoter1">Incoterm 1</option>
                  <option value="incoter2">Incoterm 2</option>
                </select>
              </div>
              <div class="item col-12">
                <ul>
                  <li>
                    <input type="checkbox" id="Fragile">
                    <label for="Fragile">Fragile</label>
                  </li>
                  <li>
                    <input type="checkbox" id="Express">
                    <label for="Express">Express delivery</label>
                  </li>
                  <li>
                    <input type="checkbox" id="Insurance">
                    <label for="Insurance">Insurance</label>
                  </li>
                </ul>
              </div>
              <div class="item col-12">
                <input class="theme-btn" type="submit" value="Get A Quote">
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
  <div class="left-bg">
    <div class="img1"> <img src="assets/images/get1.png" alt=""> </div>
    <div class="img2"> <img src="assets/images/get2.svg" alt=""> </div>
    <div class="img3"> <img src="assets/images/get3.svg" alt=""> </div>
  </div>
  <div class="rigth-bg"> <img src="assets/images/get4.png" alt=""> </div>
</section>
<!-- Form Section End -->