
<section class="shipping mt-80 pb-120" id="shipping">
    <div class="container container-lg">
        <div class="row g-4">
            <div class="custom-2xl:w-3/12 flex-grow-0 flex-shrink-0 basis-auto md:w-6/12" data-aos="zoom-in"
                 data-aos-duration="400">
                <div
                    class="shipping-item flex items-center gap-16 rounded-16 bg-main-two-50 hover-bg-main-100 transition-2">
                        <span
                            class="w-56 h-56 flex items-center justify-center rounded-[50%] bg-main-two-600 text-white text-32 flex-shrink-0"><i
                                class="ph-fill ph-car-profile"></i></span>
                    <div class="">
                        <h6 class="mb-0">Free Shipping</h6><span class="text-sm text-heading">Free shipping all
                                over
                                the US</span>
                    </div>
                </div>
            </div>
            <div class="custom-2xl:w-3/12 flex-grow-0 flex-shrink-0 basis-auto md:w-6/12" data-aos="zoom-in"
                 data-aos-duration="600">
                <div
                    class="shipping-item flex items-center gap-16 rounded-16 bg-main-two-50 hover-bg-main-100 transition-2">
                        <span
                            class="w-56 h-56 flex items-center justify-center rounded-[50%] bg-main-two-600 text-white text-32 flex-shrink-0"><i
                                class="ph-fill ph-hand-heart"></i></span>
                    <div class="">
                        <h6 class="mb-0">100% Satisfaction</h6><span class="text-sm text-heading">Free shipping
                                all
                                over the US</span>
                    </div>
                </div>
            </div>
            <div class="custom-2xl:w-3/12 flex-grow-0 flex-shrink-0 basis-auto md:w-6/12" data-aos="zoom-in"
                 data-aos-duration="800">
                <div
                    class="shipping-item flex items-center gap-16 rounded-16 bg-main-two-50 hover-bg-main-100 transition-2">
                        <span
                            class="w-56 h-56 flex items-center justify-center rounded-[50%] bg-main-two-600 text-white text-32 flex-shrink-0"><i
                                class="ph-fill ph-credit-card"></i></span>
                    <div class="">
                        <h6 class="mb-0">Secure Payments</h6><span class="text-sm text-heading">Free shipping
                                all
                                over the US</span>
                    </div>
                </div>
            </div>
            <div class="custom-2xl:w-3/12 flex-grow-0 flex-shrink-0 basis-auto md:w-6/12" data-aos="zoom-in"
                 data-aos-duration="1000">
                <div
                    class="shipping-item flex items-center gap-16 rounded-16 bg-main-two-50 hover-bg-main-100 transition-2">
                        <span
                            class="w-56 h-56 flex items-center justify-center rounded-[50%] bg-main-two-600 text-white text-32 flex-shrink-0"><i
                                class="ph-fill ph-chats"></i></span>
                    <div class="">
                        <h6 class="mb-0">24/7 Support</h6><span class="text-sm text-heading">Free shipping all
                                over
                                the US</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>