{{-- Slide 1 --}}
<div class="swiper-slide flex justify-center flex-col relative">
    <img src="{{asset('assets/doctors/doc1.png')}}" alt="" class="w-full h-auto md:h-1/2 object-cover">
    <div class="w-full max-w-xs absolute mt-10 top-2/3 left-1/2 transform -translate-x-1/2 -translate-y-1/2 px-3 flex flex-col space-y-2">
        <div class="flex flex-col justify-between">
            <div class="flex flex-col space-y-2 mb-16">
                <p class="text-blue-500 text-sm sofia-font uppercase">General Surgery</p>
                <h3 class="text-xl font-bold inter-font">Dr. Ceasar Tonggo, M.D</h3>
            </div>
            <a href="" class="sofia-font text-blue-700 text-sm font-bold uppercase">Read More</a>
        </div>
    </div>
</div>