<?php include 'header.php';?>

<style>
ul {
    margin-left: 0px;
    list-style: none;
}
.speaker-block-three {
     margin-right: 0px; 
}
#search-bar {
    padding: 6px 20px 6px 44px;
}
.breadcrumb {
    margin-left: auto;
    margin-right: auto;
    display: inline-flex;
}
.breadcrumb .breadcrumb-item a {
    z-index: 999999999999;
    position: relative;
    color: #c6c6c6;
}
.breadcrumb .breadcrumb-item {
    color: #c6c6c6;
    z-index: 999;
}
ul#pills-tab {
    transform: translate(0%, 0%);
}
.nav-pills .nav-link {
    background: #a3a3a300;
}
.nav-pills .nav-link:hover {
    background: #a3a3a300;
}


/*.wrapper {*/
/*  width: 60%;*/
/*}*/

.cnttt {
  background-color: white;
  color: black;
  border-radius: 20px;
  box-shadow: 0 5px 10px 0 rgb(0,0,0,0.25);
      margin-bottom: 20px;

}

.question {
  /*font-size: 1.2rem;*/
  font-weight: 600;
  padding: 20px 80px 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.question::after {
  content: "\002B";
  font-size: 2.2rem;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}

.question.active::after {
  transform: rotate(45deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.answer {
  padding: 0 20px 20px;
  line-height: 1.5rem;
}

.question.active + .answercont {
}

@media screen and (max-width: 790px){
  html {
    font-size: 14px;
  }
  .wrapper {
  width: 80%;
}
}

.cicrimg {
    margin-bottom: -28%;
    width: 54%;
    margin-top: 6%;
}
.buildh3 {
    font-size: 24px;
    width: 24%;
}
.buildimg {
    height: 450px;
}


.wrapper {
  margin: 2% auto 0 auto;
  max-width: 700px;
  font-family: 'Source Sans Pro', sans-serif;
}

.print-tab {
  margin-bottom: 3em;
	width: 100%;
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.62);
	overflow: hidden;
}
	
.print-tab ul.print-tab-menu {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
  white-space: nowrap;
	background: #f3f3f3;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 4px;
}
	
.print-tab ul.print-tab-menu > li {
	position: relative;
	margin: 0 -0.2em 0 0;
	display: inline-block;
	cursor: pointer;
}

.print-tab ul.print-tab-menu > li.active {
	border-top: 3px solid red;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.14902) 0px -2px 3px 0px;
	z-index: 2;
}

.print-tab ul.print-tab-menu > li > a {
	display: block;
  min-width: 140px; 
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #818181;
	font-size: 15px;
	line-height: 50px;
	text-align: center;
}

.print-tab .print-tab-content > div {
	margin-top: -3px;
	position: relative;
	padding: 5px;
	display: none;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.298039) 1px 0px 10px 1px;
}

.print-tab .print-tab-content > div.view {
	display: block;
	width: 100%;
	min-height: 200px;
}

.print-tab .print-tab-content > div p {
  text-align: center;
  min-height: 200px;
  line-height: 200px;
  display: block;
}

</style>


        <div class="ttm-page-title-row first-div">
            <div class="ttm-page-title-row-inner ttm-bgcolor-darkgrey">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                 <h3 class="center hdwdth" style="z-index: 999;position: relative;"><span>Pregnancy  </span> Care</h3>
                                <!--<h2 class="title">Pediatric Cardiology</h2>-->
                            </div>
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item"><a href="#"> Home</a></li>
                                <li class="breadcrumb-item"> <i class="fas fa-chevron-right"></i> <a href="#"> Specialites </a></li>
                                <li class="breadcrumb-item active"> <i class="fas fa-chevron-right"></i> <span>Pregnancy Care</span></li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>                    
        </div>

        
        <section class="pb-100">
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
                    </div>
                    <div class="col-md-5">
                        <img src="images/website-f1.jpg" class="wd100" style="border-radius: 20px;">
                        <!--<div class="spbtn">-->
                        <!--    <button class="banapp spbtncls">Book An Appointment</button>-->
                        <!--    <button class="banapp spbtncls fr">View Doctors</button>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
        </section>
        
        
        <section>
            <div class="container">
                <div class="wrapper">

  <div class="print-tab" data-tab-id="1">
    <ul class="print-tab-menu">
      <li data-tab-menu="tab1"><a>Tab 1</a></li>
      <li data-tab-menu="tab2"><a>Tab 2</a></li>
      <li data-tab-menu="tab3"><a>Tab 3</a></li>
      <li data-tab-menu="tab4"><a>Tab 4</a></li>
      <li data-tab-menu="tab5"><a>Tab 5</a></li>
    </ul>
    <div class="print-tab-content">
      <div data-tab-content="tab1"><p>İçerik 1</p></div>
      <div data-tab-content="tab2"><p>İçerik 2</p></div>
      <div data-tab-content="tab3"><p>İçerik 3</p></div>
      <div data-tab-content="tab4"><p>İçerik 4</p></div>
      <div data-tab-content="tab5"><p>İçerik 5</p></div>
    </div>
  </div>
  
 
</div>
            </div>
        </section>

        <section class="greybck ptb-100">
            <div class="container cnt animated fadeIn" data-animation="fadeIn">
                <h3 class="center hdwdth animated slideInDown" data-animation="slideInDown" data-animation-delay=".5s"><span>Pregnancy  </span> Care Services</h3>
                <div class="row animation-group">
                    <div class="col-md-4">
                        <div class="whtbox" data-animation="fadeInLeft">
                            <div class="whtboxpadd">
                                <h4><b>Prenatal</b> <br>Care</h4>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                            </div>
                            <img src="images/logoopacity.webp" class="splogopacity">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="whtbox" data-animation="fadeInLeft">
                            <div class="whtboxpadd">
                                <h4><b>Prenatal</b> <br>Care</h4>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                            </div>
                            <img src="images/logoopacity.webp" class="splogopacity">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="whtbox" data-animation="fadeInLeft">
                            <div class="whtboxpadd">
                                <h4><b>Prenatal</b> <br>Care</h4>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                            </div>
                            <img src="images/logoopacity.webp" class="splogopacity">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="whtbox" data-animation="fadeInLeft">
                            <div class="whtboxpadd">
                                <h4><b>Prenatal</b> <br>Care</h4>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                            </div>
                            <img src="images/logoopacity.webp" class="splogopacity">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="whtbox" data-animation="fadeInLeft">
                            <div class="whtboxpadd">
                                <h4><b>Prenatal</b> <br>Care</h4>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                            </div>
                            <img src="images/logoopacity.webp" class="splogopacity">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="whtbox" data-animation="fadeInLeft">
                            <div class="whtboxpadd">
                                <h4><b>Prenatal</b> <br>Care</h4>
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</p>
                            </div>
                            <img src="images/logoopacity.webp" class="splogopacity">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="ptb-100">
            <div class="container animated fadeIn" data-animation="fadeIn">
                <h3 class="center hdwdth animated slideInDown" data-animation="slideInDown" data-animation-delay=".5s"><span>Our  </span> Doctors</h3>
                <div class="row mt-7">
                    <div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active" data-bs-interval="10000">
                                <div class="row">
                                    <div class="speaker-block-three col-xl-3 col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                                        <div class="inner-box">
                                            <div class="image-box">
                                                <figure class="image"></figure>
                                            </div>
                                            <div class="info-box">
                                                <h4 class="name"><a href="#">Dr. Lorem Ipsum</a></h4>
                                                <span class="designation">Orthopaedics</span>
                                            </div>
                                            <div class="social-box">
                                                <ul class="social-links social-icon-colored">
                                                    <li><a href="doctor-detail.php"><button class="banapp">View Profile</button></a></li>
                                                    <li><a href="#"><button class="banapp">Book An Appointment</button></a></li>
                                                    <li><a href="#"><button class="banapp">Video Consultation</button></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="speaker-block-three col-xl-3 col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                                        <div class="inner-box">
                                            <div class="image-box">
                                                <figure class="image"></figure>
                                            </div>
                                            <div class="info-box">
                                                <h4 class="name"><a href="#">Dr. Lorem Ipsum</a></h4>
                                                <span class="designation">Orthopaedics</span>
                                            </div>
                                            <div class="social-box">
                                                <ul class="social-links social-icon-colored">
                                                    <li><a href="doctor-detail.php"><button class="banapp">View Profile</button></a></li>
                                                    <li><a href="#"><button class="banapp">Book An Appointment</button></a></li>
                                                    <li><a href="#"><button class="banapp">Video Consultation</button></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="speaker-block-three col-xl-3 col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                                        <div class="inner-box">
                                            <div class="image-box">
                                                <figure class="image"></figure>
                                            </div>
                                            <div class="info-box">
                                                <h4 class="name"><a href="#">Dr. Lorem Ipsum</a></h4>
                                                <span class="designation">Orthopaedics</span>
                                            </div>
                                            <div class="social-box">
                                                <ul class="social-links social-icon-colored">
                                                    <li><a href="doctor-detail.php"><button class="banapp">View Profile</button></a></li>
                                                    <li><a href="#"><button class="banapp">Book An Appointment</button></a></li>
                                                    <li><a href="#"><button class="banapp">Video Consultation</button></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="speaker-block-three col-xl-3 col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                                        <div class="inner-box">
                                            <div class="image-box">
                                                <figure class="image"></figure>
                                            </div>
                                            <div class="info-box">
                                                <h4 class="name"><a href="#">Dr. Lorem Ipsum</a></h4>
                                                <span class="designation">Orthopaedics</span>
                                            </div>
                                            <div class="social-box">
                                                <ul class="social-links social-icon-colored">
                                                    <li><a href="doctor-detail.php"><button class="banapp">View Profile</button></a></li>
                                                    <li><a href="#"><button class="banapp">Book An Appointment</button></a></li>
                                                    <li><a href="#"><button class="banapp">Video Consultation</button></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="carousel-item" data-bs-interval="2000">
                                <div class="row">
                                    <div class="speaker-block-three col-xl-3 col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                                        <div class="inner-box">
                                            <div class="image-box">
                                                <figure class="image"></figure>
                                            </div>
                                            <div class="info-box">
                                                <h4 class="name"><a href="#">Dr. Lorem Ipsum</a></h4>
                                                <span class="designation">Orthopaedics</span>
                                            </div>
                                            <div class="social-box">
                                                <ul class="social-links social-icon-colored">
                                                    <li><a href="doctor-detail.php"><button class="banapp">View Profile</button></a></li>
                                                    <li><a href="#"><button class="banapp">Book An Appointment</button></a></li>
                                                    <li><a href="#"><button class="banapp">Video Consultation</button></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                            
                                                        </div>
                                                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" 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="#carouselExampleDark" data-bs-slide="next">
                                                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                                            <span class="visually-hidden">Next</span>
                                                        </button>
                                                        
                                                    </div>
                </div>
            </div>
        </section>

        
<section class="ptb-100">
    <div class="wrapper">
        <h3 class="center hdwdth animated slideInDown" data-animation="slideInDown" data-animation-delay=".5s" style="padding-bottom:70px;"><span>FAQs  </span> </h3>
        <div class="container cnttt">
            <div class="question">Which is the best cardiac hospital in Mumbai?</div>
            <div class="answercont">
                <div class="answer">
                    Holy Family Hospital, Mumbai, has emerged as the best cardiac hospitals in Mumbai, offering excellent cardiac surgery, interventional cardiology, and emergency heart care with the assistance of leading cardiologists and high-tech technology. 
                </div>
            </div>
        </div>
  
        <div class="container cnttt">
            <div class="question">What makes Holy Family Hospital the best cardiology hospital in Mumbai?</div>
            <div class="answercont">
                <div class="answer">
                    Holy Family Hospital, Mumbai, blends its best medical expertise with state-of-the-art infrastructure to serve as the premier cardiology hospital in Mumbai for diagnosis, treatment, and long-term cardiac rehabilitation since 80+ years. 
                </div>
            </div>
        </div>
        
        <div class="container cnttt">
            <div class="question">Who are the best cardiac surgeons in Mumbai?  </div>
            <div class="answercont">
                <div class="answer">
                    Some of the best cardiac surgeons of Mumbai provide critical heart surgeries at Holy Family Hospital, Mumbai, including bypass surgery (CABG), valve repair and replacement, aortic surgeries with exceptional precision and results. 
                </div>
            </div>
        </div>
        
        <div class="container cnttt">
            <div class="question">Where can I get the safest heart surgery in Mumbai?  </div>
            <div class="answercont">
                <div class="answer">
                    Holy Family Hospital, Mumbai is one of the most esteemed hospitals for heart surgery in Mumbai with a committed team of cardiothoracic surgeons, dedicated cardiac operation theatres, and NABH-accredited care. 
                </div>
            </div>
        </div>
        
        <div class="container cnttt">
            <div class="question">Which Hospital the most trusted heart care hospital in Mumbai?  </div>
            <div class="answercont">
                <div class="answer">
                    Holy Family Hospital, Mumbai, is rated the finest for cardiac care in the city of Mumbai based on its comprehensive care model, which integrates preventive cardiology, interventional procedures, and post-surgical rehabilitation. 
                </div>
            </div>
        </div>
  
    </div>
</section>



<script src="https://storage.ko-fi.com/cdn/scripts/overlay-widget.js"></script>

<script>
    let question = document.querySelectorAll(".question");

question.forEach(question => {
  question.addEventListener("click", event => {
    const active = document.querySelector(".question.active");
    if(active && active !== question ) {
      active.classList.toggle("active");
      active.nextElementSibling.style.maxHeight = 0;
    }
    question.classList.toggle("active");
    const answer = question.nextElementSibling;
    if(question.classList.contains("active")){
      answer.style.maxHeight = answer.scrollHeight + "px";
    } else {
      answer.style.maxHeight = 0;
    }
  })
})

</script>



<script>
    	$(function(){

		$.each($(".print-tab .print-tab-menu > li"), function(index, value){
			var menu = $(value).data('tab-menu');
			var tabID = $(value).parent().parent().data('tab-id');
			var hash = window.location.hash.split("#").join('');
			
			if(hash.length > 0){
					
				if(menu == hash){
					$('.print-tab[data-tab-id="' + tabID + '"] .print-tab-menu > li[data-tab-menu="' + menu + '"]').addClass('active');
					$('.print-tab[data-tab-id="' + tabID + '"] .print-tab-content > div[data-tab-content="' + menu + '"]').addClass('view');
				}
				
			}else{
				$('.print-tab[data-tab-id="' + tabID + '"] .print-tab-menu > li:eq(0)').addClass('active');
				$('.print-tab[data-tab-id="' + tabID + '"] .print-tab-content > div:eq(0)').addClass('view');
			}
		});
		


		$(".print-tab .print-tab-menu > li").click(function(event){
			var $this = $(this),
				$data = $this.data('tab-menu'),
				$tabID = $this.parent().parent().data('tab-id');
			if(!$(this).hasClass("active")){

				window.location.hash = $data;
				
				$('.print-tab[data-tab-id="' + $tabID + '"] .print-tab-menu > li').removeClass('active');
				$(this).addClass('active');
				
				$('.print-tab[data-tab-id="' + $tabID + '"] .print-tab-content > div.view').removeClass('view');
				$('.print-tab[data-tab-id="' + $tabID + '"] .print-tab-content > div[data-tab-content="' + $data + '"]').addClass('view');
			}
		});
	});
</script>
<?php include 'footer.php';?>
