<!--Service Section-->
<section class="wpo-service-section section-padding">
  <div class="container">
    <div class="row align-items-end">
      <div class="col-lg-7 col-12">
        <div class="wpo-section-title">
          <h2>Trusted transport service</h2>
          <h3>Transport & Logistics
            Services We are the best</h3>
        </div>
      </div>
      <div class="col-lg-5 col-12">
        <div class="service-all-btn"> <a href="services.html" class="theme-btn">All Services</a> </div>
      </div>
    </div>
  </div>
  <div class="container-fluid g-0">
    <div class="service-slider owl-carousel">
      <div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
        <div class="content"> <i class="flaticon-road-with-broken-line"></i>
          <div class="text"> <span>01</span>
            <h2><a href="services-single.html">Road Freight Service</a></h2>
            <p>Sed ut perspiciatis unde is
              voluptatem accusant</p>
            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
        </div>
      </div>
      <div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
        <div class="content"> <i class="flaticon-air-plane"></i>
          <div class="text"> <span>02</span>
            <h2><a href="services-single.html">Intermodal Shipping</a></h2>
            <p>Sed ut perspiciatis unde is
              voluptatem accusant</p>
            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
        </div>
      </div>
      <div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
        <div class="content"> <i class="flaticon-boat-with-containers"></i>
          <div class="text"> <span>03</span>
            <h2><a href="services-single.html">Maritime transportation</a></h2>
            <p>Sed ut perspiciatis unde is
              voluptatem accusant</p>
            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
        </div>
      </div>
      <div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
        <div class="content"> <i class="flaticon-road-with-broken-line"></i>
          <div class="text"> <span>01</span>
            <h2><a href="services-single.html">Road Freight Service</a></h2>
            <p>Sed ut perspiciatis unde is
              voluptatem accusant</p>
            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
        </div>
      </div>
      <div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
        <div class="content"> <i class="flaticon-air-plane"></i>
          <div class="text"> <span>02</span>
            <h2><a href="services-single.html">Intermodal Shipping</a></h2>
            <p>Sed ut perspiciatis unde is
              voluptatem accusant</p>
            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
        </div>
      </div>
      <div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
        <div class="content"> <i class="flaticon-boat-with-containers"></i>
          <div class="text"> <span>03</span>
            <h2><a href="services-single.html">Maritime transportation</a></h2>
            <p>Sed ut perspiciatis unde is
              voluptatem accusant</p>
            <a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--Service Section End-->