{"id":1617,"date":"2026-05-07T04:01:02","date_gmt":"2026-05-07T04:01:02","guid":{"rendered":"https:\/\/aeonclinic.com\/?page_id=1617"},"modified":"2026-07-11T07:19:10","modified_gmt":"2026-07-11T07:19:10","slug":"before-after","status":"publish","type":"page","link":"https:\/\/aeonclinic.com\/?page_id=1617","title":{"rendered":"Before After"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1617\" class=\"elementor elementor-1617\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faf55b5 e-con-full e-flex e-con e-parent\" data-id=\"faf55b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea5500d elementor-widget elementor-widget-html\" data-id=\"ea5500d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.aeon-custom-section {\n    --gold: #E7D078;\n    --gold-light: #F5E9A9;\n    --gold-pale: #FBF6E3;\n    --gold-dark: #C9B445;\n    --white: #FFFFFF;\n    --off-white: #FAFAF8;\n    --ink: #1A1A1A;\n    --ink-mid: #3D3D3D;\n    --ink-soft: #6B6B6B;\n    --ink-faint: #9A9A9A;\n    --line: #EBEBEB;\n    font-family: 'Montserrat', sans-serif !important; background: var(--ink) !important; color: var(--white) !important; overflow-x: hidden !important;\n}\n\n.aeon-custom-section *, .aeon-custom-section *::before, .aeon-custom-section *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }\n\n.aeon-custom-section .label {\n    font-size: 10px !important; letter-spacing: 3px !important; text-transform: uppercase !important;\n    font-weight: 700 !important; color: var(--gold) !important;\n    display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 16px !important;\n}\n.aeon-custom-section .label::before { content: '' !important; display: inline-block !important; width: 28px !important; height: 1px !important; background: var(--gold) !important; }\n\n.aeon-custom-section .reveal { opacity: 1 !important; transform: translateY(0) !important; }\n\n.aeon-custom-section .hero {\n    background: var(--ink) !important;\n    padding: 90px 80px 72px !important;\n    position: relative !important; overflow: hidden !important;\n    border-bottom: 1px solid rgba(231,208,120,0.12) !important;\n}\n.aeon-custom-section .hero::before {\n    content: '' !important;\n    position: absolute !important; inset: 0 !important;\n    background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(231,208,120,0.06), transparent) !important;\n    pointer-events: none !important;\n}\n.aeon-custom-section .hero-inner { max-width: 1240px !important; margin: 0 auto !important; }\n.aeon-custom-section .hero-breadcrumb {\n    font-size: 10px !important; font-weight: 600 !important; letter-spacing: 2.5px !important; text-transform: uppercase !important;\n    color: rgba(255,255,255,0.25) !important; margin-bottom: 36px !important;\n    display: flex !important; align-items: center !important; gap: 10px !important;\n}\n.aeon-custom-section .hero-breadcrumb a { color: rgba(255,255,255,0.25) !important; text-decoration: none !important; transition: color 0.2s !important; }\n.aeon-custom-section .hero-breadcrumb a:hover { color: var(--gold) !important; }\n.aeon-custom-section .hero-breadcrumb .sep { opacity: 0.3 !important; }\n.aeon-custom-section .hero-breadcrumb .current { color: var(--gold) !important; }\n\n.aeon-custom-section .hero-layout { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 80px !important; align-items: end !important; }\n.aeon-custom-section .hero-title {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: 86px !important; font-weight: 300 !important;\n    line-height: 0.93 !important; color: var(--white) !important;\n    letter-spacing: -3px !important; margin-bottom: 32px !important;\n}\n.aeon-custom-section .hero-title em { font-style: italic !important; color: var(--gold) !important; display: block !important; }\n.aeon-custom-section .hero-desc { font-size: 14px !important; color: rgba(255,255,255,0.42) !important; line-height: 1.95 !important; max-width: 460px !important; margin-bottom: 0 !important; }\n\n.aeon-custom-section .hero-stats { display: flex !important; gap: 0 !important; border-top: 1px solid rgba(231,208,120,0.15) !important; padding-top: 32px !important; margin-top: 40px !important; }\n.aeon-custom-section .hero-stat { padding-right: 40px !important; }\n.aeon-custom-section .hero-stat-num { font-family: 'Cormorant Garamond', serif !important; font-size: 44px !important; font-weight: 300 !important; color: var(--gold) !important; line-height: 1 !important; margin-bottom: 5px !important; }\n.aeon-custom-section .hero-stat-label { font-size: 9px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; color: rgba(255,255,255,0.28) !important; }\n\n.aeon-custom-section .hero-cats { display: flex !important; flex-direction: column !important; gap: 2px !important; }\n.aeon-custom-section .hero-cat {\n    background: rgba(255,255,255,0.03) !important;\n    border: 1px solid rgba(231,208,120,0.1) !important;\n    padding: 16px 20px !important;\n    display: flex !important; align-items: center !important; justify-content: space-between !important;\n    cursor: pointer !important; transition: all 0.25s !important;\n    position: relative !important; overflow: hidden !important;\n}\n.aeon-custom-section .hero-cat::before {\n    content: '' !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 3px !important;\n    background: var(--gold) !important; transform: scaleY(0) !important; transition: transform 0.25s !important;\n}\n.aeon-custom-section .hero-cat:hover { background: rgba(231,208,120,0.07) !important; border-color: rgba(231,208,120,0.3) !important; }\n.aeon-custom-section .hero-cat:hover::before { transform: scaleY(1) !important; }\n.aeon-custom-section .hero-cat.active-cat { background: rgba(231,208,120,0.1) !important; border-color: rgba(231,208,120,0.4) !important; }\n.aeon-custom-section .hero-cat.active-cat::before { transform: scaleY(1) !important; }\n.aeon-custom-section .hero-cat-left { display: flex !important; align-items: center !important; gap: 14px !important; }\n.aeon-custom-section .hero-cat-num { font-family: 'Cormorant Garamond', serif !important; font-size: 26px !important; font-weight: 300 !important; color: var(--gold) !important; min-width: 24px !important; line-height: 1 !important; }\n.aeon-custom-section .hero-cat-info h4 { font-size: 12px !important; font-weight: 700 !important; color: var(--white) !important; margin-bottom: 2px !important; }\n.aeon-custom-section .hero-cat-info p { font-size: 10px !important; color: rgba(255,255,255,0.3) !important; }\n.aeon-custom-section .hero-cat-count { font-size: 9px !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; background: rgba(231,208,120,0.15) !important; color: var(--gold) !important; padding: 3px 8px !important; }\n.aeon-custom-section .hero-cats-label { font-size: 9px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: rgba(255,255,255,0.2) !important; margin-bottom: 12px !important; }\n\n.aeon-custom-section .filter-bar {\n    position: sticky !important; top: 64px !important; z-index: 90 !important;\n    background: rgba(26,26,26,0.98) !important;\n    backdrop-filter: blur(12px) !important;\n    border-bottom: 1px solid rgba(231,208,120,0.12) !important;\n    padding: 0 80px !important;\n}\n.aeon-custom-section .filter-inner {\n    max-width: 1240px !important; margin: 0 auto !important;\n    display: flex !important; align-items: center !important; gap: 0 !important;\n    overflow-x: auto !important; scrollbar-width: none !important;\n}\n.aeon-custom-section .filter-inner::-webkit-scrollbar { display: none !important; }\n.aeon-custom-section .filter-tab {\n    flex-shrink: 0 !important;\n    padding: 18px 24px !important;\n    font-size: 11px !important; font-weight: 600 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important;\n    color: rgba(255,255,255,0.35) !important;\n    border: none !important; background: none !important; cursor: pointer !important;\n    border-bottom: 2px solid transparent !important;\n    transition: all 0.25s !important; white-space: nowrap !important;\n}\n.aeon-custom-section .filter-tab:hover { color: rgba(255,255,255,0.7) !important; }\n.aeon-custom-section .filter-tab.active { color: var(--gold) !important; border-bottom-color: var(--gold) !important; }\n.aeon-custom-section .filter-count {\n    display: inline-block !important; margin-left: 7px !important;\n    font-size: 9px !important; font-weight: 800 !important; letter-spacing: 1px !important;\n    background: rgba(231,208,120,0.15) !important; color: var(--gold) !important;\n    padding: 2px 6px !important; vertical-align: middle !important;\n}\n.aeon-custom-section .filter-tab.active .filter-count { background: var(--gold) !important; color: var(--ink) !important; }\n\n.aeon-custom-section .gallery-wrap {\n    max-width: 1240px !important; margin: 0 auto !important;\n    padding: 64px 80px 100px !important;\n}\n\n.aeon-custom-section .cat-section { margin-bottom: 80px !important; }\n.aeon-custom-section .cat-section-header {\n    display: flex !important; align-items: baseline !important; justify-content: space-between !important;\n    margin-bottom: 24px !important; padding-bottom: 20px !important;\n    border-bottom: 1px solid rgba(231,208,120,0.15) !important;\n}\n.aeon-custom-section .cat-section-header h2 {\n    font-family: 'Cormorant Garamond', serif !important;\n    font-size: 38px !important; font-weight: 300 !important; color: var(--ink) !important; line-height: 1 !important;\n}\n.aeon-custom-section .cat-section-header h2 em { font-style: italic !important; color: var(--gold) !important; }\n.aeon-custom-section .cat-section-header span {\n    font-size: 10px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important;\n    color: rgba(255,255,255,0.2) !important;\n}\n\n.aeon-custom-section .ba-grid {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 3px !important;\n}\n\n.aeon-custom-section .ba-card {\n    position: relative !important; cursor: ew-resize !important;\n    background: rgba(255,255,255,0.03) !important;\n}\n.aeon-custom-section .ba-card:hover .ba-card-overlay { opacity: 1 !important; }\n\n.aeon-custom-section .ba-slider {\n    position: relative !important;\n    width: 100% !important;\n    aspect-ratio: 3\/4 !important;\n    overflow: hidden !important;\n    user-select: none !important; -webkit-user-select: none !important;\n}\n.aeon-custom-section .ba-slider img {\n    position: absolute !important; top: 0 !important; left: 0 !important;\n    width: 100% !important; height: 100% !important;\n    object-fit: cover !important; object-position: center top !important;\n    display: block !important; pointer-events: none !important;\n}\n.aeon-custom-section .ba-after { clip-path: inset(0 0 0 50%); }\n\n.aeon-custom-section .ba-lbl {\n    position: absolute !important; z-index: 8 !important; top: 12px !important;\n    font-size: 8px !important; font-weight: 800 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important;\n    padding: 3px 9px !important; pointer-events: none !important;\n}\n.aeon-custom-section .ba-lbl.before { left: 10px !important; background: rgba(0,0,0,0.45) !important; color: rgba(255,255,255,0.65) !important; }\n.aeon-custom-section .ba-lbl.after  { right: 10px !important; background: var(--gold) !important; color: var(--ink) !important; }\n\n.aeon-custom-section .ba-handle {\n    position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50%;\n    width: 2px !important; background: rgba(231,208,120,0.9) !important;\n    transform: translateX(-50%) !important;\n    z-index: 9 !important; pointer-events: none !important;\n}\n.aeon-custom-section .ba-handle-knob {\n    position: absolute !important; top: 50% !important; left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 34px !important; height: 34px !important;\n    background: var(--gold) !important; border-radius: 50% !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;\n    transition: transform 0.15s ease !important;\n}\n.aeon-custom-section .ba-card:active .ba-handle-knob,\n.aeon-custom-section .ba-card.dragging .ba-handle-knob { transform: translate(-50%, -50%) scale(1.15) !important; }\n.aeon-custom-section .ba-handle-knob svg {\n    width: 14px !important; height: 14px !important;\n    stroke: var(--ink) !important; fill: none !important;\n    stroke-width: 2.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important;\n}\n\n.aeon-custom-section .ba-meta {\n    background: rgba(26,26,26,0.95) !important;\n    padding: 14px 16px 16px !important;\n    border-top: 2px solid rgba(231,208,120,0.2) !important;\n}\n.aeon-custom-section .ba-meta-tag {\n    font-size: 8px !important; font-weight: 800 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important;\n    color: var(--gold) !important; margin-bottom: 4px !important; display: block !important;\n}\n.aeon-custom-section .ba-meta-detail {\n    font-size: 11px !important; font-weight: 600 !important; color: rgba(255,255,255,0.5) !important;\n}\n\n.aeon-custom-section .notice-bar {\n    background: rgba(231,208,120,0.07) !important;\n    border: 1px solid rgba(231,208,120,0.15) !important;\n    padding: 18px 28px !important;\n    margin-bottom: 52px !important;\n    display: flex !important; align-items: center !important; gap: 16px !important;\n}\n.aeon-custom-section .notice-bar svg { width: 16px !important; height: 16px !important; stroke: var(--gold) !important; fill: none !important; stroke-width: 1.8 !important; flex-shrink: 0 !important; stroke-linecap: round !important; }\n.aeon-custom-section .notice-bar p { font-size: 11px !important; color: var(--ink-soft) !important; line-height: 1.6 !important; }\n.aeon-custom-section .notice-bar strong { color: var(--ink) !important; }\n\n.aeon-custom-section .consult-strip { background: var(--gold) !important; padding: 52px 80px !important; }\n.aeon-custom-section .consult-inner { max-width: 1240px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 40px !important; }\n.aeon-custom-section .consult-text h3 { font-family: 'Cormorant Garamond', serif !important; font-size: 36px !important; font-weight: 300 !important; color: var(--ink) !important; line-height: 1.2 !important; }\n.aeon-custom-section .consult-text p { font-size: 13px !important; color: var(--ink-mid) !important; margin-top: 8px !important; }\n.aeon-custom-section .consult-btn { background: var(--ink) !important; color: var(--white) !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: 2px !important; text-transform: uppercase !important; padding: 17px 32px !important; text-decoration: none !important; display: inline-block !important; transition: background 0.2s !important; white-space: nowrap !important; }\n.aeon-custom-section .consult-btn:hover { background: var(--ink-mid) !important; }\n\n.aeon-custom-section .cat-section.hidden { display: none !important; }\n\n@media (max-width: 1100px) {\n    .aeon-custom-section .ba-grid { grid-template-columns: repeat(3, 1fr) !important; }\n    .aeon-custom-section .gallery-wrap { padding: 48px 40px 80px !important; }\n    .aeon-custom-section .filter-bar { padding: 0 40px !important; }\n    .aeon-custom-section .hero { padding: 72px 40px 60px !important; }\n}\n@media (max-width: 860px) {\n    .aeon-custom-section .hero-layout { grid-template-columns: 1fr !important; gap: 48px !important; }\n    .aeon-custom-section .ba-grid { grid-template-columns: repeat(2, 1fr) !important; }\n    .aeon-custom-section .hero-title { font-size: 60px !important; }\n    .aeon-custom-section .consult-strip { padding: 40px 24px !important; }\n    .aeon-custom-section .consult-inner { flex-direction: column !important; text-align: center !important; }\n    .aeon-custom-section .filter-bar { padding: 0 20px !important; }\n    .aeon-custom-section .gallery-wrap { padding: 40px 20px 60px !important; }\n}\n@media (max-width: 540px) {\n    .aeon-custom-section .ba-grid { grid-template-columns: repeat(2, 1fr) !important; }\n    .aeon-custom-section .hero-title { font-size: 48px !important; }\n    .aeon-custom-section .hero-stats { flex-wrap: wrap !important; gap: 20px !important; }\n}\n<\/style>\n\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=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap\" rel=\"stylesheet\">\n\n<div class=\"aeon-custom-section\">\n\n    <section class=\"hero\">\n        <div class=\"hero-inner\">\n            <p class=\"hero-breadcrumb\">\n                <a href=\"#\">Home<\/a>\n                <span class=\"sep\">\/<\/span>\n                <span class=\"current\">Before &amp; After<\/span>\n            <\/p>\n            <div class=\"hero-layout reveal\">\n                <div>\n                    <p class=\"label\">Real Patient Results<\/p>\n                    <h1 class=\"hero-title\">Before<br><em>&amp; After.<\/em><\/h1>\n                    <p class=\"hero-desc\">Every result on this page is from a real Aeon Clinic patient. No filters, no stock photography. Drag any slider left or right to compare the transformation for yourself.<\/p>\n                    <div class=\"hero-stats\">\n                        <div class=\"hero-stat\">\n                            <div class=\"hero-stat-num\">500+<\/div>\n                            <div class=\"hero-stat-label\">Procedures Done<\/div>\n                        <\/div>\n                        <div class=\"hero-stat\">\n                            <div class=\"hero-stat-num\">5.0<\/div>\n                            <div class=\"hero-stat-label\">Google Rating<\/div>\n                        <\/div>\n                        <div class=\"hero-stat\">\n                            <div class=\"hero-stat-num\">15+<\/div>\n                            <div class=\"hero-stat-label\">Years Experience<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div>\n                    <p class=\"hero-cats-label\">Browse by treatment<\/p>\n                    <div class=\"hero-cats\">\n                        <div class=\"hero-cat active-cat\" onclick=\"filterCat('all')\">\n                            <div class=\"hero-cat-left\">\n                                <div class=\"hero-cat-num\">All<\/div>\n                                <div class=\"hero-cat-info\">\n                                    <h4>All Results<\/h4>\n                                    <p>Every treatment category<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"hero-cat-count\">20<\/span>\n                        <\/div>\n                        <div class=\"hero-cat\" onclick=\"filterCat('hair-transplant')\">\n                            <div class=\"hero-cat-left\">\n                                <div class=\"hero-cat-num\">01<\/div>\n                                <div class=\"hero-cat-info\">\n                                    <h4>Hair Transplant<\/h4>\n                                    <p>FUE, Hairline Design, Beard<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"hero-cat-count\">12<\/span>\n                        <\/div>\n                        <div class=\"hero-cat\" onclick=\"filterCat('skin')\">\n                            <div class=\"hero-cat-left\">\n                                <div class=\"hero-cat-num\">02<\/div>\n                                <div class=\"hero-cat-info\">\n                                    <h4>Skin Treatments<\/h4>\n                                    <p>Acne, Pigmentation, Laser<\/p>\n                                <\/div>\n                            <\/div>\n                            <span class=\"hero-cat-count\">8<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <div class=\"filter-bar\">\n        <div class=\"filter-inner\">\n            <button class=\"filter-tab active\" data-filter=\"all\" onclick=\"filterCat('all')\">\n                All Results <span class=\"filter-count\">20<\/span>\n            <\/button>\n            <button class=\"filter-tab\" data-filter=\"hair-transplant\" onclick=\"filterCat('hair-transplant')\">\n                Hair Transplant <span class=\"filter-count\">12<\/span>\n            <\/button>\n            <button class=\"filter-tab\" data-filter=\"skin\" onclick=\"filterCat('skin')\">\n                Skin Treatments <span class=\"filter-count\">8<\/span>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"gallery-wrap\">\n\n        <div class=\"notice-bar reveal\">\n            <svg viewBox=\"0 0 24 24\"><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            <p><strong>Real patients, real results.<\/strong> All images shown are from actual Aeon Clinic patients and are displayed with their consent. Individual results may vary based on hair loss grade, skin type, and treatment compliance.<\/p>\n        <\/div>\n\n        <div class=\"cat-section reveal\" data-cat=\"hair-transplant\" id=\"sec-hair-transplant\">\n            <div class=\"cat-section-header\">\n                <h2>Hair <em>Transplant<\/em><\/h2>\n                <span>12 Results<\/span>\n            <\/div>\n            <div class=\"ba-grid\">\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/07\/25.png\" alt=\"Before FUE\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/07\/26.png\" alt=\"After FUE\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Hair Transplant<\/span><div class=\"ba-meta-detail\"><\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-1.png\" alt=\"Before FUE\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After.png\" alt=\"After FUE\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Full Head Transplant<\/span><div class=\"ba-meta-detail\">9 Months Transformation<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-4.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-5.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Hairline Design<\/span><div class=\"ba-meta-detail\"><\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-2.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-3.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Full Head Transplant<\/span><div class=\"ba-meta-detail\"><\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-2.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-3.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Hairline Design<\/span><div class=\"ba-meta-detail\">4,200 Grafts \u00b7 14 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-8.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-9.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Full Head Transplant<\/span><div class=\"ba-meta-detail\">1,600 Grafts \u00b7 10 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-6.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-7.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Hairline Design<\/span><div class=\"ba-meta-detail\"><\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-23.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-24.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Full Head Transplant<\/span><div class=\"ba-meta-detail\">2,200 Grafts \u00b7 12 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-19.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-20.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">FUE Hair Transplant<\/span><div class=\"ba-meta-detail\">3,400 Grafts \u00b7 13 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-4.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-5.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Female Hair Transplant<\/span><div class=\"ba-meta-detail\">1,400 Grafts \u00b7 10 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-21.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-22.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Non-Trim Transplant<\/span><div class=\"ba-meta-detail\">2,600 Grafts \u00b7 11 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-23.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/05\/Aeon-Before-After-24.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Repair Transplant<\/span><div class=\"ba-meta-detail\">1,200 Grafts \u00b7 12 Months<\/div><\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <div class=\"cat-section reveal\" data-cat=\"skin\" id=\"sec-skin\" style=\"transition-delay:0.1s !important;\">\n            <div class=\"cat-section-header\">\n                <h2>Skin <em>Treatments<\/em><\/h2>\n                <span>8 Results<\/span>\n            <\/div>\n            <div class=\"ba-grid\">\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-9.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-8.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Acne Treatment<\/span><div class=\"ba-meta-detail\">6 Sessions \u00b7 3 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-10.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-11.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Acne Treatment<\/span><div class=\"ba-meta-detail\">4 Sessions \u00b7 2 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-12.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-13.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Melasma Treatment<\/span><div class=\"ba-meta-detail\">8 Sessions \u00b7 4 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-15.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-14.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Botox Treatment<\/span><div class=\"ba-meta-detail\">3 Sessions \u00b7 6 Weeks<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-16.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-17.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Filler<\/span><div class=\"ba-meta-detail\">4 Sessions \u00b7 2 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-19.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-18.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Glutathione Treatment<\/span><div class=\"ba-meta-detail\">5 Sessions \u00b7 3 Months<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-21.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-20.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Skin Boosters<\/span><div class=\"ba-meta-detail\">Monthly \u00b7 Ongoing<\/div><\/div>\n                <\/div>\n\n                <div class=\"ba-card\">\n                    <div class=\"ba-slider\" data-ba>\n                        <img decoding=\"async\" class=\"ba-before\" src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-22.png\" alt=\"Before\" title=\"Before After\">\n                        <img decoding=\"async\" class=\"ba-after\"  src=\"https:\/\/aeonclinic.com\/wp-content\/uploads\/2026\/06\/Kaveesh-After-23.png\" alt=\"After\" title=\"Before After\">\n                        <span class=\"ba-lbl before\">Before<\/span>\n                        <span class=\"ba-lbl after\">After<\/span>\n                        <div class=\"ba-handle\"><div class=\"ba-handle-knob\"><svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><polyline points=\"9 6 15 12 9 18\" style=\"transform:translateX(5px)\"\/><\/svg><\/div><\/div>\n                    <\/div>\n                    <div class=\"ba-meta\"><span class=\"ba-meta-tag\">Xanthelasma Treatment<\/span><div class=\"ba-meta-detail\">3 Sessions \u00b7 6 Weeks<\/div><\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"consult-strip\">\n        <div class=\"consult-inner\">\n            <div class=\"consult-text\">\n                <h3>See a result that inspires you?<br>Let's talk about your goals.<\/h3>\n                <p>Our doctors will give you an honest assessment and a personalised plan, before any commitment.<\/p>\n            <\/div>\n            <a href=\"https:\/\/aeonclinic.com\/book-a-consultation\/\" class=\"consult-btn\">Book a Free Consultation &rarr;<\/a>\n        <\/div>\n    <\/div>\n\n    <script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    var revealObs = new IntersectionObserver(function(entries) {\n        entries.forEach(function(e) { if (e.isIntersecting) e.target.classList.add('visible'); });\n    }, { threshold: 0.04 });\n    document.querySelectorAll('.aeon-custom-section .reveal').forEach(function(el) { revealObs.observe(el); });\n\n    var activeSlider = null;\n\n    function getPercent(slider, clientX) {\n        var rect = slider.getBoundingClientRect();\n        return Math.max(2, Math.min(98, ((clientX - rect.left) \/ rect.width) * 100));\n    }\n\n    function applyPos(slider, pct) {\n        slider.querySelector('.ba-after').style.clipPath = 'inset(0 0 0 ' + pct + '%)';\n        slider.querySelector('.ba-handle').style.left = pct + '%';\n    }\n\n    var sliders = document.querySelectorAll('.aeon-custom-section [data-ba]');\n    for (var i = 0; i < sliders.length; i++) {\n        (function(slider) {\n            applyPos(slider, 50);\n            slider.addEventListener('mousedown', function(e) {\n                e.preventDefault();\n                e.stopPropagation();\n                activeSlider = slider;\n                slider.closest('.ba-card').classList.add('dragging');\n                applyPos(slider, getPercent(slider, e.clientX));\n            });\n            slider.addEventListener('touchstart', function(e) {\n                activeSlider = slider;\n                slider.closest('.ba-card').classList.add('dragging');\n                applyPos(slider, getPercent(slider, e.touches[0].clientX));\n            }, { passive: true });\n        })(sliders[i]);\n    }\n\n    document.addEventListener('mousemove', function(e) {\n        if (!activeSlider) return;\n        e.preventDefault();\n        applyPos(activeSlider, getPercent(activeSlider, e.clientX));\n    });\n\n    document.addEventListener('touchmove', function(e) {\n        if (!activeSlider) return;\n        applyPos(activeSlider, getPercent(activeSlider, e.touches[0].clientX));\n    }, { passive: true });\n\n    document.addEventListener('mouseup', function() {\n        if (activeSlider) {\n            activeSlider.closest('.ba-card').classList.remove('dragging');\n            activeSlider = null;\n        }\n    });\n\n    document.addEventListener('touchend', function() {\n        if (activeSlider) {\n            activeSlider.closest('.ba-card').classList.remove('dragging');\n            activeSlider = null;\n        }\n    });\n\n    window.filterCat = function(cat) {\n        document.querySelectorAll('.aeon-custom-section .filter-tab').forEach(function(t) {\n            t.classList.toggle('active', t.dataset.filter === cat);\n        });\n        document.querySelectorAll('.aeon-custom-section .hero-cat').forEach(function(c) {\n            var onclick = c.getAttribute('onclick') || '';\n            c.classList.toggle('active-cat', onclick.indexOf(\"'\" + cat + \"'\") !== -1);\n        });\n        document.querySelectorAll('.aeon-custom-section .cat-section').forEach(function(sec) {\n            if (cat === 'all') {\n                sec.classList.remove('hidden');\n            } else {\n                sec.classList.toggle('hidden', sec.dataset.cat !== cat);\n            }\n        });\n        var gallery = document.querySelector('.aeon-custom-section .gallery-wrap');\n        if (gallery) gallery.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    };\n});\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Home \/ Before &amp; After Real Patient Results Before&amp; After. Every result on this page is from a real Aeon Clinic patient. No filters, no stock photography. Drag any slider left or right to compare the transformation for yourself. 500+ Procedures Done 5.0 Google Rating 15+ Years Experience Browse by treatment All All Results Every [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1617","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"sagar2104","author_link":"https:\/\/aeonclinic.com\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Home \/ Before &amp; After Real Patient Results Before&amp; After. Every result on this page is from a real Aeon Clinic patient. No filters, no stock photography. Drag any slider left or right to compare the transformation for yourself. 500+ Procedures Done 5.0 Google Rating 15+ Years Experience Browse by treatment All All Results Every&hellip;","_links":{"self":[{"href":"https:\/\/aeonclinic.com\/index.php?rest_route=\/wp\/v2\/pages\/1617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeonclinic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aeonclinic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aeonclinic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeonclinic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1617"}],"version-history":[{"count":118,"href":"https:\/\/aeonclinic.com\/index.php?rest_route=\/wp\/v2\/pages\/1617\/revisions"}],"predecessor-version":[{"id":2956,"href":"https:\/\/aeonclinic.com\/index.php?rest_route=\/wp\/v2\/pages\/1617\/revisions\/2956"}],"wp:attachment":[{"href":"https:\/\/aeonclinic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}