<?php include('header.php'); ?>
	
	<!-- Hero Section Start -->
	<div class="hero">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-6">
					<!-- Hero Content Start -->
					<div class="hero-content">
						<!-- Section Title Start -->
						<div class="section-title">
                            <h3 class="wow fadeInUp">we take care of your health</h3>
                            <h1 class="text-anime-style-3">WE PROVIDE QUALITY MEDICAL, SURGICAL AND AESTHETIC CARE</h1>
                        </div>
						<!-- Section Title End -->

						<!-- Hero Body Start -->
						<div class="hero-body">
							<p class="wow fadeInUp">Our Aim is to deliver the highest quality healthcare services. We believe that everyone deserves access to excellent medical care without compromising on quality.</p>
						</div>
						<!-- Hero Body End -->

					
						<!-- Hero Footer Start -->
					</div>
					<!-- Hero Content Start -->
				</div>

				<div class="col-lg-6">
					<!-- Hero Image Start -->
					<div class="hero-images">
						<div class="hero-image-1">
							<figure class="image-anime reveal">
								<img src="new-pic/2.jpeg" alt="" style="width:260px;">
							</figure>
						</div>
						<div class="hero-image-2">
							<figure class="image-anime reveal">
								<img src="new-pic/3.jpeg" alt="" style="width:260px;">
							</figure>
						</div>
					</div>
					<!-- Hero Image End -->
				</div>
			</div>
		</div>
	</div>
	<!-- Hero Section End -->

	<!-- Contact Us Section Start -->
	<div class="home-contact-us">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-4">
					<!-- Home Contact Start -->
					<div class="home-contact-item highlighted-box wow fadeInUp" data-wow-delay="0.25s">
                        <div class="highlighted-box-title">
                            <h2>Don't <strong>Hesitate </strong>To Contact us</h2>
                        </div>
                        <div class="appointment-wrap">
                            <a class="appointment-btn" href="appointment.php">make appointment <i class="far fa-calendar-alt"></i> </a>
                        </div>
                    </div>
					<!-- Home Contact End -->
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Home Contact Item Start -->
					<div class="home-contact-item box-border wow fadeInUp" data-wow-delay="0.25s">
						<!-- contact Icon Start -->
                        <div class="contact-icon">
                            <img src="images/icon-home-contact-1.svg" alt="">
                        </div>
						<!-- Contact Icon End -->

						<!-- Home Contact Content Start -->
                        <div class="contact-content">
                            <h3>need family health</h3>
                            <p>we understand the importance of family health and overall well-being.</p>
                        </div>
						<!-- Home Contact Content End -->
                    </div>
					<!-- Service Item End -->
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Home Contact Item Start -->
					<div class="home-contact-item wow fadeInUp" data-wow-delay="0.25s">
						<!-- contact Icon Start -->
                        <div class="contact-icon">
                            <img src="images/icon-home-contact-2.svg" alt="">
                        </div>
						<!-- Contact Icon End -->

						<!-- Home Contact Content Start -->
                        <div class="contact-content">
                            <h3>24 hours service</h3>
                            <p>we take pride in offering 24-hour medical services to ensure that you are medically okay.</p>
                        </div>
						<!-- Home Contact Content End -->
                    </div>
					<!-- Service Item End -->
				</div>
			</div>
		</div>
	</div>
	<!-- Contact Us Section End -->
	
	<!-- About Section Start -->
	<div class="about-us">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-6">
					<!-- About Image Start -->
					<div class="about-img">						
						<div class="about-us-image">
							<div class="about-us-image-1">
								<figure class="image-anime reveal">
									<img src="new-pic/5.jpeg" alt="" style="width:260px;">
								</figure>
							</div>
							<div class="about-us-image-2">
								<figure class="image-anime reveal">
									<img src="img4.jpg" alt="" style="width:260px;">
								</figure>
							</div>
						</div>
											
					</div>	
					<!-- About Image End -->				
				</div>

				<div class="col-lg-6">
					<!-- About Content Start -->
					<div class="about-content">
						<!-- Section Title Start -->
						<div class="section-title">
							<h3 class="wow fadeInUp">about Springmed</h3>
							<h2 class="text-anime-style-3">Our Best Services.</h2>
						</div>
						<!-- Section Title End -->

						<!-- About Content Body Start -->
						<div class="about-content-body">
							<p class="wow fadeInUp">we take pride in offering a wide range of world class medical services to cater to your diverse healthcare needs.</p>
						</div>
						<!-- About Content Body End -->

						
						<!-- About Content Footer End -->
					</div>
					<!-- About Content End -->
				</div>
			</div>
		</div>
	</div>
	<!-- About Section Start -->

	<!-- Medical Service Section Start -->
	<div class="medical-services">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-4">
					<div class="medical-service-heading">
						<!-- Section Title Start -->
						<div class="section-title">
							<h3 class="wow fadeInUp">medical services</h3>
							<h2 class="text-anime-style-3">We're Providing Best Services.</h2>
						</div>
						<!-- Section Title End -->
					</div>
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Medical Service Item Start -->
					<div class="medical-service-item wow fadeInUp">
						<div class="medical-service-content">
							<!-- Icon Box Start -->
							<div class="icon-box">
								<img src="images/icon-medical-service-1.svg" alt="">
							</div>
							<!-- Icon Box End -->

							<!-- Medical Content Start -->
							<div class="medical-content">
								<h3>Laboratory services</h3>
							</div>
							<!-- Medical Content End -->
						</div>
						
						<!-- Medical Service Button End -->
					</div>
					<!-- Medical Service Item End -->
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Medical Service Item Start -->
					<div class="medical-service-item wow fadeInUp" data-wow-delay="0.25s">
						<div class="medical-service-content">
							<!-- Icon Box Start -->
							<div class="icon-box">
								<img src="images/icon-medical-service-2.svg" alt="">
							</div>
							<!-- Icon Box End -->

							<!-- Medical Content Start -->
							<div class="medical-content">
								<h3>Obstetrics and Gyneacology</h3>
							</div>
							<!-- Medical Content End -->
						</div>
						
					</div>
					<!-- Medical Service Item End -->
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Medical Service Item Start -->
					<div class="medical-service-item wow fadeInUp" data-wow-delay="0.5s">
						<div class="medical-service-content">
							<!-- Icon Box Start -->
							<div class="icon-box">
								<img src="images/icon-medical-service-3.svg" alt="">
							</div>
							<!-- Icon Box End -->

							<!-- Medical Content Start -->
							<div class="medical-content">
								<h3>Home Medical services 
</h3>
							</div>
							<!-- Medical Content End -->
						</div>
						
					</div>
					<!-- Medical Service Item End -->
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Medical Service Item Start -->
					<div class="medical-service-item wow fadeInUp" data-wow-delay="0.75s">
						<div class="medical-service-content">
							<!-- Icon Box Start -->
							<div class="icon-box">
								<img src="images/icon-medical-service-4.svg" alt="">
							</div>
							<!-- Icon Box End -->

							<!-- Medical Content Start -->
							<div class="medical-content">
								<h3>Surgery</h3>
							</div>
							<!-- Medical Content End -->
						</div>
						
					</div>
					<!-- Medical Service Item End -->
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Medical Service Item Start -->
					<div class="medical-service-item wow fadeInUp" data-wow-delay="1s">
						<div class="medical-service-content">
							<!-- Icon Box Start -->
							<div class="icon-box">
								<img src="images/icon-medical-service-5.svg" alt="">
							</div>
							<!-- Icon Box End -->

							<!-- Medical Content Start -->
							<div class="medical-content">
								<h3>Fertility clinic
</h3>
							</div>
							<!-- Medical Content End -->
						</div>
					
					</div>
					<!-- Medical Service Item End -->
				</div>
				
				
							<div class="col-lg-4 col-md-4">
					<!-- Medical Service Item Start -->
					<div class="medical-service-item wow fadeInUp">
						<div class="medical-service-content">
							<!-- Icon Box Start -->
							<div class="icon-box">
								<img src="images/icon-medical-service-1.svg" alt="">
							</div>
							<!-- Icon Box End -->

							<!-- Medical Content Start -->
							<div class="medical-content">
								<h3>Ultrasound scan
</h3>
							</div>
							<!-- Medical Content End -->
						</div>
						
						<!-- Medical Service Button End -->
					</div>
					<!-- Medical Service Item End -->
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Medical Service Item Start -->
					<div class="medical-service-item wow fadeInUp" data-wow-delay="0.25s">
						<div class="medical-service-content">
							<!-- Icon Box Start -->
							<div class="icon-box">
								<img src="images/icon-medical-service-2.svg" alt="">
							</div>
							<!-- Icon Box End -->

							<!-- Medical Content Start -->
							<div class="medical-content">
								<h3>General Medical checkup
</h3>
							</div>
							<!-- Medical Content End -->
						</div>
						
					</div>
					<!-- Medical Service Item End -->
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Medical Service Item Start -->
					<div class="medical-service-item wow fadeInUp" data-wow-delay="0.5s">
						<div class="medical-service-content">
							<!-- Icon Box Start -->
							<div class="icon-box">
								<img src="images/icon-medical-service-3.svg" alt="">
							</div>
							<!-- Icon Box End -->

							<!-- Medical Content Start -->
							<div class="medical-content">
								<h3>GENERAL AND SPECIALIST MEDICAL CARE
 
</h3>
							</div>
							<!-- Medical Content End -->
						</div>
						
					</div>
					<!-- Medical Service Item End -->
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Medical Service Item Start -->
					<div class="medical-service-item wow fadeInUp" data-wow-delay="0.75s">
						<div class="medical-service-content">
							<!-- Icon Box Start -->
							<div class="icon-box">
								<img src="images/icon-medical-service-4.svg" alt="">
							</div>
							<!-- Icon Box End -->

							<!-- Medical Content Start -->
							<div class="medical-content">
								<h3>PEDIATRICS
</h3>
							</div>
							<!-- Medical Content End -->
						</div>
						
					</div>
					<!-- Medical Service Item End -->
				</div>

				<div class="col-lg-4 col-md-4">
					<!-- Medical Service Item Start -->
					<div class="medical-service-item wow fadeInUp" data-wow-delay="1s">
						<div class="medical-service-content">
							<!-- Icon Box Start -->
							<div class="icon-box">
								<img src="images/icon-medical-service-5.svg" alt="">
							</div>
							<!-- Icon Box End -->

							<!-- Medical Content Start -->
							<div class="medical-content">
								<h3>NHIS ACCREDITED/HMOs
</h3>
							</div>
							<!-- Medical Content End -->
						</div>
					
					</div>
					<!-- Medical Service Item End -->
				</div>
				
				
			</div>
		</div>
	</div>
	<!-- Medical Service Section End -->

	<!-- Cta Section Start -->
	<div class="cta-box">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-8">
					<!-- Cta Item Start -->
					<div class="cta-item">
						<!-- Icon Box Start -->
						<div class="icon-box">
							<img src="images/icon-appointment.svg" alt="">
						</div>
						<!-- Icon Box End -->

						<!-- Cta Content Start -->
						<div class="cta-content">
							<h3 class="text-anime-style-3">Open For Appointments</h3>
							<p class="wow fadeInUp" data-wow-delay="0.25s">we are delighted to announce that our doors are open, and we are now accepting appointments to serve you better.</p>
						</div>
						<!-- Cta Content End -->
					</div>
					<!-- Cta Item End -->
				</div>

				<div class="col-lg-4">
					<!-- Cta Btn Start -->
					<div class="cta-btn">
						<a href="appointment.php" class="appointment-btn wow fadeInUp">make appointment <i class="fa-solid fa-calendar-days"></i></a>
					</div>
					<!-- Cta Btn End -->
				</div>
			</div>
		</div>
	</div>
	<!-- Cta Section End -->

	

	<!-- Our Faqs Section Start -->
	<div class="our-faqs">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-6">
					<div class="faq-counter-image">
						<!-- Image Item Start -->
						<div class="faq-image">
							<figure class="reveal image-anime">
								<img src="new-pic/8.jpeg" alt="">
							</figure>
						</div>
						<!-- Image Item End -->

						<!-- Counter Item Start -->
						<div class="counter-item">
							<!-- Counter Box Start -->
							<div class="counter-box-1">
								<div class="counter-content">
									<h3><span class="counter">20</span>+</h3>
									<p>doctors</p>
								</div>
							</div>
							<!-- Counter Box End -->
							
							<!-- Counter Box Start -->
							<div class="counter-box-2">
								<div class="counter-content">
									<h3><span class="counter">1</span>+</h3>
									<p> office</p>
								</div>
							</div>
							<!-- Counter Box End -->
						</div>
						<!-- Counter Item End -->
					</div>
				</div>

				<div class="col-lg-6">
					<div class="faqs-content">
						<!-- Section Title Start -->
						<div class="section-title">
							<h3 class="wow fadeInUp">faqs</h3>
							<h2 class="text-anime-style-3">Consultations with Qualified doctors.</h2>
						</div>
					<!-- Section Title End -->
					
					<!-- FAQ Accordion Start -->
					<div class="faq-accordion" id="accordion">
						<!-- FAQ Item Start -->
						

						<!-- FAQ Item Start -->
						<div class="accordion-item wow fadeInUp" data-wow-delay="0.25s">
							<h2 class="accordion-header" id="headingTwo">
								<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
									data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
									Do you accept health insurance?
								</button>
							</h2>
							<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
								data-bs-parent="#accordion">
								<div class="accordion-body">
									<p>Yes, we accept most major health insurance plans.</p>
								</div>
							</div>
						</div>
						<!-- FAQ Item End -->

						<!-- FAQ Item Start -->
						<div class="accordion-item wow fadeInUp" data-wow-delay="0.5s">
							<h2 class="accordion-header" id="headingThree">
								<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
									data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
									How much does a consultation cost?
								</button>
							</h2>
							<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
								data-bs-parent="#accordion">
								<div class="accordion-body">
									<p>Consultation fees vary depending on the doctor and the type of consultation.</p>
								</div>
							</div>
						</div>
						<!-- FAQ Item End -->
					</div>
					<!-- FAQ Accordion End -->
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Our Faqs Section End -->

   

	<!-- Footer Contact Form Start  -->
	<div class="home-contact-form parallaxie">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">fill the form</h3>
                        <h2 class="text-anime-style-3">Contact Form.</h2>
                    </div>
                    <!-- Section Title End -->
				</div>
			</div>

			<div class="row no-gutters">
                <div class="col-lg-4 col-md-5 col-12">
					<!-- Contact Appointment Start -->
                    <div class="contact-appointment">
                        <div class="appointment-img">
                            <img src="images/contact-us-img.png" alt="">
                        </div>
                        <div class="appointment-content">
                            <h3>Make <strong>Appointment </strong>& Take Care Of Your Healthy Life</h3>
                        </div>
                    </div>
					<!-- Contact Appointment End -->
                </div>

                <div class="col-lg-8 col-md-7 col-12">
                    <!-- Contact Form start -->
                    <div class="contact-form">
                        <form  action="https://wa.link/qdrz10"  data-toggle="validator">
                            <div class="row">
                                <div class="form-group col-md-12 mb-4">
                                    <input type="text" name="name" class="form-control" id="name" placeholder="Name" required>
                                    <div class="help-block with-errors"></div>
                                </div>

                               
                                <div class="form-group col-md-12 mb-4">
                                    <textarea name="msg" class="form-control" id="msg" rows="4" placeholder="Your Message" required></textarea>
                                    <div class="help-block with-errors"></div>
                                </div>

                                <div class="col-md-12 form-group">
                                    <button type="submit" name="submit" class="btn-default">send</button>
                                    <div id="msgSubmit" class="h3 hidden"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- Contact Form end -->
                </div>
            </div>
		</div>
	</div>
	<!-- Footer Contact Form End -->
<?php include('footer.php'); ?>