{"id":8,"date":"2026-05-31T14:43:03","date_gmt":"2026-05-31T14:43:03","guid":{"rendered":"https:\/\/matrimonial.lawzapo.com\/?page_id=8"},"modified":"2026-05-31T16:35:45","modified_gmt":"2026-05-31T16:35:45","slug":"home","status":"publish","type":"page","link":"https:\/\/matrimonial.lawzapo.com\/index.php\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Adv. Priya Sharma \u2013 Matrimonial Lawyer | Delhi<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&#038;family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2500\u2500 RESET & BASE \u2500\u2500 *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }\nbody { font-family: 'Inter', sans-serif; background: #faf7f4; color: #2c2420; }\n\n\/* \u2500\u2500 DESIGN TOKENS \u2013 Matrimonial: Warm Ivory + Rose Gold + Deep Burgundy \u2500\u2500 *\/\n:root {\n  --bg:            #faf7f4;\n  --surface:       #fff8f5;\n  --surface-2:     #fff2ec;\n  --burgundy:      #7c2d3e;\n  --burgundy-dark: #5a1f2c;\n  --burgundy-light:#a84458;\n  --rose-gold:     #c9846a;\n  --rose-light:    #f2ddd5;\n  --rose-pale:     #fdf0eb;\n  --gold:          #b8962e;\n  --gold-light:    #f5e8c0;\n  --text:          #2c2420;\n  --text-muted:    #7a6660;\n  --text-faint:    #b8a9a5;\n  --border:        rgba(124,45,62,0.12);\n  --shadow-sm:     0 1px 3px rgba(124,45,62,0.08);\n  --shadow-md:     0 6px 24px rgba(124,45,62,0.12);\n  --shadow-lg:     0 16px 48px rgba(124,45,62,0.16);\n  --radius-sm:     6px;\n  --radius-md:     10px;\n  --radius-lg:     16px;\n  --radius-xl:     24px;\n  --transition:    180ms cubic-bezier(0.16,1,0.3,1);\n\n  \/* Type *\/\n  --font-display: 'Cormorant Garamond', Georgia, serif;\n  --font-body:    'Inter', sans-serif;\n  --text-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);\n  --text-sm:   clamp(0.875rem, 0.8rem  + 0.35vw, 1rem);\n  --text-base: clamp(1rem,     0.95rem + 0.25vw, 1.125rem);\n  --text-lg:   clamp(1.125rem, 1rem    + 0.75vw, 1.5rem);\n  --text-xl:   clamp(1.5rem,   1.2rem  + 1.25vw, 2.25rem);\n  --text-2xl:  clamp(2rem,     1.2rem  + 2.5vw,  3.5rem);\n  --text-hero: clamp(2.8rem,   1.5rem  + 4vw,    5.2rem);\n}\n\na { color: inherit; text-decoration: none; }\nbutton { cursor: pointer; border: none; font: inherit; }\nimg { display: block; max-width: 100%; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   NAVBAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.navbar {\n  position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n  background: rgba(250,247,244,0.95);\n  backdrop-filter: blur(12px);\n  border-bottom: 1px solid var(--border);\n  padding: 0 clamp(1rem, 4vw, 3rem);\n  height: 68px;\n  display: flex; align-items: center; justify-content: space-between;\n  transition: box-shadow var(--transition);\n}\n.navbar.scrolled { box-shadow: var(--shadow-md); }\n\n.nav-logo {\n  display: flex; align-items: center; gap: 10px;\n}\n.nav-logo-mark {\n  width: 38px; height: 38px;\n  background: var(--burgundy);\n  border-radius: var(--radius-sm);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.nav-logo-text { display: flex; flex-direction: column; line-height: 1.1; }\n.nav-logo-name {\n  font-family: var(--font-display);\n  font-size: 1.1rem; font-weight: 700;\n  color: var(--burgundy);\n  letter-spacing: 0.01em;\n}\n.nav-logo-tag {\n  font-size: 0.65rem; font-weight: 500;\n  color: var(--text-muted); letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.nav-links {\n  display: flex; align-items: center; gap: clamp(1rem, 2.5vw, 2rem);\n  list-style: none;\n}\n.nav-links a {\n  font-size: var(--text-sm); font-weight: 500;\n  color: var(--text-muted);\n  transition: color var(--transition);\n}\n.nav-links a:hover { color: var(--burgundy); }\n\n.nav-phone {\n  display: flex; align-items: center; gap: 6px;\n  font-size: var(--text-sm); font-weight: 600;\n  color: var(--text);\n}\n.nav-phone svg { width: 15px; height: 15px; color: var(--rose-gold); }\n\n.nav-cta {\n  background: var(--burgundy);\n  color: #fff !important;\n  padding: 9px 20px;\n  border-radius: var(--radius-sm);\n  font-size: var(--text-sm) !important;\n  font-weight: 600 !important;\n  transition: background var(--transition), transform var(--transition) !important;\n}\n.nav-cta:hover {\n  background: var(--burgundy-dark) !important;\n  transform: translateY(-1px);\n}\n\n.nav-hamburger {\n  display: none;\n  flex-direction: column; gap: 4px;\n  background: none; padding: 6px;\n}\n.nav-hamburger span {\n  display: block; width: 22px; height: 2px;\n  background: var(--text); border-radius: 2px;\n  transition: all 0.25s ease;\n}\n\n\/* Mobile nav *\/\n.nav-mobile {\n  display: none;\n  position: fixed; top: 68px; left: 0; right: 0; z-index: 99;\n  background: var(--surface);\n  border-bottom: 1px solid var(--border);\n  padding: 1.5rem 1.5rem;\n  flex-direction: column; gap: 1rem;\n  box-shadow: var(--shadow-md);\n}\n.nav-mobile.open { display: flex; }\n.nav-mobile a {\n  font-size: 1rem; font-weight: 500;\n  color: var(--text); padding: 0.5rem 0;\n  border-bottom: 1px solid var(--border);\n}\n.nav-mobile .nav-cta-mob {\n  margin-top: 0.5rem;\n  background: var(--burgundy); color: #fff;\n  text-align: center; padding: 13px;\n  border-radius: var(--radius-sm);\n  font-weight: 600;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  min-height: 100svh;\n  padding-top: 68px;\n  display: grid;\n  grid-template-columns: 55fr 45fr;\n  background: var(--bg);\n  position: relative;\n}\n\n\/* Subtle pattern on right side *\/\n.hero::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 60% 70% at 75% 50%, rgba(201,132,106,0.08) 0%, transparent 70%),\n    radial-gradient(ellipse 40% 40% at 90% 10%, rgba(184,150,46,0.06) 0%, transparent 60%);\n  pointer-events: none;\n}\n\n\/* Left column *\/\n.hero-left {\n  display: flex; flex-direction: column; justify-content: center;\n  padding: clamp(3rem, 6vw, 6rem) clamp(2rem, 5vw, 5rem) clamp(3rem, 6vw, 6rem) clamp(2rem, 6vw, 6rem);\n  position: relative; z-index: 2;\n}\n\n.hero-eyebrow {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--rose-pale);\n  border: 1px solid rgba(201,132,106,0.3);\n  border-radius: var(--radius-full, 9999px);\n  padding: 6px 14px 6px 8px;\n  margin-bottom: 1.75rem;\n  width: fit-content;\n}\n.hero-eyebrow-dot {\n  width: 8px; height: 8px;\n  background: var(--rose-gold);\n  border-radius: 50%;\n  animation: pulse-dot 2s ease-in-out infinite;\n}\n@keyframes pulse-dot {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.6; transform: scale(0.8); }\n}\n.hero-eyebrow span {\n  font-size: 0.72rem; font-weight: 600;\n  letter-spacing: 0.1em; text-transform: uppercase;\n  color: var(--rose-gold);\n}\n\n.hero-heading {\n  font-family: var(--font-display);\n  font-size: var(--text-hero);\n  font-weight: 600;\n  line-height: 1.05;\n  color: var(--text);\n  margin-bottom: 0.4rem;\n  letter-spacing: -0.02em;\n}\n.hero-heading em {\n  font-style: italic;\n  color: var(--burgundy);\n}\n\n.hero-advocate-name {\n  font-family: var(--font-display);\n  font-size: clamp(1.4rem, 2.5vw, 2rem);\n  font-weight: 700;\n  color: var(--rose-gold);\n  letter-spacing: 0.02em;\n  margin-bottom: 1.25rem;\n}\n\n.hero-desc {\n  font-size: var(--text-base);\n  color: var(--text-muted);\n  line-height: 1.75;\n  max-width: 48ch;\n  margin-bottom: 2rem;\n}\n\n\/* Trust badges row *\/\n.hero-trust {\n  display: flex; flex-wrap: wrap; gap: 0.625rem;\n  margin-bottom: 2.25rem;\n}\n.trust-badge {\n  display: flex; align-items: center; gap: 6px;\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-full, 9999px);\n  padding: 5px 12px;\n  box-shadow: var(--shadow-sm);\n}\n.trust-badge svg { width: 13px; height: 13px; color: var(--gold); flex-shrink: 0; }\n.trust-badge span {\n  font-size: 0.72rem; font-weight: 600;\n  color: var(--text-muted); letter-spacing: 0.03em;\n}\n\n\/* CTA buttons *\/\n.hero-ctas {\n  display: flex; flex-wrap: wrap; gap: 0.875rem;\n  align-items: center;\n  margin-bottom: 2.5rem;\n}\n\n.btn-primary {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--burgundy);\n  color: #fff;\n  font-family: var(--font-body);\n  font-size: var(--text-sm); font-weight: 600;\n  padding: 14px 26px;\n  border-radius: var(--radius-sm);\n  transition: background var(--transition), transform var(--transition), box-shadow var(--transition);\n  box-shadow: 0 4px 16px rgba(124,45,62,0.25);\n}\n.btn-primary:hover {\n  background: var(--burgundy-dark);\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(124,45,62,0.35);\n}\n.btn-primary svg { width: 16px; height: 16px; }\n\n.btn-ai-voice {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: #fff;\n  border: 2px solid var(--rose-gold);\n  color: var(--burgundy);\n  font-family: var(--font-body);\n  font-size: var(--text-sm); font-weight: 600;\n  padding: 13px 22px;\n  border-radius: var(--radius-sm);\n  transition: all var(--transition);\n  position: relative; overflow: hidden;\n}\n.btn-ai-voice:hover {\n  background: var(--rose-pale);\n  transform: translateY(-2px);\n  box-shadow: var(--shadow-md);\n}\n.btn-ai-voice .mic-anim {\n  width: 32px; height: 32px;\n  background: var(--rose-gold);\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n}\n.btn-ai-voice .mic-anim::before,\n.btn-ai-voice .mic-anim::after {\n  content: '';\n  position: absolute;\n  border-radius: 50%;\n  border: 2px solid var(--rose-gold);\n  animation: mic-ripple 1.8s ease-out infinite;\n}\n.btn-ai-voice .mic-anim::before { width: 44px; height: 44px; animation-delay: 0s; }\n.btn-ai-voice .mic-anim::after  { width: 56px; height: 56px; animation-delay: 0.5s; }\n@keyframes mic-ripple {\n  0%   { opacity: 0.6; transform: scale(0.8); }\n  100% { opacity: 0;   transform: scale(1.4); }\n}\n.btn-ai-voice .mic-anim svg { width: 14px; height: 14px; color: #fff; z-index: 1; }\n.btn-ai-voice .voice-text { display: flex; flex-direction: column; }\n.btn-ai-voice .voice-text strong { font-size: 0.8rem; }\n.btn-ai-voice .voice-text small { font-size: 0.65rem; font-weight: 400; color: var(--text-muted); }\n\n\/* Stats row *\/\n.hero-stats {\n  display: grid; grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n  max-width: 520px;\n}\n.stat-item {\n  padding: 1.1rem 0.75rem;\n  text-align: center;\n  border-right: 1px solid var(--border);\n}\n.stat-item:last-child { border-right: none; }\n.stat-num {\n  font-family: var(--font-display);\n  font-size: clamp(1.5rem, 2.5vw, 2rem);\n  font-weight: 700;\n  color: var(--burgundy);\n  line-height: 1;\n  margin-bottom: 4px;\n}\n.stat-label {\n  font-size: 0.65rem; font-weight: 500;\n  color: var(--text-muted);\n  text-transform: uppercase; letter-spacing: 0.06em;\n  line-height: 1.3;\n}\n\n\/* Right column *\/\n.hero-right {\n  position: relative; z-index: 2;\n  display: flex; flex-direction: column; justify-content: flex-end;\n  align-items: center;\n  background: linear-gradient(160deg, var(--rose-pale) 0%, var(--rose-light) 60%, #e8c4b8 100%);\n  min-height: calc(100svh - 68px);\n  padding-top: 3rem;\n}\n\n\/* Decorative large serif letter *\/\n.hero-bg-letter {\n  position: absolute;\n  top: 5%;\n  right: -2%;\n  font-family: var(--font-display);\n  font-size: clamp(12rem, 20vw, 20rem);\n  font-weight: 700;\n  font-style: italic;\n  color: rgba(124,45,62,0.04);\n  line-height: 1;\n  pointer-events: none;\n  user-select: none;\n  letter-spacing: -0.05em;\n}\n\n\/* Floating info cards on the right *\/\n.hero-card-bar-reg {\n  position: absolute;\n  top: 12%;\n  left: 8%;\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-md);\n  padding: 12px 16px;\n  box-shadow: var(--shadow-lg);\n  display: flex; align-items: center; gap: 10px;\n  min-width: 210px;\n  z-index: 10;\n  animation: float-up 4s ease-in-out infinite;\n}\n@keyframes float-up {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n.hero-card-bar-reg .card-icon {\n  width: 36px; height: 36px;\n  background: var(--gold-light);\n  border-radius: var(--radius-sm);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.hero-card-bar-reg .card-icon svg { width: 18px; height: 18px; color: var(--gold); }\n.hero-card-bar-reg .card-text strong { font-size: 0.8rem; font-weight: 700; color: var(--text); display: block; }\n.hero-card-bar-reg .card-text span { font-size: 0.65rem; color: var(--text-muted); }\n\n.hero-card-available {\n  position: absolute;\n  top: 28%;\n  right: 8%;\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-md);\n  padding: 10px 16px;\n  box-shadow: var(--shadow-lg);\n  display: flex; align-items: center; gap: 10px;\n  z-index: 10;\n  animation: float-up 4s ease-in-out infinite;\n  animation-delay: 1s;\n}\n.avail-dot {\n  width: 9px; height: 9px;\n  background: #22c55e;\n  border-radius: 50%;\n  flex-shrink: 0;\n  box-shadow: 0 0 0 3px rgba(34,197,94,0.2);\n  animation: blink 1.5s ease infinite;\n}\n@keyframes blink {\n  0%, 100% { box-shadow: 0 0 0 3px rgba(34,197,94,0.2); }\n  50% { box-shadow: 0 0 0 6px rgba(34,197,94,0.1); }\n}\n.hero-card-available span { font-size: 0.72rem; font-weight: 600; color: var(--text); }\n\n\/* Lawyer image *\/\n.hero-lawyer-img {\n  width: 78%;\n  max-width: 380px;\n  aspect-ratio: 2\/3;\n  background: linear-gradient(180deg, rgba(201,132,106,0.15) 0%, rgba(124,45,62,0.2) 100%);\n  position: relative;\n  margin-top: auto;\n  margin-bottom: 0;\n  border-radius: 160px 160px 0 0;\n  overflow: hidden;\n  display: flex; align-items: flex-end; justify-content: center;\n  box-shadow: 0 -8px 40px rgba(124,45,62,0.15);\n  flex-shrink: 0;\n}\n\n\/* Picsum professional photo *\/\n.hero-lawyer-img img {\n  width: 100%; height: 100%;\n  object-fit: cover; object-position: top center;\n  filter: sepia(15%) saturate(90%);\n}\n\n\/* Name card overlay on image *\/\n.hero-lawyer-namecard {\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  background: linear-gradient(0deg, rgba(124,45,62,0.92) 0%, rgba(124,45,62,0.6) 60%, transparent 100%);\n  padding: 2rem 1.5rem 1.5rem;\n  color: #fff;\n}\n.hero-lawyer-namecard h3 {\n  font-family: var(--font-display);\n  font-size: clamp(1.3rem, 2vw, 1.7rem);\n  font-weight: 700; line-height: 1.2;\n  margin-bottom: 4px;\n}\n.hero-lawyer-namecard p {\n  font-size: 0.75rem; font-weight: 500;\n  color: rgba(255,255,255,0.8);\n  letter-spacing: 0.05em;\n}\n\n.hero-card-rating {\n  position: absolute;\n  bottom: 18%;\n  left: 6%;\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-md);\n  padding: 10px 16px;\n  box-shadow: var(--shadow-lg);\n  display: flex; align-items: center; gap: 10px;\n  z-index: 10;\n  animation: float-up 4s ease-in-out infinite;\n  animation-delay: 2s;\n}\n.rating-stars {\n  color: var(--gold);\n  font-size: 0.9rem;\n  letter-spacing: 1px;\n  line-height: 1;\n}\n.rating-text { display: flex; flex-direction: column; }\n.rating-text strong { font-size: 0.82rem; font-weight: 700; color: var(--text); }\n.rating-text span { font-size: 0.62rem; color: var(--text-muted); }\n\n\/* WhatsApp floating button *\/\n.wa-float {\n  position: fixed;\n  bottom: clamp(1rem, 3vw, 2rem);\n  right: clamp(1rem, 3vw, 2rem);\n  z-index: 200;\n  background: #25d366;\n  color: #fff;\n  width: 56px; height: 56px;\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  box-shadow: 0 4px 20px rgba(37,211,102,0.4);\n  transition: transform var(--transition), box-shadow var(--transition);\n  animation: wa-bounce 3s ease-in-out infinite;\n}\n.wa-float:hover { transform: scale(1.1); box-shadow: 0 8px 28px rgba(37,211,102,0.5); }\n@keyframes wa-bounce {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-4px); }\n}\n.wa-float svg { width: 28px; height: 28px; fill: #fff; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 900px) {\n  .hero { grid-template-columns: 1fr; min-height: auto; }\n  .hero-right {\n    min-height: 480px;\n    order: -1;\n    padding-top: 2rem;\n  }\n  .hero-lawyer-img {\n    width: 65%;\n    max-width: 260px;\n    border-radius: 120px 120px 0 0;\n  }\n  .hero-left {\n    padding: 2.5rem 1.5rem;\n  }\n  .hero-heading { font-size: clamp(2.2rem, 8vw, 3.5rem); }\n  .nav-links, .nav-phone { display: none; }\n  .nav-hamburger { display: flex; }\n  .hero-stats { grid-template-columns: repeat(2, 1fr); max-width: 360px; }\n  .stat-item:nth-child(2) { border-right: none; }\n  .stat-item:nth-child(3) { border-top: 1px solid var(--border); }\n  .stat-item:nth-child(4) { border-top: 1px solid var(--border); border-right: none; }\n  .hero-card-bar-reg { left: 5%; top: 8%; }\n}\n\n@media (max-width: 480px) {\n  .hero-left { padding: 2rem 1.25rem; }\n  .hero-ctas { flex-direction: column; }\n  .btn-primary, .btn-ai-voice { width: 100%; justify-content: center; }\n  .hero-stats { max-width: 100%; grid-template-columns: repeat(4,1fr); }\n  .stat-num { font-size: 1.3rem; }\n  .hero-card-bar-reg { display: none; }\n}\n\n\/* Count-up animation target *\/\n.count-num { display: inline; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STATS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Section shared tokens *\/\n.section-eyebrow {\n  display: inline-block;\n  font-size: 0.7rem; font-weight: 700;\n  letter-spacing: 0.14em; text-transform: uppercase;\n  color: var(--rose-gold);\n  margin-bottom: 0.75rem;\n}\n.section-heading {\n  font-family: var(--font-display);\n  font-size: var(--text-2xl);\n  font-weight: 600; line-height: 1.1;\n  color: var(--text); letter-spacing: -0.02em;\n  margin-bottom: 0.75rem;\n}\n.section-heading em { font-style: italic; color: var(--burgundy); }\n.section-sub {\n  font-size: var(--text-base);\n  color: var(--text-muted); line-height: 1.7;\n  max-width: 52ch;\n}\n\n\/* Trust marquee strip *\/\n.stats-trust-strip {\n  background: var(--burgundy);\n  overflow: hidden;\n  padding: 11px 0;\n  white-space: nowrap;\n}\n.strip-track {\n  display: inline-flex; align-items: center; gap: 2rem;\n  animation: marquee 28s linear infinite;\n}\n.strip-track span {\n  font-size: 0.72rem; font-weight: 600;\n  color: rgba(255,255,255,0.85);\n  letter-spacing: 0.06em; text-transform: uppercase;\n  flex-shrink: 0;\n}\n.strip-dot { color: var(--rose-gold) !important; font-size: 0.55rem !important; }\n@keyframes marquee {\n  0%   { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n\/* Stats inner wrapper *\/\n.stats-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(3.5rem, 7vw, 6rem) clamp(1.25rem, 5vw, 4rem);\n}\n\n\/* Header *\/\n.stats-header {\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  max-width: 580px;\n}\n\n\/* 4-col grid *\/\n.stats-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1.25rem;\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n\/* Stat card *\/\n.stat-card {\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-xl);\n  padding: 1.75rem 1.5rem 1.5rem;\n  position: relative;\n  overflow: hidden;\n  display: flex; flex-direction: column; gap: 0.875rem;\n  box-shadow: var(--shadow-sm);\n  transition: transform var(--transition), box-shadow var(--transition);\n}\n.stat-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-lg);\n}\n\n\/* Accent variant (second card) *\/\n.stat-card--accent {\n  background: var(--burgundy);\n  border-color: var(--burgundy-dark);\n  color: #fff;\n}\n.stat-card--accent .stat-card-label { color: rgba(255,255,255,0.75); }\n.stat-card--accent .stat-card-detail { color: rgba(255,255,255,0.55); }\n.stat-card--accent .stat-card-icon svg { stroke: rgba(255,255,255,0.9); }\n\n\/* Watermark number behind *\/\n.stat-card::before {\n  content: attr(data-wm);\n  position: absolute;\n  right: -0.25rem; bottom: -0.5rem;\n  font-family: var(--font-display);\n  font-size: 7rem; font-weight: 700; font-style: italic;\n  color: rgba(124,45,62,0.04);\n  line-height: 1;\n  pointer-events: none; user-select: none;\n}\n.stat-card--accent::before { color: rgba(255,255,255,0.05); }\n\n\/* Icon *\/\n.stat-card-icon {\n  width: 44px; height: 44px;\n  border-radius: var(--radius-md);\n  background: var(--rose-pale);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.stat-card-icon svg { width: 22px; height: 22px; color: var(--burgundy); }\n.stat-card--accent .stat-card-icon { background: rgba(255,255,255,0.12); }\n.stat-card--accent .stat-card-icon svg { color: #fff; }\n\n\/* Number *\/\n.stat-card-num { line-height: 1; }\n.stat-big {\n  font-family: var(--font-display);\n  font-size: clamp(2.5rem, 4vw, 3.25rem);\n  font-weight: 700;\n  color: var(--burgundy);\n  letter-spacing: -0.03em;\n}\n.stat-card--accent .stat-big { color: #fff; }\n\n\/* Label & detail *\/\n.stat-card-label {\n  font-size: var(--text-sm); font-weight: 600;\n  color: var(--text); line-height: 1.3;\n}\n.stat-card-detail {\n  font-size: var(--text-xs);\n  color: var(--text-muted); line-height: 1.5;\n}\n\n\/* Progress bar at bottom *\/\n.stat-card-bar {\n  position: absolute;\n  bottom: 0; left: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--burgundy), var(--rose-gold));\n  border-radius: 0 2px 0 0;\n  transition: width 1.2s cubic-bezier(0.16,1,0.3,1);\n}\n.stat-card-bar--accent {\n  background: linear-gradient(90deg, rgba(255,255,255,0.4), rgba(255,255,255,0.8));\n}\n\n\/* Pills row *\/\n.stats-pills {\n  display: flex; align-items: center; gap: 1rem;\n  flex-wrap: wrap;\n  padding: 1.5rem 0 0;\n  border-top: 1px solid var(--border);\n}\n.pill-label {\n  font-size: var(--text-xs); font-weight: 600;\n  color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em;\n  white-space: nowrap;\n}\n.pills-row { display: flex; flex-wrap: wrap; gap: 0.5rem; }\n.pill {\n  display: inline-block;\n  background: var(--rose-pale);\n  border: 1px solid rgba(201,132,106,0.25);\n  border-radius: 9999px;\n  padding: 5px 14px;\n  font-size: var(--text-xs); font-weight: 600;\n  color: var(--burgundy);\n  white-space: nowrap;\n}\n.pill--gold {\n  background: var(--gold-light);\n  border-color: rgba(184,150,46,0.3);\n  color: var(--gold);\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .stats-grid { grid-template-columns: repeat(2, 1fr); }\n  .stat-card:nth-child(1) { border-bottom: none; }\n}\n@media (max-width: 600px) {\n  .stats-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .stats-pills { flex-direction: column; align-items: flex-start; gap: 0.75rem; }\n  .stats-header { max-width: 100%; }\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ABOUT SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.about-section {\n  background: var(--surface);\n  padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 4rem);\n}\n.about-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(3rem, 6vw, 6rem);\n  align-items: center;\n}\n\n\/* \u2500\u2500 Left: Photo + floating credentials \u2500\u2500 *\/\n.about-photo-col {\n  position: relative;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n}\n\n.about-photo-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 400px;\n}\n\n\/* Decorative background block *\/\n.about-photo-wrap::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  top: 2rem;\n  left: 2rem;\n  background: var(--rose-light);\n  border-radius: var(--radius-xl);\n  z-index: 0;\n}\n\n.about-photo-frame {\n  position: relative;\n  z-index: 1;\n  border-radius: var(--radius-xl);\n  overflow: hidden;\n  aspect-ratio: 3\/4;\n  box-shadow: var(--shadow-lg);\n}\n.about-photo-frame img {\n  width: 100%; height: 100%;\n  object-fit: cover; object-position: top center;\n  filter: sepia(10%) saturate(95%);\n}\n\n\/* Experience badge \u2013 overlapping bottom-left *\/\n.about-badge-exp {\n  position: absolute;\n  bottom: -1.5rem;\n  left: -1.5rem;\n  z-index: 10;\n  background: var(--burgundy);\n  color: #fff;\n  border-radius: var(--radius-lg);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--shadow-lg);\n  text-align: center;\n  min-width: 130px;\n}\n.about-badge-exp .badge-num {\n  font-family: var(--font-display);\n  font-size: 2.8rem; font-weight: 700; line-height: 1;\n  display: block; margin-bottom: 2px;\n}\n.about-badge-exp .badge-text {\n  font-size: 0.68rem; font-weight: 600;\n  text-transform: uppercase; letter-spacing: 0.08em;\n  color: rgba(255,255,255,0.75);\n}\n\n\/* Bar council card \u2013 overlapping top-right *\/\n.about-badge-bar {\n  position: absolute;\n  top: -1rem;\n  right: -1.5rem;\n  z-index: 10;\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-md);\n  padding: 0.9rem 1.1rem;\n  box-shadow: var(--shadow-md);\n  display: flex; align-items: center; gap: 0.6rem;\n  min-width: 190px;\n}\n.about-badge-bar .bar-icon {\n  width: 34px; height: 34px;\n  background: var(--gold-light);\n  border-radius: var(--radius-sm);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.about-badge-bar .bar-icon svg { width: 17px; height: 17px; color: var(--gold); }\n.about-badge-bar .bar-text strong {\n  display: block; font-size: 0.78rem; font-weight: 700; color: var(--text);\n}\n.about-badge-bar .bar-text span {\n  font-size: 0.62rem; color: var(--text-muted);\n}\n\n\/* Award ribbon \u2013 mid-right *\/\n.about-badge-award {\n  position: absolute;\n  bottom: 30%;\n  right: -1.75rem;\n  z-index: 10;\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-md);\n  padding: 0.75rem 1rem;\n  box-shadow: var(--shadow-md);\n  display: flex; align-items: center; gap: 0.5rem;\n}\n.about-badge-award svg { width: 18px; height: 18px; color: var(--gold); flex-shrink: 0; }\n.about-badge-award span { font-size: 0.72rem; font-weight: 600; color: var(--text); white-space: nowrap; }\n\n\/* \u2500\u2500 Right: Content \u2500\u2500 *\/\n.about-content-col {\n  display: flex; flex-direction: column; gap: 1.5rem;\n}\n\n.about-name {\n  font-family: var(--font-display);\n  font-size: var(--text-xl);\n  font-weight: 700; color: var(--burgundy);\n  margin-bottom: 0.25rem;\n  letter-spacing: 0.01em;\n}\n.about-designation {\n  font-size: var(--text-sm); font-weight: 500;\n  color: var(--text-muted); letter-spacing: 0.04em;\n}\n\n.about-bio {\n  font-size: var(--text-base);\n  color: var(--text-muted);\n  line-height: 1.8;\n  max-width: 56ch;\n}\n.about-bio p + p { margin-top: 1rem; }\n\n\/* Qualifications list *\/\n.about-quals {\n  display: flex; flex-direction: column; gap: 0.625rem;\n}\n.qual-item {\n  display: flex; align-items: flex-start; gap: 0.75rem;\n  font-size: var(--text-sm); color: var(--text);\n}\n.qual-icon {\n  width: 22px; height: 22px;\n  background: var(--rose-pale);\n  border-radius: var(--radius-sm);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0; margin-top: 1px;\n}\n.qual-icon svg { width: 12px; height: 12px; color: var(--burgundy); }\n.qual-item span { line-height: 1.5; }\n\n\/* Divider *\/\n.about-divider {\n  height: 1px;\n  background: var(--border);\n  margin: 0.25rem 0;\n}\n\n\/* Specialisation tags *\/\n.about-spec-label {\n  font-size: var(--text-xs); font-weight: 700;\n  color: var(--text-muted); text-transform: uppercase;\n  letter-spacing: 0.1em; margin-bottom: 0.625rem;\n}\n.about-spec-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; }\n.spec-tag {\n  background: var(--rose-pale);\n  border: 1px solid rgba(201,132,106,0.22);\n  border-radius: 9999px;\n  padding: 4px 12px;\n  font-size: var(--text-xs); font-weight: 600;\n  color: var(--burgundy);\n}\n\n\/* CTA row *\/\n.about-ctas {\n  display: flex; flex-wrap: wrap; gap: 0.875rem; align-items: center;\n  padding-top: 0.5rem;\n}\n.btn-secondary {\n  display: inline-flex; align-items: center; gap: 7px;\n  border: 2px solid var(--burgundy);\n  color: var(--burgundy);\n  background: transparent;\n  font-family: var(--font-body);\n  font-size: var(--text-sm); font-weight: 600;\n  padding: 12px 22px;\n  border-radius: var(--radius-sm);\n  transition: all var(--transition);\n  text-decoration: none;\n}\n.btn-secondary:hover {\n  background: var(--burgundy); color: #fff;\n  transform: translateY(-1px); box-shadow: var(--shadow-md);\n}\n.btn-secondary svg { width: 15px; height: 15px; }\n\n.about-phone-link {\n  display: inline-flex; align-items: center; gap: 7px;\n  font-size: var(--text-sm); font-weight: 600;\n  color: var(--text-muted);\n  text-decoration: none;\n  transition: color var(--transition);\n}\n.about-phone-link:hover { color: var(--burgundy); }\n.about-phone-link svg { width: 15px; height: 15px; }\n\n\/* Memberships \/ recognition strip *\/\n.about-memberships {\n  margin-top: 0.5rem;\n  padding: 1.1rem 1.25rem;\n  background: var(--surface-2);\n  border: 1px solid var(--border);\n  border-radius: var(--radius-lg);\n  display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem;\n}\n.membership-label {\n  font-size: var(--text-xs); font-weight: 700;\n  color: var(--text-muted); text-transform: uppercase;\n  letter-spacing: 0.1em; white-space: nowrap;\n}\n.membership-item {\n  font-size: var(--text-xs); font-weight: 600;\n  color: var(--text);\n  padding: 4px 0;\n  display: flex; align-items: center; gap: 5px;\n}\n.membership-item::before {\n  content: '';\n  width: 5px; height: 5px;\n  background: var(--rose-gold);\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .about-inner {\n    grid-template-columns: 1fr;\n    gap: 4rem;\n  }\n  .about-photo-col { justify-content: center; }\n  .about-photo-wrap { max-width: 320px; }\n  .about-badge-exp { bottom: -1rem; left: -0.75rem; }\n  .about-badge-bar { right: -0.75rem; top: -0.75rem; min-width: 160px; }\n  .about-badge-award { right: -0.75rem; }\n}\n@media (max-width: 480px) {\n  .about-badge-award { display: none; }\n  .about-photo-wrap { max-width: 280px; }\n  .about-ctas { flex-direction: column; }\n  .btn-primary, .btn-secondary { width: 100%; justify-content: center; }\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SERVICES SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.services-section {\n  background: var(--bg);\n  padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 4rem);\n}\n.services-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n.services-header {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: flex-end;\n  gap: 2rem;\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n}\n.services-header-left { max-width: 560px; }\n.services-header-right {\n  display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem;\n}\n.services-header-right .free-badge {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: var(--rose-pale);\n  border: 1px solid rgba(201,132,106,0.3);\n  border-radius: 9999px;\n  padding: 7px 16px;\n  font-size: var(--text-xs); font-weight: 700;\n  color: var(--burgundy); letter-spacing: 0.05em;\n  text-transform: uppercase; white-space: nowrap;\n}\n.services-header-right .free-badge svg {\n  width: 13px; height: 13px; color: var(--rose-gold);\n}\n\n\/* \u2500\u2500 Services Grid: asymmetric layout \u2500\u2500 *\/\n.services-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: auto auto auto;\n  gap: 1.25rem;\n}\n\n\/* Featured card spans full first row *\/\n.service-card {\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-xl);\n  padding: 1.75rem;\n  display: flex; flex-direction: column; gap: 1rem;\n  box-shadow: var(--shadow-sm);\n  transition: transform var(--transition), box-shadow var(--transition);\n  position: relative;\n  overflow: hidden;\n  text-decoration: none; color: inherit;\n}\n.service-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shadow-lg);\n  border-color: rgba(124,45,62,0.2);\n}\n\n\/* Featured: Divorce \u2014 large card *\/\n.service-card--featured {\n  grid-column: 1 \/ 2;\n  grid-row: 1 \/ 3;\n  background: var(--burgundy);\n  border-color: var(--burgundy-dark);\n  color: #fff;\n  padding: 2.25rem;\n  justify-content: flex-end;\n}\n.service-card--featured:hover { border-color: var(--burgundy-light); }\n.service-card--featured .svc-icon { background: rgba(255,255,255,0.12); }\n.service-card--featured .svc-icon svg { color: #fff; }\n.service-card--featured .svc-title { color: #fff; }\n.service-card--featured .svc-desc { color: rgba(255,255,255,0.72); }\n.service-card--featured .svc-link { color: rgba(255,255,255,0.85); border-color: rgba(255,255,255,0.2); }\n.service-card--featured .svc-link:hover { background: rgba(255,255,255,0.1); }\n.service-card--featured::before {\n  content: '';\n  position: absolute; inset: 0; top: 0; left: 0;\n  background: radial-gradient(ellipse 80% 60% at 20% 80%, rgba(201,132,106,0.15) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n\/* Wide card: NRI \u2014 spans 2 cols *\/\n.service-card--wide {\n  grid-column: 2 \/ 4;\n  background: var(--surface-2);\n  flex-direction: row;\n  align-items: center;\n  gap: 1.5rem;\n}\n.service-card--wide .svc-body { flex: 1; }\n\n\/* Gold accent card *\/\n.service-card--gold {\n  background: var(--gold-light);\n  border-color: rgba(184,150,46,0.25);\n}\n.service-card--gold .svc-icon { background: rgba(184,150,46,0.15); }\n.service-card--gold .svc-icon svg { color: var(--gold); }\n.service-card--gold .svc-title { color: #5a3c00; }\n.service-card--gold .svc-link { color: var(--gold); border-color: rgba(184,150,46,0.3); }\n\n\/* Card icon *\/\n.svc-icon {\n  width: 48px; height: 48px;\n  background: var(--rose-pale);\n  border-radius: var(--radius-md);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.svc-icon svg { width: 24px; height: 24px; color: var(--burgundy); }\n\n\/* Featured big icon *\/\n.service-card--featured .svc-icon {\n  width: 64px; height: 64px;\n  margin-bottom: 0.5rem;\n}\n.service-card--featured .svc-icon svg { width: 32px; height: 32px; }\n\n\/* Card watermark *\/\n.service-card::after {\n  content: attr(data-num);\n  position: absolute;\n  bottom: -0.5rem; right: 0.75rem;\n  font-family: var(--font-display);\n  font-size: 6rem; font-weight: 700; font-style: italic;\n  color: rgba(124,45,62,0.04);\n  line-height: 1; pointer-events: none; user-select: none;\n}\n.service-card--featured::after { color: rgba(255,255,255,0.05); }\n.service-card--gold::after { color: rgba(184,150,46,0.07); }\n\n.svc-badge {\n  display: inline-block;\n  background: var(--rose-pale);\n  border-radius: 9999px;\n  padding: 2px 10px;\n  font-size: 0.62rem; font-weight: 700;\n  color: var(--rose-gold); letter-spacing: 0.08em;\n  text-transform: uppercase;\n  width: fit-content;\n}\n.service-card--featured .svc-badge {\n  background: rgba(255,255,255,0.15);\n  color: rgba(255,255,255,0.85);\n}\n.service-card--gold .svc-badge {\n  background: rgba(184,150,46,0.2); color: var(--gold);\n}\n\n.svc-title {\n  font-family: var(--font-display);\n  font-size: var(--text-lg); font-weight: 700;\n  color: var(--text); line-height: 1.2;\n}\n.service-card--featured .svc-title { font-size: var(--text-xl); }\n\n.svc-desc {\n  font-size: var(--text-sm); color: var(--text-muted);\n  line-height: 1.7; max-width: 42ch;\n}\n.svc-desc p { max-width: 100%; }\n\n\/* Detail list inside featured card *\/\n.svc-details {\n  list-style: none; padding: 0;\n  display: flex; flex-direction: column; gap: 0.5rem;\n}\n.svc-details li {\n  font-size: var(--text-xs); color: rgba(255,255,255,0.75);\n  display: flex; align-items: center; gap: 7px;\n}\n.svc-details li::before {\n  content: '';\n  width: 14px; height: 14px; flex-shrink: 0;\n  background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9846a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'\/%3E%3C\/svg%3E\") no-repeat center;\n}\n\n.svc-link {\n  display: inline-flex; align-items: center; gap: 5px;\n  font-size: var(--text-xs); font-weight: 700;\n  color: var(--burgundy);\n  letter-spacing: 0.04em; text-transform: uppercase;\n  border: 1px solid var(--border);\n  border-radius: 9999px;\n  padding: 5px 14px;\n  width: fit-content;\n  transition: all var(--transition);\n  text-decoration: none;\n}\n.svc-link:hover { background: var(--rose-pale); border-color: rgba(124,45,62,0.2); }\n.svc-link svg { width: 11px; height: 11px; }\n\n\/* Bottom CTA strip *\/\n.services-cta-strip {\n  margin-top: 2rem;\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: var(--radius-xl);\n  padding: 1.75rem 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n.services-cta-strip-text h3 {\n  font-family: var(--font-display);\n  font-size: var(--text-lg); font-weight: 700;\n  color: var(--text); margin-bottom: 4px;\n}\n.services-cta-strip-text p {\n  font-size: var(--text-sm); color: var(--text-muted); max-width: 50ch;\n}\n.services-cta-strip-actions {\n  display: flex; gap: 0.75rem; flex-wrap: wrap; flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .services-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .service-card--featured {\n    grid-column: 1 \/ 2; grid-row: 1 \/ 2;\n  }\n  .service-card--wide {\n    grid-column: 1 \/ 3;\n    flex-direction: column; align-items: flex-start;\n  }\n}\n@media (max-width: 700px) {\n  .services-grid { grid-template-columns: 1fr; }\n  .service-card--featured,\n  .service-card--wide { grid-column: 1; grid-row: auto; }\n  .services-header { grid-template-columns: 1fr; }\n  .services-header-right { align-items: flex-start; }\n  .services-cta-strip { flex-direction: column; }\n  .services-cta-strip-actions { width: 100%; }\n  .services-cta-strip-actions .btn-primary,\n  .services-cta-strip-actions .btn-secondary { width: 100%; justify-content: center; }\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TESTIMONIALS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials-section {\n  background: var(--surface);\n  padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 4rem);\n  overflow: hidden;\n}\n.testimonials-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n.testimonials-top {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: flex-end;\n  gap: 2rem;\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n}\n.testimonials-top-right {\n  display: flex; gap: 0.625rem;\n}\n.testi-scroll-btn {\n  width: 44px; height: 44px;\n  border-radius: var(--radius-full);\n  border: 1px solid var(--border);\n  background: #fff;\n  display: flex; align-items: center; justify-content: center;\n  cursor: pointer;\n  color: var(--text);\n  transition: all var(--transition);\n  flex-shrink: 0;\n}\n.testi-scroll-btn:hover {\n  background: var(--burgundy); color: #fff; border-color: var(--burgundy);\n}\n.testi-scroll-btn svg { width: 18px; height: 18px; }\n\n\/* \u2500\u2500 Rating banner \u2500\u2500 *\/\n.testi-rating-banner {\n  display: flex; align-items: center; gap: 2rem;\n  background: var(--burgundy);\n  border-radius: var(--radius-xl);\n  padding: 1.5rem 2rem;\n  margin-bottom: 2rem;\n  flex-wrap: wrap;\n}\n.testi-rating-main {\n  display: flex; align-items: center; gap: 1rem; flex-shrink: 0;\n}\n.testi-rating-score {\n  font-family: var(--font-display);\n  font-size: 3.5rem; font-weight: 700;\n  color: #fff; line-height: 1;\n}\n.testi-rating-stars {\n  display: flex; flex-direction: column; gap: 4px;\n}\n.stars-row { display: flex; gap: 3px; }\n.stars-row svg {\n  width: 16px; height: 16px;\n  fill: var(--rose-gold); color: var(--rose-gold);\n}\n.testi-rating-label {\n  font-size: var(--text-xs); color: rgba(255,255,255,0.7);\n  text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600;\n}\n.testi-rating-divider {\n  width: 1px; height: 48px;\n  background: rgba(255,255,255,0.2); flex-shrink: 0;\n}\n.testi-platform-row {\n  display: flex; gap: 1.5rem; flex-wrap: wrap;\n}\n.testi-platform {\n  display: flex; flex-direction: column; gap: 2px;\n}\n.testi-platform-name {\n  font-size: var(--text-xs); font-weight: 700;\n  color: rgba(255,255,255,0.55); text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n.testi-platform-val {\n  font-size: var(--text-sm); font-weight: 600;\n  color: #fff;\n  display: flex; align-items: center; gap: 5px;\n}\n.testi-platform-val svg {\n  width: 12px; height: 12px;\n  fill: var(--rose-gold); color: var(--rose-gold);\n}\n\n\/* \u2500\u2500 Cards track \u2500\u2500 *\/\n.testi-track-wrapper {\n  position: relative;\n}\n.testi-track {\n  display: flex; gap: 1.25rem;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  padding-bottom: 0.5rem;\n  cursor: grab;\n}\n.testi-track::-webkit-scrollbar { display: none; }\n.testi-track.is-dragging { cursor: grabbing; }\n\n.testi-card {\n  flex: 0 0 340px;\n  scroll-snap-align: start;\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-xl);\n  padding: 1.75rem;\n  display: flex; flex-direction: column; gap: 1rem;\n  box-shadow: var(--shadow-sm);\n  position: relative;\n  transition: box-shadow var(--transition);\n}\n.testi-card:hover { box-shadow: var(--shadow-md); }\n\n\/* Featured card variant *\/\n.testi-card--featured {\n  background: var(--surface-2);\n  border-color: rgba(124,45,62,0.15);\n  flex: 0 0 380px;\n}\n\n\/* Quote mark watermark *\/\n.testi-card::before {\n  content: '\u201c';\n  position: absolute;\n  top: 0.5rem; right: 1.25rem;\n  font-family: var(--font-display);\n  font-size: 6rem; line-height: 1;\n  color: rgba(124,45,62,0.07);\n  pointer-events: none; user-select: none;\n}\n.testi-card--featured::before { color: rgba(124,45,62,0.1); }\n\n.testi-stars { display: flex; gap: 3px; }\n.testi-stars svg { width: 14px; height: 14px; fill: var(--rose-gold); color: var(--rose-gold); }\n\n.testi-text {\n  font-size: var(--text-sm); color: var(--text);\n  line-height: 1.75; font-style: italic;\n  flex: 1;\n}\n.testi-card--featured .testi-text {\n  font-size: var(--text-base);\n}\n\n.testi-tag {\n  display: inline-block;\n  background: var(--rose-pale);\n  border-radius: 9999px; padding: 2px 10px;\n  font-size: 0.62rem; font-weight: 700;\n  color: var(--burgundy); letter-spacing: 0.06em;\n  text-transform: uppercase; width: fit-content;\n}\n\n.testi-author {\n  display: flex; align-items: center; gap: 0.75rem;\n  padding-top: 0.75rem;\n  border-top: 1px solid var(--border);\n}\n.testi-avatar {\n  width: 40px; height: 40px;\n  border-radius: var(--radius-full);\n  background: var(--surface-offset-2);\n  border: 2px solid var(--border);\n  display: flex; align-items: center; justify-content: center;\n  font-family: var(--font-display);\n  font-size: 1.1rem; font-weight: 700;\n  color: var(--burgundy);\n  flex-shrink: 0;\n}\n.testi-author-info { flex: 1; min-width: 0; }\n.testi-author-name {\n  font-size: var(--text-sm); font-weight: 700;\n  color: var(--text); line-height: 1.2;\n}\n.testi-author-meta {\n  font-size: var(--text-xs); color: var(--text-muted);\n  display: flex; align-items: center; gap: 5px;\n}\n.testi-author-meta svg {\n  width: 10px; height: 10px; color: var(--rose-gold); flex-shrink: 0;\n}\n.testi-platform-badge {\n  font-size: 0.6rem; font-weight: 700;\n  color: var(--text-faint); letter-spacing: 0.05em;\n  text-transform: uppercase; border: 1px solid var(--border);\n  border-radius: 9999px; padding: 2px 8px; flex-shrink: 0;\n}\n\n\/* Scroll dots *\/\n.testi-dots {\n  display: flex; justify-content: center; gap: 6px;\n  margin-top: 1.5rem;\n}\n.testi-dot {\n  width: 6px; height: 6px;\n  border-radius: 9999px;\n  background: var(--border);\n  border: none; padding: 0;\n  cursor: pointer; transition: all var(--transition);\n}\n.testi-dot.active {\n  width: 20px;\n  background: var(--burgundy);\n}\n\n\/* \u2500\u2500 Bottom trust strip \u2500\u2500 *\/\n.testi-trust-strip {\n  display: flex; align-items: center; justify-content: center;\n  gap: 2rem; flex-wrap: wrap;\n  margin-top: 2.5rem;\n  padding-top: 2.5rem;\n  border-top: 1px solid var(--border);\n}\n.trust-item {\n  display: flex; flex-direction: column; align-items: center; gap: 4px;\n}\n.trust-item-val {\n  font-family: var(--font-display);\n  font-size: var(--text-xl); font-weight: 700; color: var(--text);\n  line-height: 1;\n}\n.trust-item-label {\n  font-size: var(--text-xs); color: var(--text-muted);\n  text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600;\n}\n.trust-divider {\n  width: 1px; height: 36px; background: var(--border);\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .testimonials-top { grid-template-columns: 1fr; }\n  .testimonials-top-right { justify-content: flex-start; }\n  .testi-card { flex: 0 0 290px; }\n  .testi-card--featured { flex: 0 0 310px; }\n  .testi-rating-divider { display: none; }\n  .trust-divider { display: none; }\n  .testi-trust-strip { gap: 1rem; }\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CONTACT & BOOKING SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.contact-section {\n  background: var(--bg);\n  padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 4rem);\n}\n.contact-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Two-column layout \u2500\u2500 *\/\n.contact-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 3rem;\n  align-items: start;\n}\n\n\/* \u2500\u2500 LEFT: Info column \u2500\u2500 *\/\n.contact-info { display: flex; flex-direction: column; gap: 2rem; }\n\n.contact-highlight-card {\n  background: var(--burgundy);\n  border-radius: var(--radius-xl);\n  padding: 2rem;\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n}\n.contact-highlight-card::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: radial-gradient(ellipse 80% 60% at 10% 90%, rgba(201,132,106,0.18) 0%, transparent 70%);\n  pointer-events: none;\n}\n.contact-highlight-card h3 {\n  font-family: var(--font-display);\n  font-size: var(--text-xl); font-weight: 700;\n  color: #fff; margin-bottom: 0.5rem; line-height: 1.2;\n}\n.contact-highlight-card h3 em { font-style: italic; color: var(--rose-gold); }\n.contact-highlight-card p {\n  font-size: var(--text-sm); color: rgba(255,255,255,0.72);\n  line-height: 1.7; margin-bottom: 1.5rem; max-width: 38ch;\n}\n.contact-free-badge {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: rgba(255,255,255,0.12);\n  border: 1px solid rgba(255,255,255,0.2);\n  border-radius: 9999px;\n  padding: 6px 14px;\n  font-size: var(--text-xs); font-weight: 700;\n  color: rgba(255,255,255,0.9); letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n.contact-free-badge svg { width: 13px; height: 13px; color: var(--rose-gold); }\n\n\/* Details list *\/\n.contact-details { display: flex; flex-direction: column; gap: 1rem; }\n.contact-detail-item {\n  display: flex; align-items: flex-start; gap: 1rem;\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-lg);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--shadow-sm);\n  text-decoration: none; color: inherit;\n  transition: all var(--transition);\n}\n.contact-detail-item:hover {\n  box-shadow: var(--shadow-md);\n  border-color: rgba(124,45,62,0.2);\n  transform: translateX(4px);\n}\n.contact-detail-icon {\n  width: 42px; height: 42px;\n  background: var(--rose-pale);\n  border-radius: var(--radius-md);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.contact-detail-icon svg { width: 20px; height: 20px; color: var(--burgundy); }\n.contact-detail-body { flex: 1; min-width: 0; }\n.contact-detail-label {\n  font-size: var(--text-xs); font-weight: 700;\n  color: var(--text-muted); text-transform: uppercase;\n  letter-spacing: 0.07em; margin-bottom: 3px;\n}\n.contact-detail-value {\n  font-size: var(--text-sm); font-weight: 600;\n  color: var(--text); line-height: 1.4;\n}\n.contact-detail-sub {\n  font-size: var(--text-xs); color: var(--text-muted); margin-top: 2px;\n}\n.contact-detail-arrow {\n  width: 20px; height: 20px;\n  color: var(--text-faint);\n  flex-shrink: 0; align-self: center;\n  transition: transform var(--transition), color var(--transition);\n}\n.contact-detail-item:hover .contact-detail-arrow {\n  transform: translateX(3px); color: var(--burgundy);\n}\n\n\/* Office hours *\/\n.office-hours {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: var(--radius-lg);\n  padding: 1.5rem;\n}\n.office-hours h4 {\n  font-family: var(--font-display);\n  font-size: var(--text-lg); font-weight: 700;\n  color: var(--text); margin-bottom: 1rem;\n  display: flex; align-items: center; gap: 8px;\n}\n.office-hours h4 svg { width: 18px; height: 18px; color: var(--rose-gold); }\n.hours-grid {\n  display: grid; grid-template-columns: 1fr auto;\n  gap: 0.5rem 1.5rem;\n}\n.hours-day { font-size: var(--text-sm); color: var(--text-muted); font-weight: 500; }\n.hours-time {\n  font-size: var(--text-sm); font-weight: 600;\n  color: var(--text); text-align: right;\n}\n.hours-closed { color: var(--text-faint); font-style: italic; }\n.hours-divider {\n  grid-column: 1 \/ -1;\n  height: 1px; background: var(--border);\n  margin: 0.25rem 0;\n}\n.emergency-note {\n  display: flex; align-items: center; gap: 8px;\n  margin-top: 1rem; padding-top: 1rem;\n  border-top: 1px solid var(--border);\n  font-size: var(--text-xs); color: var(--text-muted);\n}\n.emergency-note svg { width: 14px; height: 14px; color: var(--rose-gold); flex-shrink: 0; }\n.emergency-note strong { color: var(--burgundy); }\n\n\/* \u2500\u2500 RIGHT: Booking form \u2500\u2500 *\/\n.booking-form-card {\n  background: #fff;\n  border: 1px solid var(--border);\n  border-radius: var(--radius-xl);\n  padding: 2.25rem;\n  box-shadow: var(--shadow-md);\n  position: sticky;\n  top: 84px;\n}\n.form-header { margin-bottom: 1.75rem; }\n.form-header-eyebrow {\n  display: inline-block;\n  background: var(--rose-pale);\n  border-radius: 9999px; padding: 4px 12px;\n  font-size: var(--text-xs); font-weight: 700;\n  color: var(--rose-gold); letter-spacing: 0.08em;\n  text-transform: uppercase; margin-bottom: 0.75rem;\n}\n.form-header h3 {\n  font-family: var(--font-display);\n  font-size: var(--text-xl); font-weight: 700;\n  color: var(--text); line-height: 1.2;\n}\n.form-header h3 em { font-style: italic; color: var(--burgundy); }\n.form-header p {\n  font-size: var(--text-sm); color: var(--text-muted);\n  margin-top: 0.5rem; max-width: 40ch;\n}\n\n\/* Form fields *\/\n.form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n.form-group {\n  display: flex; flex-direction: column; gap: 0.375rem;\n  margin-bottom: 1rem;\n}\n.form-group.half { margin-bottom: 0; }\n.form-label {\n  font-size: var(--text-xs); font-weight: 700;\n  color: var(--text); letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n.form-label .required { color: var(--rose-gold); margin-left: 2px; }\n.form-input, .form-select, .form-textarea {\n  width: 100%;\n  border: 1.5px solid var(--border);\n  border-radius: var(--radius-md);\n  padding: 11px 14px;\n  font-family: var(--font-body);\n  font-size: var(--text-sm);\n  color: var(--text);\n  background: var(--bg);\n  outline: none;\n  transition: border-color var(--transition), box-shadow var(--transition), background var(--transition);\n  -webkit-appearance: none;\n}\n.form-input:focus, .form-select:focus, .form-textarea:focus {\n  border-color: var(--burgundy);\n  background: #fff;\n  box-shadow: 0 0 0 3px rgba(124,45,62,0.08);\n}\n.form-input::placeholder, .form-textarea::placeholder { color: var(--text-faint); }\n.form-select { cursor: pointer; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%237a6660' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 36px; }\n.form-textarea { resize: vertical; min-height: 100px; line-height: 1.6; }\n\n\/* Mode selector *\/\n.mode-selector {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 0.625rem; margin-bottom: 1rem;\n}\n.mode-btn {\n  display: flex; align-items: center; gap: 8px;\n  border: 1.5px solid var(--border);\n  border-radius: var(--radius-md);\n  padding: 10px 14px;\n  background: var(--bg);\n  cursor: pointer;\n  transition: all var(--transition);\n  font-size: var(--text-sm); font-weight: 500; color: var(--text-muted);\n}\n.mode-btn svg { width: 16px; height: 16px; flex-shrink: 0; }\n.mode-btn.active {\n  border-color: var(--burgundy);\n  background: var(--rose-pale);\n  color: var(--burgundy);\n  font-weight: 600;\n}\n.mode-btn:hover:not(.active) {\n  border-color: rgba(124,45,62,0.25);\n  background: var(--surface);\n}\n\n\/* Submit button *\/\n.form-submit {\n  width: 100%;\n  display: flex; align-items: center; justify-content: center; gap: 10px;\n  background: var(--burgundy);\n  color: #fff;\n  font-family: var(--font-body);\n  font-size: var(--text-sm); font-weight: 700;\n  padding: 15px 24px;\n  border-radius: var(--radius-md);\n  border: none; cursor: pointer;\n  transition: background var(--transition), transform var(--transition), box-shadow var(--transition);\n  box-shadow: 0 4px 16px rgba(124,45,62,0.25);\n  margin-top: 0.5rem;\n  letter-spacing: 0.02em;\n}\n.form-submit:hover {\n  background: var(--burgundy-dark);\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(124,45,62,0.35);\n}\n.form-submit svg { width: 17px; height: 17px; }\n.form-submit:disabled {\n  opacity: 0.7; transform: none; cursor: not-allowed;\n}\n\n\/* Privacy note *\/\n.form-privacy {\n  display: flex; align-items: flex-start; gap: 8px;\n  margin-top: 1rem;\n  font-size: var(--text-xs); color: var(--text-muted); line-height: 1.6;\n}\n.form-privacy svg { width: 14px; height: 14px; color: var(--rose-gold); flex-shrink: 0; margin-top: 1px; }\n\n\/* Success message *\/\n.form-success {\n  display: none;\n  flex-direction: column; align-items: center;\n  text-align: center; gap: 1rem;\n  padding: 2.5rem 1rem;\n}\n.form-success.visible { display: flex; }\n.success-icon {\n  width: 64px; height: 64px;\n  background: var(--rose-pale);\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n}\n.success-icon svg { width: 32px; height: 32px; color: var(--burgundy); }\n.form-success h3 {\n  font-family: var(--font-display);\n  font-size: var(--text-xl); font-weight: 700; color: var(--text);\n}\n.form-success p { font-size: var(--text-sm); color: var(--text-muted); max-width: 36ch; }\n\n\/* Map embed strip *\/\n.contact-map {\n  margin-top: 3rem;\n  border-radius: var(--radius-xl);\n  overflow: hidden;\n  border: 1px solid var(--border);\n  box-shadow: var(--shadow-sm);\n  position: relative;\n}\n.map-header {\n  background: var(--surface);\n  border-bottom: 1px solid var(--border);\n  padding: 1rem 1.5rem;\n  display: flex; align-items: center; justify-content: space-between;\n  flex-wrap: wrap; gap: 0.75rem;\n}\n.map-header h4 {\n  font-family: var(--font-display);\n  font-size: var(--text-lg); font-weight: 700; color: var(--text);\n  display: flex; align-items: center; gap: 8px;\n}\n.map-header h4 svg { width: 18px; height: 18px; color: var(--rose-gold); }\n.map-directions-btn {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: var(--burgundy); color: #fff;\n  font-size: var(--text-xs); font-weight: 700;\n  padding: 7px 16px; border-radius: 9999px;\n  transition: background var(--transition);\n  text-decoration: none;\n  letter-spacing: 0.04em;\n}\n.map-directions-btn:hover { background: var(--burgundy-dark); }\n.map-directions-btn svg { width: 12px; height: 12px; }\n.map-placeholder {\n  height: 280px;\n  background: var(--surface);\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  gap: 0.75rem; color: var(--text-muted);\n}\n.map-placeholder svg { width: 40px; height: 40px; color: var(--rose-gold); }\n.map-placeholder p { font-size: var(--text-sm); color: var(--text-muted); text-align: center; }\n.map-placeholder strong { color: var(--text); }\n.map-address-strip {\n  display: grid; grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid var(--border);\n}\n.map-address-item {\n  padding: 1rem 1.5rem;\n  border-right: 1px solid var(--border);\n}\n.map-address-item:last-child { border-right: none; }\n.map-address-item-label {\n  font-size: var(--text-xs); font-weight: 700;\n  color: var(--text-muted); text-transform: uppercase;\n  letter-spacing: 0.07em; margin-bottom: 4px;\n}\n.map-address-item-val {\n  font-size: var(--text-sm); font-weight: 600; color: var(--text);\n  line-height: 1.4;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .contact-grid { grid-template-columns: 1fr; gap: 2rem; }\n  .booking-form-card { position: static; }\n}\n@media (max-width: 600px) {\n  .form-row { grid-template-columns: 1fr; }\n  .mode-selector { grid-template-columns: 1fr; }\n  .map-address-strip { grid-template-columns: 1fr; }\n  .map-address-item { border-right: none; border-bottom: 1px solid var(--border); }\n  .map-address-item:last-child { border-bottom: none; }\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.site-footer {\n  background: var(--burgundy-dark);\n  color: rgba(255,255,255,0.82);\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Subtle pattern overlay *\/\n.site-footer::before {\n  content: '';\n  position: absolute; inset: 0;\n  background:\n    radial-gradient(ellipse 50% 80% at 5% 0%, rgba(201,132,106,0.08) 0%, transparent 60%),\n    radial-gradient(ellipse 40% 60% at 95% 100%, rgba(184,150,46,0.05) 0%, transparent 60%);\n  pointer-events: none;\n}\n\n\/* \u2500\u2500 Pre-footer CTA strip \u2500\u2500 *\/\n.footer-cta-strip {\n  background: var(--burgundy);\n  padding: 3rem clamp(1.25rem,5vw,4rem);\n  position: relative; z-index: 1;\n}\n.footer-cta-inner {\n  max-width: 1200px; margin: 0 auto;\n  display: flex; align-items: center;\n  justify-content: space-between;\n  gap: 2rem; flex-wrap: wrap;\n}\n.footer-cta-text h3 {\n  font-family: var(--font-display);\n  font-size: var(--text-xl); font-weight: 700;\n  color: #fff; line-height: 1.2;\n}\n.footer-cta-text h3 em { font-style: italic; color: var(--rose-gold); }\n.footer-cta-text p {\n  font-size: var(--text-sm);\n  color: rgba(255,255,255,0.7);\n  margin-top: 0.375rem;\n}\n.footer-cta-actions {\n  display: flex; gap: 0.875rem; flex-wrap: wrap; align-items: center;\n}\n.footer-btn-primary {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: #fff; color: var(--burgundy);\n  font-size: var(--text-sm); font-weight: 700;\n  padding: 13px 24px; border-radius: var(--radius-sm);\n  transition: all var(--transition);\n  text-decoration: none;\n  white-space: nowrap;\n}\n.footer-btn-primary:hover {\n  background: var(--rose-pale);\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(0,0,0,0.2);\n}\n.footer-btn-primary svg { width: 15px; height: 15px; flex-shrink: 0; }\n.footer-btn-ghost {\n  display: inline-flex; align-items: center; gap: 8px;\n  border: 1.5px solid rgba(255,255,255,0.35); color: rgba(255,255,255,0.9);\n  font-size: var(--text-sm); font-weight: 600;\n  padding: 12px 22px; border-radius: var(--radius-sm);\n  transition: all var(--transition);\n  text-decoration: none;\n  white-space: nowrap;\n}\n.footer-btn-ghost:hover {\n  background: rgba(255,255,255,0.1);\n  border-color: rgba(255,255,255,0.6);\n  transform: translateY(-2px);\n}\n.footer-btn-ghost svg { width: 15px; height: 15px; flex-shrink: 0; }\n\n\/* \u2500\u2500 Main footer body \u2500\u2500 *\/\n.footer-body {\n  padding: 4rem clamp(1.25rem,5vw,4rem) 2.5rem;\n  position: relative; z-index: 1;\n}\n.footer-body-inner {\n  max-width: 1200px; margin: 0 auto;\n}\n.footer-grid {\n  display: grid;\n  grid-template-columns: 2fr 1fr 1fr 1fr;\n  gap: 3rem;\n  margin-bottom: 3rem;\n}\n\n\/* Brand column *\/\n.footer-brand { display: flex; flex-direction: column; gap: 1.25rem; }\n.footer-logo {\n  display: flex; align-items: center; gap: 10px;\n  text-decoration: none;\n}\n.footer-logo-mark {\n  width: 40px; height: 40px;\n  background: rgba(255,255,255,0.12);\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: var(--radius-sm);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.footer-logo-name {\n  font-family: var(--font-display);\n  font-size: 1.15rem; font-weight: 700;\n  color: #fff; letter-spacing: 0.01em;\n}\n.footer-logo-tag {\n  font-size: 0.62rem; font-weight: 500;\n  color: rgba(255,255,255,0.5); letter-spacing: 0.08em;\n  text-transform: uppercase; display: block;\n}\n.footer-tagline {\n  font-size: var(--text-sm); color: rgba(255,255,255,0.6);\n  line-height: 1.75; max-width: 36ch;\n}\n.footer-bar-credentials {\n  display: flex; flex-wrap: wrap; gap: 0.5rem;\n}\n.footer-credential {\n  display: inline-flex; align-items: center; gap: 5px;\n  background: rgba(255,255,255,0.08);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 9999px;\n  padding: 4px 10px;\n  font-size: 0.65rem; font-weight: 700;\n  color: rgba(255,255,255,0.7); letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n.footer-credential svg { width: 11px; height: 11px; color: var(--rose-gold); }\n\n\/* Social links *\/\n.footer-socials {\n  display: flex; gap: 0.625rem; margin-top: 0.25rem;\n}\n.footer-social-btn {\n  width: 38px; height: 38px;\n  border-radius: var(--radius-sm);\n  background: rgba(255,255,255,0.08);\n  border: 1px solid rgba(255,255,255,0.12);\n  display: flex; align-items: center; justify-content: center;\n  color: rgba(255,255,255,0.65);\n  transition: all var(--transition);\n  text-decoration: none;\n}\n.footer-social-btn:hover {\n  background: var(--rose-gold);\n  border-color: var(--rose-gold);\n  color: #fff;\n  transform: translateY(-2px);\n}\n.footer-social-btn svg { width: 16px; height: 16px; }\n\n\/* Sitemap columns *\/\n.footer-col h4 {\n  font-size: var(--text-xs); font-weight: 800;\n  color: rgba(255,255,255,0.9);\n  text-transform: uppercase; letter-spacing: 0.1em;\n  margin-bottom: 1.25rem;\n  padding-bottom: 0.75rem;\n  border-bottom: 1px solid rgba(255,255,255,0.1);\n}\n.footer-links { list-style: none; display: flex; flex-direction: column; gap: 0.625rem; }\n.footer-links a {\n  font-size: var(--text-sm);\n  color: rgba(255,255,255,0.6);\n  text-decoration: none;\n  display: flex; align-items: center; gap: 6px;\n  transition: color var(--transition), gap var(--transition);\n}\n.footer-links a:hover { color: rgba(255,255,255,0.95); gap: 9px; }\n.footer-links a svg { width: 11px; height: 11px; flex-shrink: 0; opacity: 0.5; }\n.footer-links a:hover svg { opacity: 1; }\n.footer-link-badge {\n  font-size: 0.58rem; font-weight: 800;\n  background: var(--rose-gold); color: #fff;\n  padding: 2px 6px; border-radius: 9999px;\n  text-transform: uppercase; letter-spacing: 0.05em;\n  margin-left: 2px;\n}\n\n\/* Divider *\/\n.footer-divider {\n  border: none; border-top: 1px solid rgba(255,255,255,0.08);\n  margin: 0 0 2rem;\n}\n\n\/* \u2500\u2500 Disclaimer bar \u2500\u2500 *\/\n.footer-disclaimer {\n  background: rgba(0,0,0,0.2);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: var(--radius-lg);\n  padding: 1.25rem 1.5rem;\n  margin-bottom: 2rem;\n}\n.footer-disclaimer-header {\n  display: flex; align-items: center; gap: 8px;\n  margin-bottom: 0.625rem;\n}\n.footer-disclaimer-header svg { width: 15px; height: 15px; color: var(--rose-gold); flex-shrink: 0; }\n.footer-disclaimer-header span {\n  font-size: var(--text-xs); font-weight: 800;\n  color: rgba(255,255,255,0.7); text-transform: uppercase;\n  letter-spacing: 0.1em;\n}\n.footer-disclaimer p {\n  font-size: 0.72rem; color: rgba(255,255,255,0.42);\n  line-height: 1.75; max-width: 100%;\n}\n.footer-disclaimer p + p { margin-top: 0.5rem; }\n\n\/* \u2500\u2500 Bottom bar \u2500\u2500 *\/\n.footer-bottom {\n  display: flex; align-items: center;\n  justify-content: space-between;\n  gap: 1rem; flex-wrap: wrap;\n}\n.footer-copyright {\n  font-size: var(--text-xs); color: rgba(255,255,255,0.45);\n}\n.footer-copyright strong { color: rgba(255,255,255,0.7); font-weight: 600; }\n.footer-bottom-links {\n  display: flex; gap: 1.5rem; flex-wrap: wrap;\n}\n.footer-bottom-links a {\n  font-size: var(--text-xs); color: rgba(255,255,255,0.45);\n  text-decoration: none; transition: color var(--transition);\n}\n.footer-bottom-links a:hover { color: rgba(255,255,255,0.8); }\n.footer-lawzapo-credit {\n  display: flex; align-items: center; gap: 6px;\n  font-size: var(--text-xs); color: rgba(255,255,255,0.3);\n}\n.footer-lawzapo-credit svg { width: 13px; height: 13px; color: var(--rose-gold); }\n.footer-lawzapo-credit a {\n  color: var(--rose-gold);\n  text-decoration: none; font-weight: 600;\n  transition: opacity var(--transition);\n}\n.footer-lawzapo-credit a:hover { opacity: 0.8; }\n\n\/* Back to top *\/\n.footer-back-top {\n  position: fixed;\n  bottom: 100px; right: 1.5rem;\n  width: 42px; height: 42px;\n  background: var(--burgundy);\n  border: 1px solid rgba(255,255,255,0.2);\n  border-radius: var(--radius-full);\n  display: flex; align-items: center; justify-content: center;\n  color: #fff; cursor: pointer;\n  box-shadow: var(--shadow-md);\n  transition: all var(--transition);\n  z-index: 50;\n  opacity: 0; pointer-events: none;\n}\n.footer-back-top.visible { opacity: 1; pointer-events: auto; }\n.footer-back-top:hover {\n  background: var(--burgundy-dark);\n  transform: translateY(-3px);\n  box-shadow: var(--shadow-lg);\n}\n.footer-back-top svg { width: 18px; height: 18px; }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 960px) {\n  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }\n  .footer-brand { grid-column: 1 \/ -1; }\n  .footer-cta-inner { flex-direction: column; align-items: flex-start; }\n}\n@media (max-width: 600px) {\n  .footer-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }\n  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 0.75rem; }\n  .footer-cta-actions { flex-direction: column; width: 100%; }\n  .footer-btn-primary, .footer-btn-ghost { justify-content: center; }\n}\n@media (max-width: 420px) {\n  .footer-grid { grid-template-columns: 1fr; }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     NAVBAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<header>\n  <nav class=\"navbar\" id=\"navbar\" role=\"navigation\" aria-label=\"Main navigation\">\n    <!-- Logo -->\n    <a href=\"#\" class=\"nav-logo\" aria-label=\"Adv. Priya Sharma - Home\">\n      <div class=\"nav-logo-mark\" aria-hidden=\"true\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n          <polyline points=\"9 12 11 14 15 10\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"nav-logo-text\">\n        <span class=\"nav-logo-name\">Adv. Priya Sharma<\/span>\n        <span class=\"nav-logo-tag\">Matrimonial Lawyer \u00b7 Delhi<\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Desktop links -->\n    <ul class=\"nav-links\" role=\"list\">\n      <li><a href=\"#services\">Services<\/a><\/li>\n      <li><a href=\"#about\">About<\/a><\/li>\n      <li><a href=\"#testimonials\">Reviews<\/a><\/li>\n      <li><a href=\"#blog\">Blog<\/a><\/li>\n      <li><a href=\"#contact\">Contact<\/a><\/li>\n    <\/ul>\n\n    <!-- Phone + CTA -->\n    <div style=\"display:flex;align-items:center;gap:1.25rem;\">\n      <a href=\"tel:+919876543210\" class=\"nav-phone\" aria-label=\"Call us\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.49 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.4 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9a16 16 0 0 0 6 6l1.79-1.79a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n        <\/svg>\n        +91 98765 43210\n      <\/a>\n      <a href=\"#booking\" class=\"nav-cta\">Book Consultation<\/a>\n    <\/div>\n\n    <!-- Hamburger -->\n    <button class=\"nav-hamburger\" aria-label=\"Toggle menu\" aria-expanded=\"false\" id=\"hamburger\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n  <\/nav>\n\n  <!-- Mobile menu -->\n  <div class=\"nav-mobile\" id=\"mobileMenu\" role=\"dialog\" aria-label=\"Mobile navigation\">\n    <a href=\"#services\">Services<\/a>\n    <a href=\"#about\">About<\/a>\n    <a href=\"#testimonials\">Reviews<\/a>\n    <a href=\"#blog\">Blog<\/a>\n    <a href=\"#faq\">FAQ<\/a>\n    <a href=\"#contact\">Contact<\/a>\n    <a href=\"tel:+919876543210\">\ud83d\udcde +91 98765 43210<\/a>\n    <a href=\"#booking\" class=\"nav-cta-mob\">Book Free Consultation \u2192<\/a>\n  <\/div>\n<\/header>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<main>\n  <section class=\"hero\" aria-labelledby=\"hero-heading\">\n\n    <!-- LEFT COLUMN -->\n    <div class=\"hero-left\">\n\n      <!-- Eyebrow pill -->\n      <div class=\"hero-eyebrow\" role=\"presentation\">\n        <span class=\"hero-eyebrow-dot\" aria-hidden=\"true\"><\/span>\n        <span>Delhi High Court \u00b7 Family Law Specialist<\/span>\n      <\/div>\n\n      <!-- Main heading -->\n      <h1 class=\"hero-heading\" id=\"hero-heading\">\n        <em>Compassionate<\/em><br>\n        Legal Guidance<br>\n        for <em>Family<\/em> Matters\n      <\/h1>\n\n      <!-- Advocate name -->\n      <p class=\"hero-advocate-name\">Adv. Priya Sharma, LLB, LLM<\/p>\n\n      <!-- Description -->\n      <p class=\"hero-desc\">\n        Trusted matrimonial lawyer with 15+ years of experience in divorce, child custody, alimony, and domestic violence cases across Delhi &amp; NCR courts. Your family&#8217;s future deserves the best legal protection.\n      <\/p>\n\n      <!-- Trust badges -->\n      <div class=\"hero-trust\" aria-label=\"Trust indicators\">\n        <div class=\"trust-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <span>Bar Council Registered<\/span>\n        <\/div>\n        <div class=\"trust-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <span>Free First Consultation<\/span>\n        <\/div>\n        <div class=\"trust-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <span>100% Confidential<\/span>\n        <\/div>\n        <div class=\"trust-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <span>Online Consultations<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- CTA Buttons -->\n      <div class=\"hero-ctas\">\n        <!-- Primary CTA -->\n        <a href=\"#booking\" class=\"btn-primary\" aria-label=\"Book a free consultation\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n          <\/svg>\n          Book Free Consultation\n        <\/a>\n\n        <!-- AI Voice CTA -->\n        <button class=\"btn-ai-voice\" onclick=\"window.location.href='#ai-voice'\" aria-label=\"Speak to AI legal assistant\">\n          <div class=\"mic-anim\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"\/>\n              <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"\/>\n              <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"\/>\n              <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"voice-text\">\n            <strong>Speak to AI Assistant<\/strong>\n            <small>Available 24\/7 \u00b7 Instant answers<\/small>\n          <\/div>\n        <\/button>\n      <\/div>\n\n      <!-- Stats -->\n      <div class=\"hero-stats\" role=\"region\" aria-label=\"Practice statistics\">\n        <div class=\"stat-item\">\n          <div class=\"stat-num\"><span class=\"count-num\" data-target=\"850\">850<\/span>+<\/div>\n          <div class=\"stat-label\">Cases<br>Won<\/div>\n        <\/div>\n        <div class=\"stat-item\">\n          <div class=\"stat-num\"><span class=\"count-num\" data-target=\"15\">15<\/span>+<\/div>\n          <div class=\"stat-label\">Years<br>Experience<\/div>\n        <\/div>\n        <div class=\"stat-item\">\n          <div class=\"stat-num\"><span class=\"count-num\" data-target=\"1200\">1200<\/span>+<\/div>\n          <div class=\"stat-label\">Happy<br>Clients<\/div>\n        <\/div>\n        <div class=\"stat-item\">\n          <div class=\"stat-num\"><span class=\"count-num\" data-target=\"8\">8<\/span><\/div>\n          <div class=\"stat-label\">Courts<br>Covered<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/hero-left -->\n\n    <!-- RIGHT COLUMN -->\n    <div class=\"hero-right\">\n      <div class=\"hero-bg-letter\" aria-hidden=\"true\">P<\/div>\n\n      <!-- Floating: Bar Registration card -->\n      <div class=\"hero-card-bar-reg\" aria-label=\"Bar Council registration info\">\n        <div class=\"card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/>\n            <path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/>\n            <line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/>\n            <line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"card-text\">\n          <strong>Bar Council of Delhi<\/strong>\n          <span>Reg. No. D\/1247\/2009<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Floating: Available now -->\n      <div class=\"hero-card-available\" aria-label=\"Currently available\">\n        <span class=\"avail-dot\" aria-hidden=\"true\"><\/span>\n        <span>Available for Consultation<\/span>\n      <\/div>\n\n      <!-- Lawyer image -->\n      <div class=\"hero-lawyer-img\">\n        <img fetchpriority=\"high\"\n          src=\"https:\/\/picsum.photos\/seed\/professional-woman-suit\/420\/560\"\n          alt=\"Advocate Priya Sharma \u2013 Matrimonial Lawyer\"\n          width=\"420\" height=\"560\"\n          loading=\"eager\"\n          decoding=\"async\"\n        >\n        <!-- Gradient name overlay -->\n        <div class=\"hero-lawyer-namecard\">\n          <h3>Adv. Priya Sharma<\/h3>\n          <p>Senior Advocate \u00b7 Matrimonial &amp; Family Law \u00b7 Delhi<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/hero-right -->\n\n  <\/section>\n<\/main>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     STATS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"stats-section\" aria-labelledby=\"stats-heading\">\n\n  <!-- Top marquee trust strip -->\n  <div class=\"stats-trust-strip\" aria-hidden=\"true\">\n    <div class=\"strip-track\">\n      <span>Delhi High Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Tis Hazari District Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Saket Family Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Dwarka Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Rohini Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Karkardooma Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Patiala House Courts<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Supreme Court of India<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <!-- duplicate for seamless loop -->\n      <span>Delhi High Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Tis Hazari District Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Saket Family Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Dwarka Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Rohini Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Karkardooma Court<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Patiala House Courts<\/span><span class=\"strip-dot\">\u2726<\/span>\n      <span>Supreme Court of India<\/span><span class=\"strip-dot\">\u2726<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- Main stats grid -->\n  <div class=\"stats-inner\">\n\n    <!-- Section label -->\n    <div class=\"stats-header\">\n      <span class=\"section-eyebrow\">By The Numbers<\/span>\n      <h2 class=\"section-heading\" id=\"stats-heading\">\n        A Record Built on <em>Trust &amp; Results<\/em>\n      <\/h2>\n      <p class=\"section-sub\">\n        15 years of dedicated practice in matrimonial and family law across Delhi NCR courts.\n      <\/p>\n    <\/div>\n\n    <!-- 4 Big Stat Cards -->\n    <div class=\"stats-grid\" role=\"list\">\n\n      <article class=\"stat-card\" data-wm=\"01\" role=\"listitem\">\n        <div class=\"stat-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"stat-card-body\">\n          <div class=\"stat-card-num\">\n            <span class=\"stat-big\" data-target=\"1200\" data-suffix=\"+\">1200+<\/span>\n          <\/div>\n          <div class=\"stat-card-label\">Clients Served<\/div>\n          <div class=\"stat-card-detail\">Across Delhi, Gurugram, Noida &amp; Faridabad<\/div>\n        <\/div>\n        <div class=\"stat-card-bar\" style=\"width:92%\" aria-hidden=\"true\"><\/div>\n      <\/article>\n\n      <article class=\"stat-card stat-card--accent\" data-wm=\"02\" role=\"listitem\">\n        <div class=\"stat-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"stat-card-body\">\n          <div class=\"stat-card-num\">\n            <span class=\"stat-big\" data-target=\"850\" data-suffix=\"+\">850+<\/span>\n          <\/div>\n          <div class=\"stat-card-label\">Cases Successfully Resolved<\/div>\n          <div class=\"stat-card-detail\">Divorce, custody, alimony &amp; domestic violence<\/div>\n        <\/div>\n        <div class=\"stat-card-bar stat-card-bar--accent\" style=\"width:84%\" aria-hidden=\"true\"><\/div>\n      <\/article>\n\n      <article class=\"stat-card\" role=\"listitem\">\n        <div class=\"stat-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <polyline points=\"12 6 12 12 16 14\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"stat-card-body\">\n          <div class=\"stat-card-num\">\n            <span class=\"stat-big\" data-target=\"15\" data-suffix=\"+\">15+<\/span>\n          <\/div>\n          <div class=\"stat-card-label\">Years of Experience<\/div>\n          <div class=\"stat-card-detail\">Practising since 2009 \u00b7 LLB + LLM qualified<\/div>\n        <\/div>\n        <div class=\"stat-card-bar\" style=\"width:76%\" aria-hidden=\"true\"><\/div>\n      <\/article>\n\n      <article class=\"stat-card\" role=\"listitem\">\n        <div class=\"stat-card-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n            <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"stat-card-body\">\n          <div class=\"stat-card-num\">\n            <span class=\"stat-big\" data-target=\"8\" data-suffix=\"\">8<\/span>\n          <\/div>\n          <div class=\"stat-card-label\">Courts Covered<\/div>\n          <div class=\"stat-card-detail\">Including High Court &amp; Supreme Court of India<\/div>\n        <\/div>\n        <div class=\"stat-card-bar\" style=\"width:60%\" aria-hidden=\"true\"><\/div>\n      <\/article>\n\n    <\/div><!-- \/stats-grid -->\n\n    <!-- Bottom strip: practice focus pills -->\n    <div class=\"stats-pills\" aria-label=\"Practice specialisations\">\n      <div class=\"pill-label\">Specialises in:<\/div>\n      <div class=\"pills-row\" role=\"list\">\n        <span class=\"pill\" role=\"listitem\">Divorce<\/span>\n        <span class=\"pill\" role=\"listitem\">Child Custody<\/span>\n        <span class=\"pill\" role=\"listitem\">Alimony &amp; Maintenance<\/span>\n        <span class=\"pill\" role=\"listitem\">Domestic Violence<\/span>\n        <span class=\"pill pill--gold\" role=\"listitem\">NRI Matrimonial<\/span>\n        <span class=\"pill\" role=\"listitem\">Marriage Registration<\/span>\n        <span class=\"pill\" role=\"listitem\">Property Division<\/span>\n        <span class=\"pill\" role=\"listitem\">Annulment<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- \/stats-inner -->\n\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ABOUT SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"about-section\" id=\"about\" aria-labelledby=\"about-heading\">\n  <div class=\"about-inner\">\n\n    <!-- LEFT: Photo column -->\n    <div class=\"about-photo-col\">\n      <div class=\"about-photo-wrap\">\n\n        <!-- Decorative block is ::before pseudo -->\n\n        <!-- Main photo frame -->\n        <div class=\"about-photo-frame\">\n          <img\n            src=\"https:\/\/picsum.photos\/seed\/professional-woman-lawyer-suit\/400\/533\"\n            alt=\"Advocate Priya Sharma \u2013 Senior Matrimonial Lawyer, Delhi\"\n            width=\"400\" height=\"533\"\n            loading=\"lazy\" decoding=\"async\"\n          >\n        <\/div>\n\n        <!-- Experience badge (bottom-left overlap) -->\n        <div class=\"about-badge-exp\" aria-label=\"15 plus years of experience\">\n          <span class=\"badge-num\">15<sup style=\"font-size:1.5rem\">+<\/sup><\/span>\n          <span class=\"badge-text\">Years of<br>Experience<\/span>\n        <\/div>\n\n        <!-- Bar Council (top-right overlap) -->\n        <div class=\"about-badge-bar\" aria-label=\"Bar Council of Delhi registered\">\n          <div class=\"bar-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\n              <path d=\"M6 20v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"bar-text\">\n            <strong>Bar Council, Delhi<\/strong>\n            <span>Reg. No. D\/1247\/2009<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Award badge (mid-right overlap) -->\n        <div class=\"about-badge-award\" aria-label=\"Best Matrimonial Lawyer Award 2023\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n          <\/svg>\n          <span>Best Matrimonial Lawyer 2023<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div><!-- \/about-photo-col -->\n\n    <!-- RIGHT: Content column -->\n    <div class=\"about-content-col\">\n\n      <div>\n        <p class=\"section-eyebrow\">Meet Your Advocate<\/p>\n        <h2 class=\"about-name\" id=\"about-heading\">Adv. Priya Sharma<\/h2>\n        <p class=\"about-designation\">LLB (Delhi University) &nbsp;\u00b7&nbsp; LLM (Family Law) &nbsp;\u00b7&nbsp; Senior Advocate, Delhi High Court<\/p>\n      <\/div>\n\n      <div class=\"about-bio\">\n        <p>\n          With over 15 years of dedicated practice in matrimonial and family law, Adv. Priya Sharma has established herself as one of Delhi&#8217;s most trusted advocates for sensitive family matters. She brings both legal expertise and deep empathy to every case, understanding that behind every file is a family going through one of life&#8217;s most difficult phases.\n        <\/p>\n        <p>\n          Adv. Sharma has successfully handled 850+ cases including contested divorces, mutual consent divorces, child custody battles, alimony disputes, and domestic violence matters across Delhi&#8217;s district courts, the Delhi High Court, and the Supreme Court of India.\n        <\/p>\n      <\/div>\n\n      <!-- Qualifications -->\n      <div class=\"about-quals\">\n        <div class=\"qual-item\">\n          <div class=\"qual-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <span><strong>LLB<\/strong> \u2014 Faculty of Law, Delhi University (2007)<\/span>\n        <\/div>\n        <div class=\"qual-item\">\n          <div class=\"qual-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <span><strong>LLM<\/strong> \u2014 Family &amp; Matrimonial Law, Amity University (2009)<\/span>\n        <\/div>\n        <div class=\"qual-item\">\n          <div class=\"qual-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <span>Enrolled with <strong>Bar Council of Delhi<\/strong> since 2009 (Reg. D\/1247\/2009)<\/span>\n        <\/div>\n        <div class=\"qual-item\">\n          <div class=\"qual-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <span>Empanelled with <strong>Delhi Legal Services Authority (DLSA)<\/strong><\/span>\n        <\/div>\n        <div class=\"qual-item\">\n          <div class=\"qual-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <span>Fluent in <strong>Hindi, English &amp; Punjabi<\/strong> \u2014 consultations in your language<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"about-divider\" aria-hidden=\"true\"><\/div>\n\n      <!-- Specialisations -->\n      <div>\n        <p class=\"about-spec-label\">Core Practice Areas<\/p>\n        <div class=\"about-spec-tags\" role=\"list\">\n          <span class=\"spec-tag\" role=\"listitem\">Divorce Law<\/span>\n          <span class=\"spec-tag\" role=\"listitem\">Child Custody<\/span>\n          <span class=\"spec-tag\" role=\"listitem\">Alimony &amp; Maintenance<\/span>\n          <span class=\"spec-tag\" role=\"listitem\">Domestic Violence<\/span>\n          <span class=\"spec-tag\" role=\"listitem\">NRI Matrimonial<\/span>\n          <span class=\"spec-tag\" role=\"listitem\">Marriage Registration<\/span>\n          <span class=\"spec-tag\" role=\"listitem\">Judicial Separation<\/span>\n          <span class=\"spec-tag\" role=\"listitem\">Annulment<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- CTA row -->\n      <div class=\"about-ctas\">\n        <a href=\"#booking\" class=\"btn-primary\" aria-label=\"Book a free consultation with Adv. Priya Sharma\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n          <\/svg>\n          Book Free Consultation\n        <\/a>\n        <a href=\"tel:+919876543210\" class=\"about-phone-link\" aria-label=\"Call Adv. Priya Sharma\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.49 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.4 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9a16 16 0 0 0 6 6l1.79-1.79a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n          <\/svg>\n          +91 98765 43210\n        <\/a>\n      <\/div>\n\n      <!-- Memberships strip -->\n      <div class=\"about-memberships\" role=\"region\" aria-label=\"Professional memberships\">\n        <span class=\"membership-label\">Member of<\/span>\n        <span class=\"membership-item\">Bar Council of Delhi<\/span>\n        <span class=\"membership-item\">Delhi High Court Bar Association<\/span>\n        <span class=\"membership-item\">Delhi Legal Services Authority<\/span>\n        <span class=\"membership-item\">Supreme Court Bar Association<\/span>\n      <\/div>\n\n    <\/div><!-- \/about-content-col -->\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SERVICES SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"services-section\" id=\"services\" aria-labelledby=\"services-heading\">\n  <div class=\"services-inner\">\n\n    <!-- Header -->\n    <div class=\"services-header\">\n      <div class=\"services-header-left\">\n        <span class=\"section-eyebrow\">Practice Areas<\/span>\n        <h2 class=\"section-heading\" id=\"services-heading\">\n          Legal Services for Every<br><em>Family Situation<\/em>\n        <\/h2>\n        <p class=\"section-sub\">\n          Comprehensive matrimonial law services across Delhi &amp; NCR. From divorce to child custody \u2014 handled with expertise and sensitivity.\n        <\/p>\n      <\/div>\n      <div class=\"services-header-right\">\n        <div class=\"free-badge\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <polyline points=\"12 6 12 12 16 14\"\/>\n          <\/svg>\n          Free First Consultation\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Services Grid -->\n    <div class=\"services-grid\" role=\"list\">\n\n      <!-- FEATURED: Divorce (tall card, left col rows 1-2) -->\n      <article class=\"service-card service-card--featured\" data-num=\"01\" role=\"listitem\">\n        <div class=\"svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <span class=\"svc-badge\">Most Sought<\/span>\n        <\/div>\n        <h3 class=\"svc-title\">Divorce &amp; Separation<\/h3>\n        <p class=\"svc-desc\">Expert legal representation for both contested &amp; mutual consent divorce. We guide you through the entire process \u2014 from filing to final decree \u2014 with complete confidentiality.<\/p>\n        <ul class=\"svc-details\">\n          <li>Contested Divorce (Hindu, Muslim, Christian, Parsi)<\/li>\n          <li>Mutual Consent Divorce \u2014 fast-tracked<\/li>\n          <li>Judicial Separation<\/li>\n          <li>Void &amp; Voidable Marriage (Annulment)<\/li>\n          <li>Restitution of Conjugal Rights<\/li>\n          <li>Online \/ Video consultation available<\/li>\n        <\/ul>\n        <a href=\"#booking\" class=\"svc-link\" aria-label=\"Enquire about divorce legal services\">\n          Free Consultation\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- Child Custody -->\n      <article class=\"service-card\" data-num=\"02\" role=\"listitem\">\n        <div class=\"svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <span class=\"svc-badge\">High Priority<\/span>\n        <\/div>\n        <h3 class=\"svc-title\">Child Custody &amp; Guardianship<\/h3>\n        <p class=\"svc-desc\">Protecting your child&#8217;s best interests in custody, visitation rights, and guardianship cases across family courts.<\/p>\n        <a href=\"#booking\" class=\"svc-link\">\n          Enquire Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- Alimony -->\n      <article class=\"service-card\" data-num=\"03\" role=\"listitem\">\n        <div class=\"svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n          <\/svg>\n        <\/div>\n        <div><span class=\"svc-badge\">Financial Relief<\/span><\/div>\n        <h3 class=\"svc-title\">Alimony &amp; Maintenance<\/h3>\n        <p class=\"svc-desc\">Ensuring fair financial support \u2014 interim and permanent maintenance, enforcement of maintenance orders.<\/p>\n        <a href=\"#booking\" class=\"svc-link\">\n          Enquire Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- NRI Matrimonial (wide card) -->\n      <article class=\"service-card service-card--wide service-card--gold\" data-num=\"04\" role=\"listitem\">\n        <div class=\"svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n            <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"svc-body\">\n          <span class=\"svc-badge\">Specialist Service<\/span>\n          <h3 class=\"svc-title\">NRI Matrimonial Cases<\/h3>\n          <p class=\"svc-desc\">Specialised legal help for Non-Resident Indians dealing with divorce, custody or maintenance disputes across jurisdictions \u2014 USA, UK, Canada, UAE, Australia. Virtual consultations available globally.<\/p>\n          <a href=\"#booking\" class=\"svc-link\" style=\"margin-top:0.5rem\">\n            Book Virtual Consultation <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Domestic Violence -->\n      <article class=\"service-card\" data-num=\"05\" role=\"listitem\">\n        <div class=\"svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n          <\/svg>\n        <\/div>\n        <div><span class=\"svc-badge\">Urgent Relief<\/span><\/div>\n        <h3 class=\"svc-title\">Domestic Violence &amp; Protection Orders<\/h3>\n        <p class=\"svc-desc\">Immediate legal protection under the Protection of Women from Domestic Violence Act, 2005.<\/p>\n        <a href=\"#booking\" class=\"svc-link\">\n          Enquire Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- Marriage Registration -->\n      <article class=\"service-card\" data-num=\"06\" role=\"listitem\">\n        <div class=\"svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n            <polyline points=\"14 2 14 8 20 8\"\/>\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n            <polyline points=\"10 9 9 9 8 9\"\/>\n          <\/svg>\n        <\/div>\n        <div><span class=\"svc-badge\">Documentation<\/span><\/div>\n        <h3 class=\"svc-title\">Marriage Registration &amp; Certificates<\/h3>\n        <p class=\"svc-desc\">Court marriage, marriage registration under Special Marriage Act, Hindu Marriage Act, and certificate attestation.<\/p>\n        <a href=\"#booking\" class=\"svc-link\">\n          Enquire Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- Property Division -->\n      <article class=\"service-card\" data-num=\"07\" role=\"listitem\">\n        <div class=\"svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n            <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n          <\/svg>\n        <\/div>\n        <div><span class=\"svc-badge\">Asset Protection<\/span><\/div>\n        <h3 class=\"svc-title\">Matrimonial Property Division<\/h3>\n        <p class=\"svc-desc\">Fair division of marital assets, streedhan recovery, and property dispute resolution between spouses.<\/p>\n        <a href=\"#booking\" class=\"svc-link\">\n          Enquire Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- Dowry \/ 498A -->\n      <article class=\"service-card\" data-num=\"08\" role=\"listitem\">\n        <div class=\"svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/>\n          <\/svg>\n        <\/div>\n        <div><span class=\"svc-badge\">Criminal Relief<\/span><\/div>\n        <h3 class=\"svc-title\">Dowry &amp; IPC 498-A Cases<\/h3>\n        <p class=\"svc-desc\">Defence and prosecution in dowry harassment, IPC 498-A, and cruelty cases. Bail applications &amp; anticipatory bail.<\/p>\n        <a href=\"#booking\" class=\"svc-link\">\n          Enquire Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/article>\n\n    <\/div><!-- \/services-grid -->\n\n    <!-- Bottom CTA strip -->\n    <div class=\"services-cta-strip\">\n      <div class=\"services-cta-strip-text\">\n        <h3>Not sure which service applies to your situation?<\/h3>\n        <p>Call us or book a free 30-minute consultation \u2014 we&#8217;ll guide you to the right course of action, with complete confidentiality guaranteed.<\/p>\n      <\/div>\n      <div class=\"services-cta-strip-actions\">\n        <a href=\"#booking\" class=\"btn-primary\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" style=\"width:15px;height:15px\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n          <\/svg>\n          Book Free Consultation\n        <\/a>\n        <a href=\"tel:+919876543210\" class=\"btn-secondary\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" style=\"width:15px;height:15px\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.49 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.4 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9a16 16 0 0 0 6 6l1.79-1.79a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n          <\/svg>\n          Call Now\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     TESTIMONIALS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"testimonials-section\" id=\"testimonials\" aria-labelledby=\"testi-heading\">\n  <div class=\"testimonials-inner\">\n\n    <!-- Header row -->\n    <div class=\"testimonials-top\">\n      <div>\n        <span class=\"section-eyebrow\">Client Reviews<\/span>\n        <h2 class=\"section-heading\" id=\"testi-heading\">\n          Trusted by Hundreds<br><em>Across Delhi &amp; NCR<\/em>\n        <\/h2>\n        <p class=\"section-sub\">Real experiences from clients who navigated some of life&#8217;s most difficult moments \u2014 with the right legal support.<\/p>\n      <\/div>\n      <div class=\"testimonials-top-right\">\n        <button class=\"testi-scroll-btn\" id=\"testi-prev\" aria-label=\"Previous testimonial\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\n        <\/button>\n        <button class=\"testi-scroll-btn\" id=\"testi-next\" aria-label=\"Next testimonial\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Rating Banner -->\n    <div class=\"testi-rating-banner\" role=\"region\" aria-label=\"Overall client ratings\">\n      <div class=\"testi-rating-main\">\n        <span class=\"testi-rating-score\" aria-label=\"4.9 out of 5\">4.9<\/span>\n        <div class=\"testi-rating-stars\">\n          <div class=\"stars-row\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <span class=\"testi-rating-label\">Overall Rating<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"testi-rating-divider\" aria-hidden=\"true\"><\/div>\n      <div class=\"testi-platform-row\">\n        <div class=\"testi-platform\">\n          <span class=\"testi-platform-name\">Google<\/span>\n          <span class=\"testi-platform-val\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg> 4.9 \u00b7 134 reviews<\/span>\n        <\/div>\n        <div class=\"testi-platform\">\n          <span class=\"testi-platform-name\">Justdial<\/span>\n          <span class=\"testi-platform-val\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg> 4.8 \u00b7 89 reviews<\/span>\n        <\/div>\n        <div class=\"testi-platform\">\n          <span class=\"testi-platform-name\">Lawrato<\/span>\n          <span class=\"testi-platform-val\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg> 5.0 \u00b7 47 reviews<\/span>\n        <\/div>\n        <div class=\"testi-platform\">\n          <span class=\"testi-platform-name\">Cases Won<\/span>\n          <span class=\"testi-platform-val\" style=\"color:#fff;font-size:var(--text-sm);font-weight:700\">1,200+<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Scrollable Card Track -->\n    <div class=\"testi-track-wrapper\">\n      <div class=\"testi-track\" id=\"testiTrack\" role=\"list\">\n\n        <!-- Card 1 \u2014 Featured -->\n        <article class=\"testi-card testi-card--featured\" role=\"listitem\">\n          <div class=\"testi-stars\" aria-label=\"5 out of 5 stars\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <span class=\"testi-tag\">Mutual Consent Divorce<\/span>\n          <p class=\"testi-text\">&#8220;When my marriage fell apart after 8 years, I was completely lost. Adv. Sharma explained every option clearly, never made me feel judged, and got our mutual consent divorce finalised in just 6 months. I could not have asked for more professional and compassionate support.&#8221;<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-avatar\" aria-hidden=\"true\">A<\/div>\n            <div class=\"testi-author-info\">\n              <div class=\"testi-author-name\">Anjali R.<\/div>\n              <div class=\"testi-author-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                South Delhi \u00b7 Verified Client\n              <\/div>\n            <\/div>\n            <span class=\"testi-platform-badge\">Google<\/span>\n          <\/div>\n        <\/article>\n\n        <!-- Card 2 -->\n        <article class=\"testi-card\" role=\"listitem\">\n          <div class=\"testi-stars\" aria-label=\"5 out of 5 stars\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <span class=\"testi-tag\">Child Custody<\/span>\n          <p class=\"testi-text\">&#8220;I was terrified of losing custody of my daughter. Adv. Priya built a rock-solid case, was always reachable, and secured full custody for me. She&#8217;s genuinely one of the best matrimonial lawyers in Delhi.&#8221;<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-avatar\" aria-hidden=\"true\">R<\/div>\n            <div class=\"testi-author-info\">\n              <div class=\"testi-author-name\">Rahul M.<\/div>\n              <div class=\"testi-author-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                Dwarka, Delhi \u00b7 Verified Client\n              <\/div>\n            <\/div>\n            <span class=\"testi-platform-badge\">Google<\/span>\n          <\/div>\n        <\/article>\n\n        <!-- Card 3 -->\n        <article class=\"testi-card\" role=\"listitem\">\n          <div class=\"testi-stars\" aria-label=\"5 out of 5 stars\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <span class=\"testi-tag\">NRI Divorce \u00b7 USA<\/span>\n          <p class=\"testi-text\">&#8220;Living in California, I needed a lawyer who understood cross-border jurisdiction for my divorce case in India. Adv. Sharma handled everything over video calls. Professional, clear, and delivered exactly what she promised.&#8221;<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-avatar\" aria-hidden=\"true\">S<\/div>\n            <div class=\"testi-author-info\">\n              <div class=\"testi-author-name\">Sunita K.<\/div>\n              <div class=\"testi-author-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                San Jose, USA \u00b7 Verified Client\n              <\/div>\n            <\/div>\n            <span class=\"testi-platform-badge\">Lawrato<\/span>\n          <\/div>\n        <\/article>\n\n        <!-- Card 4 -->\n        <article class=\"testi-card\" role=\"listitem\">\n          <div class=\"testi-stars\" aria-label=\"5 out of 5 stars\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <span class=\"testi-tag\">Domestic Violence<\/span>\n          <p class=\"testi-text\">&#8220;I came to her office in tears with nothing but my children. Within 48 hours she had filed the Protection Order and I felt safe for the first time in years. She is not just a lawyer \u2014 she is a lifeline.&#8221;<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-avatar\" aria-hidden=\"true\">P<\/div>\n            <div class=\"testi-author-info\">\n              <div class=\"testi-author-name\">Preet K. <span style=\"font-size:0.65rem;font-weight:400;color:var(--text-muted)\">(name changed for privacy)<\/span><\/div>\n              <div class=\"testi-author-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                Rohini, Delhi \u00b7 Verified Client\n              <\/div>\n            <\/div>\n            <span class=\"testi-platform-badge\">Justdial<\/span>\n          <\/div>\n        <\/article>\n\n        <!-- Card 5 -->\n        <article class=\"testi-card\" role=\"listitem\">\n          <div class=\"testi-stars\" aria-label=\"5 out of 5 stars\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <span class=\"testi-tag\">Alimony &amp; Maintenance<\/span>\n          <p class=\"testi-text\">&#8220;Adv. Priya fought hard and secured a fair maintenance amount for me and my two kids. She was always transparent about the process, fees, and what to expect. Highly recommended to any woman going through this.&#8221;<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-avatar\" aria-hidden=\"true\">N<\/div>\n            <div class=\"testi-author-info\">\n              <div class=\"testi-author-name\">Neha B.<\/div>\n              <div class=\"testi-author-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                Gurugram \u00b7 Verified Client\n              <\/div>\n            <\/div>\n            <span class=\"testi-platform-badge\">Google<\/span>\n          <\/div>\n        <\/article>\n\n        <!-- Card 6 -->\n        <article class=\"testi-card\" role=\"listitem\">\n          <div class=\"testi-stars\" aria-label=\"4 out of 5 stars\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\" style=\"width:14px;height:14px;color:var(--rose-gold)\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <span class=\"testi-tag\">Contested Divorce<\/span>\n          <p class=\"testi-text\">&#8220;A long and emotionally draining case that lasted 2 years \u2014 but Adv. Sharma never gave up. She was honest about the challenges, kept me grounded, and we won. Would recommend her without hesitation.&#8221;<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-avatar\" aria-hidden=\"true\">V<\/div>\n            <div class=\"testi-author-info\">\n              <div class=\"testi-author-name\">Vikram S.<\/div>\n              <div class=\"testi-author-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                Noida \u00b7 Verified Client\n              <\/div>\n            <\/div>\n            <span class=\"testi-platform-badge\">Justdial<\/span>\n          <\/div>\n        <\/article>\n\n        <!-- Card 7 -->\n        <article class=\"testi-card\" role=\"listitem\">\n          <div class=\"testi-stars\" aria-label=\"5 out of 5 stars\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <span class=\"testi-tag\">NRI Divorce \u00b7 UAE<\/span>\n          <p class=\"testi-text\">&#8220;I was based in Dubai and my spouse had filed a case in Delhi family court. Adv. Priya handled my representation entirely through video calls and WhatsApp. Resolved within 7 months. Exceptional service.&#8221;<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-avatar\" aria-hidden=\"true\">F<\/div>\n            <div class=\"testi-author-info\">\n              <div class=\"testi-author-name\">Farrukh A.<\/div>\n              <div class=\"testi-author-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                Dubai, UAE \u00b7 Verified Client\n              <\/div>\n            <\/div>\n            <span class=\"testi-platform-badge\">Lawrato<\/span>\n          <\/div>\n        <\/article>\n\n      <\/div><!-- \/testi-track -->\n    <\/div><!-- \/testi-track-wrapper -->\n\n    <!-- Scroll dots -->\n    <div class=\"testi-dots\" role=\"tablist\" aria-label=\"Testimonial pages\">\n      <button class=\"testi-dot active\" role=\"tab\" aria-selected=\"true\" aria-label=\"Page 1\" data-idx=\"0\"><\/button>\n      <button class=\"testi-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Page 2\" data-idx=\"1\"><\/button>\n      <button class=\"testi-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Page 3\" data-idx=\"2\"><\/button>\n      <button class=\"testi-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Page 4\" data-idx=\"3\"><\/button>\n    <\/div>\n\n    <!-- Trust strip -->\n    <div class=\"testi-trust-strip\" role=\"list\" aria-label=\"Trust statistics\">\n      <div class=\"trust-item\" role=\"listitem\">\n        <span class=\"trust-item-val\">1,200+<\/span>\n        <span class=\"trust-item-label\">Cases Handled<\/span>\n      <\/div>\n      <div class=\"trust-divider\" aria-hidden=\"true\"><\/div>\n      <div class=\"trust-item\" role=\"listitem\">\n        <span class=\"trust-item-val\">15+<\/span>\n        <span class=\"trust-item-label\">Years Experience<\/span>\n      <\/div>\n      <div class=\"trust-divider\" aria-hidden=\"true\"><\/div>\n      <div class=\"trust-item\" role=\"listitem\">\n        <span class=\"trust-item-val\">4.9 \u2605<\/span>\n        <span class=\"trust-item-label\">Average Rating<\/span>\n      <\/div>\n      <div class=\"trust-divider\" aria-hidden=\"true\"><\/div>\n      <div class=\"trust-item\" role=\"listitem\">\n        <span class=\"trust-item-val\">270+<\/span>\n        <span class=\"trust-item-label\">Verified Reviews<\/span>\n      <\/div>\n      <div class=\"trust-divider\" aria-hidden=\"true\"><\/div>\n      <div class=\"trust-item\" role=\"listitem\">\n        <span class=\"trust-item-val\">30+<\/span>\n        <span class=\"trust-item-label\">Countries Served<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CONTACT & BOOKING SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"contact-section\" id=\"contact\" aria-labelledby=\"contact-heading\">\n  <div class=\"contact-inner\">\n\n    <!-- Section header -->\n    <div style=\"margin-bottom: clamp(2rem,4vw,3.5rem); max-width: 560px;\">\n      <span class=\"section-eyebrow\">Book a Consultation<\/span>\n      <h2 class=\"section-heading\" id=\"contact-heading\">\n        Reach Out &amp; Get <em>Legal Clarity<\/em> Today\n      <\/h2>\n      <p class=\"section-sub\">\n        Book a free 30-minute consultation \u2014 in person, by phone, or via video call. Strict confidentiality guaranteed on every matter.\n      <\/p>\n    <\/div>\n\n    <!-- Two-column grid -->\n    <div class=\"contact-grid\">\n\n      <!-- LEFT: Contact info -->\n      <div class=\"contact-info\">\n\n        <!-- Highlight card -->\n        <div class=\"contact-highlight-card\">\n          <h3>Free <em>First Consultation<\/em><br>\u2014 Always<\/h3>\n          <p>Your first 30-minute session is completely free of charge. Come with your questions, documents, and concerns. We&#8217;ll give you honest, clear legal advice \u2014 no strings attached.<\/p>\n          <div class=\"contact-free-badge\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            No fees \u00b7 No obligation \u00b7 Full privacy\n          <\/div>\n        <\/div>\n\n        <!-- Contact detail items -->\n        <div class=\"contact-details\">\n\n          <a href=\"tel:+919876543210\" class=\"contact-detail-item\" aria-label=\"Call us at +91 98765 43210\">\n            <div class=\"contact-detail-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.49 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.4 1.27h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 9a16 16 0 0 0 6 6l1.79-1.79a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n            <\/div>\n            <div class=\"contact-detail-body\">\n              <div class=\"contact-detail-label\">Phone \/ WhatsApp<\/div>\n              <div class=\"contact-detail-value\">+91 98765 43210<\/div>\n              <div class=\"contact-detail-sub\">Available Mon\u2013Sat, 10 AM \u2013 7 PM<\/div>\n            <\/div>\n            <svg class=\"contact-detail-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n\n          <a href=\"mailto:adv.priyasharma@email.com\" class=\"contact-detail-item\" aria-label=\"Email adv.priyasharma@email.com\">\n            <div class=\"contact-detail-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n            <\/div>\n            <div class=\"contact-detail-body\">\n              <div class=\"contact-detail-label\">Email<\/div>\n              <div class=\"contact-detail-value\">adv.priyasharma@email.com<\/div>\n              <div class=\"contact-detail-sub\">Reply within 4 business hours<\/div>\n            <\/div>\n            <svg class=\"contact-detail-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n\n          <div class=\"contact-detail-item\" style=\"cursor:default;\">\n            <div class=\"contact-detail-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n            <\/div>\n            <div class=\"contact-detail-body\">\n              <div class=\"contact-detail-label\">Chamber Address<\/div>\n              <div class=\"contact-detail-value\">Chamber No. 214, Patiala House Courts Complex<\/div>\n              <div class=\"contact-detail-sub\">New Delhi \u2013 110001 \u00b7 Near India Gate<\/div>\n            <\/div>\n          <\/div>\n\n          <a href=\"https:\/\/wa.me\/919876543210?text=Hello%20Adv.%20Priya,%20I%20need%20legal%20advice\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-detail-item\" aria-label=\"Chat on WhatsApp\">\n            <div class=\"contact-detail-icon\" style=\"background:#dcfce7;\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#16a34a\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\n            <\/div>\n            <div class=\"contact-detail-body\">\n              <div class=\"contact-detail-label\">WhatsApp<\/div>\n              <div class=\"contact-detail-value\">Chat instantly on WhatsApp<\/div>\n              <div class=\"contact-detail-sub\">Usually replies in under 30 minutes<\/div>\n            <\/div>\n            <svg class=\"contact-detail-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n\n        <\/div><!-- \/contact-details -->\n\n        <!-- Office hours -->\n        <div class=\"office-hours\">\n          <h4>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n            Office Hours\n          <\/h4>\n          <div class=\"hours-grid\">\n            <span class=\"hours-day\">Monday \u2013 Friday<\/span>\n            <span class=\"hours-time\">10:00 AM \u2013 7:00 PM<\/span>\n            <span class=\"hours-day\">Saturday<\/span>\n            <span class=\"hours-time\">10:00 AM \u2013 4:00 PM<\/span>\n            <div class=\"hours-divider\"><\/div>\n            <span class=\"hours-day\">Sunday<\/span>\n            <span class=\"hours-time hours-closed\">By appointment only<\/span>\n            <span class=\"hours-day\">Public Holidays<\/span>\n            <span class=\"hours-time hours-closed\">Closed<\/span>\n          <\/div>\n          <div class=\"emergency-note\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n            <span>For <strong>urgent matters<\/strong> (domestic violence, bail applications), call anytime \u2014 we respond 24\u00d77.<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/contact-info -->\n\n      <!-- RIGHT: Booking form -->\n      <div class=\"booking-form-card\" id=\"booking\">\n        <div class=\"form-header\">\n          <span class=\"form-header-eyebrow\">Free Consultation<\/span>\n          <h3>Book Your <em>30-Min Session<\/em><\/h3>\n          <p>Fill in your details below and we&#8217;ll confirm your appointment within 2 hours.<\/p>\n        <\/div>\n\n        <!-- Form -->\n        <form id=\"bookingForm\" novalidate>\n\n          <!-- Name row -->\n          <div class=\"form-row\">\n            <div class=\"form-group half\">\n              <label class=\"form-label\" for=\"fname\">First Name <span class=\"required\">*<\/span><\/label>\n              <input class=\"form-input\" type=\"text\" id=\"fname\" name=\"fname\" placeholder=\"Rahul\" required autocomplete=\"given-name\">\n            <\/div>\n            <div class=\"form-group half\">\n              <label class=\"form-label\" for=\"lname\">Last Name <span class=\"required\">*<\/span><\/label>\n              <input class=\"form-input\" type=\"text\" id=\"lname\" name=\"lname\" placeholder=\"Sharma\" required autocomplete=\"family-name\">\n            <\/div>\n          <\/div>\n\n          <!-- Phone + Email -->\n          <div class=\"form-row\">\n            <div class=\"form-group half\">\n              <label class=\"form-label\" for=\"phone\">Phone \/ WhatsApp <span class=\"required\">*<\/span><\/label>\n              <input class=\"form-input\" type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+91 98765 43210\" required autocomplete=\"tel\">\n            <\/div>\n            <div class=\"form-group half\">\n              <label class=\"form-label\" for=\"email\">Email Address<\/label>\n              <input class=\"form-input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"you@email.com\" autocomplete=\"email\">\n            <\/div>\n          <\/div>\n\n          <!-- Service -->\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"service\">Type of Matter <span class=\"required\">*<\/span><\/label>\n            <select class=\"form-select\" id=\"service\" name=\"service\" required>\n              <option value=\"\" disabled selected>Select your legal matter\u2026<\/option>\n              <option>Divorce \u2013 Mutual Consent<\/option>\n              <option>Divorce \u2013 Contested<\/option>\n              <option>Child Custody &amp; Guardianship<\/option>\n              <option>Alimony &amp; Maintenance<\/option>\n              <option>Domestic Violence &amp; Protection<\/option>\n              <option>NRI Matrimonial Case<\/option>\n              <option>Dowry \/ IPC 498-A<\/option>\n              <option>Marriage Registration<\/option>\n              <option>Property Division<\/option>\n              <option>Other Legal Matter<\/option>\n            <\/select>\n          <\/div>\n\n          <!-- Consultation mode -->\n          <div class=\"form-group\">\n            <label class=\"form-label\">Preferred Consultation Mode<\/label>\n            <div class=\"mode-selector\" role=\"group\" aria-label=\"Consultation mode\">\n              <button type=\"button\" class=\"mode-btn active\" data-mode=\"in-person\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                In-Person Visit\n              <\/button>\n              <button type=\"button\" class=\"mode-btn\" data-mode=\"video\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg>\n                Video Call\n              <\/button>\n              <button type=\"button\" class=\"mode-btn\" data-mode=\"phone\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.49 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.4 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9a16 16 0 0 0 6 6l1.79-1.79a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n                Phone Call\n              <\/button>\n              <button type=\"button\" class=\"mode-btn\" data-mode=\"whatsapp\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\n                WhatsApp\n              <\/button>\n            <\/div>\n            <input type=\"hidden\" id=\"modeInput\" name=\"mode\" value=\"in-person\">\n          <\/div>\n\n          <!-- Date preference -->\n          <div class=\"form-row\">\n            <div class=\"form-group half\">\n              <label class=\"form-label\" for=\"prefDate\">Preferred Date<\/label>\n              <input class=\"form-input\" type=\"date\" id=\"prefDate\" name=\"prefDate\" min=\"\">\n            <\/div>\n            <div class=\"form-group half\">\n              <label class=\"form-label\" for=\"prefTime\">Preferred Time<\/label>\n              <select class=\"form-select\" id=\"prefTime\" name=\"prefTime\">\n                <option value=\"\" disabled selected>Select time\u2026<\/option>\n                <option>10:00 \u2013 11:00 AM<\/option>\n                <option>11:00 AM \u2013 12:00 PM<\/option>\n                <option>12:00 \u2013 1:00 PM<\/option>\n                <option>2:00 \u2013 3:00 PM<\/option>\n                <option>3:00 \u2013 4:00 PM<\/option>\n                <option>4:00 \u2013 5:00 PM<\/option>\n                <option>5:00 \u2013 6:00 PM<\/option>\n                <option>6:00 \u2013 7:00 PM<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <!-- Brief description -->\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"brief\">Brief Description <span style=\"font-size:0.65rem;font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0\">(optional \u2014 treated with full confidentiality)<\/span><\/label>\n            <textarea class=\"form-textarea\" id=\"brief\" name=\"brief\" placeholder=\"Briefly describe your situation so we can prepare\u2026\" rows=\"3\"><\/textarea>\n          <\/div>\n\n          <!-- Submit -->\n          <button type=\"submit\" class=\"form-submit\" id=\"formSubmitBtn\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n            Book Free Consultation\n          <\/button>\n\n          <!-- Privacy -->\n          <div class=\"form-privacy\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            Your information is 100% confidential and protected by advocate-client privilege. We never share any details with third parties.\n          <\/div>\n\n        <\/form>\n\n        <!-- Success state -->\n        <div class=\"form-success\" id=\"formSuccess\" aria-live=\"polite\">\n          <div class=\"success-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <h3>Booking Confirmed!<\/h3>\n          <p>Thank you. We&#8217;ll call you within 2 hours to confirm your consultation time. Check your WhatsApp for a confirmation message.<\/p>\n          <a href=\"#contact\" class=\"btn-primary\" style=\"margin-top:0.5rem;font-size:var(--text-sm)\">\n            Book Another Consultation\n          <\/a>\n        <\/div>\n\n      <\/div><!-- \/booking-form-card -->\n\n    <\/div><!-- \/contact-grid -->\n\n    <!-- Map strip -->\n    <div class=\"contact-map\">\n      <div class=\"map-header\">\n        <h4>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          Find Our Chamber\n        <\/h4>\n        <a href=\"https:\/\/maps.google.com\/?q=Patiala+House+Courts+New+Delhi\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"map-directions-btn\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          Get Directions\n        <\/a>\n      <\/div>\n      <div class=\"map-placeholder\" role=\"img\" aria-label=\"Map showing Patiala House Courts, New Delhi\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n        <p><strong>Patiala House Courts Complex<\/strong><br>Chamber No. 214, New Delhi \u2013 110001<br><span style=\"font-size:0.8rem;margin-top:4px;display:block\">Replace this block with a Google Maps embed iframe for live directions<\/span><\/p>\n      <\/div>\n      <div class=\"map-address-strip\">\n        <div class=\"map-address-item\">\n          <div class=\"map-address-item-label\">Nearest Metro<\/div>\n          <div class=\"map-address-item-val\">Central Secretariat<br><span style=\"font-size:0.75rem;color:var(--text-muted)\">Yellow &amp; Violet Line \u00b7 5 min walk<\/span><\/div>\n        <\/div>\n        <div class=\"map-address-item\">\n          <div class=\"map-address-item-label\">Landmark<\/div>\n          <div class=\"map-address-item-val\">Near India Gate &amp;<br>Rajpath Road<\/div>\n        <\/div>\n        <div class=\"map-address-item\">\n          <div class=\"map-address-item-label\">Parking<\/div>\n          <div class=\"map-address-item-val\">Available inside<br>court complex<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SITE FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<footer class=\"site-footer\" role=\"contentinfo\">\n\n  <!-- Pre-footer CTA strip -->\n  <div class=\"footer-cta-strip\">\n    <div class=\"footer-cta-inner\">\n      <div class=\"footer-cta-text\">\n        <h3>Still Unsure? <em>Talk to Us First<\/em><\/h3>\n        <p>Free 30-minute consultation \u00b7 No commitment \u00b7 Strict confidentiality<\/p>\n      <\/div>\n      <div class=\"footer-cta-actions\">\n        <a href=\"#booking\" class=\"footer-btn-primary\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n          Book Free Consultation\n        <\/a>\n        <a href=\"https:\/\/wa.me\/919876543210?text=Hello%20Adv.%20Priya,%20I%20need%20legal%20advice\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-btn-ghost\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\n          WhatsApp Chat\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Main footer body -->\n  <div class=\"footer-body\">\n    <div class=\"footer-body-inner\">\n      <div class=\"footer-grid\">\n\n        <!-- Brand column -->\n        <div class=\"footer-brand\">\n          <a href=\"#\" class=\"footer-logo\" aria-label=\"Adv. Priya Sharma \u2013 Home\">\n            <div class=\"footer-logo-mark\" aria-hidden=\"true\">\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.9)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <div class=\"footer-logo-name\">Adv. Priya Sharma<\/div>\n              <span class=\"footer-logo-tag\">Matrimonial Lawyer \u00b7 Delhi NCR<\/span>\n            <\/div>\n          <\/a>\n          <p class=\"footer-tagline\">\n            Trusted matrimonial &amp; family law advocate with 15+ years of experience in Delhi courts. Compassionate counsel for divorce, custody, alimony, and domestic violence cases.\n          <\/p>\n          <div class=\"footer-bar-credentials\">\n            <span class=\"footer-credential\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              Bar Council of Delhi\n            <\/span>\n            <span class=\"footer-credential\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              Delhi High Court\n            <\/span>\n            <span class=\"footer-credential\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              Family Courts\n            <\/span>\n          <\/div>\n          <div class=\"footer-socials\" role=\"list\" aria-label=\"Social media links\">\n            <!-- LinkedIn -->\n            <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-btn\" aria-label=\"LinkedIn profile\" role=\"listitem\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n            <\/a>\n            <!-- Google Business -->\n            <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-btn\" aria-label=\"Google Business reviews\" role=\"listitem\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" fill=\"#4285F4\"\/><path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\"\/><path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill=\"#FBBC05\"\/><path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\"\/><\/svg>\n            <\/a>\n            <!-- YouTube -->\n            <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-btn\" aria-label=\"YouTube channel\" role=\"listitem\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 0 0-1.95 1.96A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58A2.78 2.78 0 0 0 3.41 19.6C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 0 0 1.95-1.95A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z\"\/><polygon points=\"9.75 15.02 15.5 12 9.75 8.98 9.75 15.02\" fill=\"#fff\"\/><\/svg>\n            <\/a>\n            <!-- Justdial -->\n            <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-btn\" aria-label=\"Justdial listing\" role=\"listitem\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Sitemap: Practice Areas -->\n        <nav class=\"footer-col\" aria-label=\"Practice areas sitemap\">\n          <h4>Practice Areas<\/h4>\n          <ul class=\"footer-links\">\n            <li><a href=\"#services\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Mutual Consent Divorce<\/a><\/li>\n            <li><a href=\"#services\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Contested Divorce<\/a><\/li>\n            <li><a href=\"#services\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Child Custody<\/a><\/li>\n            <li><a href=\"#services\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Alimony &amp; Maintenance<\/a><\/li>\n            <li><a href=\"#services\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Domestic Violence <span class=\"footer-link-badge\">498A<\/span><\/a><\/li>\n            <li><a href=\"#services\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> NRI Matrimonial Cases<\/a><\/li>\n            <li><a href=\"#services\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Marriage Registration<\/a><\/li>\n            <li><a href=\"#services\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Property Division<\/a><\/li>\n          <\/ul>\n        <\/nav>\n\n        <!-- Sitemap: Quick Links -->\n        <nav class=\"footer-col\" aria-label=\"Quick links sitemap\">\n          <h4>Quick Links<\/h4>\n          <ul class=\"footer-links\">\n            <li><a href=\"#about\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> About Adv. Priya<\/a><\/li>\n            <li><a href=\"#testimonials\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Client Reviews<\/a><\/li>\n            <li><a href=\"#booking\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Free Consultation <span class=\"footer-link-badge\">Free<\/span><\/a><\/li>\n            <li><a href=\"#contact\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Contact &amp; Location<\/a><\/li>\n            <li><a href=\"https:\/\/lawzapo.com\" target=\"_blank\" rel=\"noopener noreferrer\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Find on LawZapo<\/a><\/li>\n            <li><a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Google Reviews<\/a><\/li>\n            <li><a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg> Justdial Profile<\/a><\/li>\n          <\/ul>\n        <\/nav>\n\n        <!-- Sitemap: Contact info column -->\n        <div class=\"footer-col\">\n          <h4>Get in Touch<\/h4>\n          <ul class=\"footer-links\">\n            <li>\n              <a href=\"tel:+919876543210\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.49 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.4 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9a16 16 0 0 0 6 6z\"\/><\/svg>\n                +91 98765 43210\n              <\/a>\n            <\/li>\n            <li>\n              <a href=\"mailto:adv.priyasharma@email.com\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                adv.priyasharma@<br>email.com\n              <\/a>\n            <\/li>\n            <li style=\"align-items:flex-start;\">\n              <a href=\"https:\/\/maps.google.com\/?q=Patiala+House+Courts+New+Delhi\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" style=\"margin-top:2px\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                Chamber 214, Patiala House Courts, New Delhi \u2013 110001\n              <\/a>\n            <\/li>\n            <li>\n              <a href=\"https:\/\/wa.me\/919876543210\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\n                WhatsApp Chat\n              <\/a>\n            <\/li>\n          <\/ul>\n          <div style=\"margin-top:1.5rem; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:var(--radius-md); padding:0.875rem 1rem;\">\n            <div style=\"font-size:0.65rem;font-weight:800;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.09em;margin-bottom:0.5rem;\">Office Hours<\/div>\n            <div style=\"font-size:var(--text-xs);color:rgba(255,255,255,0.65);line-height:1.9;\">\n              Mon \u2013 Fri: 10 AM \u2013 7 PM<br>\n              Saturday: 10 AM \u2013 4 PM<br>\n              <span style=\"color:var(--rose-gold);font-weight:600;\">Emergency: 24\u00d77<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/footer-grid -->\n\n      <hr class=\"footer-divider\">\n\n      <!-- Legal Disclaimer -->\n      <div class=\"footer-disclaimer\" role=\"note\" aria-label=\"Legal disclaimer\">\n        <div class=\"footer-disclaimer-header\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n          <span>Legal Disclaimer<\/span>\n        <\/div>\n        <p>The information provided on this website is for general informational purposes only and does not constitute legal advice. No attorney-client relationship is formed by browsing this website or submitting an inquiry. Each legal matter is unique \u2014 please consult Adv. Priya Sharma directly for advice specific to your circumstances.<\/p>\n        <p>Adv. Priya Sharma is enrolled with the Bar Council of Delhi and practices before the Delhi High Court, District &amp; Sessions Courts, and Family Courts in Delhi NCR. Past results do not guarantee future outcomes. Case outcomes depend on facts, applicable law, and the discretion of the court.<\/p>\n      <\/div>\n\n      <!-- Bottom bar -->\n      <div class=\"footer-bottom\">\n        <p class=\"footer-copyright\">\n          \u00a9 2026 <strong>Adv. Priya Sharma<\/strong>. All rights reserved.\n        <\/p>\n        <nav class=\"footer-bottom-links\" aria-label=\"Legal pages\">\n          <a href=\"#\">Privacy Policy<\/a>\n          <a href=\"#\">Terms of Use<\/a>\n          <a href=\"#\">Disclaimer<\/a>\n          <a href=\"#\">Sitemap<\/a>\n        <\/nav>\n        <div class=\"footer-lawzapo-credit\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          Listed on <a href=\"https:\/\/lawzapo.com\" target=\"_blank\" rel=\"noopener noreferrer\">LawZapo<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/footer-body-inner -->\n  <\/div><!-- \/footer-body -->\n\n<\/footer>\n\n<!-- Back to top button -->\n<button class=\"footer-back-top\" id=\"backToTop\" aria-label=\"Back to top\">\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"18 15 12 9 6 15\"\/><\/svg>\n<\/button>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     FLOATING WHATSAPP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<a\n  href=\"https:\/\/wa.me\/919876543210?text=Hello%20Adv.%20Sharma%2C%20I%20need%20legal%20help%20with%20a%20matrimonial%20matter.\"\n  class=\"wa-float\"\n  target=\"_blank\"\n  rel=\"noopener noreferrer\"\n  aria-label=\"Chat with us on WhatsApp\"\n>\n  <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n    <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/>\n  <\/svg>\n<\/a>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SCRIPTS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script defer>\n  \/\/ Navbar scroll shadow\n  const navbar = document.getElementById('navbar');\n  window.addEventListener('scroll', () => {\n    navbar.classList.toggle('scrolled', window.scrollY > 20);\n  }, { passive: true });\n\n  \/\/ Hamburger menu toggle\n  const hamburger = document.getElementById('hamburger');\n  const mobileMenu = document.getElementById('mobileMenu');\n  hamburger.addEventListener('click', () => {\n    const isOpen = mobileMenu.classList.toggle('open');\n    hamburger.setAttribute('aria-expanded', isOpen);\n  });\n  \/\/ Close mobile menu when a link is clicked\n  mobileMenu.querySelectorAll('a').forEach(link => {\n    link.addEventListener('click', () => {\n      mobileMenu.classList.remove('open');\n      hamburger.setAttribute('aria-expanded', false);\n    });\n  });\n\n  \/\/ Count-up animation for stats\n  function countUp(el) {\n    const target = +el.dataset.target;\n    const duration = 1800;\n    const step = target \/ (duration \/ 16);\n    let current = 0;\n    const timer = setInterval(() => {\n      current = Math.min(current + step, target);\n      el.textContent = Math.floor(current).toLocaleString('en-IN');\n      if (current >= target) clearInterval(timer);\n    }, 16);\n  }\n\n  \/\/ Trigger count-up when hero stats come into view\n  const heroStats = document.querySelector('.hero-stats');\n  if (heroStats) {\n    const obs1 = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          document.querySelectorAll('.count-num').forEach(countUp);\n          obs1.disconnect();\n        }\n      });\n    }, { threshold: 0.5 });\n    obs1.observe(heroStats);\n  }\n\n  \/\/ Trigger count-up for big stats section\n  const bigStats = document.querySelector('.stats-grid');\n  if (bigStats) {\n    const obs2 = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          document.querySelectorAll('.stat-big').forEach(el => {\n            const target = +el.dataset.target;\n            const suffix = el.dataset.suffix || '';\n            const duration = 1800;\n            const step = target \/ (duration \/ 16);\n            let current = 0;\n            const timer = setInterval(() => {\n              current = Math.min(current + step, target);\n              el.textContent = Math.floor(current).toLocaleString('en-IN') + suffix;\n              if (current >= target) clearInterval(timer);\n            }, 16);\n          });\n          obs2.disconnect();\n        }\n      });\n    }, { threshold: 0.3 });\n    obs2.observe(bigStats);\n  }\n\n\n\/* \u2500\u2500 Testimonials carousel \u2500\u2500 *\/\n(function(){\n  const track = document.getElementById('testiTrack');\n  const dots = document.querySelectorAll('.testi-dot');\n  const prev = document.getElementById('testi-prev');\n  const next = document.getElementById('testi-next');\n  if(!track) return;\n\n  let curIdx = 0;\n  const cards = track.querySelectorAll('.testi-card');\n  const total = dots.length;\n\n  function scrollToCard(idx) {\n    curIdx = Math.max(0, Math.min(idx, cards.length - 1));\n    cards[curIdx].scrollIntoView({behavior:'smooth', block:'nearest', inline:'start'});\n    dots.forEach((d, i) => {\n      d.classList.toggle('active', i === Math.floor(curIdx \/ (cards.length \/ total)));\n      d.setAttribute('aria-selected', String(i === Math.floor(curIdx \/ (cards.length \/ total))));\n    });\n  }\n\n  prev && prev.addEventListener('click', () => scrollToCard(curIdx - 1));\n  next && next.addEventListener('click', () => scrollToCard(curIdx + 1));\n\n  dots.forEach((dot, i) => {\n    dot.addEventListener('click', () => {\n      scrollToCard(Math.round(i * (cards.length \/ total)));\n    });\n  });\n\n  \/\/ Drag scroll\n  let isDown=false, startX, scrollLeft;\n  track.addEventListener('mousedown', e => {\n    isDown = true; track.classList.add('is-dragging');\n    startX = e.pageX - track.offsetLeft; scrollLeft = track.scrollLeft;\n  });\n  track.addEventListener('mouseleave', () => { isDown=false; track.classList.remove('is-dragging'); });\n  track.addEventListener('mouseup', () => { isDown=false; track.classList.remove('is-dragging'); });\n  track.addEventListener('mousemove', e => {\n    if(!isDown) return; e.preventDefault();\n    const x = e.pageX - track.offsetLeft;\n    track.scrollLeft = scrollLeft - (x - startX) * 1.5;\n  });\n\n  \/\/ Update dots on scroll\n  track.addEventListener('scroll', () => {\n    const cardW = cards[0].offsetWidth + 20;\n    const idx = Math.round(track.scrollLeft \/ cardW);\n    if(idx !== curIdx) {\n      curIdx = idx;\n      const dotIdx = Math.floor(curIdx \/ (cards.length \/ total));\n      dots.forEach((d, i) => {\n        d.classList.toggle('active', i === dotIdx);\n        d.setAttribute('aria-selected', String(i === dotIdx));\n      });\n    }\n  }, {passive: true});\n})();\n\n\n\n\/* \u2500\u2500 Contact \/ Booking form logic \u2500\u2500 *\/\n(function(){\n  \/\/ Mode selector\n  const modeBtns = document.querySelectorAll('.mode-btn');\n  const modeInput = document.getElementById('modeInput');\n  modeBtns.forEach(btn => {\n    btn.addEventListener('click', () => {\n      modeBtns.forEach(b => { b.classList.remove('active'); b.setAttribute('aria-pressed','false'); });\n      btn.classList.add('active'); btn.setAttribute('aria-pressed','true');\n      if(modeInput) modeInput.value = btn.dataset.mode;\n    });\n  });\n\n  \/\/ Set min date to today\n  const dateInput = document.getElementById('prefDate');\n  if(dateInput) {\n    const today = new Date();\n    const yyyy = today.getFullYear();\n    const mm = String(today.getMonth()+1).padStart(2,'0');\n    const dd = String(today.getDate()).padStart(2,'0');\n    dateInput.min = yyyy+'-'+mm+'-'+dd;\n  }\n\n  \/\/ Form submit\n  const form = document.getElementById('bookingForm');\n  const success = document.getElementById('formSuccess');\n  const submitBtn = document.getElementById('formSubmitBtn');\n\n  form && form.addEventListener('submit', (e) => {\n    e.preventDefault();\n    if(!form.checkValidity()) { form.reportValidity(); return; }\n    submitBtn.disabled = true;\n    submitBtn.innerHTML = '<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke-opacity=\"0.25\"\/><path d=\"M12 2a10 10 0 0 1 10 10\" stroke-linecap=\"round\" style=\"animation:spin 0.8s linear infinite;transform-origin:center\"\/><\/svg> Confirming\u2026';\n    setTimeout(() => {\n      form.style.display = 'none';\n      success && success.classList.add('visible');\n    }, 1800);\n  });\n\n  \/\/ Re-book link\n  const rebookLink = success && success.querySelector('a');\n  rebookLink && rebookLink.addEventListener('click', (e) => {\n    e.preventDefault();\n    form.reset();\n    form.style.display = 'block';\n    success.classList.remove('visible');\n    submitBtn.disabled = false;\n    submitBtn.innerHTML = '<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg> Book Free Consultation';\n    modeBtns.forEach((b,i) => { b.classList.toggle('active', i===0); });\n    if(modeInput) modeInput.value = 'in-person';\n  });\n})();\n\n\n\n\/* \u2500\u2500 Back to top \u2500\u2500 *\/\n(function(){\n  const btn = document.getElementById('backToTop');\n  if(!btn) return;\n  window.addEventListener('scroll', () => {\n    btn.classList.toggle('visible', window.scrollY > 600);\n  }, { passive: true });\n  btn.addEventListener('click', () => {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  });\n})();\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Adv. Priya Sharma \u2013 Matrimonial Lawyer | Delhi Adv. Priya Sharma Matrimonial Lawyer \u00b7 Delhi Services About Reviews Blog Contact +91 98765 43210 Book Consultation Services About Reviews Blog FAQ Contact \ud83d\udcde +91 98765 43210 Book Free Consultation \u2192 Delhi High Court \u00b7 Family Law Specialist Compassionate Legal Guidance for Family Matters Adv. Priya Sharma, &#8230; <a title=\"Home\" class=\"read-more\" href=\"https:\/\/matrimonial.lawzapo.com\/index.php\/home\/\" aria-label=\"Read more about Home\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/matrimonial.lawzapo.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matrimonial.lawzapo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matrimonial.lawzapo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matrimonial.lawzapo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matrimonial.lawzapo.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":2,"href":"https:\/\/matrimonial.lawzapo.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/matrimonial.lawzapo.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/matrimonial.lawzapo.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}