<!-- Partners -->
<section
    class="container mx-auto flex flex-col gap-12 px-2 py-10 text-[#424242] md:flex-row md:items-center md:px-[20px] lg:px-[100px] xl:px-[169px]">
    <!-- left -->
    <section class="container mx-auto space-y-2 md:w-[28%]">
        <div>
            <h1 class="text-[32px] font-bold">
                More Then <span class="text-[#F06728]">1000</span> Partners With
                us
            </h1>
        </div>
    </section>
    <!-- right -->
    <section class="md:w-[68%]">
        <div class="swiper swiperPartner">
            <div class="swiper-wrapper">
                <!-- Partner -->
                <div class="swiper-slide">
                    <a href="#" class="group relative block w-full">
                        <img src="image/partners/partner-1.png" alt="partner" />
                    </a>
                </div>
                <!-- Partner -->
                <div class="swiper-slide">
                    <a href="#" class="group relative block w-full">
                        <img src="image/partners/partner-2.png" alt="partner" />
                    </a>
                </div>
                <!-- Partner -->
                <div class="swiper-slide">
                    <a href="#" class="group relative block w-full">
                        <img src="image/partners/partner-3.png" alt="partner" />
                    </a>
                </div>
                <!-- Partner -->
                <div class="swiper-slide">
                    <a href="#" class="group relative block w-full">
                        <img src="image/partners/partner-4.png" alt="partner" />
                    </a>
                </div>
                <!-- Partner -->
                <div class="swiper-slide">
                    <a href="#" class="group relative block w-full">
                        <img src="image/partners/partner-2.png" alt="partner" />
                    </a>
                </div>
                <!-- Partner -->
                <div class="swiper-slide">
                    <a href="#" class="group relative block w-full">
                        <img src="image/partners/partner-1.png" alt="partner" />
                    </a>
                </div>
            </div>
        </div>
    </section>
</section>
