PageSourceSearch

https://kiraninfertilitycenterdelhi.com/news-and-media

html kiraninfertilitycenterdelhi.com collected 2026-10-04 03:10:33 UTC 123,743 bytes, 4,355 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>News & Media | Kiran Infertility Center Delhi | IVF Press Coverage</title>
7
8<meta name="description" content="Stay updated with the latest news, media coverage, and press releases from Kiran Infertility Center Delhi. Explore our contributions to global fertility advancements.">
9<meta name="keywords" content="KIC Delhi news, fertility center media coverage, IVF press releases India, Kiran Infertility Center in news, fertility medical updates">
10<meta name="robots" content="index, follow">
11<link rel="canonical" href="https://kiraninfertilitycenterdelhi.com/news-and-media">
12
13<link rel="icon" type="image/png" href="/img/logo.png">
14<link rel="apple-touch-icon" href="/img/logo.png">
15
16<!-- Open Graph / WhatsApp / Facebook -->
17<meta property="og:type" content="website">
18<meta property="og:title" content="News &amp; Media | Kiran Infertility Center Delhi | IVF Press Coverage">
19<meta property="og:description" content="Stay updated with the latest news, media coverage, and press releases from Kiran Infertility Center Delhi. Explore our contributions to global fertility advancements.">
20<meta property="og:url" content="https://kiraninfertilitycenterdelhi.com/news-and-media">
21
22<!-- WhatsApp Share Image -->
23<meta property="og:image" content="https://kiraninfertilitycenterdelhi.com/img/gallery/about-1-kiran.webp">
24<meta property="og:image:url" content="https://kiraninfertilitycenterdelhi.com/img/gallery/about-1-kiran.webp">
25<meta property="og:image:secure_url" content="https://kiraninfertilitycenterdelhi.com/img/gallery/about-1-kiran.webp">
26<meta property="og:image:type" content="image/webp">
27<meta property="og:image:alt" content="Kiran Infertility Center Delhi">
28
29<!-- Twitter -->
30<meta name="twitter:card" content="summary_large_image">
31<meta name="twitter:title" content="News &amp; Media | Kiran Infertility Center Delhi | IVF Press Coverage">
32<meta name="twitter:description" content="Stay updated with the latest news, media coverage, and press releases from Kiran Infertility Center Delhi. Explore our contributions to global fertility advancements.">
33<meta name="twitter:image" content="https://kiraninfertilitycenterdelhi.com/img/gallery/about-1-kiran.webp">
34<meta name="twitter:image:alt" content="Kiran Infertility Center Delhi">
35
36<!-- Schema -->
37
38<script type="application/ld+json">
39{
40  "@context": "https://schema.org",
41  "@type": "MedicalOrganization",
42  "name": "Kiran Infertility Center Delhi",
43  "description": "Latest news and media publications regarding IVF, surrogacy, and fertility treatments from Kiran Infertility Center.",
44  "url": "https://kiraninfertilitycenterdelhi.com",
45  "logo": "https://kiraninfertilitycenterdelhi.com/img/logo.png",
46  "brand": {
47    "@type": "Brand",
48    "name": "KIC Delhi Newsroom"
49  }
50}
51</script>
vendor: 1 bytes, line 51
51
52<script type="application/ld+json">
53{
54  "@context": "https://schema.org/", 
55  "@type": "BreadcrumbList", 
56  "itemListElement": [{
57    "@type": "ListItem", 
58    "position": 1, 
59    "name": "Home",
60    "item": "https://kiraninfertilitycenterdelhi.com/"  
61  },{
62    "@type": "ListItem", 
63    "position": 2, 
64    "name": "News & Media",
65    "item": "https://kiraninfertilitycenterdelhi.com/news-and-media"  
66  }]
67}
68</script>
68  
68<script src="https://cdn.tailwindcss.com"></script>
68
69  <!--
69<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
69-->
70  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
71  
71<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
71
72  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
73  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/aos.css" rel="stylesheet">
74  <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"-->
75  <!--  integrity="sha512-pO1VKeCJn+gO5qbD2E0mG/5+qJ/Ao+zO+KGDFgu+cmClJBpLtvTn0fM0Nw5eVp+qsDF0FUbs49aT9eKxFLfjIg=="-->
76  <!--  crossorigin="anonymous" referrerpolicy="no-referrer" />-->
77    <!-- icon -->
78    <link rel="icon" type="image/png" href="logo.png">
79
80  <!--<link href="https://cdn.jsdelivr.net/npm/remixicon/fonts/remixicon.css" rel="stylesheet">-->
81  <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
82
83  <link rel="stylesheet" href="/style.css">
84  <link rel="stylesheet" href="/aboutstyle.css">
85  
86  <!-- Google Tag Manager -->
87<script>
vendor: 327 bytes, lines 87-91
87(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
88new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
89j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
90'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
91})(window,document,'script','dataLayer','
91GTM-PBRLV3TM
vendor: 3 bytes, line 91
91');
91</script>
91
92<!-- End Google Tag Manager -->
93
94<!-- Facebook Pixel Code -->
95<script nonce="Krl6vIok">
vendor: 396 bytes, lines 95-102
95
96!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
97n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
98n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
99t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
100document,'script','https://connect.facebook.net/en_US/fbevents.js');
101
102fbq('init', '
1021656029232486688
vendor: 29 bytes, lines 102-103
102');
103fbq('track', "PageView");
103</script>
103
104<noscript><img height="1" width="1" style="display:none"
105src="https://www.facebook.com/tr?id=1656029232486688&ev=PageView&noscript=1"
106/></noscript>
107<!-- End Facebook Pixel Code -->
108<meta name="google-site-verification" content="hA2mutz9tyzJhOkqO212bEnXvFH5299i5a1jUI7LhI8" />
109<link
110rel="preload"
111as="image"
112href="/img/our-location-mobile-banner.avif"
113fetchpriority="high">
114  
115</head>
116
117<style>
118a.openModalBtn.bg-white.text-white-900.hover\:bg-pink-50.px-10.py-4.rounded-full.font-bold.transition-all.shadow-lg.transform.hover\:-translate-y-1.text-center.py-3.px-6.rounded-lg.font-medium.transition.animated-bg {
119    color: #000;
120}
121
122a.openModalBtn.w-full.bg-white.text-white-900.py-4.rounded-2xl.font-bold.hover\:bg-pink-50.transition-colors.shadow-lg.text-center.py-3.px-6.rounded-lg.font-medium.transition.animated-bg {
123    color: #000;
124}
125
126/* =========================================
127   MOBILE WHATSAPP CTA
128   ========================================= */
129
130.mobile-whatsapp-cta {
131    display: none;
132}
133
134@media (max-width: 767px) {
135
136    .mobile-whatsapp-cta {
137        display: block;
138        width: 100%;
139        /*padding: 10px 12px;*/
140        background: #fff;
141    }
142
143    .mobile-whatsapp-cta a {
144        display: flex;
145        align-items: center;
146        justify-content: center;
147        gap: 12px;
148
149        width: 100%;
150        min-height: 58px;
151
152        /*padding: 8px 18px;*/
153
154        background: #0caf4b;
155        color: #fff;
156
157        /*border-radius: 30px;*/
158
159        text-decoration: none;
160
161        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
162
163        transition: all 0.3s ease;
164    }
165
166    .mobile-whatsapp-cta a:hover {
167        background: #099642;
168        color: #fff;
169    }
170
171    .whatsapp-icon {
172        width: 44px;
173        height: 44px;
174
175        display: flex;
176        align-items: center;
177        justify-content: center;
178
179        flex-shrink: 0;
180
181        background: #fff;
182        color: #0caf4b;
183
184        border-radius: 50%;
185
186        font-size: 28px;
187    }
188
189    .whatsapp-text {
190        font-size: 16px;
191        line-height: 1.3;
192        font-weight: 500;
193    }
194
195    .whatsapp-text strong {
196        font-weight: 800;
197    }
198}
199
200
201/* Desktop par completely hide */
202@media (min-width: 768px) {
203    .mobile-whatsapp-cta {
204        display: none !important;
205    }
206}   
207</style>
208
209<body>
210<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 210-211
210
211<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
211GTM-PBRLV3TM
vendor: 83 bytes, lines 211-212
211"
212height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
213<!-- End Google Tag Manager (noscript) -->
214  <!-- header start -->
215  <!-- header start -->
216<header class="hidden md:block w-full bg-gradient-to-r from-purple-600 to-purple-300">
217    
218    
219
220  <div class="max-w-7xl mx-auto flex flex-col md:flex-row 
221              md:justify-between md:items-center 
222              px-4 py-2">
223
224    <!-- Phone & Email -->
225    <div class="flex flex-col sm:flex-row items-center 
226                space-y-2 sm:space-y-0 sm:space-x-4 
227                text-white text-md">
228
229      <a href="tel:919311996602" 
230         class="hover:underline flex items-center space-x-1">
231        
232        <!-- White Call Icon -->
233        <svg xmlns="http://www.w3.org/2000/svg" 
234             class="w-4 h-4 text-white" 
235             fill="currentColor" 
236             viewBox="0 0 24 24">
237          <path d="M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011-.24 
238          11.36 11.36 0 003.58.57 1 1 0 011 1v3.5a1 1 0 01-1 1A17.93 
239          17.93 0 012 5a1 1 0 011-1H6.5a1 1 0 011 1 11.36 
240          11.36 0 00.57 3.58 1 1 0 01-.25 1l-2.2 2.21z"/>
241        </svg>
242
243        <span>+91 93119 96602</span>
244      </a>
245
246      <a href="mailto:[email protected]" 
247         class="hover:underline text-center">
248        ✉ [email protected]
249      </a>
250
251    </div>
252    
253    
254
255    <!-- Social Icons -->
256    <div class="flex justify-center md:justify-end 
257                space-x-3 mt-3 md:mt-0">
258         <div class="relative group notranslate">
259    <button id="langDropdownBtn" class="flex items-center gap-2 px-3 py-2 bg-white border border-gray-200 rounded-full shadow-sm hover:border-purple-400 transition-all duration-300 min-w-[110px] justify-between">
260        <div class="flex items-center gap-2">
261            <img id="currentFlag" src="/img/flags/united-states.png" class="w-5 h-auto rounded-sm shadow-sm" alt="EN">
262            <span id="currentLangText" class="text-xs font-bold text-slate-700 uppercase">EN</span>
263        </div>
264        <i class="fas fa-chevron-down text-[10px] text-gray-400 group-hover:rotate-180 transition-transform"></i>
265    </button>
266
267    <ul class="absolute right-0 mt-2 w-64 bg-white border border-gray-100 rounded-2xl shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-[100] py-2 max-h-80 overflow-y-auto custom-scrollbar">
268        
269        <li class="px-4 py-1 text-[10px] font-bold text-gray-400 uppercase tracking-widest">Regional</li>
270        <li><a href="javascript:void(0)" onclick="updateLang('en|en', '/img/flags/united-states.png', 'EN')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
271            <img src="/img/flags/united-states.png" alt="English (EN) Flag" class="w-5 h-auto"> English (EN)</a></li>
272        <li><a href="javascript:void(0)" onclick="updateLang('en|hi', '/img/flags/india.png', 'HI')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
273            <img src="/img/flags/india.png" alt="Hindi (HI) Flag" class="w-5 h-auto"> हिन्दी (HI)</a></li>
274        <li><a href="javascript:void(0)" onclick="updateLang('en|bn', '/img/flags/bangladesh.png', 'BN')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
275            <img src="/img/flags/bangladesh.png" alt="Bengali (BN) Flag" class="w-5 h-auto"> বাংলা (BN)</a></li>
276        
277        <li class="px-4 py-1 mt-2 text-[10px] font-bold text-gray-400 uppercase tracking-widest border-t border-gray-50 pt-2">Africa & Middle East</li>
278        <li><a href="javascript:void(0)" onclick="updateLang('en|ar', '/img/flags/uae.png', 'AR')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
279            <img src="/img/flags/uae.png" alt="Arabic (AR) Flag - United Arab Emirates" class="w-5 h-auto"> العربية (AR)</a></li>
280        <li><a href="javascript:void(0)" onclick="updateLang('en|ar', '/img/flags/suadi.png', 'AR')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
281            <img src="/img/flags/suadi.png" alt="Arabic (Saudi) Flag - Saudi Arabia" class="w-5 h-auto"> العربية (Saudi)</a></li>
282        <li><a href="javascript:void(0)" onclick="updateLang('en|ar', '/img/flags/sudan.png', 'AR')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
283            <img src="/img/flags/sudan.png" alt="Arabic (Sudan) Flag - Sudan" class="w-5 h-auto"> العربية (Sudan)</a></li>
284        <li><a href="javascript:void(0)" onclick="updateLang('en|am', '/img/flags/Ethiopia.png', 'AM')" alt="Amharic (AM) Flag - Ethiopia" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
285            <img src="/img/flags/Ethiopia.png" alt="Amharic (AM) Flag - Ethiopia" class="w-5 h-auto"> አማርኛ (AM)</a></li>
286        <li><a href="javascript:void(0)" onclick="updateLang('en|sw', '/img/flags/tanzania.png', 'SW')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
287            <img src="/img/flags/tanzania.png" alt="Kiswahili (SW) Flag - Tanzania" class="w-5 h-auto"> Kiswahili (SW)</a></li>
288
289
290<li>
291    <a href="javascript:void(0)" onclick="updateLang('en|da', '/img/flags/denmark.png', 'DA')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
292        <img src="/img/flags/denmark.png" alt="Danish (DA) Flag - Denmark" class="w-5 h-auto shadow-sm" alt="Danish"> Danish (DA)
293    </a>
294</li>
295
296<li>
297    <a href="javascript:void(0)" onclick="updateLang('en|sv', '/img/flags/sweden.png', 'SV')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
298        <img src="/img/flags/sweden.png" alt="Swedish (SV) Flag - Sweden" class="w-5 h-auto shadow-sm" alt="Swedish"> Swedish (SV)
299    </a>
300</li>
301        <li class="px-4 py-1 mt-2 text-[10px] font-bold text-gray-400 uppercase tracking-widest border-t border-gray-50 pt-2">Global</li>
302        <li><a href="javascript:void(0)" onclick="updateLang('en|fr', '/img/flags/france.png', 'FR')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
303            <img src="/img/flags/france.png" alt="French (FR) Flag - France" class="w-5 h-auto"> Français (FR)</a></li>
304        <li><a href="javascript:void(0)" onclick="updateLang('en|de', '/img/flags/germany.png', 'DE')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
305            <img src="/img/flags/germany.png" alt="German (DE) Flag - Germany" class="w-5 h-auto"> Deutsch (DE)</a></li>
306        <li><a href="javascript:void(0)" onclick="updateLang('en|es', '/img/flags/spain.png', 'ES')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
307            <img src="/img/flags/spain.png" alt="Spanish (ES) Flag - Spain" class="w-5 h-auto"> Español (ES)</a></li>
308        <li><a href="javascript:void(0)" onclick="updateLang('en|it', 'img/flags/italy.png', 'IT')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
309            <img src="/img/flags/italy.png"alt="Italian (IT) Flag - Italy" class="w-5 h-auto"> Italiano (IT)</a></li>
310        <li><a href="javascript:void(0)" onclick="updateLang('en|en', '/img/flags/australia.png', 'AU')" class="flex items-center gap-3 px-4 py-2 hover:bg-purple-50 text-sm text-slate-600 transition font-medium">
311            <img src="/img/flags/australia.png"alt="Australia (AU) Flag" class="w-5 h-auto"> Australia (AU)</a></li>
312    </ul>
313</div>
314
315
316        <!-- WhatsApp Button -->
317       <a href="https://wa.me/919311996603?text=Hello%21%20I%E2%80%99m%20interested%20in%20fertility%2FIVF%20treatment.%20Please%20share%20more%20details."
318   target="_blank"
319   rel="noopener noreferrer"
320   aria-label="WhatsApp"
321   class="flex items-center gap-2 px-4 py-2 rounded-full
322          bg-green-500 text-white
323          font-semibold text-sm
324          shadow-md
325          transition-all duration-300">
326
327    <i class="fab fa-whatsapp text-xl"></i>
328    <span>WhatsApp</span>
329
330</a>
331
332      <!-- Facebook -->
333      <!--<a href="https://www.facebook.com/share/1DgLG4Qcs8/" -->
334      <!--   target="_blank"-->
335      <!--   class="group flex items-center justify-center w-8 h-8 rounded-full -->
336      <!--   border-2 bg-white shadow-md relative">-->
337      <!--  <img src="/img/social-icons/facebook.png" -->
338      <!--       alt="Facebook" class="w-6 h-5" />-->
339      <!--</a>-->
340
341      <!-- Twitter -->
342      <!--<a href="https://x.com/kicdelhi" -->
343      <!--   target="_blank"-->
344      <!--   class="group flex items-center justify-center w-8 h-8 rounded-full -->
345      <!--   border-2 bg-white shadow-md relative">-->
346      <!--  <img src="/img/social-icons/twitter (1).png" -->
347      <!--       alt="Twitter" class="w-4 h-4" />-->
348      <!--</a>-->
349
350      <!-- LinkedIn -->
351      <!--<a href="https://www.linkedin.com/company/kiraninfertilitydelhi/" -->
352      <!--   target="_blank"-->
353      <!--   class="group flex items-center justify-center w-8 h-8 rounded-full -->
354      <!--   border-2 bg-white shadow-md relative">-->
355      <!--  <img src="/img/social-icons/linkedin.png" -->
356      <!--       alt="LinkedIn" class="w-4 h-4" />-->
357      <!--</a>-->
358
359      <!-- Instagram -->
360      <!--<a href="https://www.instagram.com/kiraninfertilitydelhi?igsh=MWF5cnAxNWtlcmZxeQ==" -->
361      <!--   target="_blank"-->
362      <!--   class="group flex items-center justify-center w-8 h-8 rounded-full -->
363      <!--   border-2 bg-white shadow-md relative">-->
364      <!--  <img src="/img/social-icons/instagram.png" -->
365      <!--       alt="Instagram" class="w-4 h-4" />-->
366      <!--</a>-->
367
368      <!-- Pinterest -->
369      <!--<a href="https://in.pinterest.com/kicpixelproindia/" -->
370      <!--   target="_blank"-->
371      <!--   class="group flex items-center justify-center w-8 h-8 rounded-full -->
372      <!--   border-2 bg-white shadow-md relative">-->
373      <!--  <img src="/img/social-icons/social (3).png" -->
374      <!--       alt="Pinterest" class="w-6 h-6" />-->
375      <!--</a>-->
376
377      <!-- YouTube -->
378      <!--<a href="https://youtube.com/@kiraninfertilitydelhi?si=gE_9dpfZ_VkdHzVq" -->
379      <!--   target="_blank"-->
380      <!--   class="group flex items-center justify-center w-8 h-8 rounded-full -->
381      <!--   border-2 bg-white shadow-md relative">-->
382      <!--  <img src="/img/social-icons/ty.png" -->
383      <!--       alt="YouTube" class="w-6 h-6" />-->
384      <!--</a>-->
385
386    </div>
387  </div>
388</header>
389
390  <!-- header end  -->
391
392  <!-- navber Start  -->
393
394  <nav class="sticky top-0 bg-white border-b shadow-sm z-50 relative overflow-visible">
395
396  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
397
398    <!-- 3 Column Layout -->
399    <div class="grid grid-cols-[auto_1fr_auto] items-center h-20">
400
401     <!-- FLOATING LOGO -->
402<div class="relative">
403
404    <a href="/"
405       class="absolute
406              top-4 -translate-y-1/2
407              left-2 sm:left-4 md:-left-8
408              flex items-center justify-center
409              w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24
410              rounded-full bg-white
411              border-4 border-white
412              shadow-2xl
413              ring-4 ring-purple-100
414              transition-all duration-300 hover:scale-105
415              z-50">
416
417        <img src="/logo.png"
418             alt="Kiran Infertility Center"
419             class="w-12 h-12 sm:w-16 sm:h-16 md:w-20 md:h-20 object-contain" />
420
421    </a>
422
423</div>
424
425<!-- MOBILE CENTER FREE CONSULTATION BUTTON -->
426<div class="md:hidden absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 z-40">
427    
428    <a id="openModalBtn"
429       href="#"
430       class="openModalBtn inline-flex items-center justify-center
431              px-8 py-2.5
432              rounded-full
433              bg-[#7e22ce]
434              text-white
435              text-xs font-semibold
436              shadow-lg
437              whitespace-nowrap
438              hover:bg-purple-800
439              transition-all duration-300">
440        Book Appointment
441    </a>
442
443</div>
444
445      <!-- CENTER : MENU -->
446      <div class="hidden md:flex justify-center">
447        <ul class="flex space-x-8 font-medium items-center">
448
449<!-- Home -->
450<li>
451<a href="/" 
452   class="hover:text-purple-600">
453   Home</a>
454</li>
455
456<!-- About -->
457<li class="relative group">
458<a href="/about" 
459   class="flex items-center gap-1 whitespace-nowrap hover:text-purple-600">
460   About Us   <i class="fas fa-chevron-down text-xs"></i>
461</a>
462
463<ul class="absolute top-full left-0 hidden group-hover:block bg-white shadow-lg rounded-lg w-56 py-2 z-50">
464
465
466<li>
467<a href="/our-doctors" 
468   class="block px-4 py-2 hover:text-purple-600">
469
470   Our Doctors
471</a>
472</li>
473
474
475
476
477<li>
478<a href="/certificates" 
479   class="block px-4 py-2 hover:text-purple-600">
480
481   Certificates
482</a>
483</li>
484
485
486
487
488<li>
489<a href="/documents" 
490   class="block px-4 py-2 hover:text-purple-600">
491
492   Documents
493</a>
494</li>
495
496
497
498
499<li>
500<a href="/blog" 
501   class="block px-4 py-2 hover:text-purple-600">
502
503   Blog
504</a>
505</li>
506
507
508
509
510<li>
511<a href="/faqs" 
512   class="block px-4 py-2 hover:text-purple-600">
513
514   FAQs
515</a>
516</li>
517
518
519</ul>
520</li>
521
522<!-- Treatments Mega -->
523<li class="group">
524
525<!-- <button class="flex items-center gap-1 hover:text-purple-600">
526Treatments <i class="fas fa-chevron-down text-xs"></i>
527</button> -->
528
529<a href="/our-treatments" 
530   class="flex items-center gap-1 whitespace-nowrap hover:text-purple-600">
531   Treatments   <i class="fas fa-chevron-down text-xs"></i>
532</a>
533
534<div class="absolute left-0 right-0 top-full mt-3 w-full bg-white shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 max-w-6xl mx-auto">
535
536<div class="max-w-7xl mx-auto px-10 py-10">
537<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10">
538
539<!-- Female -->
540<div>
541<p class="font-semibold text-purple-600 mb-4 h4">Female Infertility</p>
542<ul class="space-y-2 text-sm">
543<li>
544<a href="/female-infertility" class="hover:text-purple-600">
545Female Infertility</a>
546</li>
547<li>
548<a href="/ivf-treatment-in-delhi" class="hover:text-purple-600">
549IVF Treatment</a>
550</li>
551<li>
552<a href="/iui-treatment-in-delhi" class="hover:text-purple-600">
553IUI Treatment</a>
554</li>
555<li>
556<a href="/oocyte-donation-in-delhi" class="hover:text-purple-600">
557Oocyte Donation</a>
558</li>
559<li>
560<a href="/hysteroscopy-treatment-in-delhi" class="hover:text-purple-600">
561Hysteroscopy</a>
562</li>
563<li>
564<a href="/laparoscopy-surgery-in-delhi" class="hover:text-purple-600">
565Laparoscopic Surgery</a>
566</li>
567<li>
568<a href="/ovarian-prp-in-delhi" class="hover:text-purple-600">
569Ovarian PRP</a>
570</li>
571<li>
572<a href="/obesity-and-infertility-in-delhi" class="hover:text-purple-600">
573Obesity & Infertility</a>
574</li>
575
576<!-- Surrogacy Custom Link -->
577<li>
578<a href="https://kiraninfertilitycenterdelhi.com/altruistic-surrogacy-in-delhi"
579   class="hover:text-purple-600 transition">
580   Surrogacy
581</a>
582</li>
583
584
585</ul>
586</div>
587
588<!-- Male -->
589<div>
590<p class="font-semibold text-purple-600 mb-4 h4">Male Infertility</p>
591<ul class="space-y-2 text-sm">
592<li>
593<a href="/male-infertility-in-delhi" class="hover:text-purple-600">
594Male Infertility</a>
595</li>
596<li>
597<a href="/testicular-biopsy-treatment-in-delhi" class="hover:text-purple-600">
598Testicular Biopsy</a>
599</li>
600<li>
601<a href="/varicocele-treatment-in-delhi" class="hover:text-purple-600">
602Varicocele</a>
603</li>
604<li>
605<a href="/azoospermia-treatment-in-delhi" class="hover:text-purple-600">
606Azoospermia Treatment</a>
607</li>
608<li>
609<a href="/micro-tese-treatment-in-delhi" class="hover:text-purple-600">
610Micro-TESE</a>
611</li>
612</ul>
613</div>
614
615<!-- Advanced -->
616<div>
617<p class="font-semibold text-purple-600 mb-4 h4">Advanced Procedures</p>
618<ul class="space-y-2 text-sm">
619<li>
620<a href="/icsi-treatment-in-delhi" class="hover:text-purple-600">
621ICSI Treatment</a>
622</li>
623<li>
624<a href="/blastocyst-transfer-in-delhi" class="hover:text-purple-600">
625Blastocyst Transfer</a>
626</li>
627<li>
628<a href="/assisted-hatching-in-delhi" class="hover:text-purple-600">
629Assisted Hatching</a>
630</li>
631<li>
632<a href="/pre-implantation-genetic-screening-in-delhi" class="hover:text-purple-600">
633Pre – Implantation Genetic Screening</a>
634</li>
635<li>
636<a href="/assisted-reproductive-technology-in-delhi" class="hover:text-purple-600">
637Assisted Reproductive Technology</a>
638</li>
639</ul>
640</div>
641
642<!-- Preservation -->
643<div>
644<p class="font-semibold text-purple-600 mb-4 h4">Fertility Preservation & Diagnosis</p>
645<ul class="space-y-2 text-sm">
646<li>
647<a href="/fertility-preservation-and-diagnosis" class="hover:text-purple-600">
648Fertility Preservation & Diagnosis</a>
649</li>
650<li>
651<a href="/cryopreservation-in-delhi" class="hover:text-purple-600">
652Cryopreservation</a>
653</li>
654<li>
655<a href="/egg-freezing-in-delhi" class="hover:text-purple-600">
656Egg Freezing</a>
657</li>
658</ul>
659</div>
660
661</div>
662</div>
663</div>
664</li>
665
666    <li class="relative group dropdown-item">
667        <a href="/international-patients" 
668           class="hover:text-purple-600 flex items-center gap-1 font-semibold transition-colors py-2">
669            International Patients            <svg class="w-4 h-4 transition-transform duration-200 group-hover:rotate-180 group-hover:text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
670                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
671            </svg>
672        </a>
673        
674        <div class="absolute left-1/2 -translate-x-1/4 mt-2 w-[480px] bg-white border border-slate-100 rounded-2xl shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50 p-4">
675            <ul class="grid grid-cols-2 gap-x-4 gap-y-1">
676                                                            <li>
677                            <a href="/ivf-treatment-sudanese-patients" 
678                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
679                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
680                                Sudanese Patients                            </a>
681                        </li>
682                                                                                <li>
683                            <a href="/ivf-treatment-bangladeshi-patients" 
684                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
685                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
686                                Bangladeshi Patients                            </a>
687                        </li>
688                                                                                <li>
689                            <a href="/ivf-treatment-ethiopian-patients" 
690                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
691                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
692                                Ethiopian Patients                            </a>
693                        </li>
694                                                                                <li>
695                            <a href="/ivf-treatment-middle-eastern-patients" 
696                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
697                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
698                                Middle Eastern Patients                            </a>
699                        </li>
700                                                                                <li>
701                            <a href="/ivf-treatment-saudi-arabian-patients" 
702                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
703                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
704                                Saudi Arabian Patients                            </a>
705                        </li>
706                                                                                <li>
707                            <a href="/ivf-treatment-iraqi-patients" 
708                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
709                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
710                                Iraqi Patients                            </a>
711                        </li>
712                                                                                <li>
713                            <a href="/ivf-treatment-omani-patients" 
714                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
715                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
716                                Omani Patients                            </a>
717                        </li>
718                                                                                <li>
719                            <a href="/ivf-treatment-kuwaiti-patients" 
720                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
721                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
722                                Kuwaiti Patients                            </a>
723                        </li>
724                                                                                <li>
725                            <a href="/ivf-treatment-uae-patients" 
726                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
727                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
728                                UAE Patients                            </a>
729                        </li>
730                                                                                <li>
731                            <a href="/ivf-treatment-kenyan-patients" 
732                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
733                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
734                                Kenyan Patients                            </a>
735                        </li>
736                                                                                <li>
737                            <a href="/ivf-treatment-afghan-patients" 
738                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
739                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
740                                Afghan Patients                            </a>
741                        </li>
742                                                                                <li>
743                            <a href="/ivf-treatment-uk-patients" 
744                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
745                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
746                                UK Patients                            </a>
747                        </li>
748                                                                                <li>
749                            <a href="/ivf-treatment-us-patients" 
750                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
751                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
752                                US Patients                            </a>
753                        </li>
754                                                                                <li>
755                            <a href="/ivf-treatment-canadian-patients" 
756                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
757                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
758                                Canadian Patients                            </a>
759                        </li>
760                                                                                <li>
761                            <a href="/ivf-treatment-australian-patients" 
762                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
763                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
764                                Australian Patients                            </a>
765                        </li>
766                                                                                <li>
767                            <a href="/ivf-treatment-singaporean-patients" 
768                               class="flex items-center gap-2 rounded-xl px-3 py-2 text-sm text-slate-600 hover:bg-purple-50 hover:text-purple-700 font-medium transition-all">
769                                <span class="w-1.5 h-1.5 rounded-full bg-purple-400 group-hover:bg-purple-600"></span>
770                                Singaporean Patients                            </a>
771                        </li>
772                                                </ul>
773        </div>
774    </li>
775
776
777<!-- Surrogacy -->
778<li>
779<a href="/ivf-treatment-in-india" class="hover:text-purple-600">
780    IVF Treatment
781  </a>
782</li>
783
784<li class="relative group">
785
786                        <a href="/altruistic-surrogacy-in-india"
787                            class="flex gap-1 items-center">
788
789                            Altruistic Surrogacy
790
791                            <i class="fas fa-chevron-down text-xs"></i>
792
793                        </a>
794
795
796                        <ul class="absolute bg-white shadow-lg hidden group-hover:block w-64 py-3">
797
798                            
799                                <li>
800                                    <a href="/altruistic-surrogacy-for-OCI-card-holders"
801                                        class="block px-4 py-2">
802                                        OCI Card Holders                                    </a>
803                                </li>
804
805                            
806                                <li>
807                                    <a href="/altruistic-surrogacy-for-OCI-canada-patient"
808                                        class="block px-4 py-2">
809                                        Canada Patient                                    </a>
810                                </li>
811
812                            
813                                <li>
814                                    <a href="/altruistic-surrogacy-for-OCI-united-states-p
814atient"
815                                        class="block px-4 py-2">
816                                        United States Patient                                    </a>
817                                </li>
818
819                            
820                                <li>
821                                    <a href="/altruistic-surrogacy-for-OCI-australia-patient"
822                                        class="block px-4 py-2">
823                                        Australia Patient                                    </a>
824                                </li>
825
826                            
827                                <li>
828                                    <a href="/altruistic-surrogacy-for-OCI-new-zealand-patient"
829                                        class="block px-4 py-2">
830                                        New Zealand Patient                                    </a>
831                                </li>
832
833                            
834                                <li>
835                                    <a href="/altruistic-surrogacy-for-OCI-united-kingdom-patient"
836                                        class="block px-4 py-2">
837                                        United Kingdom Patient                                    </a>
838                                </li>
839
840                            
841                        </ul>
842
843                    </li>
844                <!-- Contact -->
845                <li>
846                <a href="/contact" 
847                   class="hover:text-purple-600">
848                   Contact                </a>
849                </li>
850                
851                </ul>
852                      </div>
853
854      <!-- RIGHT : BUTTON -->
855      <div class="hidden md:flex justify-end items-center space-x-4">
856    
857
858    <a id="openModalBtn" href="#" class="openModalBtn px-6 py-2 rounded-full bg-purple-600 text-white hover:bg-purple-700 transition animated-bg shadow-md shadow-purple-200 text-sm font-semibold">
859        Book Appointment
860    </a>
861</div>
862
863<div class="md:hidden flex justify-end">
864  <button id="menu-toggle" class="text-2xl text-gray-700">
865    <i class="fas fa-bars"></i>
866  </button>
867</div>
868
869<!--<div id="mobile-menu" class="fixed inset-0 z-[999] bg-white hidden flex flex-col">-->
870<!--    <div class="flex items-center justify-between px-5 py-4 border-b">-->
871<!--        <div class="flex space-x-4 items-center">-->
872<!--            <a href="javascript:void(0)" onclick="doGTranslate('en|en')"><img src="https://flagcdn.com/w20/us.png" alt="EN"></a>-->
873<!--            <a href="javascript:void(0)" onclick="doGTranslate('en|hi')"><img src="https://flagcdn.com/w20/in.png" alt="HI"></a>-->
874<!--            <a href="javascript:void(0)" onclick="doGTranslate('en|bn')"><img src="https://flagcdn.com/w20/in.png" alt="BN"></a>-->
875<!--        </div>-->
876<!--        <button id="mobile-close" class="text-2xl"><i class="fas fa-times"></i></button>-->
877<!--    </div>-->
878<!--    </div>-->
879
880<div id="google_translate_element" style="display:none;"></div>
881
882    </div>
883  </div>
884
885  <!-- ✅ MOBILE MENU -->
886<div id="mobile-menu"
887     class="fixed inset-0 z-[999] bg-white hidden flex flex-col">
888
889     <!-- 🔹 TOP BAR -->
890    <div class="flex items-center justify-between px-5 py-4 border-b">
891
892        <!-- Logo -->
893        <a href="/">
894            <img src="/logo.png" class="h-12 w-auto" alt="Logo">
895        </a>
896
897        <!-- Close Button -->
898        <button id="mobile-close" class="text-2xl">
899            <i class="fas fa-times"></i>
900        </button>
901
902    </div>
903
904     <!-- Scrollable Area -->
905    <div class="flex-1 overflow-y-auto px-5 py-6 space-y-4 font-medium pb-24">
906
907        
908<div class="px-5 py-4 space-y-4 font-medium">
909
910<!-- Home -->
911<a href="/" class="block">
912    Home</a>
913
914<!-- About (with children like desktop) -->
915<div>
916<button onclick="toggleDropdown('mobile-about')"
917        class="w-full flex justify-between items-center py-2">
918    About Us    <i class="fas fa-chevron-down text-xs"></i>
919</button>
920
921<div id="mobile-about" class="hidden pl-4 space-y-2 text-sm mt-2">
922   
923
924<a href="/our-doctors" class="block py-1">
925    Our Doctors</a>
926
927
928
929
930<a href="/certificates" class="block py-1">
931    Certificates</a>
932
933
934
935
936<a href="/documents" class="block py-1">
937    Documents</a>
938
939
940
941
942<a href="/blog" class="block py-1">
943    Blog</a>
944
945
946
947
948<a href="/faqs" class="block py-1">
949    FAQs</a>
950
951
952</div>
953</div>
954
955<!-- Treatments -->
956<div>
957<button onclick="toggleDropdown('mobile-treatments')"
958        class="w-full flex justify-between items-center py-2">
959    <a href="/our-treatments" class="flex-1 text-left">
960        Treatments
961    </a>
962    <i class="fas fa-chevron-down text-xs px-2"></i>
963</button>
964
965<div id="mobile-treatments" class="hidden pl-4 space-y-6 text-sm mt-2">
966
967    <!-- Female -->
968    <div>
969        <p class="text-purple-600 font-semibold mb-2">Female Infertility</p>
970                    <a href="/ivf-treatment-in-delhi" class="block py-1">
971                IVF Treatment            </a>
972                    <a href="/iui-treatment-in-delhi" class="block py-1">
973                IUI Treatment            </a>
974                    <a href="/oocyte-donation-in-delhi" class="block py-1">
975                Oocyte Donation            </a>
976                    <a href="/hysteroscopy-treatment-in-delhi" class="block py-1">
977                Hysteroscopy            </a>
978                    <a href="/laparoscopy-surgery-in-delhi" class="block py-1">
979                Laparoscopic Surgery            </a>
980                    <a href="/ovarian-prp-in-delhi" class="block py-1">
981                Ovarian PRP            </a>
982                    <a href="/obesity-and-infertility-in-delhi" class="block py-1">
983                Obesity & Infertility            </a>
984            </div>
985
986    <!-- Male -->
987    <div>
988        <p class="text-purple-600 font-semibold mb-2">Male Infertility</p>
989                    <a href="/male-infertility-in-delhi" class="block py-1">
990                Male Infertility            </a>
991                    <a href="/testicular-biopsy-treatment-in-delhi" class="block py-1">
992                Testicular Biopsy            </a>
993                    <a href="/varicocele-treatment-in-delhi" class="block py-1">
994                Varicocele            </a>
995                    <a href="/azoospermia-treatment-in-delhi" class="block py-1">
996                Azoospermia Treatment            </a>
997                    <a href="/micro-tese-treatment-in-delhi" class="block py-1">
998                Micro-TESE            </a>
999            </div>
1000
1001    <!-- Advanced -->
1002    <div>
1003        <p class="text-purple-600 font-semibold mb-2">Advanced Procedures</p>
1004                    <a href="/icsi-treatment-in-delhi" class="block py-1">
1005                ICSI Treatment            </a>
1006                    <a href="/blastocyst-transfer-in-delhi" class="block py-1">
1007                Blastocyst Transfer            </a>
1008                    <a href="/assisted-hatching-in-delhi" class="block py-1">
1009                Assisted Hatching            </a>
1010                    <a href="/pre-implantation-genetic-screening-in-delhi" class="block py-1">
1011                Pre – Implantation Genetic Screening            </a>
1012                    <a href="/assisted-reproductive-technology-in-delhi" class="block py-1">
1013                Assisted Reproductive Technology            </a>
1014            </div>
1015
1016    <!-- Preservation -->
1017    <div>
1018        <p class="text-purple-600 font-semibold mb-2">Fertility Preservation & Diagnosis</p>
1019                    <a href="/fertility-preservation-and-diagnosis" class="block py-1">
1020                Fertility Preservation & Diagnosis            </a>
1021                    <a href="/cryopreservation-in-delhi" class="block py-1">
1022                Cryopreservation            </a>
1023                    <a href="/egg-freezing-in-delhi" class="block py-1">
1024                Egg Freezing            </a>
1025            </div>
1026
1027</div>
1028</div>
1029
1030<!-- International -->
1031<div>
1032   <!-- MOBILE INTERNATIONAL FIXED -->
1033            <button onclick="toggleDropdown('m-international')"
1034                class="flex justify-between w-full py-2">
1035                International Patients
1036                <i class="fas fa-chevron-down"></i>
1037            </button>
1038            <div id="m-international" class="hidden pl-4 mt-2">
1039                                    
1040                        <a class="block py-1"
1041                            href="/ivf-treatment-sudanese-patients">
1042
1043                            Sudanese Patients                        </a>
1044                                                        
1045                        <a class="block py-1"
1046                            href="/ivf-treatment-bangladeshi-patients">
1047
1048                            Bangladeshi Patients                        </a>
1049                                                        
1050                        <a class="block py-1"
1051                            href="/ivf-treatment-ethiopian-patients">
1052
1053                            Ethiopian Patients                        </a>
1054                                                        
1055                        <a class="block py-1"
1056                            href="/ivf-treatment-middle-eastern-patients">
1057
1058                            Middle Eastern Patients                        </a>
1059                                                        
1060                        <a class="block py-1"
1061                            href="/ivf-treatment-saudi-arabian-patients">
1062
1063                            Saudi Arabian Patients                        </a>
1064                                                        
1065                        <a class="block py-1"
1066                            href="/ivf-treatment-iraqi-patients">
1067
1068                            Iraqi Patients                        </a>
1069                                                        
1070                        <a class="block py-1"
1071                            href="/ivf-treatment-omani-patients">
1072
1073                            Omani Patients                        </a>
1074                                                        
1075                        <a class="block py-1"
1076                            href="/ivf-treatment-kuwaiti-patients">
1077
1078                            Kuwaiti Patients                        </a>
1079                                                        
1080                        <a class="block py-1"
1081                            href="/ivf-treatment-uae-patients">
1082
1083                            UAE Patients                        </a>
1084                                                        
1085                        <a class="block py-1"
1086                            href="/ivf-treatment-kenyan-patients">
1087
1088                            Kenyan Patients                        </a>
1089                                                        
1090                        <a class="block py-1"
1091                            href="/ivf-treatment-afghan-patients">
1092
1093                            Afghan Patients                        </a>
1094                                                        
1095                        <a class="block py-1"
1096                            href="/ivf-treatment-uk-patients">
1097
1098                            UK Patients                        </a>
1099                                                        
1100                        <a class="block py-1"
1101                            href="/ivf-treatment-us-patients">
1102
1103                            US Patients                        </a>
1104                                                        
1105                        <a class="block py-1"
1106                            href="/ivf-treatment-canadian-patients">
1107
1108                            Canadian Patients                        </a>
1109                                                        
1110                        <a class="block py-1"
1111                            href="/ivf-treatment-australian-patients">
1112
1113                            Australian Patients                        </a>
1114                                                        
1115                        <a class="block py-1"
1116                            href="/ivf-treatment-singaporean-patients">
1117
1118                            Singaporean Patients                        </a>
1119                                                </div>
1120
1121
1122<a href="/ivf-treatment-in-india" class="hover:text-purple-600">
1123    IVF Treatment
1124  </a>
1125
1126  <!-- MOBILE SURROGACY -->
1127            <button onclick="toggleDropdown('m-surrogacy')"
1128                class="flex justify-between w-full py-2">
1129                Altruistic Surrogacy
1130                <i class="fas fa-chevron-down"></i>
1131            </button>
1132            <div id="m-surrogacy" class="hidden pl-4 mt-2">
1133                                    <a href="/altruistic-surrogacy-for-OCI-card-holders"
1134                        class="block py-1">
1135                        OCI Card Holders                    </a>
1136                                    <a href="/altruistic-surrogacy-for-OCI-canada-patient"
1137                        class="block py-1">
1138                        Canada Patient                    </a>
1139                                    <a href="/altruistic-surrogacy-for-OCI-united-states-patient"
1140                        class="block py-1">
1141                        United States Patient                    </a>
1142                                    <a href="/altruistic-surrogacy-for-OCI-australia-patient"
1143                        class="block py-1">
1144                        Australia Patient                    </a>
1145                                    <a href="/altruistic-surrogacy-for-OCI-new-zealand-patient"
1146                        class="block py-1">
1147                        New Zealand Patient                    </a>
1148                                    <a href="/altruistic-surrogacy-for-OCI-united-kingdom-patient"
1149                        class="block py-1">
1150                        United Kingdom Patient                    </a>
1151                            </div>
1152
1153<!-- Contact -->
1154<a href="/contact" class="block">
1155    Contact</a>
1156
1157<!-- Button -->
1158<a href="javascript:;"
1159   class="block text-center mt-4 px-6 py-3 rounded-full text-white
1160          bg-gradient-to-r from-purple-700 to-purple-500">
1161    Book an Appointment
1162</a>
1163
1164</div>
1165
1166    </div>
1167
1168</div>
1169
1170</nav>
1171
1172  
1172<script>
1173
1174document.addEventListener("DOMContentLoaded", function () {
1175
1176  const menuToggle = document.getElementById("menu-toggle");
1177  const mobileMenu = document.getElementById("mobile-menu");
1178  const mobileClose = document.getElementById("mobile-close");
1179
1180  /* =========================
1181     MOBILE MENU OPEN
1182  ========================== */
1183  if (menuToggle && mobileMenu) {
1184    menuToggle.addEventListener("click", () => {
1185      mobileMenu.classList.remove("hidden");
1186      document.body.classList.add("overflow-hidden");
1187    });
1188  }
1189
1190  /* =========================
1191     MOBILE MENU CLOSE (X button)
1192  ========================== */
1193  if (mobileClose && mobileMenu) {
1194    mobileClose.addEventListener("click", () => {
1195      mobileMenu.classList.add("hidden");
1196      document.body.classList.remove("overflow-hidden");
1197    });
1198  }
1199
1200  /* =========================
1201     CLOSE MOBILE MENU ON LINK CLICK
1202  ========================== */
1203  if (mobileMenu) {
1204    mobileMenu.querySelectorAll("a").forEach(link => {
1205      link.addEventListener("click", () => {
1206        mobileMenu.classList.add("hidden");
1207        document.body.classList.remove("overflow-hidden");
1208      });
1209    });
1210  }
1211
1212  /* =========================
1213     MOBILE DROPDOWN TOGGLE
1214  ========================== */
1215  window.toggleDropdown = function (id) {
1216    const el = document.getElementById(id);
1217    if (el) {
1218      el.classList.toggle("hidden");
1219    }
1220  };
1221
1222  /* =========================
1223     DESKTOP DROPDOWN SAFETY
1224  ========================== */
1225  function toggleDesktopDropdown(btnId, dropdownId) {
1226    const btn = document.getElementById(btnId);
1227    const dropdown = document.getElementById(dropdownId);
1228
1229    if (!btn || !dropdown) return;
1230
1231    btn.addEventListener("click", function (e) {
1232      e.stopPropagation();
1233      dropdown.classList.toggle("hidden");
1234    });
1235
1236    window.addEventListener("click", function (e) {
1237      if (!e.target.closest(`#${btnId}`) && !e.target.closest(`#${dropdownId}`)) {
1238        dropdown.classList.add("hidden");
1239      }
1240    });
1241  }
1242
1243  // Only call if elements exist
1244  toggleDesktopDropdown('desktop-certificate-btn', 'desktop-certificate-dropdown');
1245  toggleDesktopDropdown('desktop-faq-btn', 'desktop-faq-dropdown');
1246  toggleDesktopDropdown('desktop-international-btn', 'desktop-international-dropdown');
1247
1248});
1249
1250</script>
1250
1251
1252<section class="relative py-6 flex items-center justify-center text-center text-white overflow-hidden">
1253  <div class="absolute inset-0 animated-bg"></div>
1254  <div class="dot"></div><div class="dot"></div><div class="dot"></div>
1255
1256  <div class="relative z-10 px-6 max-w-5xl">
1257    
1258  
1259
1260    <div class="text-2xl md:text-2xl font-bold mb-4">
1261        News & Media Center    </div>
1262
1263
1264    <p class="text-lg md:text-xl mb-4">
1265      Latest updates, press features, and medical breakthroughs from KIC Delhi.    </p>
1266
1267    
1268    <nav class="text-sm mb-6 text-white/90" aria-label="Breadcrumb">
1269        <a href="/" class="hover:underline">Home</a>
1270
1271        
1272                    <span class="mx-2">/</span>
1273            <span class="text-white font-semibold">
1274                News & Media            </span>
1275            </nav>
1276
1277          <a href="#"  class="openModalBtn inline-block px-6 py-3 bg-white text-indigo-600 font-medium rounded-lg shadow-lg hover:bg-gray-200 transition" id="openModalBtn">
1278        Subscribe to Updates      </a>
1279    
1280  </div>
1281</section>
1282
1283<style>
1284/* =========================================
1285   MOBILE BOTTOM BAR
1286========================================= */
1287
1288.mobile-bottom-bar {
1289    display: none;
1290}
1291
1292@media (max-width: 767px) {
1293
1294    .mobile-bottom-bar {
1295        display: block;
1296        padding: 0;
1297        background: transparent;
1298    }
1299
1300    .mobile-bottom-inner {
1301        width: 100%;
1302        background: linear-gradient(
1303            135deg,
1304            #8b2be2 0%,
1305            #7020c9 50%,
1306            #6420b8 100%
1307        );
1308
1309        display: grid;
1310        grid-template-columns: repeat(4, 1fr);
1311
1312        align-items: center;
1313        text-align: center;
1314
1315        padding: 12px 8px 14px;
1316
1317        border-radius: 28px 28px 0 0;
1318
1319        box-shadow:
1320            0 -8px 25px rgba(88, 24, 160, 0.25);
1321
1322        min-height: 78px;
1323    }
1324
1325
1326    /* Individual item */
1327    .mobile-bottom-item {
1328        display: flex;
1329        flex-direction: column;
1330        align-items: center;
1331        justify-content: center;
1332
1333        text-decoration: none;
1334
1335        color: #fff !important;
1336
1337        font-size: 11px;
1338        font-weight: 500;
1339
1340        line-height: 1.2;
1341
1342        gap: 5px;
1343
1344        -webkit-tap-highlight-color: transparent;
1345    }
1346
1347
1348    /* White icon box */
1349    .mobile-icon {
1350        width: 48px;
1351        height: 48px;
1352
1353        background: #fff;
1354
1355        border-radius: 13px;
1356
1357        display: flex;
1358        align-items: center;
1359        justify-content: center;
1360
1361        font-size: 22px;
1362
1363        box-shadow:
1364            0 4px 12px rgba(0, 0, 0, 0.12);
1365
1366        transition: transform .2s ease;
1367    }
1368
1369
1370    /* Icon colors */
1371    .whatsapp-icon {
1372        color: #25D366;
1373    }
1374
1375    .call-icon {
1376        color: #1769e0;
1377    }
1378
1379    .appointment-icon {
1380        color: #7020c9;
1381    }
1382
1383    .doctor-icon {
1384        color: #374151;
1385    }
1386
1387
1388    /* Hover / tap */
1389    .mobile-bottom-item:hover .mobile-icon {
1390        transform: translateY(-2px);
1391    }
1392
1393
1394    /* Bottom safe area */
1395    .mobile-bottom-inner::after {
1396        content: "";
1397        position: absolute;
1398        bottom: 0;
1399        left: 50%;
1400
1401        transform: translateX(-50%);
1402
1403        width: 120px;
1404        height: 4px;
1405
1406        background: rgba(255,255,255,.95);
1407
1408        border-radius: 10px;
1409    }
1410
1411
1412    /* Small phones */
1413    @media (max-width: 380px) {
1414
1415        .mobile-bottom-inner {
1416            padding: 9px 4px 13px;
1417            min-height: 72px;
1418        }
1419
1420        .mobile-icon {
1421            width: 42px;
1422            height: 42px;
1423            border-radius: 11px;
1424            font-size: 19px;
1425        }
1426
1427        .mobile-bottom-item {
1428            font-size: 10px;
1429            gap: 4px;
1430        }
1431    }
1432}    
1433</style>
1434
1435<section class="py-10 bg-gradient-to-r from-pink-200 via-blue-100 to-purple-200">
1436  <div class="max-w-7xl mx-auto text-center px-6">
1437    <!-- Heading -->
1438    <h2 class="text-3xl md:text-4xl font-bold text-slate-900 mb-5">
1439      Start Your Journey Toward Parenthood Today
1440
1441    </h2>
1442
1443    <!-- Sub text -->
1444    <p class="text-gray-700 max-w-2xl mx-auto mb-10 leading-relaxed">
1445      Our specialists are here to guide you with compassion, expertise, and personalized care every step of the way.
1446
1447    </p>
1448    <!-- Buttons -->
1449
1450    <div class="flex flex-col sm:flex-row justify-center gap-4">
1451
1452
1453
1454      <!-- Primary Button -->
1455
1456      <a href="/contact"
1457
1458         class=" bg-blue text-white font-medium px-8 py-4 rounded-full shadow-md hover:shadow-lg transition hover:-translate-y-0.5 animated-bg">
1459
1460        Book Appointment
1461
1462      </a>
1463
1464
1465
1466      <!-- Outline Button -->
1467
1468      <a href="#"
1469
1470         class="openModalBtn border border-pink-300 text-gray-800 px-8 py-4 rounded-full hover:bg-white transition">
1471
1472        Start Your Fertility Journey
1473
1474      </a>
1475
1476
1477
1478    </div>
1479
1480
1481
1482  </div>
1483
1484</section>
1485
1486<!-- footer -->
1487
1488<footer class="bg-purple-700 text-white px-6 py-6">
1489
1490  <div class="max-w-7xl mx-auto border-b border-gray-200 py-6">
1491
1492<div class="grid grid-cols-2 md:grid-cols-6 gap-8">
1493
1494
1495
1496
1497
1498
1499  <div>
1500
1501    <h2 class="text-xl font-bold mb-4">
1502
1503      Female Infertility
1504    </h2>
1505
1506
1507
1508    <ul class="space-y-2">
1509
1510      
1511        
1512
1513        
1514          <li>
1515
1516            <a href="/female-infertility" 
1517
1518               class="hover:text-gray-200">
1519
1520               Female Infertility
1521            </a>
1522
1523          </li>
1524
1525        
1526
1527
1528      
1529        
1530
1531        
1532          <li>
1533
1534            <a href="/ivf-treatment-in-delhi" 
1535
1536               class="hover:text-gray-200">
1537
1538               IVF Treatment
1539            </a>
1540
1541          </li>
1542
1543        
1544
1545
1546      
1547        
1548
1549        
1550          <li>
1551
1552            <a href="/iui-treatment-in-delhi" 
1553
1554               class="hover:text-gray-200">
1555
1556               IUI Treatment
1557            </a>
1558
1559          </li>
1560
1561        
1562
1563
1564      
1565        
1566
1567        
1568          <li>
1569
1570            <a href="/oocyte-donation-in-delhi" 
1571
1572               class="hover:text-gray-200">
1573
1574               Oocyte Donation
1575            </a>
1576
1577          </li>
1578
1579        
1580
1581
1582      
1583        
1584
1585        
1586          <li>
1587
1588            <a href="/hysteroscopy-treatment-in-delhi" 
1589
1590               class="hover:text-gray-200">
1591
1592               Hysteroscopy
1593            </a>
1594
1595          </li>
1596
1597        
1598
1599
1600      
1601        
1602
1603        
1604          <li>
1605
1606            <a href="/laparoscopy-surgery-in-delhi" 
1607
1608               class="hover:text-gray-200">
1609
1610               Laparoscopic Surgery
1611            </a>
1612
1613          </li>
1614
1615        
1616
1617
1618      
1619        
1620
1621        
1622          <li>
1623
1624            <a href="/ovarian-prp-in-delhi" 
1625
1626               class="hover:text-gray-200">
1627
1628               Ovarian PRP
1629            </a>
1630
1631          </li>
1632
1633        
1634
1635
1636      
1637        
1638
1639        
1640          <li>
1641
1642            <a href="/obesity-and-infertility-in-delhi" 
1643
1644               class="hover:text-gray-200">
1645
1646               Obesity & Infertility
1647            </a>
1648
1649          </li>
1650
1651        
1652
1653
1654      
1655        
1656
1657        
1658          <li>
1659
1660            <a href="/altruistic-surrogacy-in-india" 
1661
1662               class="hover:text-gray-200">
1663
1664               Altruistic Surrogacy
1665            </a>
1666
1667          </li>
1668
1669        
1670
1671
1672      
1673    </ul>
1674
1675  </div>
1676
1677
1678
1679
1680
1681
1682  <div>
1683
1684    <h2 class="text-xl font-bold mb-4">
1685
1686      Male Infertility
1687    </h2>
1688
1689
1690
1691    <ul class="space-y-2">
1692
1693      
1694        
1695
1696        
1697          <li>
1698
1699            <a href="/male-infertility-in-delhi" 
1700
1701               class="hover:text-gray-200">
1702
1703               Male Infertility
1704            </a>
1705
1706          </li>
1707
1708        
1709
1710
1711      
1712        
1713
1714        
1715          <li>
1716
1717            <a href="/testicular-biopsy-treatment-in-delhi" 
1718
1719               class="hover:text-gray-200">
1720
1721               Testicular Biopsy
1722            </a>
1723
1724          </li>
1725
1726        
1727
1728
1729      
1730        
1731
1732        
1733          <li>
1734
1735            <a href="/varicocele-treatment-in-delhi" 
1736
1737               class="hover:text-gray-200">
1738
1739               Varicocele
1740            </a>
1741
1742          </li>
1743
1744        
1745
1746
1747      
1748        
1749
1750        
1751          <li>
1752
1753            <a href="/azoospermia-treatment-in-delhi" 
1754
1755               class="hover:text-gray-200">
1756
1757               Azoospermia Treatment
1758            </a>
1759
1760          </li>
1761
1762        
1763
1764
1765      
1766        
1767
1768        
1769          <li>
1770
1771            <a href="/micro-tese-treatment-in-delhi" 
1772
1773               class="hover:text-gray-200">
1774
1775               Micro-TESE
1776            </a>
1777
1778          </li>
1779
1780        
1781
1782
1783      
1784    </ul>
1785
1786  </div>
1787
1788
1789
1790
1791
1792
1793  <div>
1794
1795    <h2 class="text-xl font-bold mb-4">
1796
1797      Fertility Preservation & Diagnosis
1798    </h2>
1799
1800
1801
1802    <ul class="space-y-2">
1803
1804      
1805        
1806
1807        
1808          <li>
1809
1810            <a href="/fertility-preservation-and-diagnosis" 
1811
1812               class="hover:text-gray-200">
1813
1814               Fertility Preservation & Diagnosis
1815            </a>
1816
1817          </li>
1818
1819        
1820
1821
1822      
1823        
1824
1825        
1826          <li>
1827
1828            <a href="/cryopreservation-in-delhi" 
1829
1830               class="hover:text-gray-200">
1831
1832               Cryopreservation
1833            </a>
1834
1835          </li>
1836
1837        
1838
1839
1840      
1841        
1842
1843        
1844          <li>
1845
1846            <a href="/egg-freezing-in-delhi" 
1847
1848               class="hover:text-gray-200">
1849
1850               Egg Freezing
1851            </a>
1852
1853          </li>
1854
1855        
1856
1857
1858      
1859    </ul>
1860
1861  </div>
1862
1863
1864
1865
1866
1867
1868  <div>
1869
1870    <h2 class="text-xl font-bold mb-4">
1871
1872      Advanced Procedures
1873    </h2>
1874
1875
1876
1877    <ul class="space-y-2">
1878
1879      
1880        
1881
1882        
1883          <li>
1884
1885            <a href="/icsi-treatment-in-delhi" 
1886
1887               class="hover:text-gray-200">
1888
1889               ICSI Treatment
1890            </a>
1891
1892          </li>
1893
1894        
1895
1896
1897      
1898        
1899
1900        
1901          <li>
1902
1903            <a href="/blastocyst-transfer-in-delhi" 
1904
1905               class="hover:text-gray-200">
1906
1907               Blastocyst Transfer
1908            </a>
1909
1910          </li>
1911
1912        
1913
1914
1915      
1916        
1917
1918        
1919          <li>
1920
1921            <a href="/assisted-hatching-in-delhi" 
1922
1923               class="hover:text-gray-200">
1924
1925               Assisted Hatching
1926            </a>
1927
1928          </li>
1929
1930        
1931
1932
1933      
1934        
1935
1936        
1937          <li>
1938
1939            <a href="/pre-implantation-genetic-screening-in-delhi" 
1940
1941               class="hover:text-gray-200">
1942
1943               Pre – Implantation Genetic Screening
1944            </a>
1945
1946          </li>
1947
1948        
1949
1950
1951      
1952        
1953
1954        
1955          <li>
1956
1957            <a href="/assisted-reproductive-technology-in-delhi" 
1958
1959               class="hover:text-gray-200">
1960
1961               Assisted Reproductive Technology
1962            </a>
1963
1964          </li>
1965
1966        
1967
1968
1969      
1970        
1971
1972        
1973
1974
1975      
1976    </ul>
1977
1978  </div>
1979
1980
1981
1982
1983
1984
1985  <div>
1986
1987    <h2 class="text-xl font-bold mb-4">
1988
1989      Quick Link
1990    </h2>
1991
1992
1993
1994    <ul class="space-y-2">
1995
1996      
1997        
1998
1999        
2000          <li>
2001
2002            <a href="/about" 
2003
2004               class="hover:text-gray-200">
2005
2006               About Us
2007            </a>
2008
2009          </li>
2010
2011        
2012
2013
2014      
2015        
2016
2017        
2018          <li>
2019
2020            <a href="/certificates" 
2021
2022               class="hover:text-gray-200">
2023
2024               Certificates
2025            </a>
2026
2027          </li>
2028
2029        
2030
2031
2032      
2033        
2034
2035        
2036          <li>
2037
2038            <a href="/documents" 
2039
2040               class="hover:text-gray-200">
2041
2042               Documents
2043            </a>
2044
2045          </li>
2046
2047        
2048
2049
2050      
2051        
2052
2053        
2054          <li>
2055
2056            <a href="/our-doctors" 
2057
2058               class="hover:text-gray-200">
2059
2060               Our Doctors
2061            </a>
2062
2063          </li>
2064
2065        
2066
2067
2068      
2069        
2070
2071        
2072          <li>
2073
2074            <a href="/international-patients" 
2075
2076               class="hover:text-gray-200">
2077
2078               International Patients
2079            </a>
2080
2081          </li>
2082
2083        
2084
2085
2086      
2087        
2088
2089        
2090          <li>
2091
2092            <a href="/gallery" 
2093
2094               class="hover:text-gray-200">
2095
2096               Gallery
2097            </a>
2098
2099          </li>
2100
2101        
2102
2103
2104      
2105        
2106
2107        
2108          <li>
2109
2110            <a href="/news-and-media" 
2111
2112               class="hover:text-gray-200">
2113
2114               News & Media
2115            </a>
2116
2117          </li>
2118
2119        
2120
2121
2122      
2123        
2124
2125        
2126          <li>
2127
2128            <a href="/blog" 
2129
2130               class="hover:text-gray-200">
2131
2132               Blog
2133            </a>
2134
2135          </li>
2136
2137        
2138
2139
2140      
2141        
2142
2143        
2144          <li>
2145
2146            <a href="/contact" 
2147
2148               class="hover:text-gray-200">
2149
2150               Contact
2151            </a>
2152
2153          </li>
2154
2155        
2156
2157
2158      
2159        
2160
2161        
2162          <li>
2163
2164            <a href="/our-locations" 
2165
2166               class="hover:text-gray-200">
2167
2168               Our Location
2169            </a>
2170
2171          </li>
2172
2173        
2174
2175
2176      
2177    </ul>
2178
2179  </div>
2180
2181
2182
2183
2184
2185
2186  <div>
2187
2188    <h2 class="text-xl font-bold mb-4">
2189
2190      Support
2191    </h2>
2192
2193
2194
2195    <ul class="space-y-2">
2196
2197      
2198        
2199
2200        
2201          <li>
2202
2203            <a href="/help-center" 
2204
2205               class="hover:text-gray-200">
2206
2207               Help Center
2208            </a>
2209
2210          </li>
2211
2212        
2213
2214
2215      
2216        
2217
2218        
2219          <li>
2220
2221            <a href="/privacy-policy" 
2222
2223               class="hover:text-gray-200">
2224
2225               Privacy Policy
2226            </a>
2227
2228          </li>
2229
2230        
2231
2232
2233      
2234        
2235
2236        
2237          <li>
2238
2239            <a href="/terms-and-conditions" 
2240
2241               class="hover:text-gray-200">
2242
2243               Terms & Conditions
2244            </a>
2245
2246          </li>
2247
2248        
2249
2250
2251      
2252        
2253
2254        
2255          <li>
2256
2257            <a href="/faqs" 
2258
2259               class="hover:text-gray-200">
2260
2261               FAQs
2262            </a>
2263
2264          </li>
2265
2266        
2267
2268
2269      
2270        
2271
2272        
2273          <li>
2274
2275            <a href="/disclaimer" 
2276
2277               class="hover:text-gray-200">
2278
2279               Disclaimer
2280            </a>
2281
2282          </li>
2283
2284        
2285
2286
2287      
2288    </ul>
2289
2290  </div>
2291
2292
2293
2294
2295
2296
2297</div>
2298
2299  </div>
2300
2301
2302
2303  <div class="max-w-7xl mx-auto pt-6">
2304
2305    <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
2306
2307
2308
2309      <!-- Column 1 -->
2310
2311      <div>
2312
2313
2314
2315        <h2 class="text-xl font-bold mb-4">Kiran Infertility Center, Delhi</h2>
2316
2317        <p>KIC is always at the forefront of research and development taking place in the global arena of infertility.
2318
2319        </p>
2320
2321      </div>
2322
2323
2324
2325      <!-- Column 2 -->
2326
2327      <div>
2328
2329        <h2 class="text-xl font-bold mb-4">Address</h2>
2330
2331        <!-- Address -->
2332
2333          <div class="flex  space-x-2">
2334
2335            <i class="fa fa-map-marker-alt mt-1"></i>
2336
2337            <span>First Floor, A-15, near Kailash Colony Metro Station, Kailash Colony, Block A, Greater Kailash, New Delhi, Delhi - 110048</span>
2338
2339          </div>
2340
2341      </div>
2342
2343      <!-- Column 3 -->
2344
2345      <div>
2346
2347        <h2 class="text-xl font-bold mb-4">Contact Details</h2>
2348
2349        <!-- Email -->
2350
2351          <div class="flex items-center space-x-2">
2352
2353            <i class="fa fa-envelope"></i>
2354
2355            <span>[email protected] </span>
2356
2357          </div>
2358
2359          <!-- Phone -->
2360
2361          <div class="flex items-center space-x-2">
2362
2363            <i class="fa fa-phone"></i>
2364
2365            <a href="tel:919311996602">
2366
2367                +91 93119 96602
2368            </a>
2369
2370        </div>
2371
2372          <div class="flex items-center space-x-2">
2373
2374            <i class="fa fa-phone"></i>
2375
2376           
2377
2378            <a href="tel:919311996603">
2379
2380                +91 93119 96603
2381            </a>
2382            
2383
2384          </div>
2385
2386      </div>
2387
2388
2389
2390      <!-- Column 4 -->
2391
2392      <div>
2393
2394        <h3 class="text-lg font-bold mb-4">Connect on Social Media</h3>
2395
2396        <div class="space-y-2 text-sm">
2397
2398          <!-- Address -->
2399
2400          <div class="mt-4 flex space-x-4">
2401
2402          <a href="https://x.com/kicdelhi" class="hover:text-gray-200" target="_blank"><i class="fa-brands fa-twitter"></i></a>
2403
2404          <a href="https://www.facebook.com/share/1DgLG4Qcs8/" class="hover:text-gray-200" target="_blank"><i class="fa-brands fa-facebook"></i></a>
2405
2406          <a href="https://www.instagram.com/kiraninfertilitydelhi?igsh=MWF5cnAxNWtlcmZxeQ==" class="hover:text-gray-200" target="_blank"><i class="fa-brands fa-instagram"></i></a>
2407
2408          <a href="https://youtube.com/@kiraninfertilitydelhi?si=gE_9dpfZ_VkdHzVq" class="hover:text-gray-200" target="_blank"><i class="fa-brands fa-youtube"></i></a>
2409
2410          <!--<a href="https://in.pinterest.com/kicpixelproindia/" class="hover:text-gray-200" target="_blank"><i class="fa-brands fa-pinterest"></i></a>-->
2411
2412          <a href="https://www.linkedin.com/company/kiraninfertilitydelhi/" class="hover:text-gray-200" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
2413
2414        </div>
2415
2416          
2417
2418        </div>
2419
2420        
2421
2422      </div>
2423
2424    </div>
2425
2426  </div>
2427
2428
2429
2430  <!-- Bottom -->
2431
2432  <!-- Footer Section -->
2433
2434  <div class="max-w-7xl mx-auto mt-10 border-t border-gray-200 pt-6">
2435
2436  <div class="mx-auto text-white flex flex-col md:flex-row items-center justify-between">
2437
2438    <!-- Left Side -->
2439
2440    <p class="mb-2 md:mb-0">
2441
2442      © 2026 Kiran Infertility Centre Delhi. All Rights Reserved.
2443
2444    </p>
2445
2446
2447  </div>
2448
2449</div>
2450
2451
2452
2453</footer>
2454
2455<!-- footer end -->
2456
2457
2458
2459<!-- Desktop Floating Buttons -->
2460
2461<div class="hidden md:flex fixed bottom-6 right-6 z-50 flex-col gap-4">
2462
2463
2464
2465  <!-- WhatsApp -->
2466
2467 <!-- WhatsApp -->
2468<a href="https://wa.me/919311996603?text=Hello%21%20I%27m%20interested%20in%20fertility%2FIVF%20treatment.%20Please%20share%20more%20details."
2469   target="_blank"
2470   rel="noopener noreferrer"
2471   aria-label="WhatsApp"
2472   class="floatingWhatsapp w-14 h-14 flex items-center justify-center
2473          rounded-full bg-green-500 shadow-lg
2474          hover:scale-110 transition">
2475
2476    <i class="fa-brands fa-whatsapp text-white text-2xl"></i>
2477
2478</a>
2479
2480     <!-- 
2480<script 
2481      type="text/javascript"
2482      src="https://d3mkw6s8thqya7.cloudfront.net/integration-plugin.js"
2483      id="aisensy-wa-widget"
2484      widget-id="aab22a"
2485    >
2486    </script>
2486 -->
2487
2488
2489
2490  <!-- Phone -->
2491
2492  <a href="tel:919311996602"
2493
2494     class="w-14 h-14 mb-15 flex items-center justify-center 
2495
2496            rounded-full bg-purple-600 shadow-lg 
2497
2498            hover:scale-110 transition">
2499
2500
2501
2502    <i class="fa-solid fa-phone text-white text-xl"></i>
2503
2504  </a>
2505
2506
2507
2508</div>
2509
2510
2511
2512<!-- Mobile Bottom Action Bar -->
2513
2514<!-- Mobile Bottom Bar -->
2515<div class="mobile-bottom-bar md:hidden fixed bottom-0 left-0 w-full z-50">
2516
2517    <div class="mobile-bottom-inner">
2518
2519        <!-- WhatsApp -->
2520       <!-- WhatsApp -->
2521<a href="https://wa.me/919311996603?text=Hello%21%20I%27m%20interested%20in%20fertility%2FIVF%20treatment.%20Please%20share%20more%20details."
2522   target="_blank"
2523   rel="noopener noreferrer"
2524   class="mobile-bottom-item">
2525
2526    <span class="mobile-icon whatsapp-icon">
2527        <i class="fa-brands fa-whatsapp"></i>
2528    </span>
2529
2530    <span>Whatsapp</span>
2531</a>
2532
2533
2534        <!-- Call -->
2535        <a href="tel:919311996602"
2536           class="mobile-bottom-item">
2537
2538            <span class="mobile-icon call-icon">
2539                <i class="fa-solid fa-phone"></i>
2540            </span>
2541
2542            <span>Call</span>
2543        </a>
2544
2545
2546        <!-- Appointments -->
2547        <a href="#"
2548           id="consultBtn"
2549           class="openModalBtn mobile-bottom-item">
2550
2551            <span class="mobile-icon appointment-icon">
2552                <i class="fa-solid fa-envelope"></i>
2553            </span>
2554
2555            <span>Appointments</span>
2556        </a>
2557
2558
2559        <!-- Doctors -->
2560        <a href="https://kiraninfertilitycenterdelhi.com/our-doctors"
2561           class="mobile-bottom-item">
2562
2563            <span class="mobile-icon doctor-icon">
2564                <i class="fa-solid fa-user-doctor"></i>
2565            </span>
2566
2567            <span>Doctors</span>
2568        </a>
2569
2570    </div>
2571
2572</div>
2573
2574<!-- Popup Overlay Container -->
2575<!--<div id="fertilityPopup" class="hidden fixed inset-0 z-50 flex items-center justify-center p-4 bg-black bg-opacity-60 backdrop-blur-sm transition-opacity duration-500 ease-in-out">-->
2576    
2577    <!-- Dialog Box Modal Container -->
2578<!--    <div class="relative w-full max-w-4xl overflow-hidden rounded-2xl bg-white shadow-2xl transform transition-all scale-95 duration-500 flex flex-col md:flex-row">-->
2579        
2580        <!-- LEFT SIDE: Beautiful Trust Image (Visible on tablet/desktop) -->
2581<!--        <div class="hidden md:block md:w-5/12 relative bg-indigo-900">-->
2582<!--            <img src="https://kiraninfertilitycenterdelhi.com/img/gallery/reception-01.jpg" -->
2583<!--                 alt="Kiran Infertility Center Specialist" -->
2584<!--                 class="h-full w-full object-cover opacity-85">-->
2585            
2586            <!-- Floating Trust Badge over Image -->
2587<!--            <div class="absolute bottom-6 left-6 right-6 bg-white bg-opacity-90 backdrop-blur-md p-4 rounded-xl shadow-lg border border-white border-opacity-40">-->
2588<!--                <p class="text-xs font-bold uppercase tracking-wider text-indigo-900">Recognized Excellence</p>-->
2589<!--                <p class="text-xs text-gray-700 mt-0.5 font-medium">Delivering world-class fertility care and advanced ART solutions in Delhi NCR.</p>-->
2590<!--            </div>-->
2591<!--        </div>-->
2592
2593        <!-- RIGHT SIDE: Content & High-Intent Marketing Offer -->
2594<!--        <div class="w-full md:w-7/12 flex flex-col justify-between relative">-->
2595            
2596            <!-- Top Accent Trust Line -->
2597<!--            <div class="h-2 w-full bg-gradient-to-r from-indigo-500 to-purple-600"></div>-->
2598
2599            <!-- Close Button -->
2600<!--            <button id="closePopupBtn" class="absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition-colors focus:outline-none z-10" aria-label="Close dialog">-->
2601<!--                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">-->
2602<!--                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />-->
2603<!--                </svg>-->
2604<!--            </button>-->
2605
2606            <!-- Main Interactive Inner Panel -->
2607<!--            <div class="p-6 sm:p-8">-->
2608                
2609                <!-- Brand Header with Live Logo Asset -->
2610<!--                <div class="flex items-center gap-3 mb-3">-->
2611<!--                    <img src="https://kiraninfertilitycenterdelhi.com/logo.png" -->
2612<!--                         alt="Kiran Infertility Center Logo" -->
2613<!--                         class="h-7 w-auto object-contain max-w-[140px]"-->
2614<!--                         onerror="this.style.display='none';">-->
2615<!--                    <span class="text-xs font-bold uppercase tracking-widest text-gray-500 border-l border-gray-200 pl-3">Kiran Infertility Center Delhi</span>-->
2616<!--                </div>-->
2617                
2618                <!-- Main Catchy Title -->
2619<!--                <h2 class="text-2xl font-black text-gray-900 tracking-tight leading-tight sm:text-3xl">-->
2620<!--                    Your Dream of Parenthood is Closer Than You Think-->
2621<!--                </h2>-->
2622
2623                <!-- 📊 TRUST STATS GRID (Brings high authority to filter junk leads) -->
2624<!--                <div class="mt-5 grid grid-cols-2 gap-3 sm:gap-4">-->
2625<!--                    <div class="bg-gray-50 rounded-xl p-3 border border-gray-100 transition-all hover:bg-white hover:shadow-md">-->
2626<!--                        <p class="text-xl sm:text-2xl font-black text-indigo-600 tracking-tight">38K+</p>-->
2627<!--                        <p class="text-xs font-semibold text-gray-600 mt-0.5">Happy Families</p>-->
2628<!--                    </div>-->
2629<!--                    <div class="bg-gray-50 rounded-xl p-3 border border-gray-100 transition-all hover:bg-white hover:shadow-md">-->
2630<!--                        <p class="text-xl sm:text-2xl font-black text-purple-600 tracking-tight">30+</p>-->
2631<!--                        <p class="text-xs font-semibold text-gray-600 mt-0.5">Years Experience</p>-->
2632<!--                    </div>-->
2633<!--                    <div class="bg-gray-50 rounded-xl p-3 border border-gray-100 transition-all hover:bg-white hover:shadow-md">-->
2634<!--                        <p class="text-xl sm:text-2xl font-black text-emerald-600 tracking-tight">78%</p>-->
2635<!--                        <p class="text-xs font-semibold text-gray-600 mt-0.5">Success Rate</p>-->
2636<!--                    </div>-->
2637<!--                    <div class="bg-gray-50 rounded-xl p-3 border border-gray-100 transition-all hover:bg-white hover:shadow-md">-->
2638<!--                        <p class="text-xl sm:text-2xl font-black text-blue-600 tracking-tight">55+</p>-->
2639<!--                        <p class="text-xs font-semibold text-gray-600 mt-0.5">Country Patients</p>-->
2640<!--                    </div>-->
2641<!--                </div>-->
2642
2643                <!-- Promotional Offer Box -->
2644<!--                <div class="mt-5 rounded-xl bg-gradient-to-r from-indigo-50 to-purple-50 border border-indigo-100 p-4 text-center sm:text-left">-->
2645<!--                    <p class="text-xs font-bold uppercase tracking-wider text-indigo-700">Exclusive Web Initiative</p>-->
2646<!--                    <p class="mt-1 text-base sm:text-lg font-black text-gray-900 leading-snug">-->
2647<!--                        Get <span class="text-indigo-600 font-extrabold underline decoration-purple-400">Book Appointment</span> + Fertility Assessment-->
2648<!--                    </p>-->
2649<!--                </div>-->
2650
2651                <!-- CTA Button Section -->
2652<!--                <div class="mt-6 flex flex-col sm:flex-row items-center gap-3">-->
2653<!--                    <a href="https://wa.me/919311996603?text=I'm%20interested%20in%20the%20Free%20First%20Consultation%20offer" -->
2654<!--                       target="_blank"-->
2655<!--                       class="flex items-center justify-center w-full sm:w-auto sm:flex-1 px-6 py-3.5 text-base font-bold text-white bg-indigo-600 rounded-xl hover:bg-indigo-700 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 transition-all duration-150 text-center">-->
2656<!--                        Claim Free Assessment Now-->
2657<!--                    </a>-->
2658<!--                    <button id="noThanksBtn" class="w-full sm:w-auto px-4 py-2 text-xs font-bold text-gray-400 hover:text-gray-600 transition-colors text-center">-->
2659<!--                        No thanks, I will check later-->
2660<!--                    </button>-->
2661<!--                </div>-->
2662
2663<!--            </div>-->
2664<!--        </div>-->
2665<!--    </div>-->
2666<!--</div>-->
2667
2668<!-- Popup Overlay Container -->
2669<div id="fertilityPopup"
2670    class="hidden fixed inset-0 z-[9999] flex items-center justify-center bg-black/70 backdrop-blur-sm p-4">
2671
2672    <div class="relative w-full max-w-4xl bg-white rounded-2xl shadow-2xl overflow-hidden flex flex-col lg:flex-row">
2673
2674        <!-- LEFT IMAGE -->
2675        <div class="hidden lg:block w-[34%] relative">
2676
2677            <img src="https://kiraninfertilitycenterdelhi.com/img/gallery/reception-01.jpg"
2678                alt="Kiran Infertility Center"
2679                class="absolute inset-0 w-full h-full object-cover">
2680
2681            <div class="absolute bottom-3 left-3 right-3 bg-white/95 rounded-xl p-3 shadow-lg">
2682
2683                <p class="text-[10px] uppercase font-bold tracking-wider text-purple-700">
2684                    Recognized Excellence
2685                </p>
2686
2687                <p class="text-xs text-gray-700 mt-1 leading-5">
2688                    Delivering world-class fertility care and advanced ART solutions in Delhi NCR.
2689                </p>
2690
2691            </div>
2692
2693        </div>
2694
2695        <!-- RIGHT SIDE -->
2696        <div class="w-full lg:w-[66%] relative bg-white">
2697
2698            <!-- Close -->
2699            <button id="closePopupBtn"
2700                class="absolute top-4 right-4 z-20 text-gray-400 hover:text-gray-700">
2701
2702                <svg xmlns="http://www.w3.org/2000/svg"
2703                    class="h-6 w-6"
2704                    fill="none"
2705                    viewBox="0 0 24 24"
2706                    stroke="currentColor">
2707
2708                    <path stroke-linecap="round"
2709                        stroke-linejoin="round"
2710                        stroke-width="2"
2711                        d="M6 18L18 6M6 6l12 12" />
2712
2713                </svg>
2714
2715            </button>
2716
2717            <!-- FORM -->
2718            <div class="px-5 py-4">
2719
2720                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"/>
2721
2722<div id="processingModal" class="fixed inset-0 z-[100] hidden flex items-center justify-center bg-slate-900/60 backdrop-blur-sm">
2723    <div class="bg-white rounded-[40px] p-10 max-w-sm w-full mx-4 text-center shadow-2xl transform transition-all">
2724        <div class="relative w-24 h-24 mx-auto mb-6">
2725            <img src="https://kiraninfertilitycenterdelhi.com/logo.png" alt="KIC Logo" class="w-full h-full object-contain p-2 bg-white rounded-full shadow-sm">
2726            <div class="absolute inset-0 border-4 border-purple-100 border-t-purple-600 rounded-full animate-spin"></div>
2727        </div>
2728        <h2 class="text-2xl font-black text-slate-800 mb-2">Processing...</h2>
2729        <p class="text-purple-700 font-bold text-sm uppercase tracking-wider mb-4">Kiran Infertility Centre Delhi</p>
2730        <p class="text-slate-500 text-sm leading-relaxed mb-6">Please stay on this page. We are securely transmitting your appointment details.</p>
2731        <div class="w-full bg-slate-100 h-1.5 rounded-full overflow-hidden">
2732            <div class="bg-purple-600 h-full animate-progress-bar" style="width: 70%"></div>
2733        </div>
2734    </div>
2735</div>
2736
2737<div class="bg-white/80 backdrop-blur p-6 rounded-2xl shadow-md">
2738    <h3 class="text-xl font-semibold mb-4">Book Appointment</h3>
2739    <p class="text-gray-500 mb-4 text-xs">Our fertility expert will contact you within 24 hours.</p>
2740
2741    <form id="consultationForm" method="POST" action="/submit-form" class="space-y-4">
2742        <input type="text" name="name" required placeholder="Full Name" class="w-full border border-gray-300 rounded-lg px-4 py-2 text-sm focus:ring-2 focus:ring-purple-500 outline-none">
2743
2744        <input
2745    type="tel"
2746    class="phone-input w-full border border-gray-300 rounded-lg px-4 py-2 text-sm focus:ring-2 focus:ring-purple-500 outline-none"
2747    name="phone_display"
2748    required>
2749
2750<input
2751    type="hidden"
2752    name="phone"
2753    class="full-phone">
2754
2755        <input type="email" name="email" placeholder="Email Address" class="w-full border border-gray-300 rounded-lg px-4 py-2 text-sm focus:ring-2 focus:ring-purple-500 outline-none">
2756
2757        <!-- Treatment Dropdown -->
2758
2759    <select name="treatment" required
2760
2761      class="w-full border border-gray-300 rounded-lg px-4 py-3 text-sm bg-white focus:ring-2 focus:ring-purple-500 outline-none">
2762
2763
2764
2765      <option value="">Select Treatment</option>
2766
2767
2768
2769      <optgroup label="Female Fertility">
2770
2771        <option value="IVF" selected>IVF</option>
2772
2773        <option value="IUI Treatment" >IUI Treatment</option>
2774
2775        <option value="Oocyte Donation" >Oocyte Donation</option>
2776
2777        <option value="Hysteroscopy Treatment" >Hysteroscopy Treatment</option>
2778
2779        <option value="Laparoscopic Surgery" >Laparoscopic Surgery</option>
2780
2781        <option value="Ovarian PRP Rejuvenation" >Ovarian PRP Rejuvenation</option>
2782
2783        <option value="Obesity And Infertility" >Obesity And Infertility</option>
2784
2785        <option value="Altruistic Surrogacy" >Altruistic Surrogacy</option>
2786
2787      </optgroup>
2788
2789
2790
2791      <optgroup label="Male Fertility">
2792
2793        <option value="Male Infertility" >Male Infertility</option>
2794
2795        <option value="Testicular Biopsy" >Testicular Biopsy</option>
2796
2797        <option value="Varicocele" >Varicocele</option>
2798
2799        <option value="Azoospermia Treatment" >Azoospermia Treatment</option>
2800
2801        <option value="Micro-TESE" >Micro-TESE</option>
2802
2803      </optgroup>
2804
2805
2806
2807      <optgroup label="Advanced Procedures">
2808
2809        <option value="ICSI" >ICSI</option>
2810
2811        <option value="Blastocyst Transfer" >Blastocyst Transfer</option>
2812
2813        <option value="Assisted Hatching" >Assisted Hatching</option>
2814
2815        <option value="Pre–Implantation Genetic Screening" >Pre–Implantation Genetic Screening</option>
2816
2817        <option value="Assisted Reproductive Technology" >Assisted Reproductive Technology</option>
2818
2819        
2820
2821      </optgroup>
2822
2823
2824
2825      <optgroup label="Fertility Preservation & Diagnosis">
2826
2827        <option value="Fertility Assessment & Diagnosis" >Fertility Assessment & Diagnosis</option>
2828
2829        <option value="Cryopreservation" >Cryopreservation</option>
2830
2831        <option value="Egg Freezing" >Egg Freezing</option>
2832
2833      </optgroup>
2834
2835
2836
2837    </select>
2838
2839        <!-- <textarea rows="3" name="message" placeholder="Tell us your symptoms" class="w-full border border-gray-300 rounded-lg px-4 py-2 text-sm focus:ring-2 focus:ring-purple-500 outline-none"></textarea> -->
2840
2841        <input type="hidden" name="ip_address" value="104.234.32.3">
2842        <input type="hidden" name="page_url" value="https://kiraninfertilitycenterdelhi.com/news-and-media">
2843        <input type="hidden" name="browser_device" id="browser_device">
2844        <input type="hidden" name="user_location" id="user_location">
2845
2846        <button type="submit" id="submitBtn" class="w-full bg-purple-600 hover:bg-purple-700 text-white py-3 rounded-lg font-semibold transition">
2847            Get a Callback
2848        </button>
2849        
2850        <!-- TRUST TEXT -->
2851<div class="flex items-center justify-center gap-2 flex-wrap mt-4 text-[13px] text-gray-500">
2852
2853    <span class="flex items-center gap-1">
2854        🛡 <span>100% Confidential</span>
2855    </span>
2856
2857    <span>•</span>
2858
2859    <span>No Cost</span>
2860
2861    <span>•</span>
2862
2863    <span>No Obligation</span>
2864
2865</div>
2866
2867<!-- REVIEW BOX -->
2868<div class=" border  rounded-xl p-0 mt-4 flex items-center justify-center">
2869    <div class="flex-1 text-center">
2870        <img 
2871            src="/img/google.webp" alt="Google Logo"
2872            class="h-150 mx-auto mb-1 object-contain"
2873        >
2874    </div>
2875    <!-- DIVIDER -->
2876    <div class="w-px h-10 bg-gray-200 mx-4"></div>
2877    <div class="flex-1 text-center">
2878        <img 
2879            src="/img/justdial.png" alt="Practo Logo"
2880            class="h-150 mx-auto mb-1 object-contain"
2881        >
2882    </div>
2883</div>
2884    </form>
2885</div>
2886
2887<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
vendor: 2 bytes, line 2887
2887
2888<script>
2889document.addEventListener("DOMContentLoaded", function () {
2890
2891    const modal = document.getElementById('processingModal');
2892
2893    document.querySelectorAll(".phone-input").forEach(function (phoneInputField) {
2894
2895        const form = phoneInputField.closest("form");
2896        const fullPhoneInput = form.querySelector(".full-phone");
2897        const btn = form.querySelector("#submitBtn");
2898
2899        const phoneInput = window.intlTelInput(phoneInputField, {
2900            initialCountry: "in",
2901            preferredCountries: ["in", "us", "ca", "gb", "au"],
2902            separateDialCode: true,
2903            nationalMode: false,
2904            autoPlaceholder: "aggressive",
2905            utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"
2906        });
2907
2908        // Browser / Device
2909        const browserField = form.querySelector('[name="browser_device"]');
2910
2911        if (browserField) {
2912            const ua = navigator.userAgent;
2913            let device = "Desktop";
2914
2915            if (/Tablet|iPad/i.test(ua)) {
2916                device = "Tablet";
2917            }
2918
2919            if (/Mobile|Android|iPhone/i.test(ua)) {
2920                device = "Mobile";
2921            }
2922
2923            browserField.value = `${device} - ${navigator.platform}`;
2924        }
2925
2926        // Submit
2927        form.addEventListener("submit", function (e) {
2928
2929            e.preventDefault();
2930
2931            // Get full international phone number
2932            fullPhoneInput.value = phoneInput.getNumber();
2933
2934            // Show processing modal immediately
2935            if (modal) {
2936                modal.classList.remove("hidden");
2937            }
2938
2939            // Disable button
2940            if (btn) {
2941                btn.disabled = true;
2942                btn.innerText = "Submitting...";
2943            }
2944
2945            // Prepare form data
2946            const formData = new FormData(form);
2947
2948            // Send data in background
2949            fetch(form.action, {
2950                method: "POST",
2951                body: formData,
2952                keepalive: true
2953            }).catch(function (error) {
2954                console.log("Background submission:", error);
2955            });
2956
2957            // Redirect quickly
2958            setTimeout(function () {
2959                window.location.href = "/thankyou";
2960            }, 800);
2961
2962        });
2963
2964    });
2965
2966});
2967</script>
2967
2968
2969<style>
2970    .iti { width: 100%; }
2971    @keyframes progress-bar {
2972        0% { width: 0%; }
2973        100% { width: 100%; }
2974    }
2975    .animate-progress-bar {
2976        animation: progress-bar 2s ease-in-out infinite;
2977    }
2978</style>
2979            </div>
2980
2981        </div>
2982
2983    </div>
2984
2985</div>
2986
2987
2988<!-- =========================================
2989     FIXED RIGHT SIDE ENQUIRE BUTTON
2990     ========================================= -->
2991
2992<a href="#"
2993   id="fixedEnquireBtn"
2994   class="fixed-enquire-btn">
2995
2996    <div class="enquire-inner">
2997
2998        <i class="fa-solid fa-file-pen"></i>
2999
3000        <span>
3001            Enquire<br>
3002            Now
3003        </span>
3004
3005    </div>
3006
3007</a>
3008
3009
3010<style>
3011/* =========================================
3012   FIXED ENQUIRE NOW
3013   CLEAN PURPLE GLOW
3014   ========================================= */
3015
3016.fixed-enquire-btn {
3017    position: fixed;
3018    right: 0;
3019    top: 50%;
3020    transform: translateY(-50%);
3021
3022    width: 105px;
3023    height: 105px;
3024
3025    border-radius: 50%;
3026
3027    display: flex;
3028    align-items: center;
3029    justify-content: center;
3030
3031    text-decoration: none;
3032
3033    z-index: 99999;
3034
3035    /* PURE PURPLE GLOW */
3036    background: #9333ea;
3037
3038    box-shadow:
3039        0 0 0 4px rgba(147, 51, 234, 0.25),
3040        0 0 18px rgba(147, 51, 234, 0.65),
3041        0 0 38px rgba(147, 51, 234, 0.55);
3042
3043    transition: all 0.3s ease;
3044}
3045
3046
3047/* WHITE INNER CIRCLE */
3048
3049.enquire-inner {
3050    width: 82px;
3051    height: 82px;
3052
3053    border-radius: 50%;
3054
3055    background: #ffffff;
3056
3057    border: 3px solid #c084fc;
3058
3059    display: flex;
3060    flex-direction: column;
3061    align-items: center;
3062    justify-content: center;
3063
3064    text-align: center;
3065
3066    position: relative;
3067    z-index: 2;
3068
3069    box-shadow:
3070        0 0 8px rgba(255,255,255,0.9),
3071        0 0 15px rgba(192,132,252,0.7);
3072}
3073
3074
3075/* ICON */
3076
3077.enquire-inner i {
3078    color: #7e22ce;
3079    font-size: 27px;
3080    margin-bottom: 3px;
3081}
3082
3083
3084/* TEXT */
3085
3086.enquire-inner span {
3087    color: #7e22ce;
3088
3089    font-size: 13px;
3090    font-weight: 800;
3091
3092    line-height: 1.05;
3093
3094    font-family: Arial, sans-serif;
3095}
3096
3097
3098/* HOVER */
3099
3100.fixed-enquire-btn:hover {
3101    transform: translateY(-50%) scale(1.05);
3102
3103    box-shadow:
3104        0 0 0 5px rgba(147, 51, 234, 0.25),
3105        0 0 22px rgba(147, 51, 234, 0.75),
3106        0 0 45px rgba(147, 51, 234, 0.65);
3107}
3108
3109
3110/* =========================================
3111   MOBILE
3112   ========================================= */
3113
3114@media (max-width: 767px) {
3115
3116    .fixed-enquire-btn {
3117        width: 82px;
3118        height: 82px;
3119        right: 0;
3120    }
3121
3122    .enquire-inner {
3123        width: 64px;
3124        height: 64px;
3125        border-width: 2px;
3126    }
3127
3128    .enquire-inner i {
3129        font-size: 20px;
3130    }
3131
3132    .enquire-inner span {
3133        font-size: 10px;
3134    }
3135
3136}
3137
3138</style>
3139
3140
3141<script>
3142document.addEventListener("DOMContentLoaded", function () {
3143
3144    const fixedEnquireBtn = document.getElementById("fixedEnquireBtn");
3145    const openModalBtn = document.getElementById("openModalBtn");
3146
3147    if (fixedEnquireBtn && openModalBtn) {
3148
3149        fixedEnquireBtn.addEventListener("click", function (e) {
3150
3151            e.preventDefault();
3152
3153            // Existing Book Appointment button ko click karega
3154            openModalBtn.click();
3155
3156        });
3157
3158    }
3159
3160});
3161</script>
3161
3162
3163<!-- Control Script (Bypasses Local Browser Latency Conflicts) -->
3164<!-- Keep your HTML structure exactly the same, just replace the script tag at the bottom with this: -->
3165
3166
3167<!-- Modal -->
3168<div id="modal" class="fixed inset-0 z-50 hidden items-center justify-center">
3169  <div id="backdrop" class="absolute inset-0 bg-black bg-opacity-50"></div>
3170
3171  <div role="dialog" aria-modal="true" aria-labelledby="modalTitle" class="relative z-10 w-full max-w-lg mx-4">
3172    <div class="bg-white rounded-xl shadow-xl overflow-hidden">
3173      
3174      <div class="px-6 py-4 border-b relative">
3175        <button id="cancelIcon"
3176          class="absolute top-4 right-4 text-gray-500 hover:text-red-500 text-2xl font-bold transition">
3177          &times;
3178        </button>
3179
3180        <h3 id="modalTitle" class="text-lg font-semibold text-gray-800">
3181          Book an Appointment
3182        </h3>
3183      </div>
3184
3185     <form id="appointmentForm"
3186      method="POST"
3187      action="/submit-form"
3188      class="px-6 py-6 space-y-4">
3189
3190        <input required name="name" id="name" type="text"
3191          class="w-full bg-white border border-gray-400 rounded-xl px-4 py-3 text-sm
3192          focus:border-purple-600 focus:ring-2 focus:ring-purple-500/30 outline-none transition"
3193          placeholder="Your name">
3194          
3195           <input type="email" name="email" placeholder="Email Address" class="w-full border border-gray-300 rounded-lg px-4 py-2 text-sm focus:ring-2 focus:ring-purple-500 outline-none">
3196
3197        <input required name="phone" id="mobile" type="tel"
3198          class="w-full bg-white border border-gray-400 rounded-xl px-4 py-3 text-sm
3199          focus:border-purple-600 focus:ring-2 focus:ring-purple-500/30 outline-none transition"
3200          placeholder="Mobile No. e.g. 1234567890">
3201
3202          <!-- Treatment Dropdown -->
3203    <select id="treatment" name="treatment" required
3204  class="w-full border border-gray-300 rounded-lg px-4 py-3 text-sm bg-white focus:ring-2 focus:ring-purple-500 outline-none">
3205
3206  <option value="">Select Treatment</option>
3207      <optgroup label="Female Fertility">
3208        <option value="IVF" >IVF</option>
3209        <option value="IUI Treatment" >IUI Treatment</option>
3210        <option value="Oocyte Donation" >Oocyte Donation</option>
3211        <option value="Hysteroscopy Treatment" >Hysteroscopy Treatment</option>
3212        <option value="Laparoscopic Surgery" >Laparoscopic Surgery</option>
3213        <option value="Ovarian PRP Rejuvenation" >Ovarian PRP Rejuvenation</option>
3214        <option value="Obesity And Infertility" >Obesity And Infertility</option>
3215        <option value="Altruistic Surrogacy" >Altruistic Surrogacy</option>
3216      </optgroup>
3217
3218      <optgroup label="Male Fertility">
3219        <option value="Male Infertility" >Male Infertility</option>
3220        <option value="Testicular Biopsy" >Testicular Biopsy</option>
3221        <option value="Varicocele" >Varicocele</option>
3222      </optgroup>
3223
3224      <optgroup label="Advanced Procedures">
3225        <option value="ICSI" >ICSI</option>
3226        <option value="Blastocyst Transfer" >Blastocyst Transfer</option>
3227        <option value="Assisted Hatching" >Assisted Hatching</option>
3228        <option value="Pre–Implantation Genetic Screening" >Pre–Implantation Genetic Screening</option>
3229        <option value="Assisted Reproductive Technology" >Assisted Reproductive Technology</option>
3230   
3231      </optgroup>
3232
3233      <optgroup label="Fertility Preservation & Diagnosis">
3234        <option value="Fertility Assessment & Diagnosis" >Fertility Assessment & Diagnosis</option>
3235        <option value="Cryopreservation" >Cryopreservation</option>
3236        <option value="Egg Freezing" >Egg Freezing</option>
3237      </optgroup>
3238
3239    </select>
3240
3241        <!--<textarea required name="message" id="message" rows="4"-->
3242        <!--  class="w-full bg-white border border-gray-400 rounded-xl px-4 py-3 text-sm-->
3243        <!--  focus:border-purple-600 focus:ring-2 focus:ring-purple-500/30 outline-none transition"-->
3244        <!--  placeholder="Tell us your symptoms"></textarea>-->
3245
3246        <div class="flex items-center justify-between gap-3">
3247         <button id="submitBtn" type="submit"
3248    class="w-full px-4 py-3 rounded-full font-semibold text-white 
3249    bg-gradient-to-r from-purple-600 to-purple-400 
3250    hover:from-purple-700 hover:to-purple-800 
3251    transition shadow-lg">
3252    Submit
3253</button>
3254
3255          <button type="button" id="cancelBtn"
3256            class="px-4 py-3 rounded-full border border-gray-400 text-gray-700 hover:bg-gray-100 transition">
3257            Cancel
3258          </button>
3259        </div>
3260
3261      </form>
3262    </div>
3263  </div>
3264</div>
3265<!-- ===== Modal (Hidden by Default) ===== -->
3266<div id="consultModal" class="hidden fixed inset-0 bg-black bg-opacity-50 items-center justify-center z-50">
3267  <div class="bg-white rounded-lg shadow-xl w-11/12 md:w-1/3 p-6 relative">
3268    <h2 class="text-2xl font-semibold text-purple-700 mb-4 text-center">Book A Consultation</h2>
3269
3270    <form id="consultForm" class="space-y-4">
3271      <input type="text" id="user_name" placeholder="Full Name"
3272        class="w-full border rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-purple-500" required>
3273      <input type="tel" id="user_phone" placeholder="Phone Number"
3274        class="w-full border rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-purple-500" required>
3275        <!-- Treatment Dropdown -->
3276    <select id="treatment" name="treatment" required
3277  class="w-full border border-gray-300 rounded-lg px-4 py-3 text-sm bg-white focus:ring-2 focus:ring-purple-500 outline-none">
3278
3279  <option value="">Select Treatment</option>
3280
3281      <optgroup label="Female Fertility">
3282        <option value="IVF" >IVF</option>
3283        <option value="IUI Treatment" >IUI Treatment</option>
3284        <option value="Oocyte Donation" >Oocyte Donation</option>
3285        <option value="Hysteroscopy Treatment" >Hysteroscopy Treatment</option>
3286        <option value="Laparoscopic Surgery" >Laparoscopic Surgery</option>
3287        <option value="Ovarian PRP Rejuvenation" >Ovarian PRP Rejuvenation</option>
3288        <option value="Obesity And Infertility" >Obesity And Infertility</option>
3289        <option value="Altruistic Surrogacy" >Altruistic Surrogacy</option>
3290      </optgroup>
3291
3292      <optgroup label="Male Fertility">
3293        <option value="Male Infertility" >Male Infertility</option>
3294        <option value="Testicular Biopsy" >Testicular Biopsy</option>
3295        <option value="Varicocele" >Varicocele</option>
3296      </optgroup>
3297
3298      <optgroup label="Advanced Procedures">
3299        <option value="ICSI" >ICSI</option>
3300        <option value="Blastocyst Transfer" >Blastocyst Transfer</option>
3301        <option value="Assisted Hatching" >Assisted Hatching</option>
3302        <option value="Pre–Implantation Genetic Screening" >Pre–Implantation Genetic Screening</option>
3303        <option value="Assisted Reproductive Technology" >Assisted Reproductive Technology</option>
3304       
3305      </optgroup>
3306
3307      <optgroup label="Fertility Preservation & Diagnosis">
3308        <option value="Fertility Assessment & Diagnosis" >Fertility Assessment & Diagnosis</option>
3309        <option value="Cryopreservation" >Cryopreservation</option>
3310        <option value="Egg Freezing" >Egg Freezing</option>
3311      </optgroup>
3312
3313    </select>
3314      <!-- <textarea id="user_message" placeholder="Tell us your symptoms" rows="3"
3315        class="w-full border rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-purple-500" required></textarea> -->
3316      <div class="flex justify-between">
3317        <button type="button" id="closeConsult"
3318          class="px-4 py-2 bg-gray-400 hover:bg-gray-600 text-white rounded-lg">Cancel</button>
3319        <button type="submit" id="consultSubmit"
3320          class="px-4 py-2 bg-purple-600 hover:bg-purple-800 text-white rounded-lg">Send on WhatsApp</button>
3321      </div>
3322    </form>
3323  </div>
3324</div>
3325
3326<script>
3327document.addEventListener("DOMContentLoaded", function () {
3328
3329    const modal = document.getElementById('modal');
3330    const openModalBtns = document.querySelectorAll('.openModalBtn');
3331    const backdrop = document.getElementById('backdrop');
3332    const cancelBtn = document.getElementById('cancelBtn');
3333    const cancelIcon = document.getElementById('cancelIcon');
3334    const form = document.getElementById('appointmentForm');
3335    const submitBtn = document.getElementById('submitBtn');
3336
3337    if (!modal || !form) return;
3338
3339    function openModal() {
3340        modal.classList.remove('hidden');
3341        modal.classList.add('flex');
3342        document.addEventListener('keydown', onEsc);
3343    }
3344
3345    function closeModal() {
3346        modal.classList.add('hidden');
3347        modal.classList.remove('flex');
3348        document.removeEventListener('keydown', onEsc);
3349    }
3350
3351    function onEsc(e) {
3352        if (e.key === 'Escape') {
3353            closeModal();
3354        }
3355    }
3356
3357    openModalBtns.forEach(btn => {
3358        btn.addEventListener('click', function(e) {
3359            e.preventDefault();
3360            openModal();
3361        });
3362    });
3363
3364    if (cancelBtn) cancelBtn.addEventListener('click', closeModal);
3365    if (cancelIcon) cancelIcon.addEventListener('click', closeModal);
3366    if (backdrop) backdrop.addEventListener('click', closeModal);
3367
3368    let submitted = false;
3369
3370    form.addEventListener('submit', function(e) {
3371
3372        if (submitted) {
3373            e.preventDefault();
3374            return;
3375        }
3376
3377        const name = document.getElementById('name').value.trim();
3378        const phone = document.getElementById('mobile').value.trim();
3379        const treatment = document.getElementById('treatment').value;
3380
3381        if (!name || !phone || !treatment) {
3382            e.preventDefault();
3383            alert('Please fill all fields.');
3384            return;
3385        }
3386
3387        submitted = true;
3388
3389        submitBtn.disabled = true;
3390        submitBtn.textContent = "Submitting...";
3391
3392        // Form automatically action="/submit-form"
3393        // par POST ho jayega.
3394    });
3395
3396});
3397</script>
vendor: 1 bytes, line 3397
3397
3398<script>
3399  const adminPhone = "919625202016"; // without + sign
3400  //const consultBtn = document.getElementById("consultBtn");
3401  const consultBtns = document.querySelectorAll(".consultBtn");
3402  const consultModal = document.getElementById("consultModal");
3403  const closeConsult = document.getElementById("closeConsult");
3404  const consultForm = document.getElementById("consultForm");
3405  const consultSubmit = document.getElementById("consultSubmit");
3406
3407  // 🟣 Open Modal
3408    consultBtns.forEach(btn => {
3409    btn.addEventListener("click", (e) => {
3410        e.preventDefault();
3411        consultModal.classList.remove("hidden");
3412        consultModal.classList.add("flex");
3413    });
3414    });
3415
3416  // 🔴 Close Modal
3417  closeConsult.addEventListener("click", () => {
3418    consultModal.classList.add("hidden");
3419    consultModal.classList.remove("flex");
3420  });
3421
3422  consultModal.addEventListener("click", (e) => {
3423    if (e.target === consultModal) {
3424      consultModal.classList.add("hidden");
3425      consultModal.classList.remove("flex");
3426    }
3427  });
3428
3429  // 🟢 Form Submit Handler
3430  consultForm.addEventListener("submit", (e) => {
3431    e.preventDefault();
3432
3433    const name = document.getElementById("user_name").value.trim();
3434    const phone = document.getElementById("user_phone").value.trim();
3435    const email = document.getElementById("user_email").value.trim();
3436    // const message = document.getElementById("user_message").value.trim();
3437
3438    if (!name || !phone || !email || !message) {
3439      alert("Please fill out all fields!");
3440      return;
3441    }
3442
3443    // 🔹 Page Info
3444    const pageUrl = window.location.href;
3445    const pageTitle = document.title;
3446    const referrer = document.referrer || "Direct Visit";
3447
3448    // 🔹 Timestamp
3449    const timeStamp = new Date().toLocaleString();
3450
3451    // 🔹 Device Detection
3452    const userAgent = navigator.userAgent;
3453    let deviceType = "Desktop";
3454
3455    if (/mobile/i.test(userAgent)) {
3456      deviceType = "Mobile";
3457    } else if (/tablet/i.test(userAgent)) {
3458      deviceType = "Tablet";
3459    }
3460
3461    // 🔹 Browser Detection
3462    let browser = "Unknown";
3463
3464    if (userAgent.indexOf("Chrome") > -1) browser = "Chrome";
3465    else if (userAgent.indexOf("Safari") > -1) browser = "Safari";
3466    else if (userAgent.indexOf("Firefox") > -1) browser = "Firefox";
3467    else if (userAgent.indexOf("Edge") > -1) browser = "Edge";
3468    else if (userAgent.indexOf("OPR") > -1) browser = "Opera";
3469
3470    // WhatsApp Message
3471    const msg = `📋 *New Consultation Request*
3472Name: ${name}
3473Phone: ${phone}
3474Email: ${email}
3475
3476------ Tracking Info ------
3477Page Title: ${pageTitle}
3478Page URL: ${pageUrl}
3479Referrer: ${referrer}
3480Time: ${timeStamp}
3481Device: ${deviceType}
3482Browser: ${browser}`;
3483
3484    const waUrl = `https://wa.me/${adminPhone}?text=${encodeURIComponent(msg)}`;
3485
3486    consultSubmit.textContent = "Opening WhatsApp...";
3487    consultSubmit.disabled = true;
3488
3489    window.open(waUrl, "_blank");
3490
3491    setTimeout(() => {
3492      consultModal.classList.add("hidden");
3493      consultModal.classList.remove("flex");
3494      consultForm.reset();
3495      consultSubmit.textContent = "Send on WhatsApp";
3496      consultSubmit.disabled = false;
3497    }, 1000);
3498  });
3499</script>
vendor: 1 bytes, line 3499
3499
3500<script>
3501document.addEventListener("DOMContentLoaded", function () {
3502  const phoneNumber = "919311996603";
3503  const whatsappButtons = document.querySelectorAll(".floatingWhatsapp");
3504
3505  if (!whatsappButtons.length) return;
3506
3507  whatsappButtons.forEach(button => {
3508    button.addEventListener("click", async function(e) {
3509      e.preventDefault();
3510
3511      const pageTitle = document.title;
3512      let city = "Unknown", countryCode = "Unknown", ip = "Unknown";
3513
3514      // 1. Detect Location
3515      try {
3516        const response = await fetch("https://ipapi.co/json/");
3517        const data = await response.json();
3518        city = data.city || "Unknown";
3519        countryCode = data.country || "Unknown"; // e.g., AE, BD, IN, US
3520        ip = data.ip || "Unknown";
3521      } catch (error) {
3522        console.log("IP fetch failed");
3523      }
3524
3525      // 2. Routing Logic
3526      const middleEastCodes = ["AE", "SA", "QA", "KW", "BH", "OM", "EG", "JO"];
3527      let triggerKeyword = "";
3528
3529      if (middleEastCodes.includes(countryCode)) {
3530        // If from Middle East -> Arabic Bot
3531        triggerKeyword = "ARABIC_START";
3532      } else if (countryCode === "BD") {
3533        // If from Bangladesh -> Bangla Bot
3534        triggerKeyword = "BANGLA_START";
3535      } else {
3536        // DEFAULT: For India, USA, UK, and all other countries -> Language Router (English)
3537        triggerKeyword = "HI_KIC";
3538      }
3539
3540      // 3. Construct Message
3541      const message = `${triggerKeyword}\n\n` + 
3542                      `📞 *Website Lead*\n` +
3543                      `Location: ${city}, ${countryCode}\n` +
3544                      `IP: ${ip}\n` +
3545                      `Source: ${pageTitle}`;
3546
3547      const url = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`;
3548      window.open(url, "_blank");
3549    });
3550  });
3551});
3552</script>
vendor: 1 bytes, line 3552
3552
3553<script>
3554document.addEventListener("DOMContentLoaded", function () {
3555
3556  const buttons = document.querySelectorAll(".tab-btn");
3557  const contents = document.querySelectorAll(".tab-content");
3558
3559  buttons.forEach(btn => {
3560    btn.addEventListener("click", function () {
3561
3562      const target = this.getAttribute("data-tab");
3563
3564      // Reset buttons
3565      buttons.forEach(b => {
3566        b.classList.remove("bg-purple-700", "text-white");
3567        b.classList.add("border", "border-purple-600", "text-purple-600");
3568      });
3569
3570      // Hide all tab content
3571      contents.forEach(content => {
3572        content.classList.add("hidden");
3573      });
3574
3575      // Activate clicked button
3576      this.classList.remove("border", "border-purple-600", "text-purple-600");
3577      this.classList.add("bg-purple-700", "text-white");
3578
3579      // Show selected tab content
3580      const activeTab = document.getElementById(target);
3581      if (activeTab) {
3582        activeTab.classList.remove("hidden");
3583      }
3584
3585    });
3586  });
3587
3588});
3589</script>
vendor: 1 bytes, line 3589
3589
3590<script>
3591
3592  
3593
3594  //   testmonials  js
3595
3596     
3597
3598    document.addEventListener('DOMContentLoaded', function () {
3599
3600      const track = document.querySelector('.slider-track');
3601
3602      const slides = Array.from(document.querySelectorAll('.testimonial-card'));
3603
3604      const prevBtn = document.querySelector('.prev');
3605
3606      const nextBtn = document.querySelector('.next');
3607
3608      const slidesToShow = 4;
3609
3610      const slideWidth = slides[0].offsetWidth + 16; // width + margin approx
3611
3612      let currentIndex = 0;
3613
3614
3615
3616      function updateSliderPosition() {
3617
3618        const maxIndex = slides.length - slidesToShow;
3619
3620        if (currentIndex < 0) currentIndex = maxIndex;
3621
3622        if (currentIndex > maxIndex) currentIndex = 0;
3623
3624        const translateX = -currentIndex * slideWidth;
3625
3626        track.style.transform = `translateX(${translateX}px)`;
3627
3628      }
3629
3630
3631
3632      prevBtn.addEventListener('click', () => {
3633
3634        currentIndex--;
3635
3636        updateSliderPosition();
3637
3638      });
3639
3640
3641
3642      nextBtn.addEventListener('click', () => {
3643
3644        currentIndex++;
3645
3646        updateSliderPosition();
3647
3648      });
3649
3650
3651
3652      // Initial position
3653
3654      updateSliderPosition();
3655
3656    });
3657
3658 
3659
3660
3661
3662  //  faq 
3663
3664
3665
3666    document.addEventListener('DOMContentLoaded', function () {
3667
3668      const faq = document.getElementById('faq');
3669
3670      const items = faq.querySelectorAll('[data-index]');
3671
3672
3673
3674      items.forEach(item => {
3675
3676        const btn = item.querySelector('.accordion-btn');
3677
3678        const panel = item.querySelector('.faq-panel');
3679
3680        const icon = btn.querySelector('svg');
3681
3682
3683
3684        btn.addEventListener('click', () => {
3685
3686          const isOpen = btn.getAttribute('aria-expanded') === 'true';
3687
3688
3689
3690          // close all
3691
3692          items.forEach(other => {
3693
3694            const oBtn = other.querySelector('.accordion-btn');
3695
3696            const oPanel = other.querySelector('.faq-panel');
3697
3698            const oIcon = other.querySelector('svg');
3699
3700            oBtn.setAttribute('aria-expanded', 'false');
3701
3702            oPanel.hidden = true;
3703
3704            oBtn.classList.remove('bg-purple-600', 'text-white');
3705
3706            oBtn.classList.add('bg-white', 'text-black');
3707
3708            oIcon.classList.remove('rotate-180');
3709
3710          });
3711
3712
3713
3714          if (!isOpen) {
3715
3716            // open clicked
3717
3718            btn.setAttribute('aria-expanded', 'true');
3719
3720            panel.hidden = false;
3721
3722            btn.classList.add('bg-purple-600', 'text-white');
3723
3724            btn.classList.remove('bg-white', 'text-black');
3725
3726            icon.classList.add('rotate-180');
3727
3728          }
3729
3730        });
3731
3732      });
3733
3734    });
3735
3736 
3737
3738 
3739
3740
3741
3742    // Our Core Values
3743
3744
3745
3746  
3747
3748
3749
3750
3751
3752    // about us section slider 
3753
3754     const slider = document.getElementById('slider');
3755
3756  const slides = slider.children;
3757
3758  let index = 0;
3759
3760
3761
3762  const showSlide = (i) => {
3763
3764    slider.style.transform = `translateX(-${i * 100}%)`;
3765
3766  }
3767
3768
3769
3770  document.getElementById('next').addEventListener('click', () => {
3771
3772    index = (index + 1) % slides.length;
3773
3774    showSlide(index);
3775
3776  });
3777
3778
3779
3780  document.getElementById('prev').addEventListener('click', () => {
3781
3782    index = (index - 1 + slides.length) % slides.length;
3783
3784    showSlide(index);
3785
3786  });
3787
3788
3789
3790  // Auto Slide every 3 seconds
3791
3792  setInterval(() => {
3793
3794    index = (index + 1) % slides.length;
3795
3796    showSlide(index);
3797
3798  }, 3000);
3799
3800
3801
3802
3803
3804
3805
3806
3807
3808// about s section heading typeing animataion
3809
3810
3811
3812 const line1Text = "Leading IVF Center in Delhi";
3813
3814          const line2Text = "for Infertility Treatment";
3815
3816
3817
3818          const line1 = document.getElementById("line1");
3819
3820          const line2 = document.getElementById("line2");
3821
3822
3823
3824          function typeWriter(text, element, delay = 100, callback) {
3825
3826            let i = 0;
3827
3828            function typing() {
3829
3830              if (i < text.length) {
3831
3832                element.innerHTML += text.charAt(i);
3833
3834                i++;
3835
3836                setTimeout(typing, delay);
3837
3838              } else if (callback) {
3839
3840                setTimeout(callback, 500); // thoda gap before next line
3841
3842              }
3843
3844            }
3845
3846            typing();
3847
3848          }
3849
3850
3851
3852          function startTyping() {
3853
3854            line1.innerHTML = "";
3855
3856            line2.innerHTML = "";
3857
3858            typeWriter(line1Text, line1, 100, () => {
3859
3860              typeWriter(line2Text, line2, 100, () => {
3861
3862                // Jab dono line complete ho jaye, 2 sec wait karke fir repeat
3863
3864                setTimeout(startTyping, 2000);
3865
3866              });
3867
3868            });
3869
3870          }
3871
3872
3873
3874          startTyping();
3875
3876
3877
3878
3879
3880
3881
3882
3883
3884  // blog section
3885
3886
3887
3888
3889
3890   
3891
3892    (function () {
3893
3894      const carousel = document.getElementById('carousel');
3895
3896      const prevBtn = document.getElementById('prevBtn');
3897
3898      const nextBtn = document.getElementById('nextBtn');
3899
3900
3901
3902      // get gap between flex items (px)
3903
3904      function getGapPx() {
3905
3906        const gap = getComputedStyle(carousel).gap || '0px';
3907
3908        return parseFloat(gap);
3909
3910      }
3911
3912
3913
3914      // compute width to scroll: width of one card (including gap)
3915
3916      function cardScrollWidth() {
3917
3918        const card = carousel.querySelector('.blog-card');
3919
3920        if (!card) return carousel.clientWidth;
3921
3922        const cardWidth = card.getBoundingClientRect().width;
3923
3924        return Math.round(cardWidth + getGapPx());
3925
3926      }
3927
3928
3929
3930      function updateButtons() {
3931
3932        // disable prev if at start, disable next if near end
3933
3934        prevBtn.disabled = carousel.scrollLeft <= 5;
3935
3936        // use Math.ceil to account for float rounding
3937
3938        nextBtn.disabled = Math.ceil(carousel.scrollLeft + carousel.clientWidth) >= carousel.scrollWidth - 5;
3939
3940      }
3941
3942
3943
3944      nextBtn.addEventListener('click', () => {
3945
3946        carousel.scrollBy({ left: cardScrollWidth(), behavior: 'smooth' });
3947
3948      });
3949
3950
3951
3952      prevBtn.addEventListener('click', () => {
3953
3954        carousel.scrollBy({ left: -cardScrollWidth(), behavior: 'smooth' });
3955
3956      });
3957
3958
3959
3960      // keyboard accessibility: arrow keys
3961
3962      carousel.addEventListener('keydown', (e) => {
3963
3964        if (e.key === 'ArrowRight') nextBtn.click();
3965
3966        if (e.key === 'ArrowLeft') prevBtn.click();
3967
3968      });
3969
3970
3971
3972      // update button states on scroll / resize
3973
3974      carousel.addEventListener('scroll', () => {
3975
3976        // throttle with requestAnimationFrame
3977
3978        window.requestAnimationFrame(updateButtons);
3979
3980      });
3981
3982      window.addEventListener('resize', () => {
3983
3984        window.requestAnimationFrame(updateButtons);
3985
3986      });
3987
3988
3989
3990      // initial update
3991
3992      window.addEventListener('load', updateButtons);
3993
3994    })();
3995
3996  
3997
3998
3999
4000
4001
4002    // home page  form section
4003
4004     const fields = [
4005
4006    { id: "name", text: "Enter your name" },
4007
4008    { id: "email", text: "Enter your email" },
4009
4010    { id: "message", text: "Write your message" },
4011
4012    { id: "mobile", text: "Enter your mobile number" }
4013
4014  ];
4015
4016
4017
4018 function typeWriterEffect(el, text, speed = 100, delay = 2000) {
4019
4020    // FIX: If the element doesn't exist, exit the function immediately
4021
4022    if (!el) return; 
4023
4024
4025
4026    let i = 0;
4027
4028
4029
4030    function typing() {
4031
4032        // Re-check el here just to be safe for long-running timeouts
4033
4034        if (!el) return; 
4035
4036
4037
4038        if (i < text.length) {
4039
4040            el.setAttribute("placeholder", text.substring(0, i + 1));
4041
4042            i++;
4043
4044            setTimeout(typing, speed);
4045
4046        } else {
4047
4048            setTimeout(() => {
4049
4050                i = 0;
4051
4052                typing();
4053
4054            }, delay);
4055
4056        }
4057
4058    }
4059
4060    typing();
4061
4062}
4063
4064
4065
4066// Update your loop to handle the check as well:
4067
4068const elements = document.querySelectorAll(".your-typewriter-class");
4069
4070elements.forEach(element => {
4071
4072    if (element) {
4073
4074        typeWriterEffect(element, "Enter your search term...");
4075
4076    }
4077
4078});
4079
4080
4081
4082  fields.forEach(f => {
4083
4084    const inputEl = document.getElementById(f.id);
4085
4086    typeWriterEffect(inputEl, f.text, 120, 2500);
4087
4088  });
4089
4090
4091
4092
4093
4094
4095
4096
4097
4098
4099
4100  // our secrvice section heading animation type one by one letter
4101
4102
4103
4104  (function () {
4105
4106    const blackText = "Comprehensive Fertility Care ";
4107
4108    const purpleText = "And Advanced Treatments";
4109
4110
4111
4112    // Sirf typing-heading ke andar wale span select karo
4113
4114    const container = document.getElementById("typing-heading");
4115
4116    const blackSpan = container.querySelector("#black-text");
4117
4118    const purpleSpan = container.querySelector("#purple-text");
4119
4120
4121
4122    const typingSpeed = 100; // ms per letter
4123
4124    const pauseTime = 5000;  // pause before restart (change as needed)
4125
4126
4127
4128    function typeText(text, span, callback) {
4129
4130      let i = 0;
4131
4132      function typeChar() {
4133
4134        if (i < text.length) {
4135
4136          span.textContent += text.charAt(i);
4137
4138          i++;
4139
4140          setTimeout(typeChar, typingSpeed);
4141
4142        } else if (callback) {
4143
4144          callback();
4145
4146        }
4147
4148      }
4149
4150      typeChar();
4151
4152    }
4153
4154
4155
4156    function startTyping() {
4157
4158
4159      blackSpan.textContent = "";
4160
4161      purpleSpan.textContent = "";
4162
4163
4164
4165      typeText(blackText, blackSpan, () => {
4166
4167        typeText(purpleText, purpleSpan, () => {
4168
4169          setTimeout(startTyping, pauseTime);
4170
4171        });
4172
4173      });
4174
4175    }
4176
4177
4178
4179    startTyping();
4180
4181  })();
4182
4183
4184
4185</script>
4185
4186
4187<!--
4187<script src="banner.js"></script>
4187-->
4188
4189
4190<div id="google_translate_element" style="display:none;"></div>
4191
4192<script type="text/javascript">
4193function googleTranslateElementInit() {
4194    new google.translate.TranslateElement({
4195        pageLanguage: 'en', 
4196        includedLanguages: 'en,hi,bn,ar,am,sw,fr,de,es,it,ta,te,kn,ml', 
4197        autoDisplay: false
4198    }, 'google_translate_element');
4199}
4200
4201function updateLang(lang_pair, flagUrl, langCode) {
4202    // 1. Update the visible button
4203    document.getElementById('currentFlag').src = flagUrl;
4204    document.getElementById('currentLangText').innerText = langCode;
4205    
4206    // 2. Trigger translation
4207    var lang = lang_pair.split('|')[1];
4208    var teCombo = document.querySelector('.goog-te-combo');
4209    if(teCombo == null || teCombo.innerHTML == null) {
4210        setTimeout(function() { updateLang(lang_pair, flagUrl, langCode); }, 500);
4211    } else {
4212        teCombo.value = lang;
4213        teCombo.dispatchEvent(new Event('change'));
4214    }
4215}
4216</script>
vendor: 1 bytes, line 4216
4216
4217<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
4217
4218
4219<style>
4220    /* Hide Google branding and layout breaks */
4221    .goog-te-banner-frame.skiptranslate, .goog-te-gadget-icon { display: none !important; }
4222    body { top: 0px !important; }
4223    .goog-tooltip { display: none !important; }
4224    .goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; }
4225    /* Hide the Google Translate Top Bar/Strip */
4226.goog-te-banner-frame.skiptranslate, 
4227#goog-gt-tt, 
4228.goog-te-balloon-frame {
4229    display: none !important;
4230}
4231
4232/* Reset body positioning caused by the strip */
4233body {
4234    top: 0px !important;
4235}
4236
4237/* Hide the 'Powered by Google' branding and footer icons */
4238.goog-logo-link, 
4239.goog-te-gadget span,
4240.goog-te-gadget-icon {
4241    display: none !important;
4242}
4243
4244/* Prevent layout shifts */
4245.skiptranslate {
4246    display: none !important;
4247}
4248/* Custom Scrollbar for your language list */
4249.custom-scrollbar::-webkit-scrollbar { width: 5px; }
4250.custom-scrollbar::-webkit-scrollbar-track { background: #f9fafb; }
4251.custom-scrollbar::-webkit-scrollbar-thumb { 
4252    background: #a855f7; /* Matching your purple theme */
4253    border-radius: 10px; 
4254}
4255
4256/* Ensure the dropdown labels don't translate themselves */
4257.notranslate {
4258    translate: no !important;
4259}
4260</style>
4261
4262<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
4262
4263
4264<script>
4265document.addEventListener('DOMContentLoaded', function() {
4266    // Initialize Hero Swiper Pipeline Instance
4267    const heroSwiper = new Swiper('.main-hero-swiper', {
4268        direction: 'horizontal',
4269        loop: true,
4270        speed: 800,
4271        autoplay: {
4272            delay: 5000,
4273            disableOnInteraction: false,
4274            pauseOnMouseEnter: true, // Automates Requirement: Mouseover pauses sliding movement
4275        },
4276        navigation: {
4277            nextEl: '.swiper-button-next',
4278            prevEl: '.swiper-button-prev',
4279        },
4280    });
4281
4282    // Requirement Strategy: Detect form interactions inside lead elements to freeze loop movement
4283    const formZones = document.querySelectorAll('.form-isolation-zone');
4284    
4285    formZones.forEach(zone => {
4286        // Collect all interactive elements within your included PHP forms
4287        const inputElements = zone.querySelectorAll('input, select, textarea, button');
4288        
4289        inputElements.forEach(element => {
4290            // Freeze carousel loop entirely when target fields are focused
4291            element.addEventListener('focus', () => {
4292                heroSwiper.autoplay.stop();
4293            });
4294            
4295            // Resume autoplay track calculation when a user clicks/tabs away from input area
4296            element.addEventListener('blur', () => {
4297                heroSwiper.autoplay.start();
4298            });
4299            
4300            // Safety measure: Stop moving on keyup changes
4301            element.addEventListener('keyup', () => {
4302                heroSwiper.autoplay.stop();
4303            });
4304        });
4305    });
4306});
4307</script>
4307
4308
4309
4310<script>
4311document.addEventListener("DOMContentLoaded", () => {
4312  document.querySelectorAll(".carousel-section").forEach(section => {
4313    const track = section.querySelector(".carousel-track");
4314    const prev = section.querySelector(".carousel-prev");
4315    const next = section.querySelector(".carousel-next");
4316
4317    // Function to calculate exact scroll distance
4318    const getScrollAmount = () => {
4319      const card = track.querySelector(".carousel-item");
4320      if (card) {
4321        // Gets card width + the gap (spacing) between cards
4322        const style = window.getComputedStyle(track);
4323        const gap = parseInt(style.columnGap) || 24; 
4324        return card.offsetWidth + gap;
4325      }
4326      return 300; // Fallback
4327    };
4328
4329    if (next && track) {
4330      next.addEventListener("click", () => {
4331        track.scrollBy({
4332          left: getScrollAmount(),
4333          behavior: "smooth"
4334        });
4335      });
4336    }
4337
4338    if (prev && track) {
4339      prev.addEventListener("click", () => {
4340        track.scrollBy({
4341          left: -getScrollAmount(),
4342          behavior: "smooth"
4343        });
4344      });
4345    }
4346  });
4347});
4348</script>
4348
4349
4350
4351</body>
4352
4353
4354
4355<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl508051'},{'dcenter':'p3'},{'cp_id':'10894197'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script>
4355<script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script>
4355</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.