{"id":21748,"date":"2026-09-03T18:58:56","date_gmt":"2026-09-03T13:28:56","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?post_type=success-story&#038;p=21748"},"modified":"2026-09-10T17:22:10","modified_gmt":"2026-09-10T11:52:10","slug":"euderm-skin-hair-clinic","status":"publish","type":"ads_case_study","link":"https:\/\/aspiredigitalsolutions.in\/ar\/success-story\/euderm-skin-hair-clinic\/","title":{"rendered":"Euderm Skin &amp; Hair Clinic Case Study"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"21748\" class=\"elementor elementor-21748\" data-elementor-post-type=\"ads_case_study\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f15deb e-flex e-con-boxed e-con e-parent\" data-id=\"6f15deb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21d084a e-flex e-con-boxed e-con e-parent\" data-id=\"21d084a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5de6e6 elementor-widget elementor-widget-html\" data-id=\"d5de6e6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\nELEMENTOR HTML WIDGET VERSION\r\nPaste this entire file into ONE Elementor HTML widget.\r\nFor best results, set the parent Elementor container\/section to Full Width and remove default gaps\/padding.\r\nPage title, meta description, canonical and Open Graph tags should be set through your WordPress SEO plugin\/theme head, not inside the HTML widget.\r\n-->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap');\r\n.euderm-case-study{--ink:#292929;\r\n    --ink-soft:#6b6b6f;\r\n    --paper:#FFFFFF;\r\n    --panel:#FAF8FC;\r\n    --line:#E7E3ED;\r\n    --blue:#758BFD;\r\n    --blue-deep:#4F62D9;\r\n    --blue-tint:#EEF0FF;\r\n    --pink:#EDB0F8;\r\n    --pink-tint:#FBEEFD;\r\n    --pink-deep:#9A3FA8;\r\n    --peach:#FDBFAC;\r\n    --peach-tint:#FFF1EC;\r\n    --peach-deep:#B15C3A;\r\n    --radius-s:6px;\r\n    --radius-m:14px;\r\n    --maxw:1140px;}\r\n.euderm-case-study, .euderm-case-study *{box-sizing:border-box;}\r\n.euderm-case-study{scroll-behavior:smooth;}\r\n.euderm-case-study{margin:0; background:var(--paper); color:var(--ink); font-family:\"Inter\",sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden;}\r\n@media (prefers-reduced-motion: reduce){\r\n  .euderm-case-study, .euderm-case-study *{animation-duration:.001ms !important; transition-duration:.001ms !important;}\r\n  .euderm-case-study{scroll-behavior:auto;}\r\n}\r\n.euderm-case-study a{color:inherit; text-decoration:none;}\r\n.euderm-case-study img{max-width:100%; display:block;}\r\n.euderm-case-study .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}\r\n.euderm-case-study h1, .euderm-case-study h2, .euderm-case-study h3{font-family:\"Poppins\",sans-serif; font-weight:700; margin:0; line-height:1.15; letter-spacing:-0.01em;}\r\n.euderm-case-study p{margin:0;}\r\n.euderm-case-study button{font-family:inherit;}\r\n.euderm-case-study .grad-text{background:linear-gradient(90deg, var(--pink) 0%, var(--peach) 45%, var(--blue) 100%);\r\n    -webkit-background-clip:text; background-clip:text; color:transparent;}\r\n\/* ---------- minimal inside-page header ---------- *\/\r\n\/* ---------- hero ---------- *\/\r\n.euderm-case-study .hero{padding:140px 0 0;} \r\n.euderm-case-study .hero-tags{display:flex; gap:8px; margin-bottom:20px; flex-wrap:wrap;}\r\n.euderm-case-study .tag{font-size:12.5px; font-weight:600; padding:6px 12px; border-radius:100px;}\r\n.euderm-case-study .tag.blue{background:var(--blue-tint); color:var(--blue-deep);}\r\n.euderm-case-study .tag.pink{background:var(--pink-tint); color:var(--pink-deep);}\r\n.euderm-case-study .hero h1{font-size:clamp(28px,4vw,44px); max-width:23ch;}\r\n.euderm-case-study .hero-sub{margin-top:18px; max-width:58ch; font-size:16.5px; line-height:1.6; color:#454548;}\r\n.euderm-case-study .hero-cta-row{margin-top:24px; display:flex; align-items:center; gap:18px; flex-wrap:wrap;}\r\n.euderm-case-study .btn-primary{background:var(--blue); color:#fff; padding:13px 22px; border-radius:var(--radius-s); font-size:14.5px; font-weight:600; display:inline-block;}\r\n.euderm-case-study .btn-primary:hover{background:var(--blue-deep);}\r\n.euderm-case-study .btn-secondary{border:1px solid var(--line); padding:13px 22px; border-radius:var(--radius-s); font-size:14.5px; font-weight:600; display:inline-block;}\r\n.euderm-case-study .btn-secondary:hover{border-color:var(--ink);}\r\n\/* ---------- hero snapshot (the defining visual) ---------- *\/\r\n.euderm-case-study .snapshot{margin-top:40px; border:1px solid var(--line); border-radius:var(--radius-m); overflow:hidden; box-shadow:0 30px 60px -30px rgba(41,41,41,0.16);}\r\n.euderm-case-study .snapshot-head{padding:16px 22px; border-bottom:1px solid var(--line); background:var(--panel); display:flex; align-items:center; justify-content:space-between;}\r\n.euderm-case-study .snapshot-head span{font-size:12.5px; color:var(--ink-soft); font-family:\"IBM Plex Mono\",monospace;}\r\n.euderm-case-study .snapshot-grid{display:grid; grid-template-columns:1fr 1fr;}\r\n.euderm-case-study .snap-col{padding:26px 26px 28px; border-left:1px solid var(--line);}\r\n.euderm-case-study .snap-col:first-child{border-left:none;}\r\n.euderm-case-study .snap-icon{width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; margin-bottom:14px;}\r\n.euderm-case-study .snap-icon svg{width:18px; height:18px;}\r\n.euderm-case-study .snap-col.ads .snap-icon{background:var(--blue-tint);}\r\n.euderm-case-study .snap-col.seo .snap-icon{background:var(--pink-tint);}\r\n.euderm-case-study .snap-label{font-size:12.5px; font-weight:600; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.03em; margin-bottom:10px;}\r\n.euderm-case-study .snap-num{font-family:\"Poppins\",sans-serif; font-weight:700; font-size:26px;}\r\n.euderm-case-study .snap-desc{font-size:13px; color:var(--ink-soft); margin-top:6px; line-height:1.5;}\r\n.euderm-case-study .snap-sub{margin-top:14px; padding-top:12px; border-top:1px solid var(--line); font-size:12.5px; color:var(--ink-soft);}\r\n.euderm-case-study .snap-sub b{color:var(--ink); font-weight:600;}\r\n\/* ---------- generic section ---------- *\/\r\n.euderm-case-study .section{padding:60px 0; border-top:1px solid var(--line);}\r\n.euderm-case-study .channel-head{display:flex; align-items:center; gap:12px; margin-bottom:14px;}\r\n.euderm-case-study .channel-icon{width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}\r\n.euderm-case-study .channel-icon svg{width:19px; height:19px;}\r\n.euderm-case-study .section.ads .channel-icon{background:var(--blue-tint);}\r\n.euderm-case-study .section.seo .channel-icon{background:var(--pink-tint);}\r\n.euderm-case-study .section-eyebrow{font-size:13px; font-weight:600; color:var(--ink-soft);}\r\n.euderm-case-study .section h2{font-size:clamp(22px,2.8vw,30px); max-width:26ch;}\r\n.euderm-case-study .section-body{margin-top:18px; max-width:64ch; font-size:15.5px; line-height:1.7; color:#3a3a3d;}\r\n.euderm-case-study .metric-grid{margin-top:28px; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius-m); overflow:hidden;}\r\n.euderm-case-study .metric-card{background:var(--paper); padding:24px 20px;}\r\n.euderm-case-study .metric-card .m-num{font-family:\"Poppins\",sans-serif; font-weight:700; font-size:25px; color:var(--ink);}\r\n.euderm-case-study .metric-card .m-label{font-size:12.5px; color:var(--ink-soft); margin-top:6px; line-height:1.4;}\r\n.euderm-case-study .metric-card .m-sub{font-size:11.5px; color:var(--ink-soft); margin-top:8px; padding-top:8px; border-top:1px solid var(--line);}\r\n.euderm-case-study .trend-block{margin-top:32px; max-width:66ch;}\r\n.euderm-case-study .trend-head{display:flex; justify-content:space-between; font-size:13px; color:var(--ink-soft); margin-bottom:14px;}\r\n.euderm-case-study .trend-head b{font-family:\"IBM Plex Mono\",monospace; color:var(--ink); font-weight:500; font-size:12.5px;}\r\n.euderm-case-study svg.chart{width:100%; height:auto; display:block;}\r\n.euderm-case-study .chart-caption{font-size:12px; color:var(--ink-soft); margin-top:10px;}\r\n\r\n\/* ---------- image attachment gallery with hover interactions ---------- *\/\r\n.euderm-case-study .gallery-label{font-size:13px; font-weight:600; color:var(--ink-soft); margin:36px 0 14px;}\r\n.euderm-case-study .gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}\r\n.euderm-case-study .shot{\r\n    aspect-ratio:16\/10; \/* Changed to better fit horizontal screenshots *\/\r\n    border-radius:var(--radius-s); \r\n    border:1px solid var(--line); \r\n    background:#ffffff; \/* Pure white ensures screenshot background blends well *\/\r\n    position:relative; \r\n    overflow:hidden; \r\n    cursor:pointer;\r\n    display:flex; \/* Center aligns image if smaller than container *\/\r\n    align-items:center;\r\n    justify-content:center;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.04);\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n.euderm-case-study .shot:hover{\r\n    box-shadow: 0 8px 24px rgba(0,0,0,0.12); \r\n    transform: translateY(-2px); \r\n}\r\n.euderm-case-study .shot img{\r\n    width:100%; \r\n    height:100%; \r\n    object-fit:contain; \/* Changed from cover to contain so edges don't crop *\/\r\n    object-position:center;\r\n    transition: transform 0.4s ease;\r\n}\r\n.euderm-case-study .shot:hover img {\r\n    transform: scale(1.03);\r\n}\r\n.euderm-case-study .shot-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(30, 30, 34, 0.4);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n.euderm-case-study .shot:hover .shot-overlay {\r\n    opacity: 1;\r\n}\r\n.euderm-case-study .zoom-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    color: #fff;\r\n    transform: scale(0.8);\r\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));\r\n}\r\n.euderm-case-study .shot:hover .zoom-icon {\r\n    transform: scale(1);\r\n}\r\n\r\n\/* ---------- Global Lightbox \/ Fullscreen Modal CSS ---------- *\/\r\n\/* Styled globally to avoid Elementor stacking context\/z-index issues *\/\r\n#euderm-image-modal {\r\n  display: none; \r\n  position: fixed; \r\n  z-index: 2147483647; \/* Maximum possible z-index to overlay WordPress headers *\/\r\n  left: 0;\r\n  top: 0;\r\n  width: 100vw; \r\n  height: 100vh; \r\n  background-color: rgba(15, 15, 18, 0.92); \r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n#euderm-image-modal.show {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n#euderm-image-modal .modal-close {\r\n  position: absolute;\r\n  top: 24px;\r\n  right: 24px;\r\n  background: rgba(255,255,255,0.1);\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  color: #fff;\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  z-index: 2;\r\n  padding: 0;\r\n}\r\n#euderm-image-modal .modal-close:hover {\r\n  background: rgba(255,255,255,0.2);\r\n  transform: scale(1.05);\r\n}\r\n#euderm-image-modal .modal-close svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n#euderm-image-modal .modal-content {\r\n  max-width: 90vw;\r\n  max-height: 85vh;\r\n  object-fit: contain;\r\n  border-radius: 6px;\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n  transform: scale(0.95);\r\n  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n#euderm-image-modal[style*=\"opacity: 1\"] .modal-content {\r\n  transform: scale(1);\r\n}\r\n#euderm-image-modal .modal-caption {\r\n  margin-top: 20px;\r\n  color: #eaeaea;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  text-align: center;\r\n  max-width: 80%;\r\n  font-family: \"Inter\", sans-serif;\r\n}\r\n\r\n\/* ---------- outcome note ---------- *\/\r\n.euderm-case-study .outcome-note{background:var(--peach-tint); border:1px solid #F5D9CC; border-radius:var(--radius-m); padding:26px 28px; margin-top:44px;}\r\n.euderm-case-study .outcome-note .tag-label{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--peach-deep); margin-bottom:10px;}\r\n.euderm-case-study .outcome-note p{font-size:14.5px; line-height:1.65; color:#4a3730;}\r\n.euderm-case-study .outcome-list{margin-top:22px; display:flex; flex-direction:column; gap:14px; max-width:64ch;}\r\n.euderm-case-study .outcome-list li{display:flex; gap:14px; font-size:15px; line-height:1.6; color:#3a3a3d; list-style:none;}\r\n.euderm-case-study .outcome-list li::before{content:\"\"; width:7px; height:7px; border-radius:50%; background:var(--blue); flex-shrink:0; margin-top:8px;}\r\n.euderm-case-study .cta-banner{background:var(--ink); color:#fff;}\r\n.euderm-case-study .cta-banner .wrap{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; padding:52px 24px;}\r\n.euderm-case-study .cta-banner h2{color:#fff; font-size:clamp(22px,3vw,30px); max-width:20ch;}\r\n.euderm-case-study .cta-banner p{color:#c8c8cc; margin-top:8px; font-size:14.5px; max-width:44ch;}\r\n.euderm-case-study .related-grid{margin-top:28px; display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}\r\n.euderm-case-study .related-card{border:1px solid var(--line); border-radius:var(--radius-m); overflow:hidden; display:flex; flex-direction:column;}\r\n.euderm-case-study .related-media{aspect-ratio:16\/10; background:var(--blue-tint); overflow:hidden;}\r\n.euderm-case-study .related-media img{width:100%; height:100%; object-fit:cover;}\r\n.euderm-case-study .related-body{padding:18px 20px 20px;}\r\n.euderm-case-study .related-tag{font-size:12px; color:var(--blue-deep); font-weight:600; margin-bottom:6px;}\r\n.euderm-case-study .related-title{font-family:\"Poppins\",sans-serif; font-weight:700; font-size:17px;}\r\n.euderm-case-study .related-desc{font-size:13.5px; color:var(--ink-soft); margin-top:6px; line-height:1.5;}\r\n.euderm-case-study .related-result{margin-top:12px; font-size:13.5px; font-weight:600; color:var(--ink);}\r\n@media (max-width:820px){\r\n  .euderm-case-study .snapshot-grid{grid-template-columns:1fr;}\r\n  .euderm-case-study .snap-col{border-left:none; border-top:1px solid var(--line);}\r\n  .euderm-case-study .snap-col:first-child{border-top:none;}\r\n  .euderm-case-study .metric-grid{grid-template-columns:repeat(2,1fr);}\r\n  .euderm-case-study .gallery{grid-template-columns:1fr 1fr;}\r\n  .euderm-case-study .related-grid{grid-template-columns:1fr;}\r\n  .euderm-case-study .cta-banner .wrap{flex-direction:column; align-items:flex-start;}\r\n}\r\n@media (max-width:480px){\r\n  .euderm-case-study .wrap{padding:0 18px;}\r\n  .euderm-case-study .gallery{grid-template-columns:1fr;}\r\n}\r\n.euderm-case-study{width:100%; position:relative; isolation:isolate;}\r\n.euderm-case-study .euderm-main{display:block;}\r\n\r\n<\/style>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Organization\",\r\n  \"name\": \"Aspire Digital Solutions\",\r\n  \"url\": \"https:\/\/aspiredigitalsolutions.in\/\",\r\n  \"logo\": \"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/ASPIRE-DIGITAL-SOLUTIONS-LOGO.svg\",\r\n  \"areaServed\": [\"Mysore\", \"Bangalore\", \"India\"],\r\n  \"email\": \"marketing@aspiredigitalsolutions.in\",\r\n  \"telephone\": \"+91-79753-27335\",\r\n  \"sameAs\": [\r\n    \"https:\/\/www.linkedin.com\/company\/aspire-digital-solution\/\",\r\n    \"https:\/\/www.instagram.com\/aspiredigitalsolution\",\r\n    \"https:\/\/x.com\/AspireMysore\"\r\n  ]\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Article\",\r\n  \"headline\": \"Euderm Skin & Hair Clinic: growth engineered across paid search and organic rankings\",\r\n  \"description\": \"How Aspire Digital Solutions ran Google Ads and SEO as one connected system for Euderm Skin & Hair Clinic, a dermatology and aesthetics clinic in Kokapet, Hyderabad.\",\r\n  \"author\": { \"@type\": \"Organization\", \"name\": \"Aspire Digital Solutions\" },\r\n  \"publisher\": { \"@type\": \"Organization\", \"name\": \"Aspire Digital Solutions\",\r\n    \"logo\": { \"@type\": \"ImageObject\", \"url\": \"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/ASPIRE-DIGITAL-SOLUTIONS-LOGO.svg\" } },\r\n  \"about\": {\r\n    \"@type\": \"MedicalBusiness\",\r\n    \"name\": \"Euderm Skin & Hair Clinic\",\r\n    \"address\": { \"@type\": \"PostalAddress\", \"addressLocality\": \"Kokapet, Hyderabad\", \"addressCountry\": \"IN\" }\r\n  },\r\n  \"mainEntityOfPage\": \"https:\/\/aspiredigitalsolutions.in\/success-story\/euderm-skin-hair-clinic\/\",\r\n  \"keywords\": \"Google Ads case study, SEO case study, dermatology clinic marketing, Kokapet Hyderabad digital marketing\"\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"BreadcrumbList\",\r\n  \"itemListElement\": [\r\n    { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Success Stories\", \"item\": \"https:\/\/aspiredigitalsolutions.in\/success-story\/\" },\r\n    { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Euderm Skin & Hair Clinic\" }\r\n  ]\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Service\",\r\n  \"serviceType\": \"SEO and Google Ads for healthcare businesses\",\r\n  \"provider\": { \"@type\": \"Organization\", \"name\": \"Aspire Digital Solutions\", \"url\": \"https:\/\/aspiredigitalsolutions.in\/\" },\r\n  \"areaServed\": \"Hyderabad, India\",\r\n  \"audience\": { \"@type\": \"Audience\", \"audienceType\": \"Dermatology and aesthetic clinics\" }\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"What did Aspire Digital Solutions do for Euderm Skin & Hair Clinic?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Aspire ran Google Ads and SEO together for Euderm, a dermatology and aesthetics clinic in Kokapet, Hyderabad \u2014 covering treatment-specific Search campaigns, as well as technical and content SEO.\" }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"What Google Ads results did Euderm achieve?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"The Google Ads campaigns generated 2,130+ conversions from 128,356+ clicks, at an average cost per click of \u20b94.63 and a total spend of \u20b95,94,528.86.\" }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"What SEO results did Euderm achieve?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Organic clicks grew from 82 to 31,000+, organic impressions grew from 420 to 200,000+, and the average ranking position improved from 42.2 to 29.5, according to Google Search Console data.\" }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<div class=\"euderm-case-study\">\r\n\r\n<!-- Global Image Lightbox Modal -->\r\n<div id=\"euderm-image-modal\">\r\n  <button class=\"modal-close\" aria-label=\"Close modal\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\r\n  <\/button>\r\n  <img class=\"modal-content\" id=\"modal-img\" alt=\"Fullscreen Image View\">\r\n  <div class=\"modal-caption\" id=\"modal-caption\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"euderm-main\">\r\n\r\n  <section class=\"hero\">\r\n    <div class=\"wrap\">\r\n      <div class=\"hero-tags\">\r\n        <span class=\"tag blue\">Google Ads<\/span>\r\n        <span class=\"tag pink\">SEO<\/span>\r\n      <\/div>\r\n      <h1>Euderm Skin &amp; Hair Clinic: <span class=\"grad-text\">growth engineered across paid search and organic rankings<\/span><\/h1>\r\n      <p class=\"hero-sub\">A dermatology and aesthetics clinic in Kokapet, Hyderabad, competing in one of the highest-CPC medical categories online. Aspire ran Google Ads and SEO as one connected system \u2014 here's what each channel delivered.<\/p>\r\n      <div class=\"hero-cta-row\">\r\n        <a class=\"btn-primary\" href=\"https:\/\/aspiredigitalsolutions.in\/services\/seo\/\" target=\"_blank\" rel=\"noopener\">Explore SEO Services \u2192<\/a>\r\n        <a class=\"btn-secondary\" href=\"https:\/\/aspiredigitalsolutions.in\/services\/google-ads\/\" target=\"_blank\" rel=\"noopener\">Explore Google Ads Services<\/a>\r\n      <\/div>\r\n\r\n      <!-- HERO SNAPSHOT: the defining visual \u2014 one glance across both channels -->\r\n      <div class=\"snapshot\">\r\n        <div class=\"snapshot-head\">\r\n          <span>RESULTS SNAPSHOT \u2014 AT A GLANCE<\/span>\r\n          <span>Kokapet, Hyderabad<\/span>\r\n        <\/div>\r\n        <div class=\"snapshot-grid\">\r\n          <div class=\"snap-col ads\">\r\n            <div class=\"snap-icon\" style=\"background:var(--blue-tint);\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4F62D9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11v2a1 1 0 0 0 1 1h3l4 4V6L7 10H4a1 1 0 0 0-1 1z\"\/><path d=\"M15 8a4 4 0 0 1 0 8\"\/><path d=\"M18 5a8 8 0 0 1 0 14\"\/><\/svg><\/div>\r\n            <div class=\"snap-label\">Google Ads<\/div>\r\n            <div class=\"snap-num\">2,130+<\/div>\r\n            <div class=\"snap-desc\">conversions from Search campaigns<\/div>\r\n            <div class=\"snap-sub\"><b>\u20b94.63<\/b> average CPC \u00b7 128,356+ clicks<\/div>\r\n          <\/div>\r\n          <div class=\"snap-col seo\">\r\n            <div class=\"snap-icon\" style=\"background:var(--pink-tint);\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9A3FA8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg><\/div>\r\n            <div class=\"snap-label\">SEO Rankings<\/div>\r\n            <div class=\"snap-num\">31K+<\/div>\r\n            <div class=\"snap-desc\">organic clicks, up from 82<\/div>\r\n            <div class=\"snap-sub\">Avg. position <b>42.2 \u2192 29.5<\/b><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ================= AT A GLANCE ================= -->\r\n  <!-- Written as plain, extractable facts: this is the block AI assistants\r\n       and answer engines (ChatGPT, Perplexity, Google AI Overviews, etc.)\r\n       tend to lift directly when summarizing the page. -->\r\n  <section class=\"section\" aria-labelledby=\"glance-heading\" style=\"padding-top:48px;\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-eyebrow\">At a glance<\/div>\r\n      <h2 id=\"glance-heading\" style=\"margin-top:12px; font-size:24px;\">The case study in one table<\/h2>\r\n      <table style=\"margin-top:24px; width:100%; border-collapse:collapse; border:1px solid var(--line); border-radius:var(--radius-m); overflow:hidden; font-size:14.5px;\">\r\n        <tbody>\r\n          <tr style=\"border-bottom:1px solid var(--line);\"><th style=\"text-align:left; padding:14px 18px; width:180px; color:var(--ink-soft); font-weight:600; background:var(--panel);\">Client<\/th><td style=\"padding:14px 18px;\">Euderm Skin &amp; Hair Clinic<\/td><\/tr>\r\n          <tr style=\"border-bottom:1px solid var(--line);\"><th style=\"text-align:left; padding:14px 18px; color:var(--ink-soft); font-weight:600; background:var(--panel);\">Industry<\/th><td style=\"padding:14px 18px;\">Healthcare \u2014 Dermatology &amp; Aesthetic Clinic<\/td><\/tr>\r\n          <tr style=\"border-bottom:1px solid var(--line);\"><th style=\"text-align:left; padding:14px 18px; color:var(--ink-soft); font-weight:600; background:var(--panel);\">Location<\/th><td style=\"padding:14px 18px;\">Kokapet, Hyderabad, India<\/td><\/tr>\r\n          <tr style=\"border-bottom:1px solid var(--line);\"><th style=\"text-align:left; padding:14px 18px; color:var(--ink-soft); font-weight:600; background:var(--panel);\">Services provided<\/th><td style=\"padding:14px 18px;\">SEO, Google Ads<\/td><\/tr>\r\n          <tr style=\"border-bottom:1px solid var(--line);\"><th style=\"text-align:left; padding:14px 18px; color:var(--ink-soft); font-weight:600; background:var(--panel);\">Duration<\/th><td style=\"padding:14px 18px;\">Ongoing \u2014 SEO: 6\u20139 months, Google Ads: long-term<\/td><\/tr>\r\n          <tr style=\"border-bottom:1px solid var(--line);\"><th style=\"text-align:left; padding:14px 18px; color:var(--ink-soft); font-weight:600; background:var(--panel);\">Challenge<\/th><td style=\"padding:14px 18px;\">High-CPC, highly competitive cosmetic dermatology market requiring location- and treatment-specific conversions.<\/td><\/tr>\r\n          <tr style=\"border-bottom:1px solid var(--line);\"><th style=\"text-align:left; padding:14px 18px; color:var(--ink-soft); font-weight:600; background:var(--panel);\">Solution<\/th><td style=\"padding:14px 18px;\">Treatment-specific SEO content and technical fixes combined with Search Ads segmented by treatment \u2014 run as one connected system.<\/td><\/tr>\r\n          <tr><th style=\"text-align:left; padding:14px 18px; color:var(--ink-soft); font-weight:600; background:var(--panel);\">Result<\/th><td style=\"padding:14px 18px;\">2,130+ Ads conversions and organic clicks up from 82 to 31,000+.<\/td><\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= GOOGLE ADS SECTION ================= -->\r\n  <section class=\"section ads\">\r\n    <div class=\"wrap\">\r\n      <div class=\"channel-head\">\r\n        <div class=\"channel-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4F62D9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11v2a1 1 0 0 0 1 1h3l4 4V6L7 10H4a1 1 0 0 0-1 1z\"\/><path d=\"M15 8a4 4 0 0 1 0 8\"\/><path d=\"M18 5a8 8 0 0 1 0 14\"\/><\/svg><\/div>\r\n        <div class=\"section-eyebrow\">Channel 01 \u2014 Google Ads<\/div>\r\n      <\/div>\r\n      <h2>High-intent Search campaigns, split by treatment.<\/h2>\r\n      <div class=\"section-body\">Separate campaigns ran for Hair Transplant, PRP &amp; Hair Loss, Dermatology Treatments, and Skin &amp; Laser Procedures \u2014 each geo-targeted around Kokapet, with ad copy tested for medical compliance and trust, and search terms optimized on an ongoing basis.<\/div>\r\n\r\n      <div class=\"metric-grid\">\r\n        <div class=\"metric-card\"><div class=\"m-num\">128,356+<\/div><div class=\"m-label\">Total clicks<\/div><\/div>\r\n        <div class=\"metric-card\"><div class=\"m-num\">\u20b94.63<\/div><div class=\"m-label\">Average CPC<\/div><\/div>\r\n        <div class=\"metric-card\"><div class=\"m-num\">2,130+<\/div><div class=\"m-label\">Total conversions<\/div><\/div>\r\n        <div class=\"metric-card\"><div class=\"m-num\">\u20b95,94,528.86<\/div><div class=\"m-label\">Total ad spend<\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-label\">Google Ads screenshots<\/div>\r\n      <div class=\"gallery\">\r\n        <!-- Attach: Search campaign performance report -->\r\n        <div class=\"shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/09\/Google-Ads-Search-campaign-performance-report.webp\" alt=\"Google Ads search campaign performance report screenshot\">\r\n          <div class=\"shot-overlay\">\r\n            <svg class=\"zoom-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"\/><path d=\"M9 21H3v-6\"\/><path d=\"M21 3l-7 7\"\/><path d=\"M3 21l7-7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Attach: Treatment-level campaign structure \/ auction insights -->\r\n        <div class=\"shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/09\/Gopogle-Ads-Campaign-structure-auction-insights.webp\" alt=\"Google Ads campaign structure and auction insights screenshot\">\r\n          <div class=\"shot-overlay\">\r\n            <svg class=\"zoom-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"\/><path d=\"M9 21H3v-6\"\/><path d=\"M21 3l-7 7\"\/><path d=\"M3 21l7-7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Attach: Ad copy example -->\r\n        <div class=\"shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/09\/Google-Ads-Ad-copy-exampla.webp\" alt=\"Google Ads copy example screenshot for the clinic\">\r\n          <div class=\"shot-overlay\">\r\n            <svg class=\"zoom-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"\/><path d=\"M9 21H3v-6\"\/><path d=\"M21 3l-7 7\"\/><path d=\"M3 21l7-7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ================= SEO SECTION ================= -->\r\n  <section class=\"section seo\">\r\n    <div class=\"wrap\">\r\n      <div class=\"channel-head\">\r\n        <div class=\"channel-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9A3FA8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg><\/div>\r\n        <div class=\"section-eyebrow\">Channel 02 \u2014 SEO<\/div>\r\n      <\/div>\r\n      <h2>Organic authority built on E\u2011E\u2011A\u2011T and technical foundations.<\/h2>\r\n      <div class=\"section-body\">Treatment-specific landing pages, doctor-profile content and technical SEO work moved Euderm from an average ranking position of 42.2 to 29.5 \u2014 while organic clicks grew from 82 to over 31,000.<\/div>\r\n\r\n      <div class=\"metric-grid\">\r\n        <div class=\"metric-card\"><div class=\"m-num\">31K+<\/div><div class=\"m-label\">Organic clicks<\/div><div class=\"m-sub\">Before: 82<\/div><\/div>\r\n        <div class=\"metric-card\"><div class=\"m-num\">200K+<\/div><div class=\"m-label\">Organic impressions<\/div><div class=\"m-sub\">Before: 420<\/div><\/div>\r\n        <div class=\"metric-card\"><div class=\"m-num\">29.5<\/div><div class=\"m-label\">Average position<\/div><div class=\"m-sub\">Before: 42.2<\/div><\/div>\r\n        <div class=\"metric-card\"><div class=\"m-num\">Achieved<\/div><div class=\"m-label\">Top 3 rankings, key treatment terms<\/div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"trend-block\">\r\n        <div class=\"trend-head\"><span>Organic clicks, before vs. after<\/span><b>clicks<\/b><\/div>\r\n        <svg class=\"chart\" viewBox=\"0 0 640 170\" preserveAspectRatio=\"none\" role=\"img\" aria-label=\"Organic clicks trend chart\">\r\n      <defs><linearGradient id=\"g1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n        <stop offset=\"0%\" stop-color=\"#EDB0F8\" stop-opacity=\"0.35\"\/>\r\n        <stop offset=\"100%\" stop-color=\"#EDB0F8\" stop-opacity=\"0\"\/>\r\n      <\/linearGradient><\/defs>\r\n      <path d=\"M8.0,162.0 L97.1,158.0 L186.3,141.6 L275.4,113.9 L364.6,80.7 L453.7,48.6 L542.9,21.4 L632.0,8.0 L632.0,162 L8.0,162 Z\" fill=\"url(#g1)\"\/>\r\n      <path d=\"M8.0,162.0 L97.1,158.0 L186.3,141.6 L275.4,113.9 L364.6,80.7 L453.7,48.6 L542.9,21.4 L632.0,8.0\" fill=\"none\" stroke=\"#9A3FA8\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <circle cx=\"632.0\" cy=\"8.0\" r=\"4.5\" fill=\"#292929\"\/>\r\n    <\/svg>\r\n        <div class=\"chart-caption\">Source: Google Search Console<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-label\">SEO screenshots<\/div>\r\n      <div class=\"gallery\">\r\n        <!-- Attach: Search Console performance overview -->\r\n        <div class=\"shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/09\/Search-campaign-performance-report.webp\" alt=\"SEO search console performance report screenshot\">\r\n          <div class=\"shot-overlay\">\r\n            <svg class=\"zoom-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"\/><path d=\"M9 21H3v-6\"\/><path d=\"M21 3l-7 7\"\/><path d=\"M3 21l7-7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Attach: Keyword ranking report -->\r\n        <div class=\"shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/09\/Campaign-structure-auction-insights.webp\" alt=\"SEO keyword ranking report screenshot\">\r\n          <div class=\"shot-overlay\">\r\n            <svg class=\"zoom-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"\/><path d=\"M9 21H3v-6\"\/><path d=\"M21 3l-7 7\"\/><path d=\"M3 21l7-7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Attach: Treatment landing page example -->\r\n        <div class=\"shot\">\r\n          <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/09\/Ad-copy-example.webp\" alt=\"SEO treatment landing page example screenshot\">\r\n          <div class=\"shot-overlay\">\r\n            <svg class=\"zoom-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"\/><path d=\"M9 21H3v-6\"\/><path d=\"M21 3l-7 7\"\/><path d=\"M3 21l7-7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"outcome-note\">\r\n        <div class=\"tag-label\">Outcome note \u2014 a factual case study<\/div>\r\n        <p>All figures above are drawn from Aspire's published Euderm case study, Google Search Console and Google Ads reporting. No revenue, patient-volume or ROAS figures are claimed, as they were not part of the supplied client data.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"section\" style=\"border-top:none;\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-eyebrow\">Delivered value<\/div>\r\n      <h2 style=\"margin-top:12px;\">The outcome<\/h2>\r\n      <ul class=\"outcome-list\">\r\n        <li>A single connected system where SEO built long-term authority while Google Ads captured immediate, high-intent demand for the same treatments.<\/li>\r\n        <li>Organic clicks grew nearly 380x, from 82 to 31,000+, alongside a 13-position average ranking improvement.<\/li>\r\n        <li>2,130+ ad-driven conversions at a controlled \u20b94.63 average CPC, split cleanly across four treatment categories.<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ================= FAQ ================= -->\r\n  <section class=\"section\" aria-labelledby=\"faq-heading\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-eyebrow\">Common questions<\/div>\r\n      <h2 id=\"faq-heading\" style=\"margin-top:12px;\">Questions about this case study<\/h2>\r\n      <div style=\"margin-top:26px; display:flex; flex-direction:column; gap:22px; max-width:66ch;\">\r\n        <div>\r\n          <h3 style=\"font-size:16px; font-weight:600;\">What did Aspire Digital Solutions do for Euderm Skin &amp; Hair Clinic?<\/h3>\r\n          <p style=\"margin-top:8px; font-size:14.5px; line-height:1.65; color:#3a3a3d;\">Aspire ran Google Ads and SEO together \u2014 treatment-specific Search campaigns, as well as technical and content SEO \u2014 as one connected system rather than separate channels.<\/p>\r\n        <\/div>\r\n        <div>\r\n          <h3 style=\"font-size:16px; font-weight:600;\">What Google Ads results did Euderm achieve?<\/h3>\r\n          <p style=\"margin-top:8px; font-size:14.5px; line-height:1.65; color:#3a3a3d;\">2,130+ conversions from 128,356+ clicks, at an average CPC of \u20b94.63 and a total spend of \u20b95,94,528.86.<\/p>\r\n        <\/div>\r\n        <div>\r\n          <h3 style=\"font-size:16px; font-weight:600;\">What SEO results did Euderm achieve?<\/h3>\r\n          <p style=\"margin-top:8px; font-size:14.5px; line-height:1.65; color:#3a3a3d;\">Organic clicks grew from 82 to 31,000+, impressions from 420 to 200,000+, and average position improved from 42.2 to 29.5 \u2014 per Google Search Console.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"cta-banner\">\r\n    <div class=\"wrap\">\r\n      <div>\r\n        <h2>Want SEO and Ads working together like this?<\/h2>\r\n        <p>The same connected approach \u2014 built around your treatments, your city and your patients.<\/p>\r\n      <\/div>\r\n      <a class=\"btn-primary\" href=\"https:\/\/aspiredigitalsolutions.in\/contact-us\/\" target=\"_blank\" rel=\"noopener\">Talk to Aspire \u2192<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"section\" style=\"border-top:none;\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-eyebrow\">More case studies<\/div>\r\n      <h2 style=\"margin-top:12px;\">Related work<\/h2>\r\n      <div class=\"related-grid\">\r\n        <a class=\"related-card\" href=\"https:\/\/aspiredigitalsolutions.in\/success-story\/home-whiz-services\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"related-media\"><img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/home-wize.webp\" alt=\"Home Whiz Google Ads case study\"><\/div>\r\n          <div class=\"related-body\">\r\n            <div class=\"related-tag\">Google Ads \u00b7 Home Services<\/div>\r\n            <div class=\"related-title\">Home Whiz<\/div>\r\n            <div class=\"related-desc\">Service-segmented Google Ads lead generation across 16 months.<\/div>\r\n            <div class=\"related-result\">4,843+ leads generated \u2192<\/div>\r\n          <\/div>\r\n        <\/a>\r\n        <a class=\"related-card\" href=\"https:\/\/aspiredigitalsolutions.in\/success-story\/aspire-appliance-services\/\" target=\"_blank\" rel=\"noopener\">\r\n          <div class=\"related-media\"><img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Aspire-Applinces-Repair-2.webp\" alt=\"Aspire Appliance Services case study\"><\/div>\r\n          <div class=\"related-body\">\r\n            <div class=\"related-tag\">SEO \u00b7 Home Services<\/div>\r\n            <div class=\"related-title\">Aspire Appliance Services<\/div>\r\n            <div class=\"related-desc\">Local SEO from zero visibility to top-3 local rankings in Mysore.<\/div>\r\n            <div class=\"related-result\">180K+ organic impressions \u2192<\/div>\r\n          <\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const modal = document.getElementById(\"euderm-image-modal\");\r\n  \r\n  \/\/ Detach the modal from its current position and append directly to the body.\r\n  \/\/ This solves z-index stacking context issues caused by Elementor sticky headers.\r\n  if(modal) {\r\n    document.body.appendChild(modal);\r\n  }\r\n\r\n  const modalImg = document.getElementById(\"modal-img\");\r\n  const captionText = document.getElementById(\"modal-caption\");\r\n  const closeBtn = document.querySelector(\"#euderm-image-modal .modal-close\");\r\n  const shots = document.querySelectorAll(\".euderm-case-study .shot\");\r\n\r\n  \/\/ Attach click events to each gallery image container\r\n  shots.forEach(shot => {\r\n    shot.addEventListener(\"click\", function(e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      const img = this.querySelector(\"img\");\r\n      if(img) {\r\n        modal.classList.add(\"show\");\r\n        \/\/ small timeout ensures CSS transitions play nicely after display becomes flex\r\n        setTimeout(() => modal.style.opacity = \"1\", 10);\r\n        modalImg.src = img.src;\r\n        captionText.innerHTML = img.alt || \"\";\r\n        document.body.style.overflow = \"hidden\"; \/\/ Prevent background scrolling\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ Reusable function to close modal smoothly\r\n  function closeModal() {\r\n    modal.style.opacity = \"0\";\r\n    setTimeout(() => {\r\n      modal.classList.remove(\"show\");\r\n      document.body.style.overflow = \"\"; \/\/ Re-enable background scrolling\r\n      modalImg.src = \"\";\r\n    }, 300); \/\/ Matches the CSS transition duration\r\n  }\r\n\r\n  \/\/ Close triggers\r\n  if(closeBtn) {\r\n    closeBtn.addEventListener(\"click\", closeModal);\r\n  }\r\n\r\n  modal.addEventListener(\"click\", function(e) {\r\n    \/\/ Only close if clicking outside the image itself\r\n    if (e.target === modal || e.target.classList.contains('modal-caption') || e.target === closeBtn || e.target.closest('.modal-close')) {\r\n      closeModal();\r\n    }\r\n  });\r\n\r\n  document.addEventListener(\"keydown\", function(event) {\r\n    if (event.key === \"Escape\" && modal.classList.contains(\"show\")) {\r\n      closeModal();\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":21932,"template":"","class_list":["post-21748","ads_case_study","type-ads_case_study","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/ads_case_study\/21748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/ads_case_study"}],"about":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/types\/ads_case_study"}],"version-history":[{"count":30,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/ads_case_study\/21748\/revisions"}],"predecessor-version":[{"id":21801,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/ads_case_study\/21748\/revisions\/21801"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/21932"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=21748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}