<section class="service-section bg-grey padding">
    <div class="map-pattern"></div>
    <div class="container">
        <div class="section-heading text-center mb-40">
            <h3 class="sub-heading is-border border-anim">Our Services!
                <span class="sh-underline">
                    <img class="sh-truck" src="assets/img/truck.svg" alt="truck">
                </span>
            </h3>
            <h2 class="text-anim" data-effect="fade-in-right" data-split="char" data-delay="0.3" data-duration="1">
                Offering Cost-Efficient <br>Transport <span class="hl">Shipping!</span>
            </h2>
            <p class="text-anim" data-effect="fade-in-bottom" data-ease="power4.out">
                We offer cost-effective and reliable logistics solutions, including road, ocean, and air freight. 
                Whether you need fast delivery, bulk shipments, or international transport, we provide customized solutions to meet your needs with efficiency and precision.
            </p>
        </div>
        <div class="row gy-lg-0 gy-4">
    <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
        <div class="service-item h-100 wow fade-in-bottom" data-wow-delay="100ms">
            <div class="service-thumb">
                <img src="assets/img/road-freight.jpg" alt="Road Freight">
            </div>
            <div class="service-content">
                <div class="service-icon"><i class="logis logis-truck-2"></i></div>
                <h3><a href="javascript:void(0);">Road Freight</a></h3>
                <p>Efficient ground transport with optimized routes for timely delivery.</p>
                <a class="read-more" href="javascript:void(0);">Read More</a>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
        <div class="service-item h-100 wow fade-in-bottom" data-wow-delay="300ms">
            <div class="service-thumb">
                <img src="assets/img/post-2.jpg" alt="Ocean Freight">
            </div>
            <div class="service-content">
                <div class="service-icon"><i class="logis logis-cruise"></i></div>
                <h3><a href="javascript:void(0);">Ocean Freight</a></h3>
                <p>Reliable sea shipping for bulk and international cargo.</p>
                <a class="read-more" href="javascript:void(0);">Read More</a>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
        <div class="service-item h-100 wow fade-in-bottom" data-wow-delay="500ms">
            <div class="service-thumb">
                <img src="assets/img/air_freight.jpg" alt="Air Freight">
            </div>
            <div class="service-content">
                <div class="service-icon"><i class="logis logis-airplane-flying"></i></div>
                <h3><a href="javascript:void(0);">Air Freight</a></h3>
                <p>Fast and secure air transport for urgent shipments worldwide.</p>
                <a class="read-more" href="javascript:void(0);">Read More</a>
            </div>
        </div>
    </div>
</div>

    </div>
</section>
