<section class="w-full bg-white search-tutor-sec">
    <div class="max-w-[1700px] mx-auto sm:px-6  px-0 2xl:py-20 py-10 lg:px-0">
        <div class="heading">
            <h2 class="md:text-[40px] sm:text-[30px] text-[25px] 2xl:text-[60px] fo-n font-semibold   text-[#143453] leading-tight">
                    Searching For A Reliable <br> Tutor? <span class="text-[#0EB972] underline underline-offset-8  font-bold ">Try Tutera Learning LLC</span>
            </h2>
        </div>
       
        <div class="grid grid-cols-12 sm:gap-10 gap-4 pt-10">
            <div class="lg:col-span-4 md:col-span-6 col-span-12">
                <div class="box text-center bg-no-repeat bg-cover bg-center rounded-[20px] p-5 transition-all duration-300" style="background-image: url('{{ asset('site/Sites/images/tutor-box-bg.png') }}');">
                  <h2 class="text-[#fff] desk:text-[27px] xl:text-[25px] lg:text-[22px] 2xl:text-[30px] md:text-[20px] sm:text-[35px] text-[20px] fm-xb font-semibold">Outstanding Tutor Availability</h2>
                    <p class="text-[#fff] fm-n md:text-[18px] sm:text-[25px] text-lg">Lorem Ipsum is simply dummy text ng and typesetting industry. Lorem Ipsum has been the industry standard dummy text.</p>
                    <!-- Image -->
                    <div class=" overflow-hidden pt-5">
                        <img src="{{ asset('site/Sites/images/tutor-1.png') }}"
                            alt="Tutor"
                            class="w-full object-cover">
                    </div>
                </div>
            </div>
            <div class="lg:col-span-4 md:col-span-6 col-span-12">
                <div class="box text-center bg-no-repeat bg-cover bg-center rounded-[20px] p-5 transition-all duration-300" style="background-image: url('{{ asset('site/Sites/images/tutor-box-bg.png') }}');">
                    <h2 class="text-[#fff] desk:text-[27px] xl:text-[25px] lg:text-[22px] 2xl:text-[30px] md:text-[20px] sm:text-[35px] text-[20px] fm-xb font-semibold">Private 1-on-1 Sessions</h2>
                    <p class="text-[#fff] fm-n md:text-[18px] sm:text-[25px] text-lg">Lorem Ipsum is simply dummy text ng and typesetting industry. Lorem Ipsum has been the industry standard dummy text.</p>
                    <!-- Image -->
                    <div class=" overflow-hidden pt-5">
                        <img src="{{ asset('site/Sites/images/tutor-2.png') }}"
                            alt="Tutor"
                            class="w-full object-cover">
                    </div>
                </div>
            </div>
            <div class="lg:col-span-4 md:col-span-6 col-span-12">
                <div class="box text-center bg-no-repeat bg-cover bg-center rounded-[20px] p-5 transition-all duration-300" style="background-image: url('{{ asset('site/Sites/images/tutor-box-bg.png') }}');">
                    <h2 class="text-[#fff] desk:text-[27px] xl:text-[25px] lg:text-[22px] 2xl:text-[30px] md:text-[20px] sm:text-[35px] text-[20px] fm-xb font-semibold">Reasonable Pricing</h2>
                    <p class="text-[#fff] fm-n md:text-[18px] sm:text-[25px] text-lg">Lorem Ipsum is simply dummy text ng and typesetting industry. Lorem Ipsum has been the industry standard dummy text.</p>
                    <!-- Image -->
                    <div class=" overflow-hidden pt-5">
                        <img src="{{ asset('site/Sites/images/tutor-3.png') }}"
                            alt="Tutor"
                            class="w-full object-cover">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>