<!-- Section: Services -->
  <section class="service-index">
        <div class="container pt-50">
          <div class="section-title text-center">
            <div class="row">
              <div class="col-md-8 col-md-offset-2">
                <h2 class="title text-uppercase line-bottom-double-line-centered">Our <span
                    class="text-theme-colored">Services</span></h2>
                <p class="font-13 mt-10">Serving a global market in Petroleum & Fertilizer product</p>
              </div>
            </div>
          </div>
          <div class="section-content text-center">
            <div class="row mt-40">
              <div style="box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;border-radius: 10px;" class="col-xs-12 col-sm-6 col-md-6 mb-sm-30">
                <a href="<?php echo $wspath?>petroleum.php"><img src="<?php echo $wspath?>images/ser1.jpg" alt="Petroleum"></a>
                <a href="<?php echo $wspath?>petroleum.php"><h3>Petroleum Services</h3></a>
                <p>Petroleum services involve various processes related to the exploration, drilling, extraction, refining, and distribution of crude oil and its byproducts.</p>
                <a href="<?php echo $wspath?>petroleum.php" class="btn btn-sm btn-theme-colored mb-20">Read more</a>
              </div>
              <div style="box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;border-radius: 10px;" class="col-xs-12 col-sm-6 col-md-6 mb-sm-30">
                <a href="<?php echo $wspath?>fertilizer.php"><img src="<?php echo $wspath?>images/ser2.jpg" alt="Fertilizer"></a>
                <a href="<?php echo $wspath?>fertilizer.php"><h3>Fertilizer Services</h3></a>
                <p>Fertilizer services encompass the production, distribution, and application of fertilizers to enhance plant growth and agricultural productivity.</p>
                <a href="<?php echo $wspath?>fertilizer.php" class="btn btn-sm btn-theme-colored mb-20">Read more</a>
              </div>
             
            </div>
          </div>
        </div>
      </section>