 <!-- About Section -->
 <section id="about" class="about section">

<div class="content">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 mb-4 mb-lg-0">
        <img src="assets/img/img_long_5.jpg" alt="Image " class="img-fluid img-overlap" data-aos="zoom-out">
      </div>
      <div class="col-lg-5 ml-auto" data-aos="fade-up" data-aos-delay="100">
        <h3 class="content-subtitle text-white opacity-50">Why Choose Us</h3>
        <h2 class="content-title mb-4">
          More than <strong>50 year experience</strong> in agriculture
          industry
        </h2>
        <p class="opacity-50">
          Reprehenderit, odio laboriosam? Blanditiis quae ullam quasi illum
          minima nostrum perspiciatis error consequatur sit nulla.
        </p>

        <div class="row my-5">
          <div class="col-lg-12 d-flex align-items-start mb-4">
            <i class="bi bi-cloud-rain me-4 display-6"></i>
            <div>
              <h4 class="m-0 h5 text-white">Plants needs rain</h4>
              <p class="text-white opacity-50">Lorem ipsum dolor sit amet.</p>
            </div>
          </div>
          <div class="col-lg-12 d-flex align-items-start mb-4">
            <i class="bi bi-heart me-4 display-6"></i>
            <div>
              <h4 class="m-0 h5 text-white">Love organic foods</h4>
              <p class="text-white opacity-50">Lorem ipsum dolor sit amet.</p>
            </div>
          </div>
          <div class="col-lg-12 d-flex align-items-start">
            <i class="bi bi-shop me-4 display-6"></i>
            <div>
              <h4 class="m-0 h5 text-white">Sell vegies</h4>
              <p class="text-white opacity-50">Lorem ipsum dolor sit amet.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</section><!-- /About Section -->