<div class="container pt-16 sm:pt-24 lg:pt-[120px]">
    <h2 class="area-title !text-xl text-center">{{ translate( 'Trusted by Companies All Over the World' ) }}</h2>
    <div class="border border-heading/10 mt-10">
        <div class="swiper trusted-partner-five-slider">
            <div class="swiper-wrapper divide-x divide-heading/10 !ease-linear">
                <div class="swiper-slide">
                    <div class="flex-center py-[40px]">
                        <img data-src="{{ asset('lms/frontend/assets/images/client/client-01.png' ) }}" alt="Partner">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="flex-center py-[40px]">
                        <img data-src="{{ asset('lms/frontend/assets/images/client/client-02.png') }}" alt="Partner">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="flex-center py-[40px]">
                        <img data-src="{{ asset('lms/frontend/assets/images/client/client-03.png') }}" alt="Partner">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="flex-center py-[40px]">
                        <img data-src="{{ asset('lms/frontend/assets/images/client/client-04.png') }}" alt="Partner">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="flex-center py-[40px]">
                        <img data-src="{{ asset('lms/frontend/assets/images/client/client-05.png') }}" alt="Partner">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="flex-center py-[40px]">
                        <img data-src="{{ asset('lms/frontend/assets/images/client/client-06.png') }}" alt="Partner">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="flex-center py-[40px]">
                        <img data-src="{{ asset('lms/frontend/assets/images/client/client-01.png') }}" alt="Partner">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="flex-center py-[40px]">
                        <img data-src="{{ asset('lms/frontend/assets/images/client/client-02.png') }}" alt="Partner">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="flex-center py-[40px]">
                        <img data-src="{{ asset('lms/frontend/assets/images/client/client-03.png') }}" alt="Partner">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="flex-center py-[40px]">
                        <img data-src="{{ asset('lms/frontend/assets/images/client/client-04.png') }}" alt="Partner">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>