{% extends "website/base_page.html" %}
{% load static %}
{% block content %}
<!-- banner section start-->
<div class="hc-mainbnr hc-sections" id="home" style="background-image: url('{{ bg }}');">
    <div class="hc-container">
        <div class="hc-bannerrightleft">
            <div class="hc-headingsection">
                <h1 class="hc-bannerheading">Get Expert Orthopaedics</h1>
                <div class="hctextbg">
                    <h1 class="hc-bannerheading">Consultation Today</h1>
                </div>
                <p class="">- Trusted Orthopedic Doctors in Nagpur <br>- Fractures, Joint Pain, Sports
                    Injuries & Backpain <br>- Modern Facilities, Experienced Doctors, and Personalized Treatment Plans</p>
                <div class="hc-mainbtn">
                    <a href="#contact" class="hc-bnrbtn">Book An Appointment
                        <img src='{% static "assets/images/rightarrow.png" %}' class="hc-rightarrow"
                             alt="rightarrow"/>
                    </a>
                </div>
            </div>
            <div class="hc-rightbaner">
                <img src='{% static "assets/images/banner_main.png" %}' class="hc-bnrser"
                     alt="bannerright"/>
                <div class="hc-banner-right">
                    <img src='{% static "assets/images/banner_main.png" %}'
                         class="hc-bannerrightimg responsive" alt="bannerright">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- banner section end -->
<!-- service section start -->
<div class="hc-service-wrapper hc-sections" id="service">
    <div class="container">
        <div class="hc-news-top">
            <h6 class="hc-news-subhead">Services</h6>
            <h4 class="hc-news-heading">Our Urgent Care Services</h4>
        </div>
        <div class="hc-service-row">
            <div class="hc-service-card">
                <div class="hc-sercardimg hc-servthree">
                    <img src='{% static "assets/images/services/Fracture.png" %}' class="hc-service_img" alt="service"/>
                </div>
                <h4 class="hc-servicecardheading">Fracture</h4>
            </div>
            <div class="hc-service-card">
                <div class="hc-sercardimg hc-servone">
                    <img src='{% static "assets/images/services/arthroscopy.png" %}' class="hc-service_img" alt="service"/>
                </div>
                <h4 class="hc-servicecardheading">Arthroscopy</h4>
            </div>
            <div class="hc-service-card">
                <div class="hc-sercardimg hc-servfive">
                    <img src='{% static "assets/images/services/joint replacement.png" %}' class="hc-service_img" alt="service"/>
                </div>
                <h4 class="hc-servicecardheading">Joint<br>Replacement</h4>
            </div>
            <div class="hc-service-card hc-sevencard">
                <div class="hc-sercardimg hc-serveight">
                    <img src='{% static "assets/images/services/Spine Surgery.png" %}' class="hc-service_img" alt="service"/>
                </div>
                <h4 class="hc-servicecardheading">Spine Surgery</h4>
            </div>
            <div class="hc-service-card">
                <div class="hc-sercardimg hc-servtwo">
                    <img src='{% static "assets/images/services/Foot and ankle surgery.png" %}' class="hc-service_img"
                         alt="service"/>
                </div>
                <h4 class="hc-servicecardheading">Foot & Ankle <br> Surgery</h4>
            </div>
            <div class="hc-service-card">
                <div class="hc-sercardimg hc-servfour">
                    <img src='{% static "assets/images/services/Hand surgery.png" %}' class="hc-service_img" alt="service"/>
                </div>
                <h4 class="hc-servicecardheading">Hand<br>Surgery</h4>
            </div>
            <div class="hc-service-card">
                <div class="hc-sercardimg hc-servsix">
                    <img src='{% static "assets/images/services/Paediatric orthopaedic surgeries.png" %}' class="hc-service_img"
                         alt="service"/>
                </div>
                <h4 class="hc-servicecardheading">Paediatric<br>Orthopaedic<br>Surgeries</h4>
            </div>
            <div class="hc-service-card hc-sevencard">
                <div class="hc-sercardimg hc-servseven">
                    <img src='{% static "assets/images/services/Rheumatology.png" %}' class="hc-service_img" alt="service"/>
                </div>
                <h4 class="hc-servicecardheading hc-pannelheading">Rheumatology</h4>
            </div>
        </div>
    </div>
</div>
<!-- service section end -->
<!-- about section start -->
<div class="hc-about-wrapper hc-sections" id="about">
    <div class="container">
        <div class="hc-about-mainrow">
            <div class="hc-about-img">
                <img src='{% static "assets/images/about_1.png" %}' class="hc-aboutmain_img" alt="depimg"/>
            </div>
            <div class="hc-about-maintext">
                <div class="hc-about-top">
                    <h4 class="hc-about-head">About Us</h4>
                    <p class="hc-about-paragraph">Welcome to <strong>Grace Orthocare and Multispeciality
                        Hospital</strong>, your trusted healthcare partner in <strong>Nagpur</strong>. Located in
                        <strong>Somalwada on Wardha Road</strong>, we are known for providing expert <strong>orthopedic
                            care</strong> and a wide range of <strong>multispeciality medical services</strong> in a
                        warm and welcoming environment.
                    </p>
                    <p class="hc-about-paragraph">At Grace Orthocare, we put our patients first. Our hospital is
                        home to experienced <strong>orthopedic doctors</strong> and caring medical staff who are
                        committed to helping you heal quickly and comfortably. Whether you’re dealing with a
                        fracture, joint pain, or need surgery, we offer advanced treatment using the latest
                        technology.
                    </p>
                    <p class="hc-about-paragraph">Our services include:</p>
                    <ul class="hc-text-ul">
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="aboutlist"/>
                            </div>
                            <p class="hc-paragraph">Orthopedic surgeries and trauma</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="aboutlist"/>
                            </div>
                            <p class="hc-paragraph">Joint replacement and fracture treatment</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="aboutlist"/>
                            </div>
                            <p class="hc-paragraph">Digital X-rays and diagnostics</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="aboutlist"/>
                            </div>
                            <p class="hc-paragraph">Emergency and ICU services</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="aboutlist"/>
                            </div>
                            <p class="hc-paragraph">Multispeciality consultations for overall health care</p>
                        </li>
                    </ul>
                    <div class="hc-abbtn">
                        <a href="{% url 'about_us' %}" class="hc-about-btn">Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- about section end -->
<!-- why choose us start -->
<div class="hc-why-choose-us-wrapper hc-sections" id="why-choose-us">
    <div class="container">
        <div class="hc-why-choose-us-mainrow">
            <div class="hc-why-choose-us-maintext">
                <div class="hc-why-choose-us-top">
                    <h4 class="hc-why-choose-us-head">Why Choose Us?</h4>
                    <ul class="hc-text-ul">
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="why-choose-uslist"/>
                            </div>
                            <p class="hc-paragraph"><strong>Expert Orthopedic Care:</strong>Led by Dr. Ninad and Dr. Neha Godghate, our hospital offers advanced treatments for trauma, joint replacement, arthroscopy, and sports injuries.</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="why-choose-uslist"/>
                            </div>
                            <p class="hc-paragraph"><strong>Comprehensive Services:</strong>From diagnostics and surgery to physiotherapy and rehabilitation, all services are available under one roof.</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="why-choose-uslist"/>
                            </div>
                            <p class="hc-paragraph"><strong>State-of-the-Art Facilities:</strong>Equipped with the latest technology for minimally invasive surgeries, digital imaging, and ICU support.</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="why-choose-uslist"/>
                            </div>
                            <p class="hc-paragraph"><strong>Patient-Centered Approach:</strong>We prioritize your comfort, safety, and peace of mind with clear communication and personalized care plans.</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="why-choose-uslist"/>
                            </div>
                            <p class="hc-paragraph"><strong>Convenient Location & 24/7 Availability:</strong>Located centrally in Nagpur, we are open round-the-clock for emergencies and routine consultations.</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="why-choose-uslist"/>
                            </div>
                            <p class="hc-paragraph"><strong>Female Orthopedic Specialist:</strong>Benefit from the expertise of Dr. Neha Godghate, Nagpur’s only female arthroscopy and sports injury expert, offering specialized care for women and athletes.</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="hc-why-choose-us-img">
                <img src='{% static "assets/images/about_2_1.png" %}' class="hc-why-choose-usmain_img"
                     alt="depimg"/>
            </div>
        </div>
    </div>
</div>
<!-- why choose us end -->
<!-- highlights section start -->
<div id="carouselExampleIndicators" class="hc-testimonial-wrapper hc-sections carousel carousel-dark slide">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
                aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                aria-label="Slide 3"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"
                aria-label="Slide 4"></button>
<!--        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4"-->
<!--                aria-label="Slide 5"></button>-->
    </div>
    <div class="container">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <div class="hc-testimonial-row">
                    <div class="hc-testimonial-textcol">
                        <div class="hc-about-top">
                            <h6 class="hc-about-subhead">Sports Injuries & Arthroscopy</h6>
                            <p class="hc-paragraph">Sports injuries can happen to anyone — whether you’re a professional athlete, a weekend cricket player, or someone who simply enjoys staying active. At Grace Orthocare and Multispeciality Hospital, Nagpur, we specialize in diagnosing and treating all kinds of sports-related injuries such as ligament tears (ACL, PCL), meniscus injuries, shoulder dislocations, and tendon strains. Our focus is always on helping you recover completely and get back to your active lifestyle safely.</p>
                        </div>
                    </div>
                    <div class="mySwiper hc-testimonial">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/reviews/JayantKaner.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Jayant Kaner</h4>
                                            <p class="hc-paragraph">ACL Injury</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph">I tore my ACL during a football match, and the pain and uncertainty were overwhelming. Dr. Neha diagnosed the injury with precision and explained the arthroscopy procedure in a way that instantly reassured me. The surgery was smooth, and the rehabilitation plan she customised helped me recover step-by-step. Today, I’m back on the field, stronger and more confident than before.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">5.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
<!--                                            <img src='{% static "assets/images/lightstar.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img" alt="starfourth"/>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box hc-testbox-second">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Raghav Jugade</h4>
                                            <p class="hc-paragraph">Shoulder Arthroscopy</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph">My shoulder injury made everyday movement difficult. Dr. Neha guided me through arthroscopy with such care and clarity that I felt safe throughout the process. Her personalised treatment and the structured physiotherapy sessions helped me regain full range of motion. I’m able to lift, train, and play sports again without any fear or discomfort.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">4.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/lightstar.png" %}'
                                                 class="hc-fourthboxstar_img" alt="starfourth"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box hc-testbox-second">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Pranjali Gandhare</h4>
                                            <p class="hc-paragraph">Knee Injury</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph"> had a knee injury that stopped me from running and disrupted my routine. The arthroscopy team at Grace Orthocare examined the issue in depth and recommended a minimally invasive procedure. The surgery and recovery were both exceptionally smooth. The rehabilitation restored my strength and flexibility much faster than expected. I’m now back to my active routine with full confidence.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">4.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/lightstar.png" %}'
                                                 class="hc-fourthboxstar_img" alt="starfourth"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="hc-testimonial-row">
                    <div class="hc-testimonial-textcol">
                        <div class="hc-about-top">
                            <h6 class="hc-about-subhead">Spine Care</h6>
                            <p class="hc-paragraph">Back pain and spine-related issues are among the most common reasons for doctor visits today. At Grace Orthocare, our dedicated Spine Care Unit provides comprehensive diagnosis and treatment for conditions like slip disc, sciatica, spinal fractures, and degenerative spine disorders. We begin with a thorough clinical evaluation and imaging, followed by personalized treatment plans that may include medication, posture correction, physiotherapy, or surgical intervention when necessary.</p>
                        </div>
                    </div>
                    <div class="mySwiper hc-testimonial">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Samiksha Lokhande</h4>
                                            <p class="hc-paragraph">Patient</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph">I came to Grace Orthocare with intense lower back pain that had troubled me for years. Dr. Ninad patiently explained my condition and suggested a minimally invasive treatment. His expertise and calm approach gave me confidence from day one. The physiotherapy plan was personalised and effective. Today, I’m pain-free and back to my routine—something I had almost given up on.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">5.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
<!--                                            <img src='{% static "assets/images/lightstar.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img" alt="starfourth"/>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box hc-testbox-second">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Pankaj Agrawal</h4>
                                            <p class="hc-paragraph">Patient</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph">My experience at Grace Orthocare has been exceptional. The spine care team diagnosed my cervical pain accurately and guided me through every stage of treatment. The attention to detail, supportive staff, and structured rehabilitation helped me recover faster than I expected. I can now work, travel, and sleep without discomfort. Truly grateful for such dedicated care.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">4.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/lightstar.png" %}'
                                                 class="hc-fourthboxstar_img" alt="starfourth"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box hc-testbox-second">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Sachin Bhasme -Pune SSA</h4>
                                            <p class="hc-paragraph">Patient</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph">I was struggling with sciatica for months until Dr. Neha stepped in and transformed my recovery journey. She understood my pain points deeply and created a treatment plan that finally brought relief. The holistic approach—advanced therapy, continuous monitoring, and guided physiotherapy—helped me regain mobility and confidence. I feel stronger and more active now.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">4.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/lightstar.png" %}'
                                                 class="hc-fourthboxstar_img" alt="starfourth"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="hc-testimonial-row">
                    <div class="hc-testimonial-textcol">
                        <div class="hc-about-top">
                            <h6 class="hc-about-subhead">Joint Replacement</h6>
                            <p class="hc-paragraph">When joint pain becomes a daily struggle and medication no longer helps, joint replacement surgery can bring back your freedom of movement. At Grace Orthocare and Multispeciality Hospital, Nagpur, we specialize in knee, hip, and shoulder replacement surgeries, using cutting-edge implants and precision-guided techniques to ensure natural movement and lasting comfort. Our orthopaedic surgeons combine years of experience with the latest technology to deliver excellent surgical outcomes.</p>
                        </div>
                    </div>
                    <div class="mySwiper hc-testimonial">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Gitesh Dhote</h4>
                                            <p class="hc-paragraph">Knee Replacement</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph">I was struggling with severe knee pain for years, and walking even short distances had become difficult. Dr. Ninad and Dr. Neha guided me with exceptional care throughout my knee replacement journey. The surgery was smooth, the recovery plan was clear, and the physiotherapy was tailored to my pace. Today, I can walk comfortably and live an active life again. Truly grateful for their expertise.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">5.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
<!--                                            <img src='{% static "assets/images/lightstar.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img" alt="starfourth"/>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box hc-testbox-second">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Sheshraj Gajbhiye</h4>
                                            <p class="hc-paragraph">Partial Knee Replacement</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph">I underwent partial knee replacement under the care of Dr. Ninad, and the experience was outstanding. His precision, calm approach, and attention to detail reassured me throughout. The post-surgery physiotherapy designed by Dr. Neha’s team helped me regain strength and movement steadily. I can now walk, climb stairs, and enjoy daily activities without hesitation.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">4.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/lightstar.png" %}'
                                                 class="hc-fourthboxstar_img" alt="starfourth"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box hc-testbox-second">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Shashank Bakshi</h4>
                                            <p class="hc-paragraph">Complex Joint Case</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph">I had a complex joint issue that required detailed evaluation, and the combined expertise of Dr. Ninad and Dr. Neha made all the difference. From diagnosis to surgery and through rehab, they planned every step meticulously. Their teamwork, empathy, and skill helped me recover steadily. I’m now able to move freely and live without the constant pain I once had.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">4.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/lightstar.png" %}'
                                                 class="hc-fourthboxstar_img" alt="starfourth"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="hc-testimonial-row">
                    <div class="hc-testimonial-textcol">
                        <div class="hc-about-top">
                            <h6 class="hc-about-subhead">Trauma & Accident Care</h6>
                            <p class="hc-paragraph">Accidents and bone injuries require immediate, skilled medical attention — and that’s exactly what we provide at Grace Orthocare’s 24x7 Trauma & Emergency Care Unit. Led by Dr. Ninad Godghate, a specialist in Orthopaedic Trauma and Fracture Management, our team is trained to handle critical injuries like fractures, dislocations, and complex bone trauma with speed and precision. We follow international treatment protocols to ensure optimal alignment, faster healing, and minimal complications.</p>
                        </div>
                    </div>
                    <div class="mySwiper hc-testimonial">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Sachin Soor</h4>
                                            <p class="hc-paragraph">Road Accident</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph">I met with a severe road accident and was rushed to Grace Orthocare. Dr. Ninad handled my case with remarkable precision and calmness. His quick diagnosis and timely surgical intervention saved me from long-term complications. The post-treatment care and rehabilitation were equally supportive. Today, I’m walking comfortably and recovering steadily thanks to his expertise.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">5.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
<!--                                            <img src='{% static "assets/images/lightstar.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img" alt="starfourth"/>-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="hc-testimonial-box hc-testbox-second">
                                    <div class="hc-testitextimg">
                                        <div class="hc-testi-img">
                                            <img src='{% static "assets/images/reviews/RajeshParmar.png" %}' class="hc-testi_img"
                                                 alt="testimonial"/>
                                        </div>
                                        <div class="hc-testiname">
                                            <h4 class="hc-nametesthead">Rajesh Parmar</h4>
                                            <p class="hc-paragraph">Multiple Fractures</p>
                                        </div>
                                    </div>
                                    <div class="hc-testborder"></div>
                                    <div class="hc-tetiicon">
                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"
                                             alt="testimonial"/>
                                    </div>
                                    <div class="hc-testimaintext">
                                        <p class="hc-paragraph">After suffering multiple fractures from a fall, I was terrified about my recovery. Dr. Ninad’s confidence, clarity, and skillful treatment reassured me from the first consultation. The surgery was smooth, and the structured rehab helped me regain strength step-by-step. I’m deeply grateful for the compassionate trauma care I received at Grace Orthocare.</p>
                                    </div>
                                    <div class="hc-test-str">
                                        <p class="hc-paragraph">4.0</p>
                                        <div class="hc-testistarrating">
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/star.png" %}'
                                                 class="hc-fourthboxstar_img"
                                                 alt="starfourth"/>
                                            <img src='{% static "assets/images/lightstar.png" %}'
                                                 class="hc-fourthboxstar_img" alt="starfourth"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
<!--                            <div class="swiper-slide">-->
<!--                                <div class="hc-testimonial-box hc-testbox-second">-->
<!--                                    <div class="hc-testitextimg">-->
<!--                                        <div class="hc-testi-img">-->
<!--                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"-->
<!--                                                 alt="testimonial"/>-->
<!--                                        </div>-->
<!--                                        <div class="hc-testiname">-->
<!--                                            <h4 class="hc-nametesthead">Sachin Bhasme -Pune SSA</h4>-->
<!--                                            <p class="hc-paragraph">Patient</p>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="hc-testborder"></div>-->
<!--                                    <div class="hc-tetiicon">-->
<!--                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"-->
<!--                                             alt="testimonial"/>-->
<!--                                    </div>-->
<!--                                    <div class="hc-testimaintext">-->
<!--                                        <p class="hc-paragraph">I was struggling with sciatica for months until Dr. Neha stepped in and transformed my recovery journey. She understood my pain points deeply and created a treatment plan that finally brought relief. The holistic approach—advanced therapy, continuous monitoring, and guided physiotherapy—helped me regain mobility and confidence. I feel stronger and more active now.</p>-->
<!--                                    </div>-->
<!--                                    <div class="hc-test-str">-->
<!--                                        <p class="hc-paragraph">4.0</p>-->
<!--                                        <div class="hc-testistarrating">-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/lightstar.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img" alt="starfourth"/>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
<!--            <div class="carousel-item">-->
<!--                <div class="hc-testimonial-row">-->
<!--                    <div class="hc-testimonial-textcol">-->
<!--                        <div class="hc-about-top">-->
<!--                            <h6 class="hc-about-subhead">Physiotherapy & Rehabilitation</h6>-->
<!--                            <p class="hc-paragraph">Recovery doesn’t end after treatment — it begins there. Our Physiotherapy and Rehabilitation Department plays a vital role in helping patients regain strength, balance, and flexibility after surgery or injury. We provide customized rehabilitation programs for joint replacements, fractures, spine surgeries, sports injuries, and chronic pain management. Each session is designed and supervised by trained physiotherapists to ensure safe and effective recovery.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="mySwiper hc-testimonial">-->
<!--                        <div class="swiper-wrapper">-->
<!--                            <div class="swiper-slide">-->
<!--                                <div class="hc-testimonial-box">-->
<!--                                    <div class="hc-testitextimg">-->
<!--                                        <div class="hc-testi-img">-->
<!--                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"-->
<!--                                                 alt="testimonial"/>-->
<!--                                        </div>-->
<!--                                        <div class="hc-testiname">-->
<!--                                            <h4 class="hc-nametesthead">Samiksha Lokhande</h4>-->
<!--                                            <p class="hc-paragraph">Patient</p>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="hc-testborder"></div>-->
<!--                                    <div class="hc-tetiicon">-->
<!--                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"-->
<!--                                             alt="testimonial"/>-->
<!--                                    </div>-->
<!--                                    <div class="hc-testimaintext">-->
<!--                                        <p class="hc-paragraph">I came to Grace Orthocare with intense lower back pain that had troubled me for years. Dr. Ninad patiently explained my condition and suggested a minimally invasive treatment. His expertise and calm approach gave me confidence from day one. The physiotherapy plan was personalised and effective. Today, I’m pain-free and back to my routine—something I had almost given up on.</p>-->
<!--                                    </div>-->
<!--                                    <div class="hc-test-str">-->
<!--                                        <p class="hc-paragraph">5.0</p>-->
<!--                                        <div class="hc-testistarrating">-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--&lt;!&ndash;                                            <img src='{% static "assets/images/lightstar.png" %}'&ndash;&gt;-->
<!--&lt;!&ndash;                                                 class="hc-fourthboxstar_img" alt="starfourth"/>&ndash;&gt;-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="swiper-slide">-->
<!--                                <div class="hc-testimonial-box hc-testbox-second">-->
<!--                                    <div class="hc-testitextimg">-->
<!--                                        <div class="hc-testi-img">-->
<!--                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"-->
<!--                                                 alt="testimonial"/>-->
<!--                                        </div>-->
<!--                                        <div class="hc-testiname">-->
<!--                                            <h4 class="hc-nametesthead">Pankaj Agrawal</h4>-->
<!--                                            <p class="hc-paragraph">Patient</p>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="hc-testborder"></div>-->
<!--                                    <div class="hc-tetiicon">-->
<!--                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"-->
<!--                                             alt="testimonial"/>-->
<!--                                    </div>-->
<!--                                    <div class="hc-testimaintext">-->
<!--                                        <p class="hc-paragraph">My experience at Grace Orthocare has been exceptional. The spine care team diagnosed my cervical pain accurately and guided me through every stage of treatment. The attention to detail, supportive staff, and structured rehabilitation helped me recover faster than I expected. I can now work, travel, and sleep without discomfort. Truly grateful for such dedicated care.</p>-->
<!--                                    </div>-->
<!--                                    <div class="hc-test-str">-->
<!--                                        <p class="hc-paragraph">4.0</p>-->
<!--                                        <div class="hc-testistarrating">-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/lightstar.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img" alt="starfourth"/>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="swiper-slide">-->
<!--                                <div class="hc-testimonial-box hc-testbox-second">-->
<!--                                    <div class="hc-testitextimg">-->
<!--                                        <div class="hc-testi-img">-->
<!--                                            <img src='{% static "assets/images/default_user.png" %}' class="hc-testi_img"-->
<!--                                                 alt="testimonial"/>-->
<!--                                        </div>-->
<!--                                        <div class="hc-testiname">-->
<!--                                            <h4 class="hc-nametesthead">Sachin Bhasme -Pune SSA</h4>-->
<!--                                            <p class="hc-paragraph">Patient</p>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div class="hc-testborder"></div>-->
<!--                                    <div class="hc-tetiicon">-->
<!--                                        <img src='{% static "assets/images/test_icon.png" %}' class="hc-testi_icon"-->
<!--                                             alt="testimonial"/>-->
<!--                                    </div>-->
<!--                                    <div class="hc-testimaintext">-->
<!--                                        <p class="hc-paragraph">I was struggling with sciatica for months until Dr. Neha stepped in and transformed my recovery journey. She understood my pain points deeply and created a treatment plan that finally brought relief. The holistic approach—advanced therapy, continuous monitoring, and guided physiotherapy—helped me regain mobility and confidence. I feel stronger and more active now.</p>-->
<!--                                    </div>-->
<!--                                    <div class="hc-test-str">-->
<!--                                        <p class="hc-paragraph">4.0</p>-->
<!--                                        <div class="hc-testistarrating">-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/star.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img"-->
<!--                                                 alt="starfourth"/>-->
<!--                                            <img src='{% static "assets/images/lightstar.png" %}'-->
<!--                                                 class="hc-fourthboxstar_img" alt="starfourth"/>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
                data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
                data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
</div>
<!-- highlights section end -->
<!-- department section start-->
<div class="hc-department-wrapper hc-sections">
    <div class="container ">
        <div class="hc-top-heading">
            <h5 class="hc-subhead">Our Department</h5>
            <div class="hc-depicon">
                <div class="swiper-button-prev hc-head-left"></div>
                <div class="swiper-button-next hc-head-left"></div>
            </div>
        </div>
        <div class="mySwiper hc-depcard">
            <div class="swiper-wrapper">
                {% for department in departments %}
                <div class="swiper-slide">
                    <div class="hc-depfirstcard">
                        <div class="hc-depcardimg hc-depimg">
                            <img src='{{ department.icon.url }}' class="hc-depar_firstimg" alt="depimg"/>
                        </div>
                        <div class="hc-deprcard-text">
                            <h4 class="hc-dep-cardhead">{{ department.title }}</h4>
                            <p class="hc-paragraph">{{ department.description }}</p>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</div>
<!-- department section end -->
<!-- team section start -->
<div class="hc-team-wrapper hc-sections" id="team">
    <div class="container">
        <div class="hc-top-heading">
            <h5 class="hc-subhead">Our Medical Specialist</h5>
            <div class="hc-depicon">
                <div class="swiper-button-prev hc-head-left"></div>
                <div class="swiper-button-next hc-head-left"></div>
            </div>
        </div>
        <div class="mySwiper hc-team-row">
            <div class="swiper-wrapper">
                {% for doctor in doctors %}
                <div class="swiper-slide">
                    <div class="hc-team-firstcard">
                        <div class="hc-teamimage">
                            <img src='{{ doctor.photo.url }}' class="hc-teamfirst" alt="teamone"/>
                        </div>
                        <div class="hc-teamcard-main">
                            <h5 class="hc-team-head">{{ doctor.full_name }}</h5>
                            <p class="hc-paragraph" style="font-size: 13px;">{{ doctor.specialisation }}</p>
                            <div class="hc-teamcard-text">
                                <div class="hc-team-para">
                                    <img src='{% static "assets/images/team_icon.png" %}' class="hc-teamicon"
                                         alt="teamone"/>
                                    <p class="hc-paragraph">{{ doctor.department.title }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="hc-teamcard-main hc-teamhover">
                            <h5 class="hc-team-head">{{ doctor.full_name }}</h5>
                            <p class="hc-paragraph" style="font-size: 13px;">{{ doctor.specialisation }}</p>
                            <div class="hc-teamcard-text">
                                <div class="hc-team-para">
                                    <img src='{% static "assets/images/team_icon.png" %}' class="hc-teamicon"
                                         alt="teamone"/>
                                    <p class="hc-paragraph">{{ doctor.department.title }}</p>
                                </div>
                            </div>
                            <a href="#contact" class="hc-about-btn">Book Appointment</a>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</div>
<!-- team section end -->
<!-- appointmnet section start -->
<div class="hc-appointment-wrapper hc-sections" id="contact">
    <div class="container">
        <div class="hc-appointment-row">
            <div class="hc-appointmnet-text">
                <div class="hc-about-top">
                    <h4 class="hc-about-head">Book Appointment</h4>
                    <p class="hc-paragraph">Your health matters — and we’re here to help.
                    </p>
                    <p class="hc-paragraph hc-appoint-firstpara">At Grace Orthocare and Multispeciality Hospital,
                        booking an appointment with our expert doctors is quick and easy.
                    </p>
                    <p class="hc-paragraph hc-appoint-firstpara">Whether you need an orthopedic consultation, a
                        follow-up for general medicine, or want to speak with a specialist, we’ve got you
                        covered.</p>
                    <p class="hc-paragraph hc-appoint-secondpara"><strong>🕒 Available 24/7 | 📍 Located in Somalwada,
                        Nagpur</strong></p>
                    <ul class="hc-text-ul">
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="aboutlist"/>
                            </div>
                            <p class="hc-paragraph">Hassle-free scheduling</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="aboutlist"/>
                            </div>
                            <p class="hc-paragraph">Minimal waiting time</p>
                        </li>
                        <li class="hc-text-li">
                            <div class="hc-listimg-circle">
                                <img src='{% static "assets/images/listright.png" %}' class="hc-listicon_img"
                                     alt="aboutlist"/>
                            </div>
                            <p class="hc-paragraph">Personalized care</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="hc-appointment-img">
                <div class="hc-appoinimg">
                    <img src='{% static "assets/images/appointment_1.png" %}' class="hc-appointment_img"
                         alt="appointmentimg"/>
                </div>
                <form action="{% url 'book_an_appointment' %}" method="post" class="hc-appointmnetform"
                      id="appointmentform">
                    {% csrf_token %}
                    <h4 class="hc-appointment-head">Book An Appointment</h4>
                    <p class="hc-paragraph">Get details in your inbox right now</p>
                    <div class="hc-appoindropdown">
                        <select name="department" id="department" required>
                            <option value="" selected>Select Department</option>
                            {% for department in departments %}
                            <option value="{{ department.id }}">{{ department.title }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="hc-appointinput">
                        <input type="text" placeholder="Full Name" id="name" name="name" required/>
                        <input type="tel" placeholder="Phone" id="phone" name="phone" required maxlength="10"/>
                        <input type="email" placeholder="Email" id="email" name="email" required/>
                        <input type="date" id="appointment_date" name="appointment_date" required
                               min="{{ today }}"/>
                    </div>
                    <button href="javascript:;" id="book_now_btn" class="hc-about-btn hc-formbtn" style="width: 100%;border: firebrick;">Book Now</button>
                </form>
            </div>
        </div>
    </div>
    <div class="modal fade" id="booking_confirmation">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Booking Confirmation</h5>
                    </button>
                </div>
                <div class="modal-body">Your booking has been successfully received our team will call you</div>
                <div class="modal-footer">
                    <a href="{% url 'home_page' %}" class="btn btn-primary">OK</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- news section start -->
<div class="hc-news-wrapper hc-sections" id="blog">
    <div class="container">
        <div class="hc-news-top">
            <h6 class="hc-news-subhead">Our Blogs</h6>
            <h4 class="hc-news-heading">Our Latest News & Articles</h4>
            <p class="hc-paragraph">Get latest news in your inbox. Consectetur adipiscing elitadipiscing elitse ddo
                eiusmod tempor incididunt</p>
        </div>
        <div class="mySwiper hc-news">
            <div class="swiper-wrapper">
                {% for blog in blogs %}
                <div class="swiper-slide">
                    <div class="hc-firstnewsblog">
                        <div class="hc-newsimg">
                            <img src='{{ blog.icon.url }}' class="hc-news_img" alt="teamone"/>
                            <div class="hc-imgnewstext">
                                <h3 class="hc-imgtext">{{ blog.tag }}</h3>
                            </div>
                        </div>
                        <div class="hc-newscard-text">
                            <h6 class="hc-news-date">Published
                                on {{ blog.created_at|date:"F j, Y \\a\\t g:i A" }}</h6>
                            <h5 class="hc-news-headtitle">{{ blog.title|truncatechars:24 }}</h5>
                            <p class="hc-paragraph">{{ blog.summary|truncatechars:71 }}</p>
                            <div class="hc-newsread">
                                <div class="hc-newsreading">
                                    <a href="{% url 'blog_details' blog.id %}" class="hc-news-par">Read More</a>
                                    <img src='{% static "assets/images/readicon.png" %}' class="hc-read_img"
                                         alt="teamone"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>
<!-- news section end -->
<!-- faq section start -->
<div class="hc-faq-wrapper hc-sections">
    <div class="container">
        <div class="hc-news-top">
            <h6 class="hc-news-subhead">Get Your Answer</h6>
            <h4 class="hc-news-heading">Frequently Asked Questions</h4>
            <p class="hc-paragraph">Get latest news in your inbox. Consectetur adipiscing elitadipiscing elitse ddo
                eiusmod tempor incididunt</p>
        </div>
        <div class="hc-faq-row">
            <div class="hc-faq-img">
                <img src='{% static "assets/images/faq.png" %}' class="hc-faq_img" alt="playstore"/>
            </div>
            <div class="hc-faq-text">
                <div class="accordion accordion-flush" id="accordionFlushExample">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="flush-headingOne">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#flush-collapseOne" aria-expanded="false"
                                    aria-controls="flush-collapseOne">
                                <img src='{% static "assets/images/quetionimg.png" %}'
                                     class="hc-quetinimg hc-que-red" alt="playstore"/>
                                <img src='{% static "assets/images/quetionimg_blue.png" %}'
                                     class="hc-quetinimg hc-que-blue" alt="playstore"/>
                                How long is recovery after joint replacement surgery?
                                <span><i class="fa-solid fa-chevron-up"></i></span>
                            </button>
                        </h2>
                        <div id="flush-collapseOne" class="accordion-collapse collapse"
                             aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
                            <div class="accordion-body">
                                <p class="hc-paragraph">Most patients start walking within 24–48 hours and recover fully in 6–12 weeks with physiotherapy.</p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item hc-mainaccordian">
                        <h2 class="accordion-header" id="flush-headingTwo">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#flush-collapseTwo" aria-expanded="false"
                                    aria-controls="flush-collapseTwo">
                                <img src='{% static "assets/images/quetionimg.png" %}'
                                     class="hc-quetinimg hc-que-red" alt="playstore"/>
                                <img src='{% static "assets/images/quetionimg_blue.png" %}'
                                     class="hc-quetinimg hc-que-blue" alt="playstore"/>
                                Do you provide female orthopaedic consultations?
                                <span><i class="fa-solid fa-chevron-up"></i></span>
                            </button>
                        </h2>
                        <div id="flush-collapseTwo" class="accordion-collapse collapse"
                             aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
                            <div class="accordion-body">
                                <p class="hc-paragraph">Yes, Dr. Neha Godghate is Nagpur’s only female sports injury & arthroscopy specialist.</p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item hc-mainaccordian">
                        <h2 class="accordion-header" id="flush-headingThree">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#flush-collapseThree" aria-expanded="false"
                                    aria-controls="flush-collapseThree">
                                <img src='{% static "assets/images/quetionimg.png" %}'
                                     class="hc-quetinimg hc-que-red" alt="playstore"/>
                                <img src='{% static "assets/images/quetionimg_blue.png" %}'
                                     class="hc-quetinimg hc-que-blue" alt="playstore"/>
                                Can sports injuries be treated without surgery?
                                <span><i class="fa-solid fa-chevron-up"></i></span>
                            </button>
                        </h2>
                        <div id="flush-collapseThree" class="accordion-collapse collapse"
                             aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                            <div class="accordion-body">
                                <p class="hc-paragraph">Yes, many injuries are managed with physiotherapy, braces, and rehabilitation before considering surgery.</p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item hc-mainaccordian">
                        <h2 class="accordion-header" id="flush-headingFour">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#flush-collapseFour" aria-expanded="false"
                                    aria-controls="flush-collapseFour">
                                <img src='{% static "assets/images/quetionimg.png" %}'
                                     class="hc-quetinimg hc-que-red" alt="playstore"/>
                                <img src='{% static "assets/images/quetionimg_blue.png" %}'
                                     class="hc-quetinimg hc-que-blue" alt="playstore"/>
                                What should I bring for my first consultation?
                                <span><i class="fa-solid fa-chevron-up"></i></span>
                            </button>
                        </h2>
                        <div id="flush-collapseFour" class="accordion-collapse collapse"
                             aria-labelledby="flush-headingFour" data-bs-parent="#accordionFlushExample">
                            <div class="accordion-body">
                                <p class="hc-paragraph">Carry previous X-rays, MRI reports, and a list of medications.</p>
                            </div>
                        </div>
                    </div>
                    <div class="accordion-item hc-mainaccordian">
                        <h2 class="accordion-header" id="flush-headingFive">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#flush-collapseFive" aria-expanded="false"
                                    aria-controls="flush-collapseFive">
                                <img src='{% static "assets/images/quetionimg.png" %}'
                                     class="hc-quetinimg hc-que-red" alt="playstore"/>
                                <img src='{% static "assets/images/quetionimg_blue.png" %}'
                                     class="hc-quetinimg hc-que-blue" alt="playstore"/>
                                Do you provide cashless treatment for all insurance?
                                <span><i class="fa-solid fa-chevron-up"></i></span>
                            </button>
                        </h2>
                        <div id="flush-collapseFive" class="accordion-collapse collapse"
                             aria-labelledby="flush-headingFive" data-bs-parent="#accordionFlushExample">
                            <div class="accordion-body">
                                <p class="hc-paragraph">We are empaneled with leading insurers and CGHS. Contact our insurance desk for assistance.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Awards & Certifications Section -->
<div class="hc-team-wrapper hc-sections" id="awards">
    <div class="container">
        <div class="hc-news-top">
            <h6 class="hc-news-subhead">Recognition</h6>
            <h4 class="hc-news-heading">Awards & Certifications</h4>
        </div>
        <div class="mySwiper hc-team-row">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="hc-team-firstcard">
                        <div class="hc-teamimage">
                            <img src="{% static 'assets/images/awards/1.jpeg' %}" class="hc-teamfirst" alt="teamone"/>
                        </div>
                        <div class="hc-teamcard-main">
                            <h5 class="hc-team-head">Best Orthopedic Hospital 2024</h5>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="hc-team-firstcard">
                        <div class="hc-teamimage">
                            <img src="{% static 'assets/images/awards/2.jpeg' %}" class="hc-teamfirst" alt="teamone"/>
                        </div>
                        <div class="hc-teamcard-main">
                            <h5 class="hc-team-head">Health Excellence Certificate</h5>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="hc-team-firstcard">
                        <div class="hc-teamimage">
                            <img src="{% static 'assets/images/awards/3.jpeg' %}" class="hc-teamfirst" alt="teamone"/>
                        </div>
                        <div class="hc-teamcard-main">
                            <h5 class="hc-team-head">Outstanding Patient Care 2023</h5>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="hc-team-firstcard">
                        <div class="hc-teamimage">
                            <img src="{% static 'assets/images/awards/4.jpeg' %}" class="hc-teamfirst" alt="teamone"/>
                        </div>
                        <div class="hc-teamcard-main">
                            <h5 class="hc-team-head">Best Orthopedic Hospital 2025</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Insurance Partners Section -->
<div class="hc-insurance-wrapper hc-sections" id="insurance">
    <div class="container">
        <div class="hc-news-top">
            <h6 class="hc-news-subhead">Insurance</h6>
            <h4 class="hc-news-heading">Our Insurance Partners</h4>
        </div>
        <div class="mySwiper hc-insurance-slider">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/ABH.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/BGI.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/CGHS.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/Chola.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/EI.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/FHPL.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/GHT.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/HI.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/ICICI.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/LGI.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/MA.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/MBI.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/NVGT.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/PHS.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/Star.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
                <div class="swiper-slide">
                    <img src="{% static 'assets/images/Insurance/SWI.png' %}" alt="Star Health" class="hc-insurance-logo"/>
                </div>
            </div>
        </div>
    </div>
</div>


{% endblock %}