<section class="bookus-section bg-dark">
        <div class="container">
            <div class="row align-items-center row-gap-4">
                <div class="col-lg-6">
                    <div class="bookus-img">
                        <div class="row g-3">
                            <div class="col-md-12 aos" data-aos="fade-up">
                                <img src="{{URL::asset('assets/img/book-01.jpg')}}" alt="img" class="img-fluid">
                            </div>
                            <div class="col-sm-6 aos" data-aos="fade-up">
                                <img src="{{URL::asset('assets/img/book-02.jpg')}}" alt="img" class="img-fluid">
                            </div>
                            <div class="col-sm-6 aos" data-aos="fade-up">
                                <img src="{{URL::asset('assets/img/book-03.jpg')}}" alt="img" class="img-fluid">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="section-header sec-header-one mb-2 aos" data-aos="fade-up">
                        <span class="badge badge-primary">Why Book With Us</span>
                        <h2 class="text-white">We are committed to understanding your <span class="text-primary-gradient">unique needs and delivering care.</span></h2>
                    </div>
                    <p class="text-light mb-4">As a trusted healthAs a trusted healthcare provider in our community, we are passionate about promoting health and wellness beyond the clinic. We actively engage in community outreach programs, health fairs, and educational workshop.</p>
                    <div class="faq-info aos" data-aos="fade-up">
                        <div class="accordion" id="faq-details">

                            <!-- FAQ Item -->
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingOne">
                                    <a href="javascript:void(0);" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        01 . Our Vision
                                    </a>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faq-details">
                                    <div class="accordion-body">
                                        <div class="accordion-content">
                                            <p>We envision a community where everyone has access to high-quality healthcare and the resources they need to lead healthy, fulfilling lives.</p>
                                        </div> 
                                    </div>
                                </div>
                            </div>
                            <!-- /FAQ Item -->

                            <!-- FAQ Item -->
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <a href="javascript:void(0);" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-controls="collapseTwo">
                                        02 . Our Mission
                                    </a>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faq-details">
                                    <div class="accordion-body">
                                        <div class="accordion-content">
                                            <p>We envision a community where everyone has access to high-quality healthcare and the resources they need to lead healthy, fulfilling lives.</p>
                                        </div> 
                                    </div>
                                </div>
                            </div>
                            <!-- /FAQ Item -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="bookus-sec">
                <div class="row g-4">
                    <div class="col-lg-3">
                        <div class="book-item">
                            <div class="book-icon bg-primary">
                                <i class="isax isax-search-normal5"></i>
                            </div>
                            <div class="book-info">
                                <h6 class="text-white mb-2">Search For Doctors</h6>
                                <p class="fs-14 text-light">Search for a doctor based on specialization, location, or availability for your Treatements</p>
                            </div>
                            <div class="way-icon">
                                <img src="{{URL::asset('assets/img/icons/way-icon.svg')}}" alt="img">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="book-item">
                            <div class="book-icon bg-orange">
                                <i class="isax isax-security-user5"></i>
                            </div>
                            <div class="book-info">
                                <h6 class="text-white mb-2">Check Doctor Profile</h6>
                                <p class="fs-14 text-light">Explore detailed doctor profiles on our platform to make informed healthcare decisions.</p>
                            </div>
                            <div class="way-icon">
                                <img src="{{URL::asset('assets/img/icons/way-icon.svg')}}" alt="img">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="book-item">
                            <div class="book-icon bg-cyan">
                                <i class="isax isax-calendar5"></i>
                            </div>
                            <div class="book-info">
                                <h6 class="text-white mb-2">Schedule Appointment</h6>
                                <p class="fs-14 text-light">After choose your preferred doctor, select a convenient time slot, & confirm your appointment.</p>
                            </div>
                            <div class="way-icon">
                                <img src="{{URL::asset('assets/img/icons/way-icon.svg')}}" alt="img">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="book-item">
                            <div class="book-icon bg-indigo">
                                <i class="isax isax-blend5"></i>
                            </div>
                            <div class="book-info">
                                <h6 class="text-white mb-2">Get Your Solution</h6>
                                <p class="fs-14 text-light">Discuss your health concerns with the doctor and receive the personalized advice & with solution.</p>
                            </div>
                        </div>
                    </div>
                </div>		
            </div>		
        </div>
    </section>