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 & 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 & 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 × 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.