<section class="w-full bg-white learning-platform-sec bg-no-repeat bg-cover bg-center" style="background-image: url('{{ asset('site/Sites/images/learning-platform-bg.png') }}');">
    <div class="max-w-[1700px] mx-auto sm:px-6 px-0 sm:pt-20 ">
        <div class="grid grid-cols-12 sm:gap-10 gap-5 items-center">
            <div class="lg:col-span-6 col-span-12 ">
                <div class="left">
                    <!-- Image -->
                    <div class=" overflow-hidden pt-5">
                        <img src="{{ asset('site/Sites/images/learning-platform-img.png') }}"
                            alt="Tutor"
                            class="lg:w-full sm:w-[400px] sm:h-[400px] h-[300px] w-[300px] mx-auto lg:h-full  object-cover">
                    </div>
                </div>
            </div>
            <div class="lg:col-span-6 col-span-12 lg:px-0 sm:px-10 px-5 lg:mb-0 mb-10 ">
                <div class="right">
                    <span class="text-[#2CC183] text-[18px]">Best Online Learning Platform</span>
                    <h2 class="text-[#fff] 2xl:text-[60px] xl:text-[40px] text-[30px] 2xl:leading-18 lg:leading-11 leading-none fo-xb pt-2">Making Quality <br> Education Accessible <span class="text-[#2CC183] fo-xb">For All</span></h2>
                    <p class="text-[#FFFFFF] text-[18px] pt-5 fm-n">Tutera Learning offers affordable hourly tutoring sessions led by professional and knowledgeable tutors. We also provide tailored package deals designed for deeper comprehension and consistent academic progress. With unique teaching methodologies and competitive rates, we ensure a personalized and effective learning experience for every student.</p>
                    <ul class="flex flex-col pt-5 gap-3">
                        <li class="text-[#fff] sm:text-[26px] text-[20px]"><i class="fa-regular fa-circle-check text-[#2CC183] pr-2"></i> 9/10 Average Satisfaction Rate</li>
                        <li class="text-[#fff] sm:text-[26px] text-[20px]"><i class="fa-regular fa-circle-check text-[#2CC183] pr-2"></i> 96% Completitation Rate</li>
                        <li class="text-[#fff] sm:text-[26px] text-[20px]"><i class="fa-regular fa-circle-check text-[#2CC183] pr-2"></i> Friendly Environment & Expert Teacher</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>