@extends('layouts/ambur-layout')


@section('meta_title')
Best ivf hospital in Ambur |KM NU Hospitals
@endsection



@section('meta_description')
The best IVF care in Ambur at KM NU Hospitals. Experienced specialists, advanced treatments, and personalized care for your journey to parenthood.Schedule an appointment today in Ambur!
@endsection



@section('meta_keywords')
@endsection

@section('custom-css')
<style>
    .section1 {
        background-image: url('assets/images/ivf-new/Banner-image.jpg');

    }

    .row {
        /* margin: auto !important; */
    }

    text {
        display: none;
    }

    .sub_h1 {
        font-size: 83px;
        line-height: 48px;
        font-weight: bold;
        text-align: left;
        color: #144d92;
    }

    .sub_title {
        font-size: 43px;
        text-align: left;
        line-height: 48px;
        color: #144d92;
        margin-bottom: 0;
    }

    .cnt_heading {
        margin-top: 2% !important;
    }

    .mt-20 {
        margin-top: 20px;
    }


    .owl-prev {
        position: absolute;
        top: 25%;
        margin-left: 20px !important;
        display: block !important;
        border: 0px solid black;
    }

    .owl-next {
        position: absolute;
        top: 25%;
        right: 0 !important;
        display: block !important;
        border: 0px solid black;
    }

    .owl-theme .owl-nav {
        display: block !important;
    }

    .owl-prev i,
    .owl-next i {
        transform: scale(1, 6);
        color: #3d3333 !important;
    }

    div.tes_name {
        display: flex;
        text-align: center;
        margin-left: 20px;
    }

    .testimonial_name {
        display: flex;
        margin: auto;
        justify-content: center;
    }

    .owl-prev i,
    .owl-next i {
        transform: scale(1, 6);
        color: white !important;
    }

    div#owl-carousel {
        height: 180px;
    }

    .img_name img {
        width: 50px;
    }

    .img_name p {
        font-size: 12px;
        margin-top: 10px;
    }

    .img_active img {
        width: 70px;
        position: relative;
        top: -22px;
    }

    .img_active p {
        font-size: 17px;
    }

    .d-flex {
        display: flex;
    }

    .vir_box {
        border: 5px solid white;
        max-width: 335px;
        padding: 25px 38px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 30%;
        color: white;
        font-size: 25px;
        font-weight: 700;
    }

    .vir {
        text-align: center;
        height: 204px;
        background: #91a1b6;
    }

    .why-ivf {
        display: flex;
        justify-content: center;
        margin: 30px 0;
    }

    .why-ivf div {
        /* background-image: url('assets/images/ivf-new/image_3.jpg'); */
        padding: 50px 50px;
        /* color: white; */
        color: black;
        border-radius: 12px;
    }

    .container-fluid.fer_css {
        background: #91a1b6;
    }

    .col-4-image1 div.tile .icon {
        /* border: 1px solid #134c8f; */
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        min-height: 200px;
        display: flex;

    }

    .col-4-image1 div.tile .icon img {
        border-radius: 150px;

    }

    .font-35 {
        color: #3d3d3d;
        font-size: 35px;
    }

    .col-4-image1 {
        list-style-type: none;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }

    .col-4-image1 div.tile h6 {
        text-align: center;
        color: #333;
        margin: 5px auto;
    }

    .fer_col {
        color: white !important;
        font-weight: 100;
        font-size: 15px;
    }

    @media(min-width: 910px) {
        .expert_left {
            background: #91a1b6;
            height: 100%;
        }

        .expert_right {
            position: relative;
            left: -43px;
            top: 26px;
            height: 400px;
        }

    }

    .exp_pad {
        padding-left: 12px;
        padding-right: 12px;
    }

    .col-4-image div.tile .icon {
        align-items: center;
        justify-items: center;
        justify-content: center;
        text-align: center;
        min-height: 200px;
        display: flex;
        border: none;
    }

    .col-4-image div.tile .icon img {
        max-width: 165px;
    }

    .col-4-image {
        list-style-type: none;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
        /* gap: 20px; */
    }

    .col-4-image div.tile h6 {
        /* text-align: center; */
        color: #93a2b5 !important;
        /* margin: 5px auto; */
    }

    .logo {
        width: 170px;
    }

    .sub_title {
        font-size: 45px;
        line-height: 52px;
        color: white;
    }

    .sub_h1 {
        font-size: 150px;
        line-height: 120px;
        font-weight: bolder;
        text-align: left;
        color: #00aeef;
    }

    .book_appoinment {
        border-radius: 27px;
        border: 2px solid white;
        text-align: center;
        font-size: 26px;
        color: white;
        width: 83%;
        padding: 10px 10px;
        font-weight: 500;
        cursor: pointer;
    }

    @media(max-width: 768px) {
        .logo_mob {
            text-align: center;
        }

        .owl-prev i,
        .owl-next i {
            margin-left: -27px !important;
        }

        .fer_col {
            font-size: 7px !important;
        }

        /* .ivf_fer_mob{
        text-align:justify;
    } */
        .ivf_pro_mob {
            color: black !important;
        }

        .exp_pad {
            background: #93a2b5;
        }

        .pre_mob {
            background: #d4d4d4;
        }

        .foot_log {
            width: 100%;
        }

        .section {
            padding: 40px 40px;
        }

        .col-4-image1 {
            grid-template-columns: repeat(auto-fit, minmax(35px, 1fr));
            gap: 0px;
        }

        .col-4-image1 div.tile .icon img {
            /* border-radius: 150px; */
            width: 100% !important;
        }

        .col-4-image1 div.tile .icon {
            min-height: auto !important;

        }

        .i_icon {
            font-size: 40px !important;
            color: white !important;
            margin-left: 20px;
            margin-top: 14px;
        }

        .expert_m {
            margin: 0 !important;
            padding: 0 !important;
        }

        .pre_mob {
            margin-top: 15px;
        }


    }

    @media(min-width: 769px) {
        .ivf_pro_mob {
            color: white !important;
        }

        .i_icon {
            margin: auto !important;
            font-size: 40px !important;
            color: white !important;
        }

        .expert_m {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
            padding-top: 0 !important;
        }
    }

    .contact {
        background-color: #0d0e0e;
        padding: 40px;
        color: #212529;
    }

    body {
        background: #eef6fd;
    }

    .banner-bg {
        background-image: url("/assets/images/ivf-new/Banner-image.jpg") !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .bg-primary {
        background-color: #ffdef2 !important;
    }

    .profile-card img {
        border-radius: 100%;
    }
</style>
@endsection


@section('canonical')
https://www.nuhospitals.com/
@endsection

@section('content')
<!-- Start of Form Section -->
<!-- style="font-size: 24px;width: 232px;text-align: justify;color:#154a8d" -->
<!--style="width:300px;text-align:initial;color:#12518e;font-size:34px;font-weight:bold"  -->
<section>
    <!-- Banner section start-->
    <div class="jumbotron text-left banner-bg">
        <div class="row v-center reverse">
            <div class="col-md-6 col-sm-12 p-5 white text-banner">
                <!-- <h1>CRRT</h1> -->
                <!-- <h2>SPACE WHERE THE EXPERTS ARE</h2> -->
                <!-- <p>Visit our OPD or consult us from the comfort of your home</p>
                            <a href="#" class="btn btn-white">Book an Appointment</a><a href="#" class="btn btn-white ml-2">Book a Video consultation</a> -->
            </div>
            <div class="col-md-6 col-sm-12 text-right">
                <div class="row banner-btn">
                    <!-- <img src="{{asset('assets/images/banner/ban-img.gif')}}" class="img-responsive"> --><br>
                    <a href="/request-appointment" class="btn btn-blue">
                        <div class="appointment-img"><img src="{{asset('assets/images/appointment-icon.png')}}" alt="Appointment Icon for KMNU Hospitals - Schedule Your Visit" /></div>
                        <div class="appointment-text">Book an Appointment</div>
                    </a>
                    <a href="https://www.nuhospitals.com/request-video-consultation-social-media/" class="btn btn-blue">
                        <div class="appointment-img"><img src="{{asset('assets/images/book-an-icon.png')}}" alt="Book an Appointment Icon - KMNU Hospitals" /></div>
                        <div class="appointment-text">Book a Video consultation</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- End f Form Section -->

</div>
<!-- Features Starts -->
<section class="section feature-section">
    <div class="container">
        <div class="row" style="margin:0 !important">
            <div class="col-md-12">
                <h1 class="font-35 font-800 gray text-center mb-4 mofont-25 ">Process of IVF</h1>

                <div class="row" style="margin:0 !important">
                    <div class="col-md-12 text-center ">

                        <div class="row" style="margin:0 !important">
                            <div class="col-md-2">

                                <img src="{{asset('assets/images/ivf_new/icon_1.png')}}" alt="Egg Growth with Injections Icon - KM NU Hospitals" class="mb-4 proce" width="90%">
                                <p class="font-600 gray">Stimulation of multiple egg growth with injections to female</p>


                            </div>
                            <div class="col-md-2">

                                <img src="{{asset('assets/images/ivf_new/icon_2.png')}}" alt="Egg Retrieval from Ovaries Icon - KM NU Hospitals" class="mb-4 proce" width="90%">
                                <p class="font-600 gray">Egg retrieval from Ovaries</p>


                            </div>
                            <div class="col-md-2">

                                <img src="{{asset('assets/images/ivf_new/icon_3.png')}}" alt="Fertilisation of Egg by a Sperm Icon - KM NU Hospitals" class="mb-4 proce" width="90%">
                                <p class="font-600 gray">Fertilisation of egg by a sperm in the lab</p>


                            </div>
                            <div class="col-md-2">

                                <img src="{{asset('assets/images/ivf_new/icon_4.png')}}" alt="Growth of Embryo in lab Icon - KM NU Hospitals" class="mb-4 proce" width="90%">
                                <p class="font-600 gray">Growth of embryo in lab for 3-5 days</p>


                            </div>
                            <div class="col-md-2">

                                <img src="{{asset('assets/images/ivf_new/icon_5.png')}}" alt="Embryo Transfer into the Uterus Icon - KM NU Hospitals" class="mb-4 proce" width="90%">
                                <p class="font-600 gray">Transfer of best embryo into the
                                    uterus</p>


                            </div>
                            <div class="col-md-2">

                                <img src="{{asset('assets/images/ivf_new/icon_6.png')}}" alt="Confirmation of Pregnancy Icon - KM NU Hospitals" class="mb-4 proce" width="90%">
                                <p class="font-600 gray">Confirmation of pregnancy after 2 weeks</p>


                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- Features Ends -->
<section class="section">
    <div class="container">
        <div class="row" style="margin:0 !important">
            <div class="col-md-2"></div>
            <div class="col-md-8">

                <div class="banner">
                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="2" class=""></li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="3" class=""></li>

                        </ol>
                        <div class="carousel-inner">


                            <div class="carousel-item active">
                                <img class="d-block w-100" src="{{asset('assets/images/ivf_new/img_1.png')}}" alt="Best IVF Treatment in Ambur - KM NU Hospitals">
                            </div>
                            <div class="carousel-item">
                                <img class="d-block w-100" src="{{asset('assets/images/ivf_new/img_1.png')}}" alt="Best IVF Treatment in Ambur - KM NU Hospitals">
                            </div>

                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>


                    </div>
                </div>
            </div>
            <div class="col-md-2"></div>
        </div>
    </div>
</section>


<section class="section bg-primary">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2 class="mb-4 font-35 font-800 gray text-center mofont-25">Fertility Preservation</h2>
                <div class="row">
                    <div class="col-md-12 text-center ">
                        <div class="row">
                            <div class="col-md-1"></div>
                            <div class="col-md-3">

                                <img src="{{asset('assets/images/ivf_new/icon_7.png')}}" alt="Egg and Sperm Freezing Icon - KM NU Hospitals" class="mb-4 proce" width="40%">
                                <h5 class="font-600 gray">Egg and sperm freezing prior to cancer treatment.</h5>


                            </div>
                            <div class="col-md-1">

                                <img src="{{asset('assets/images/ivf_new/arrow-big.png')}}" alt="Device 1" class="mb-4 proce rotate" width="30%" style="padding-top:50px;">
                            </div>
                            <div class="col-md-3">

                                <img src="{{asset('assets/images/ivf_new/icon_8.png')}}" alt="Egg freezing Icon - KM NU Hospitals" class="mb-4 proce" width="40%">
                                <h5 class="font-600 gray">Egg freezing when the woman wants to
                                    postpone childbearing</h5>


                            </div>
                            <div class="col-md-1">

                                <img src="{{asset('assets/images/ivf_new/arrow-big.png')}}" alt="Device 1" class="mb-4 proce rotate" width="30%" style="padding-top:50px;">
                            </div>
                            <div class="col-md-3">

                                <img src="{{asset('assets/images/ivf_new/icon_9.png')}}" alt="Embryo freezing Icon - KM NU Hospitals" class="mb-4 proce" width="40%">
                                <h5 class="font-600 gray">Embryo freezing</h5>


                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<section class=" section ">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2 class="font-35 font-800 gray text-center mofont-25 ">Preimplantation Genetic testing</h2>

                <h6 class="font-400 text-center mofont-16" style="font-size:25px; color:#606060">Involves the genetic testing of embryos prior to embryo transfer in order<br>to detect any abnormality in the developing embryo or to prevent abortions.</h6>
            </div>

        </div>
    </div>
</section>


<section class="section bg-primary">
    <div class="container">


        <div class="row">
            <div class="col-md-12">
                <div class="row">

                    <div class="col-md-3  text-center">

                        <img src="{{asset('assets/images/ivf_new/testimonial-icon.png')}}" alt="Device 1" class="mb-4 proce" width="80%">
                        <h5 class="font-600 gray">Nahuma Uoosuf</h5>


                    </div>
                    <div class="col-md-2 none">

                        <img src="{{asset('assets/images/ivf_new/arrow-big.png')}}" alt="Device 1" class="mb-4 proce rotate" width="30%" style="padding-top:50px;">
                    </div>

                    <div class="col-md-7">
                        <h2 class="font-35 font-800 gray  mobile-center mofont-25">Testimonials</h2>
                        <h6 class="font-400  mobile-center mofont-16" style="font-size:25px; color:#606060">
                            This place is very nice place. All the doctors and staffs are very kind and very helpful for everything. Nice to meet u all. I love this place very very much.</h6>
                    </div>

                </div>
            </div>
        </div>
    </div>


</section>
<div class="why-ivf">
    <div>
        <h4>Why choose KM NU for IVF?</h4>
        <ul>
            <li>International Fellowship trained expertise</li>
            <li>NABH and NABL Accredited hospital</li>
            <li>Utmost patient confidentiality</li>
            <li>Protocol driven health care delivery</li>
            <li>Smooth coordination with our Reproductive Medicine (Female fertility) specialists</li>
        </ul>
    </div>
</div>
<div class="col-md-12">
    <div class="sep-doctor">
        <h2 class="">MEET OUR DOCTORS</h2>

    </div>
</div>
<!-- </div> -->
<div class="container">
    <!-- <div class=""> -->
    <div class="col-md-12">
        <div class="col-carousel">
            <div class="doctors-lists" id="doctors-list">

            </div>
        </div>
    </div>
    <!-- </div> -->
</div>
<div class="container-fluid ">
    <h2>
        <center> Virtual Tour</center>
    </h2>
    <!-- <div class="vir_box">
            Virtual Tour
        </div> -->
    <div style="border-radius: 10px;">
        <iframe src="https://www.google.com/maps/embed?pb=!4v1555065986205!6m8!1m7!1sCAoSLEFGMVFpcFBYNFR5YXRDSzA4SEFLSFFGOWdUaDNFUURxMVg5akZrWVN1emNl!2m2!1d13.01192608813473!2d77.55285048587712!3f23.21952!4f0!5f0.7820865974627469" width="100%" height="300" frameborder="0" style="border-radius: 10px;" allowfullscreen=""></iframe>
    </div>
</div>
@include('layouts/specialities-layout')
<div class="container-fluid contact" style="display:none;">
    <!-- <div class="row"> -->
    <div class="container color-bg-grey-dark rounded-3">
        <!-- <div class="row"> -->
        <div class="contact-row">
            <div class="left-icon ">
                <img class="footer" src="{{asset('assets/images/cardiology/icon_5.png')}}" alt="Cardiology Services at KM Nuhospitals">
            </div>
            <div class="right-content">
                <h6>Address</h6>
                <p style="color:white;">75/2F2, NH 48, MC Road, Solur, Ambur - 635 814, Tirupattur (Dt.), Tamilnadu</p>
            </div>
        </div>
        <div class="contact-row phone">
            <div class="left-icon ">
                <img class="footer" src="{{asset('assets/images/cardiology/icon_6.png')}}" alt="">
            </div>
            <div class="right-content">
                <h6>Phone Number</h6>
                <ul>
                    <li><a href="tel:+91 84313 14141">+91 84313 14141</a></li>
                    <!-- {{-- <li><a href="tel:+91 63664 28822">+91 63664 28822</a></li> --}}
                        <li><a href="tel:+91 63664 98822">+91 63664 98822</a></li> -->
                </ul>
            </div>
        </div>
        <div class="contact-row">
            <div class="left-icon ">
                <img class="footer" src="{{asset('assets/images/cardiology/icon_7.png')}}" alt="">
            </div>
            <div class="right-content">
                <h6>Email ID</h6>
                <!-- <p><a href="mailto:kmnucares@nuhospitals.com">kmnucares@nuhospitals.com</a></p> -->
                <p><a href="mailto:care.ambur@nuhospitals.com">care.ambur@nuhospitals.com</a></p>
            </div>
        </div>
        <!-- </div> -->
    </div>
    <!-- </div> -->
</div>
@endsection
@section('custom-js')
<script src="{{asset('assets/js/doctors-json.js?ver=2.0')}}"></script>
<script>
    var doctors_filtered_data = "";
    var path = window.location.pathname;
    var doctors_list = [{
        "order": 11,
        "name": "Dr. Sneha J",
        "image_src": "https://www.nufertility.com/assets/images/doctors/Dr-Sneha-old.jpg",
        "speciality": "Infertility",
        "qualification": "MBBS,MD (OBG) AIIMS,DNB (OBG),FIRM (Fellowship in Reproductive Medicine)",
        "designation": "Sr. Consultant- Reproductive Medicine, Female Sexual Health & Gynaecologist",
        "location": "NU Hospitals, Bengaluru",
        "profile_link": "https://www.nufertility.com/dr-sneha-j",
        "video_consult": true
    }];

    function ShowDoctorsLists(DoctorsData) {

        var doctor_view_box_list = "";
        var doctor_view_box = '<div class="col-md-4">' +
            '                    <div class="profile-card">' +
            '                        <div class="blank-space"></div>' +
            '                        <div class="box-shadow">' +
            '                            <div class="profile-img">' +
            '                                <center><img src="ImgSrc" class="img-department"></center>' +
            '                            </div>' +
            '                            <div class="profile-text text-center">' +
            '                                <h5 style="text-align: center;">DrName</h5>' +
            '                                <p>QualificationVal</p>' +
            '                                <hr>' +
            '                                <p>DesignationVal</p>' +
            '                                <center>' +
            '                                    <a href="ProfileLink" target="_blank" class="btn btn-card">View Profile</a>' +
            '                                    <!-- <a href="" class="btn btn-card mb-5">Book An Appointment</a> -->' +
            '                                </center>' +
            '' +
            '                            </div>' +
            '                        </div>' +
            '                    </div>' +
            '                </div>';

        $.each(DoctorsData, function(index, value) {
            var image_src = "https://www.nufertility.com/assets/images/doctors/Dr-Sneha-old.jpg";
            doctor_view_box_list += doctor_view_box.replace(/ImgSrc/, "" + value.image_src)
                .replace(/DrName/, value.name)
                .replace(/QualificationVal/, value.qualification)
                .replace(/DesignationVal/, value.designation)
                .replace(/ProfileLink/, value.profile_link);
        });

        $("#doctors-list").html(doctor_view_box_list);

    }

    ShowDoctorsLists(doctors_list);
</script>
@endsection