{"id":2274,"date":"2026-05-05T15:38:23","date_gmt":"2026-05-05T12:38:23","guid":{"rendered":"https:\/\/healthestetik.com\/"},"modified":"2026-05-07T15:33:57","modified_gmt":"2026-05-07T12:33:57","slug":"health-aesthetics","status":"publish","type":"page","link":"https:\/\/healthestetik.com\/ar\/","title":{"rendered":"\u062c\u0645\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0635\u062d\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2274\" class=\"elementor elementor-2274\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"porto_stretch_css stretch_row_css elementor-element elementor-element-774ca2d e-con-full e-flex e-con e-parent\" data-id=\"774ca2d\" data-element_type=\"container\" data-e-type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-88d171f elementor-widget elementor-widget-html\" data-id=\"88d171f\" 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<!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>\u0647\u064a\u0644\u062b \u0625\u0633\u062a\u064a\u062a\u064a\u0643 - \u0645\u0631\u0643\u0632 \u062a\u062c\u0645\u064a\u0644 \u0637\u0628\u064a \u0639\u0627\u0644\u0645\u064a \u0627\u0644\u0645\u0633\u062a\u0648\u0649\u060c \u0625\u0633\u0637\u0646\u0628\u0648\u0644<\/title>\n  <meta name=\"description\" content=\"\u0639\u064a\u0627\u062f\u0629 \u0637\u0628\u064a\u0629 \u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u0641\u064a \u0625\u0633\u0637\u0646\u0628\u0648\u0644. \u0623\u0643\u062b\u0631 \u0645\u0646 15 \u0639\u0627\u0645\u064b\u0627 \u0645\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u062c\u0645\u064a\u0644\u064a\u0629\u060c \u0648\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0634\u0639\u0631\u060c \u0648\u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0623\u0633\u0646\u0627\u0646\u060c \u0648\u0627\u0644\u0639\u0644\u0627\u062c\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629.\">\n\n  <!-- Google Fonts -->\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,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n  <!-- Font Awesome for social icons -->\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n  <style>\n    \/* ============================================================\n       DESIGN TOKENS \u2014 HealthEstetik Luxury Redesign\n       ============================================================ *\/\n    :root {\n      \/* Gold palette *\/\n      --gold:         #C9A96E;\n      --gold-light:   #E8D5A3;\n      --gold-lighter: #F2E8D0;\n      --gold-dark:    #9A7A4A;\n      --gold-shine:   #F0D98C;\n\n      \/* Backgrounds *\/\n      --ivory:        #FAFAF6;\n      --cream:        #F5EFE6;\n      --cream-2:      #EDE5D8;\n\n      \/* Dark palette *\/\n      --dark:         #0C0C0C;\n      --dark-2:       #141414;\n      --dark-3:       #1E1E1E;\n      --charcoal:     #2C2C2C;\n\n      \/* Text *\/\n      --text:         #1A1A1A;\n      --text-light:   #555555;\n      --text-muted:   #888888;\n      --white:        #FFFFFF;\n\n      \/* Borders *\/\n      --border-gold:  rgba(201, 169, 110, 0.25);\n      --border-light: rgba(0, 0, 0, 0.08);\n      --border-dark:  rgba(255, 255, 255, 0.1);\n\n      \/* Transitions *\/\n      --ease:         cubic-bezier(0.25, 0.46, 0.45, 0.94);\n      --t:            0.35s var(--ease);\n      --t-fast:       0.2s ease;\n      --t-slow:       0.65s var(--ease);\n\n      \/* Spacing *\/\n      --section-y:    110px;\n      --max-w:        1280px;\n      --max-w-text:   720px;\n\n      \/* Radius *\/\n      --r:            3px;\n      --r-lg:         6px;\n    }\n\n    \/* ============================================================\n       RESET & BASE\n       ============================================================ *\/\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    html {\n      scroll-behavior: smooth;\n      font-size: 16px;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    body {\n      font-family: 'Inter', sans-serif;\n      background-color: var(--ivory);\n      color: var(--text);\n      overflow-x: hidden;\n    }\n\n    img { max-width: 100%; height: auto; display: block; }\n    a  { color: inherit; text-decoration: none; }\n    ul { list-style: none; }\n\n    button {\n      font-family: 'Inter', sans-serif;\n      cursor: pointer;\n      border: none;\n      outline: none;\n    }\n\n    \/* ============================================================\n       TYPOGRAPHY UTILITIES\n       ============================================================ *\/\n    .label {\n      font-family: 'Inter', sans-serif;\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n      color: var(--gold);\n    }\n\n    .label--light { color: var(--gold-light); }\n\n    .heading-xl {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(44px, 6vw, 76px);\n      font-weight: 300;\n      line-height: 1.08;\n      letter-spacing: -0.01em;\n      color: var(--text);\n    }\n\n    .heading-lg {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(34px, 4vw, 54px);\n      font-weight: 300;\n      line-height: 1.15;\n      letter-spacing: -0.01em;\n    }\n\n    .heading-md {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(26px, 3vw, 38px);\n      font-weight: 400;\n      line-height: 1.2;\n    }\n\n    .heading-sm {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(20px, 2vw, 26px);\n      font-weight: 500;\n      line-height: 1.3;\n    }\n\n    .body-lg {\n      font-size: 17px;\n      font-weight: 300;\n      line-height: 1.75;\n      color: var(--text-light);\n    }\n\n    .body {\n      font-size: 15px;\n      font-weight: 400;\n      line-height: 1.7;\n      color: var(--text-light);\n    }\n\n    .italic { font-style: italic; }\n    .gold   { color: var(--gold); }\n    .white  { color: var(--white); }\n\n    \/* ============================================================\n       LAYOUT UTILITIES\n       ============================================================ *\/\n    .container {\n      width: 100%;\n      max-width: var(--max-w);\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    .section {\n      padding: var(--section-y) 0;\n    }\n\n    .section-header {\n      margin-bottom: 64px;\n    }\n\n    .section-header .label {\n      display: inline-block;\n      margin-bottom: 18px;\n    }\n\n    .section-header .heading-lg {\n      max-width: var(--max-w-text);\n    }\n\n    .section-header--center {\n      text-align: center;\n    }\n\n    .section-header--center .heading-lg {\n      margin: 0 auto;\n    }\n\n    .gold-line {\n      display: block;\n      width: 48px;\n      height: 1px;\n      background: var(--gold);\n      margin-top: 28px;\n    }\n\n    .gold-line--center { margin: 28px auto 0; }\n\n    \/* ============================================================\n       BUTTONS\n       ============================================================ *\/\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      font-family: 'Inter', sans-serif;\n      font-size: 12px;\n      font-weight: 500;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      padding: 16px 36px;\n      border-radius: var(--r);\n      transition: var(--t);\n      cursor: pointer;\n      white-space: nowrap;\n    }\n\n    .btn-gold {\n      background: var(--gold);\n      color: var(--dark);\n      border: 1px solid var(--gold);\n    }\n\n    .btn-gold:hover {\n      background: var(--gold-dark);\n      border-color: var(--gold-dark);\n      transform: translateY(-1px);\n      box-shadow: 0 8px 32px rgba(201, 169, 110, 0.25);\n    }\n\n    .btn-outline {\n      background: transparent;\n      color: var(--white);\n      border: 1px solid rgba(255,255,255,0.45);\n    }\n\n    .btn-outline:hover {\n      border-color: var(--gold);\n      color: var(--gold);\n      transform: translateY(-1px);\n    }\n\n    .btn-outline-dark {\n      background: transparent;\n      color: var(--text);\n      border: 1px solid var(--border-light);\n    }\n\n    .btn-outline-dark:hover {\n      border-color: var(--gold);\n      color: var(--gold);\n    }\n\n    .btn-outline-gold {\n      background: transparent;\n      color: var(--gold);\n      border: 1px solid var(--gold);\n    }\n\n    .btn-outline-gold:hover {\n      background: var(--gold);\n      color: var(--dark);\n    }\n\n    .btn-whatsapp {\n      background: #25D366;\n      color: var(--white);\n      border: 1px solid #25D366;\n    }\n\n    .btn-whatsapp:hover {\n      background: #1da851;\n      border-color: #1da851;\n      transform: translateY(-1px);\n      box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);\n    }\n\n    \/* Text link style *\/\n    .link-arrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n      font-weight: 500;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--gold);\n      transition: var(--t-fast);\n    }\n\n    .link-arrow svg { transition: transform var(--t-fast); }\n\n    .link-arrow:hover { color: var(--gold-dark); }\n    .link-arrow:hover svg { transform: translateX(4px); }\n\n\n    \/* ============================================================\n       SECTION 1 \u2014 HERO\n       ============================================================ *\/\n    #hero {\n      position: relative;\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      background-color: var(--dark);\n      overflow: hidden;\n    }\n\n    \/* Replace this with your actual hero image in WordPress\/Elementor *\/\n    #hero::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(ellipse 80% 60% at 65% 40%, rgba(201,169,110,0.07) 0%, transparent 70%),\n        linear-gradient(135deg, #0C0C0C 0%, #1A1512 50%, #0C0C0C 100%);\n      z-index: 1;\n    }\n\n    \/* Subtle grid texture *\/\n    #hero::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(rgba(201,169,110,0.04) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(201,169,110,0.04) 1px, transparent 1px);\n      background-size: 60px 60px;\n      z-index: 1;\n    }\n\n    \/* \u2500\u2500 HERO IMAGE LAYER (replace this in Elementor with real photo) \u2500\u2500 *\/\n    .hero-image-bg {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      background-image: url('https:\/\/healthestetik.com\/wp-content\/uploads\/2024\/11\/2024-08-26.webp');\n      background-size: cover;\n      background-position: center 30%;\n    }\n\n    .hero-image-bg::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to right, rgba(12,12,12,0.88) 45%, rgba(12,12,12,0.55) 70%, rgba(12,12,12,0.3) 100%);\n    }\n\n    .hero-inner {\n      position: relative;\n      z-index: 2;\n      width: 100%;\n      max-width: var(--max-w);\n      margin: 0 auto;\n      padding: 160px 40px 120px;\n    }\n\n    .hero-tag {\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n      margin-bottom: 32px;\n    }\n\n    .hero-tag span {\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.24em;\n      text-transform: uppercase;\n      color: var(--gold-light);\n    }\n\n    .hero-tag::before, .hero-tag::after {\n      content: '';\n      display: block;\n      height: 1px;\n      background: var(--gold);\n      opacity: 0.5;\n    }\n\n    .hero-tag::before { width: 28px; }\n    .hero-tag::after  { width: 28px; }\n\n    .hero-headline {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(52px, 7.5vw, 100px);\n      font-weight: 300;\n      line-height: 1.02;\n      letter-spacing: -0.02em;\n      color: var(--white);\n      margin-bottom: 28px;\n      max-width: 720px;\n    }\n\n    .hero-headline em {\n      font-style: italic;\n      color: var(--gold-light);\n    }\n\n    .hero-subtext {\n      font-size: 16px;\n      font-weight: 300;\n      line-height: 1.7;\n      color: rgba(255,255,255,0.65);\n      max-width: 420px;\n      margin-bottom: 48px;\n    }\n\n    .hero-ctas {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      flex-wrap: wrap;\n      margin-bottom: 72px;\n    }\n\n    .hero-trust {\n      display: flex;\n      align-items: center;\n      gap: 32px;\n      padding-top: 32px;\n      border-top: 1px solid rgba(255,255,255,0.08);\n      flex-wrap: wrap;\n    }\n\n    .hero-trust-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .hero-trust-item svg { color: var(--gold); }\n\n    .hero-trust-item span {\n      font-size: 13px;\n      font-weight: 300;\n      color: rgba(255,255,255,0.55);\n      letter-spacing: 0.03em;\n    }\n\n    \/* Scroll indicator *\/\n    .scroll-indicator {\n      position: absolute;\n      bottom: 40px;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 2;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .scroll-indicator span {\n      font-size: 10px;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: rgba(255,255,255,0.35);\n    }\n\n    .scroll-line {\n      width: 1px;\n      height: 50px;\n      background: linear-gradient(to bottom, var(--gold), transparent);\n      animation: scrollPulse 2s ease-in-out infinite;\n    }\n\n    @keyframes scrollPulse {\n      0%, 100% { opacity: 0.3; transform: scaleY(1); }\n      50%       { opacity: 1;   transform: scaleY(0.6); }\n    }\n\n\n    \/* ============================================================\n       SECTION 2 \u2014 STATISTICS BAR\n       ============================================================ *\/\n    #stats {\n      background: var(--white);\n      padding: 0;\n      border-bottom: 1px solid var(--border-light);\n    }\n\n    .stats-inner {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      max-width: var(--max-w);\n      margin: 0 auto;\n      padding: 0 40px;\n    }\n\n    .stat-item {\n      padding: 44px 32px;\n      text-align: center;\n      position: relative;\n    }\n\n    .stat-item + .stat-item::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 1px;\n      height: 40px;\n      background: var(--border-gold);\n    }\n\n    .stat-number {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(36px, 4vw, 52px);\n      font-weight: 300;\n      color: var(--text);\n      line-height: 1;\n      margin-bottom: 8px;\n    }\n\n    .stat-number span {\n      color: var(--gold);\n    }\n\n    .stat-label {\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n    }\n\n\n    \/* ============================================================\n       SECTION 3 \u2014 SERVICES\n       ============================================================ *\/\n    #services {\n      background: var(--ivory);\n    }\n\n    .services-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1px;\n      background: var(--border-light);\n      border: 1px solid var(--border-light);\n    }\n\n    .service-card {\n      background: var(--white);\n      padding: 44px 36px;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      transition: var(--t);\n      position: relative;\n      overflow: hidden;\n      cursor: pointer;\n    }\n\n    .service-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: var(--gold);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform var(--t);\n    }\n\n    .service-card:hover {\n      background: var(--ivory);\n    }\n\n    .service-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .service-icon {\n      width: 44px;\n      height: 44px;\n      color: var(--gold);\n      margin-bottom: 8px;\n    }\n\n    .service-number {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 11px;\n      font-weight: 400;\n      letter-spacing: 0.2em;\n      color: var(--gold);\n      opacity: 0.6;\n    }\n\n    .service-name {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 22px;\n      font-weight: 500;\n      color: var(--text);\n      line-height: 1.2;\n    }\n\n    .service-desc {\n      font-size: 14px;\n      line-height: 1.65;\n      color: var(--text-light);\n      flex: 1;\n    }\n\n    .service-link {\n      margin-top: 8px;\n    }\n\n\n    \/* ============================================================\n       SECTION 4 \u2014 ABOUT \/ PHILOSOPHY\n       ============================================================ *\/\n    #about {\n      background: var(--cream);\n      padding: 0;\n    }\n\n    .about-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      min-height: 600px;\n    }\n\n    \/* \u2500\u2500 IMAGE side: replace gradient with actual photo in Elementor \u2500\u2500 *\/\n    .about-image {\n      position: relative;\n      background: var(--dark-2);\n      overflow: hidden;\n      min-height: 520px;\n    }\n\n    .about-image-bg {\n      position: absolute;\n      inset: 0;\n      background-image: url('https:\/\/healthestetik.com\/wp-content\/uploads\/2024\/11\/2024-08-26-1.webp');\n      background-size: cover;\n      background-position: center;\n    }\n\n    .about-image-overlay {\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to right, transparent 60%, var(--cream));\n    }\n\n    .about-image-badge {\n      position: absolute;\n      bottom: 40px;\n      left: 40px;\n      background: var(--white);\n      padding: 20px 28px;\n      border-left: 3px solid var(--gold);\n    }\n\n    .about-image-badge .badge-number {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 42px;\n      font-weight: 300;\n      color: var(--text);\n      line-height: 1;\n    }\n\n    .about-image-badge .badge-text {\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      margin-top: 4px;\n    }\n\n    .about-content {\n      padding: 80px 72px 80px 64px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .about-content .label {\n      margin-bottom: 20px;\n    }\n\n    .about-content .heading-lg {\n      margin-bottom: 28px;\n      color: var(--text);\n    }\n\n    .about-content .body-lg {\n      margin-bottom: 40px;\n    }\n\n    .about-mini-stats {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      margin-bottom: 40px;\n      padding-top: 36px;\n      border-top: 1px solid var(--cream-2);\n    }\n\n    .about-mini-stat .num {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 30px;\n      font-weight: 400;\n      color: var(--text);\n      margin-bottom: 4px;\n    }\n\n    .about-mini-stat .num span { color: var(--gold); }\n\n    .about-mini-stat .lbl {\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n    }\n\n\n    \/* ============================================================\n       SECTION 5 \u2014 FEATURED TREATMENTS (dark)\n       ============================================================ *\/\n    #treatments {\n      background: var(--dark-2);\n    }\n\n    #treatments .label--light {\n      margin-bottom: 20px;\n    }\n\n    #treatments .heading-lg {\n      color: var(--white);\n      margin-bottom: 64px;\n    }\n\n    .treatments-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }\n\n    .treatment-card {\n      position: relative;\n      overflow: hidden;\n      background: var(--dark-3);\n      border: 1px solid rgba(201,169,110,0.12);\n      transition: var(--t);\n      cursor: pointer;\n    }\n\n    .treatment-card:hover {\n      border-color: rgba(201,169,110,0.35);\n      transform: translateY(-4px);\n      box-shadow: 0 24px 60px rgba(0,0,0,0.4);\n    }\n\n    \/* \u2500\u2500 Replace this with actual treatment photo in Elementor \u2500\u2500 *\/\n    .treatment-img {\n      height: 280px;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .treatment-img-bg {\n      position: absolute;\n      inset: 0;\n      background-size: cover;\n      background-position: center;\n      transition: transform var(--t-slow);\n    }\n\n    .treatment-img-bg.t1 {\n      background-image: url('https:\/\/healthestetik.com\/wp-content\/uploads\/2024\/12\/120492699_l_normal_none-scaled.webp');\n      background-size: cover;\n      background-position: center top;\n    }\n\n    .treatment-img-bg.t2 {\n      background-image: url('https:\/\/healthestetik.com\/wp-content\/uploads\/2024\/12\/man-going-through-follicular-unit-extraction-process_18737148-scaled.jpg');\n      background-size: cover;\n      background-position: center;\n    }\n\n    .treatment-img-bg.t3 {\n      background-image: url('https:\/\/healthestetik.com\/wp-content\/uploads\/2024\/12\/cropped-view-of-smiling-woman-holding-teeth-color-2023-11-27-05-14-25-utc-copy.webp');\n      background-size: cover;\n      background-position: center;\n    }\n\n    .treatment-card:hover .treatment-img-bg {\n      transform: scale(1.05);\n    }\n\n    .treatment-img::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to bottom, transparent 40%, var(--dark-3));\n    }\n\n    .treatment-tag {\n      position: absolute;\n      top: 20px;\n      left: 20px;\n      z-index: 1;\n      background: rgba(201,169,110,0.15);\n      border: 1px solid rgba(201,169,110,0.3);\n      padding: 6px 14px;\n      font-size: 10px;\n      font-weight: 500;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--gold-light);\n    }\n\n    .treatment-body {\n      padding: 28px 28px 32px;\n    }\n\n    .treatment-name {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 24px;\n      font-weight: 400;\n      color: var(--white);\n      line-height: 1.2;\n      margin-bottom: 12px;\n    }\n\n    .treatment-desc {\n      font-size: 14px;\n      line-height: 1.65;\n      color: rgba(255,255,255,0.5);\n      margin-bottom: 20px;\n    }\n\n    .treatment-link {\n      color: var(--gold);\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      transition: var(--t-fast);\n    }\n\n    .treatment-link svg { transition: transform var(--t-fast); }\n\n    .treatment-link:hover { color: var(--gold-light); }\n    .treatment-link:hover svg { transform: translateX(4px); }\n\n\n    \/* ============================================================\n       SECTION 6 \u2014 WHY CHOOSE US\n       ============================================================ *\/\n    #why {\n      background: var(--white);\n    }\n\n    .why-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 2px;\n      margin-top: 64px;\n      background: var(--border-light);\n      border: 1px solid var(--border-light);\n    }\n\n    .why-item {\n      background: var(--white);\n      padding: 48px 44px;\n      transition: background var(--t-fast);\n    }\n\n    .why-item:hover {\n      background: var(--ivory);\n    }\n\n    .why-icon {\n      width: 52px;\n      height: 52px;\n      border: 1px solid var(--border-gold);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--gold);\n      margin-bottom: 24px;\n    }\n\n    .why-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 22px;\n      font-weight: 500;\n      color: var(--text);\n      margin-bottom: 12px;\n    }\n\n    .why-desc {\n      font-size: 14px;\n      line-height: 1.7;\n      color: var(--text-light);\n    }\n\n\n    \/* ============================================================\n       SECTION 7 \u2014 PATIENT JOURNEY\n       ============================================================ *\/\n    #journey {\n      background: var(--cream);\n    }\n\n    .journey-steps {\n      display: grid;\n      grid-template-columns: repeat(5, 1fr);\n      gap: 0;\n      position: relative;\n      margin-top: 64px;\n    }\n\n    .journey-steps::before {\n      content: '';\n      position: absolute;\n      top: 22px;\n      left: calc(10% + 22px);\n      right: calc(10% + 22px);\n      height: 1px;\n      background: var(--gold);\n      opacity: 0.3;\n    }\n\n    .journey-step {\n      text-align: center;\n      padding: 0 16px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .step-number {\n      width: 44px;\n      height: 44px;\n      border-radius: 50%;\n      background: var(--cream-2);\n      border: 1px solid var(--gold);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 18px;\n      font-weight: 400;\n      color: var(--gold);\n      position: relative;\n      z-index: 1;\n      flex-shrink: 0;\n    }\n\n    .step-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 17px;\n      font-weight: 500;\n      color: var(--text);\n      line-height: 1.3;\n    }\n\n    .step-desc {\n      font-size: 13px;\n      line-height: 1.6;\n      color: var(--text-muted);\n    }\n\n\n    \/* ============================================================\n       SECTION 8 \u2014 TESTIMONIALS\n       ============================================================ *\/\n    #testimonials {\n      background: var(--ivory);\n    }\n\n    .testimonials-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      margin-top: 64px;\n    }\n\n    .testimonial-card {\n      background: var(--white);\n      padding: 40px 36px;\n      border: 1px solid var(--border-light);\n      position: relative;\n      transition: var(--t);\n    }\n\n    .testimonial-card:hover {\n      border-color: var(--border-gold);\n      box-shadow: 0 12px 48px rgba(201,169,110,0.08);\n    }\n\n    .testimonial-quote-mark {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 80px;\n      line-height: 0.6;\n      color: var(--gold);\n      opacity: 0.25;\n      font-weight: 300;\n      margin-bottom: 20px;\n    }\n\n    .testimonial-stars {\n      display: flex;\n      gap: 3px;\n      margin-bottom: 20px;\n    }\n\n    .testimonial-stars svg {\n      width: 15px;\n      height: 15px;\n      fill: var(--gold);\n      color: var(--gold);\n    }\n\n    .testimonial-text {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 18px;\n      font-weight: 400;\n      font-style: italic;\n      line-height: 1.6;\n      color: var(--text);\n      margin-bottom: 28px;\n    }\n\n    .testimonial-author {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      padding-top: 24px;\n      border-top: 1px solid var(--border-light);\n    }\n\n    .author-avatar {\n      width: 42px;\n      height: 42px;\n      border-radius: 50%;\n      background: var(--cream-2);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 18px;\n      font-weight: 500;\n      color: var(--gold-dark);\n      flex-shrink: 0;\n    }\n\n    .author-name {\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--text);\n    }\n\n    .author-detail {\n      font-size: 12px;\n      color: var(--text-muted);\n      margin-top: 2px;\n    }\n\n    .google-rating-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      background: var(--white);\n      border: 1px solid var(--border-gold);\n      padding: 16px 28px;\n      margin-top: 52px;\n    }\n\n    .rating-logo {\n      font-size: 13px;\n      font-weight: 600;\n      color: #4285f4;\n    }\n\n    .rating-logo span:nth-child(2) { color: #ea4335; }\n    .rating-logo span:nth-child(3) { color: #fbbc04; }\n    .rating-logo span:nth-child(4) { color: #4285f4; }\n    .rating-logo span:nth-child(5) { color: #34a853; }\n    .rating-logo span:nth-child(6) { color: #ea4335; }\n\n    .rating-score {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 28px;\n      font-weight: 400;\n      color: var(--text);\n    }\n\n    .rating-info {\n      font-size: 12px;\n      color: var(--text-muted);\n    }\n\n\n    \/* ============================================================\n       SECTION 9 \u2014 CTA DARK\n       ============================================================ *\/\n    #cta-main {\n      background: var(--dark);\n      position: relative;\n      overflow: hidden;\n    }\n\n    #cta-main::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(ellipse 60% 80% at 50% 50%, rgba(201,169,110,0.06) 0%, transparent 70%);\n    }\n\n    #cta-main::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: linear-gradient(to right, transparent, var(--gold), transparent);\n    }\n\n    .cta-inner {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n      max-width: 680px;\n      margin: 0 auto;\n    }\n\n    .cta-inner .label--light { margin-bottom: 24px; }\n\n    .cta-heading {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(40px, 5vw, 64px);\n      font-weight: 300;\n      color: var(--white);\n      line-height: 1.1;\n      margin-bottom: 20px;\n    }\n\n    .cta-heading em {\n      font-style: italic;\n      color: var(--gold-light);\n    }\n\n    .cta-subtext {\n      font-size: 15px;\n      font-weight: 300;\n      color: rgba(255,255,255,0.5);\n      margin-bottom: 44px;\n      line-height: 1.7;\n    }\n\n    .cta-buttons {\n      display: flex;\n      justify-content: center;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .cta-phone {\n      margin-top: 36px;\n      font-size: 13px;\n      color: rgba(255,255,255,0.35);\n      letter-spacing: 0.05em;\n    }\n\n    .cta-phone a {\n      color: var(--gold-light);\n      transition: var(--t-fast);\n    }\n\n    .cta-phone a:hover { color: var(--gold); }\n\n\n    \/* ============================================================\n       SECTION 10 \u2014 APPOINTMENT FORM\n       ============================================================ *\/\n    #appointment {\n      background: var(--cream);\n    }\n\n    .appointment-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: start;\n    }\n\n    .appointment-info .heading-md {\n      color: var(--text);\n      margin-bottom: 20px;\n    }\n\n    .appointment-info .body-lg {\n      margin-bottom: 36px;\n    }\n\n    .appt-detail {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      margin-bottom: 20px;\n    }\n\n    .appt-detail-icon {\n      width: 36px;\n      height: 36px;\n      border: 1px solid var(--border-gold);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--gold);\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .appt-detail-text {\n      font-size: 14px;\n      color: var(--text-light);\n      line-height: 1.5;\n    }\n\n    .appt-detail-text strong {\n      display: block;\n      font-weight: 500;\n      color: var(--text);\n      font-size: 13px;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      margin-bottom: 3px;\n    }\n\n    \/* Form *\/\n    .appointment-form {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n\n    .form-row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n    }\n\n    .form-group {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .form-label {\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n    }\n\n    .form-input,\n    .form-select,\n    .form-textarea {\n      width: 100%;\n      padding: 14px 18px;\n      background: var(--white);\n      border: 1px solid var(--border-light);\n      color: var(--text);\n      font-family: 'Inter', sans-serif;\n      font-size: 14px;\n      font-weight: 300;\n      outline: none;\n      transition: border-color var(--t-fast);\n      border-radius: var(--r);\n    }\n\n    .form-select {\n      appearance: none;\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n      background-repeat: no-repeat;\n      background-position: right 16px center;\n      padding-right: 40px;\n      cursor: pointer;\n    }\n\n    .form-textarea {\n      min-height: 120px;\n      resize: vertical;\n    }\n\n    .form-input:focus,\n    .form-select:focus,\n    .form-textarea:focus {\n      border-color: var(--gold);\n    }\n\n    .form-note {\n      font-size: 12px;\n      color: var(--text-muted);\n      line-height: 1.5;\n    }\n\n\n    \/* ============================================================\n       SECTION 11 \u2014 PARTNERS\n       ============================================================ *\/\n    #partners {\n      background: var(--white);\n      padding: 60px 0;\n    }\n\n    .partners-label {\n      text-align: center;\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      margin-bottom: 36px;\n    }\n\n    .partners-track {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 48px;\n      flex-wrap: wrap;\n    }\n\n    .partner-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      opacity: 0.45;\n      transition: opacity var(--t-fast);\n      cursor: default;\n    }\n\n    .partner-item:hover { opacity: 0.7; }\n\n    .partner-name {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 18px;\n      font-weight: 500;\n      color: var(--charcoal);\n      letter-spacing: 0.05em;\n    }\n\n    .partner-dot {\n      width: 4px;\n      height: 4px;\n      border-radius: 50%;\n      background: var(--gold);\n    }\n\n\n    \/* ============================================================\n       RESPONSIVE \u2014 Mobile & Tablet\n       ============================================================ *\/\n    @media (max-width: 1024px) {\n      .container { padding: 0 24px; }\n\n      .stats-inner { grid-template-columns: repeat(2, 1fr); }\n      .stat-item:nth-child(3)::before { display: none; }\n\n      .services-grid { grid-template-columns: repeat(2, 1fr); }\n\n      .about-grid { grid-template-columns: 1fr; }\n      .about-image { min-height: 380px; }\n      .about-content { padding: 60px 40px; }\n      .about-image-overlay { background: none; }\n\n      .treatments-grid { grid-template-columns: repeat(2, 1fr); }\n      .treatments-grid .treatment-card:last-child { display: none; }\n\n      .why-grid { grid-template-columns: 1fr; }\n\n      .journey-steps {\n        grid-template-columns: 1fr;\n        gap: 32px;\n      }\n      .journey-steps::before { display: none; }\n      .journey-step { flex-direction: row; text-align: left; }\n\n      .testimonials-grid { grid-template-columns: 1fr; }\n\n      .appointment-grid { grid-template-columns: 1fr; gap: 48px; }\n    }\n\n    @media (max-width: 768px) {\n      :root { --section-y: 72px; }\n\n      .container { padding: 0 20px; }\n\n      .hero-inner { padding: 130px 20px 80px; }\n\n      .stats-inner { grid-template-columns: repeat(2, 1fr); }\n      .stat-item { padding: 28px 20px; }\n\n      .services-grid { grid-template-columns: 1fr; }\n\n      .form-row { grid-template-columns: 1fr; }\n\n      .treatments-grid { grid-template-columns: 1fr; }\n      .treatments-grid .treatment-card:last-child { display: block; }\n\n      .hero-trust { gap: 18px; }\n      .hero-ctas { flex-direction: column; align-items: flex-start; }\n\n      .about-mini-stats { grid-template-columns: repeat(3, 1fr); }\n      .about-content { padding: 48px 20px; }\n\n      .why-item { padding: 36px 28px; }\n\n      .section-header { margin-bottom: 40px; }\n    }\n\n    \/* ============================================================\n       SCROLL REVEAL ANIMATION\n       ============================================================ *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(28px);\n      transition: opacity 0.65s var(--ease), transform 0.65s var(--ease);\n    }\n\n    .reveal.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .reveal-delay-1 { transition-delay: 0.1s; }\n    .reveal-delay-2 { transition-delay: 0.2s; }\n    .reveal-delay-3 { transition-delay: 0.3s; }\n    .reveal-delay-4 { transition-delay: 0.4s; }\n    .reveal-delay-5 { transition-delay: 0.5s; }\n    \n  <\/style>\n<\/head>\n\n<body>\n\n<!-- ================================================================\n     SECTION 1 \u2014 HERO\n     Replace .hero-image-bg background with your actual photo\n     In Elementor: set section background image to your hero photo\n     ================================================================ -->\n<section id=\"hero\">\n  <div class=\"hero-image-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"hero-inner\">\n\n    <div class=\"hero-tag\">\n      <span>\u0625\u0633\u0637\u0646\u0628\u0648\u0644 - \u062a\u0631\u0643\u064a\u0627<\/span>\n    <\/div>\n\n    <h1 class=\"hero-headline\">\n      \u062d\u064a\u062b \u0627\u0644\u062c\u0645\u0627\u0644<br>\n      <em>\u064a\u0644\u0628\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062f\u0642\u0629.<\/em>\n    <\/h1>\n\n    <p class=\"hero-subtext\">\n      \u062e\u062f\u0645\u0627\u062a \u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u0648\u062c\u0631\u0627\u062d\u0629 \u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u0649\u060c \u064a\u0642\u0648\u0645 \u0628\u0647\u0627 \u0623\u0643\u062b\u0631 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u062b\u0642\u0629 \u0641\u064a \u0625\u0633\u0637\u0646\u0628\u0648\u0644 - \u0645\u0639 \u0623\u0643\u062b\u0631 \u0645\u0646 15 \u0639\u0627\u0645\u064b\u0627 \u0645\u0646 \u062a\u063a\u064a\u064a\u0631 \u062d\u064a\u0627\u0629 \u0627\u0644\u0646\u0627\u0633.\n    <\/p>\n\n    <div class=\"hero-ctas\">\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=905385888050&amp;text=I want to Get a Free Quote\" class=\"btn btn-gold\" target=\"_blank\" rel=\"noopener\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><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 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-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 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.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 005.683 1.448h.005c6.554 0 11.890-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n        \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\n      <\/a>\n      <a href=\"#services\" class=\"btn btn-outline\">\n        \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n    <div class=\"hero-trust\">\n      <div class=\"hero-trust-item\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <span>\u0627\u0644\u062c\u0631\u0627\u062d\u0648\u0646 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0648\u0646<\/span>\n      <\/div>\n      <div class=\"hero-trust-item\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        <span>\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0639\u0631\u0636 \u0633\u0639\u0631<\/span>\n      <\/div>\n      <div class=\"hero-trust-item\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><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        <span>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0644\u0643\u0628\u0627\u0631 \u0627\u0644\u0634\u062e\u0635\u064a\u0627\u062a<\/span>\n      <\/div>\n      <div class=\"hero-trust-item\">\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><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\"\/><\/svg>\n        <span>\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u00b7 \u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629 \u00b7 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u00b7 \u0627\u0644\u062a\u0631\u0643\u064a\u0629<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"scroll-indicator\" aria-hidden=\"true\">\n    <div class=\"scroll-line\"><\/div>\n    <span>\u0645\u0631\u0631 \u0644\u0623\u0633\u0641\u0644<\/span>\n  <\/div>\n<\/section>\n\n\n<!-- ================================================================\n     SECTION 2 \u2014 STATISTICS BAR\n     ================================================================ -->\n<section id=\"stats\">\n  <div class=\"stats-inner\">\n    <div class=\"stat-item reveal\">\n      <div class=\"stat-number\"><span class=\"counter\" data-target=\"15\">0<\/span><span>+<\/span><\/div>\n      <div class=\"stat-label\">\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062a\u0645\u064a\u0632<\/div>\n    <\/div>\n    <div class=\"stat-item reveal reveal-delay-1\">\n      <div class=\"stat-number\"><span class=\"counter\" data-target=\"50\">0<\/span><span>K+<\/span><\/div>\n      <div class=\"stat-label\">\u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u062a\u0645 \u0639\u0644\u0627\u062c\u0647\u0645<\/div>\n    <\/div>\n    <div class=\"stat-item reveal reveal-delay-2\">\n      <div class=\"stat-number\"><span class=\"counter\" data-target=\"98\">0<\/span><span>%<\/span><\/div>\n      <div class=\"stat-label\">\u0631\u0636\u0627 \u0627\u0644\u0645\u0631\u0636\u0649<\/div>\n    <\/div>\n    <div class=\"stat-item reveal reveal-delay-3\">\n      <div class=\"stat-number\"><span class=\"counter\" data-target=\"12\">0<\/span><span>+<\/span><\/div>\n      <div class=\"stat-label\">\u0627\u0644\u062f\u0648\u0644 \u0627\u0644\u062a\u064a \u0646\u062e\u062f\u0645\u0647\u0627<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ================================================================\n     SECTION 3 \u2014 SERVICES\n     ================================================================ -->\n<section id=\"services\" class=\"section\">\n  <div class=\"container\">\n    <div class=\"section-header reveal\">\n      <span class=\"label\">\u062a\u062e\u0635\u0635\u0627\u062a\u0646\u0627<\/span>\n      <h2 class=\"heading-lg\">\u0645\u062c\u0645\u0648\u0639\u0629 \u0643\u0627\u0645\u0644\u0629 \u0645\u0646<br><em>\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062c\u0645\u0627\u0644\u064a<\/em><\/h2>\n      <span class=\"gold-line\"><\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"container\">\n    <div class=\"services-grid reveal\">\n\n      <!-- Hair Transplant -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">01<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\">\n            <path d=\"M22 8c0 0-6 4-6 10s3 8 6 8 6-2 6-8-6-10-6-10z\"\/>\n            <path d=\"M16 26c-3 2-5 5-5 10h22c0-5-2-8-5-10\"\/>\n            <path d=\"M19 18v8M25 18v8\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-name\">\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0634\u0639\u0631<\/h3>\n        <p class=\"service-desc\">\u062a\u0642\u0646\u064a\u0627\u062a FUE \u0648 DHI \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u0648\u0641\u0631 \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u062f\u0627\u0626\u0645\u0629 \u0644\u0644\u0634\u0639\u0631 \u0628\u0645\u0638\u0647\u0631 \u0637\u0628\u064a\u0639\u064a \u0644\u0644\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621.<\/p>\n        <a href=\"https:\/\/healthestetik.com\/ar\/%d8%b2%d8%b1%d8%a7%d8%b9%d8%a9-%d8%a7%d9%84%d8%b4%d8%b9%d8%b1\/\" class=\"link-arrow service-link\">\n          \u064a\u0643\u062a\u0634\u0641\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/div>\n\n      <!-- Plastic Surgery -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">02<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\">\n            <path d=\"M22 6c-4 0-8 4-8 10s3 8 8 8 8-4 8-10-4-8-8-8z\"\/>\n            <path d=\"M14 24c-4 3-6 6-6 12h28c0-6-2-9-6-12\"\/>\n            <path d=\"M18 16h8\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-name\">\u062c\u0631\u0627\u062d\u0629 \u062a\u062c\u0645\u064a\u0644\u064a\u0629<\/h3>\n        <p class=\"service-desc\">\u0639\u0645\u0644\u064a\u0627\u062a \u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0623\u0646\u0641\u060c \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062b\u062f\u064a\u060c \u0648\u0634\u062f \u0627\u0644\u0648\u062c\u0647\u060c \u0648\u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u062c\u0641\u0648\u0646 - \u0641\u0646 \u062c\u0631\u0627\u062d\u064a \u062f\u0642\u064a\u0642 \u0639\u0644\u0649 \u064a\u062f \u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0645\u0639\u062a\u0645\u062f\u064a\u0646 \u0645\u0646 \u0627\u0644\u0645\u062c\u0644\u0633.<\/p>\n        <a href=\"https:\/\/healthestetik.com\/ar\/%d8%ac%d8%b1%d8%a7%d8%ad%d8%a9-%d8%aa%d8%ac%d9%85%d9%8a%d9%84%d9%8a%d8%a9\/\" class=\"link-arrow service-link\">\n          \u064a\u0643\u062a\u0634\u0641\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/div>\n\n      <!-- Dental Aesthetics -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">03<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\">\n            <path d=\"M16 8c-3 0-6 3-6 7 0 5 2 9 4 15h4l4-12 4 12h4c2-6 4-10 4-15 0-4-3-7-6-7-2 0-4 1-4 1s-2-1-4-1z\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-name\">\u062c\u0645\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0623\u0633\u0646\u0627\u0646<\/h3>\n        <p class=\"service-desc\">\u0627\u0628\u062a\u0633\u0627\u0645\u0629 \u0647\u0648\u0644\u064a\u0648\u0648\u062f\u060c \u0642\u0634\u0648\u0631 \u0627\u0644\u0628\u0648\u0631\u0633\u0644\u064a\u0646\u060c \u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0623\u0633\u0646\u0627\u0646\u060c \u0648\u0627\u0644\u062a\u0628\u064a\u064a\u0636 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0628\u062a\u0633\u0627\u0645\u0629 \u0645\u0634\u0631\u0642\u0629 \u0648\u0648\u0627\u062b\u0642\u0629.<\/p>\n        <a href=\"https:\/\/healthestetik.com\/ar\/%d8%ac%d9%85%d8%a7%d9%84%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d8%b3%d9%86%d8%a7%d9%86\/\" class=\"link-arrow service-link\">\n          \u064a\u0643\u062a\u0634\u0641\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/div>\n\n      <!-- Non-Surgical -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">04<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\">\n            <path d=\"M28 8l-2 2-14 14 2 6 6 2 14-14 2-2-4-4-4-4z\"\/>\n            <path d=\"M14 24l6 6\"\/>\n            <path d=\"M26 10l4 4\"\/>\n            <circle cx=\"12\" cy=\"36\" r=\"2\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-name\">\u0627\u0644\u062a\u062c\u0645\u064a\u0644 \u063a\u064a\u0631 \u0627\u0644\u062c\u0631\u0627\u062d\u064a<\/h3>\n        <p class=\"service-desc\">\u0628\u0648\u062a\u0648\u0643\u0633 \u0645\u0645\u062a\u0627\u0632\u060c \u0648\u062d\u0634\u0648\u0627\u062a \u062c\u0644\u062f\u064a\u0629\u060c \u0648\u0628\u0644\u0627\u0632\u0645\u0627 \u063a\u0646\u064a\u0629 \u0628\u0627\u0644\u0635\u0641\u0627\u0626\u062d \u0627\u0644\u062f\u0645\u0648\u064a\u0629\u060c \u0648\u062a\u062c\u062f\u064a\u062f \u0627\u0644\u0628\u0634\u0631\u0629 \u0628\u0627\u0644\u0644\u064a\u0632\u0631\u060c \u0648\u0639\u0644\u0627\u062c\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0644\u0628\u0634\u0631\u0629 - \u0628\u062f\u0648\u0646 \u062c\u0631\u0627\u062d\u0629\u060c \u0646\u062a\u0627\u0626\u062c \u0641\u0648\u0631\u064a\u0629.<\/p>\n        <a href=\"https:\/\/healthestetik.com\/ar\/non-surgical-aesthetic\/\" class=\"link-arrow service-link\">\n          \u064a\u0643\u062a\u0634\u0641\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/div>\n\n      <!-- Obesity Surgery -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">05<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\">\n            <path d=\"M22 10c-6 0-10 5-10 10 0 4 2 8 6 10l2 6h4l2-6c4-2 6-6 6-10 0-5-4-10-10-10z\"\/>\n            <path d=\"M18 20h8M22 16v8\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-name\">\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0633\u0645\u0646\u0629<\/h3>\n        <p class=\"service-desc\">\u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0643\u0645\u064a\u0645 \u0627\u0644\u0645\u0639\u062f\u0629\u060c \u0648\u062a\u062d\u0648\u064a\u0644 \u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u0639\u062f\u0629\u060c \u0648\u0627\u0633\u062a\u0626\u0635\u0627\u0644 \u0627\u0644\u0645\u0639\u062f\u0629 \u0628\u0627\u0644\u0628\u0627\u0644\u0648\u0646\u060c \u062a\u064f\u062c\u0631\u0649 \u0641\u064a \u0645\u0631\u0627\u0641\u0642 \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0645\u0639\u062a\u0645\u062f\u0629 \u062f\u0648\u0644\u064a\u064b\u0627.<\/p>\n        <a href=\"https:\/\/healthestetik.com\/ar\/%d8%ac%d8%b1%d8%a7%d8%ad%d8%a9-%d8%a7%d9%84%d8%b3%d9%85%d9%86%d8%a9\/\" class=\"link-arrow service-link\">\n          \u064a\u0643\u062a\u0634\u0641\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/div>\n\n      <!-- Body Contouring -->\n      <div class=\"service-card\">\n        <div class=\"service-number\">06<\/div>\n        <div class=\"service-icon\">\n          <svg viewbox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\">\n            <ellipse cx=\"22\" cy=\"12\" rx=\"5\" ry=\"6\"\/>\n            <path d=\"M14 36V28c0-4 4-8 8-8s8 4 8 8v8\"\/>\n            <path d=\"M8 36l6-10M36 36l-6-10\"\/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"service-name\">\u0646\u062d\u062a \u0627\u0644\u062c\u0633\u0645<\/h3>\n        <p class=\"service-desc\">\u0639\u0645\u0644\u064a\u0627\u062a \u0634\u0641\u0637 \u0627\u0644\u062f\u0647\u0648\u0646\u060c \u0648\u0631\u0641\u0639 \u0627\u0644\u0645\u0624\u062e\u0631\u0629 \u0627\u0644\u0628\u0631\u0627\u0632\u064a\u0644\u064a\u0629\u060c \u0648\u0634\u062f \u0627\u0644\u0628\u0637\u0646\u060c \u0648\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0646\u062d\u062a \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0642\u0648\u0627\u0645\u0643 \u0627\u0644\u0645\u062b\u0627\u0644\u064a.<\/p>\n        <a href=\"https:\/\/healthestetik.com\/ar\/buttocks-augmentation\/\" class=\"link-arrow service-link\">\n          \u064a\u0643\u062a\u0634\u0641\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ================================================================\n     SECTION 4 \u2014 ABOUT\n     Replace .about-image-bg with your actual clinic photo\n     ================================================================ -->\n<section id=\"about\">\n  <div class=\"about-grid\">\n\n    <!-- Image column -->\n    <div class=\"about-image\" aria-hidden=\"true\">\n      <div class=\"about-image-bg\">\n        <!-- In Elementor: set background image to your clinic photo here -->\n      <\/div>\n      <div class=\"about-image-overlay\"><\/div>\n      <div class=\"about-image-badge\">\n        <div class=\"badge-number\">2009<\/div>\n        <div class=\"badge-text\">\u062a\u0623\u0633\u0633\u062a \u0641\u064a \u0625\u0633\u0637\u0646\u0628\u0648\u0644<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Content column -->\n    <div class=\"about-content\">\n      <span class=\"label reveal\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0646\u0627<\/span>\n      <h2 class=\"heading-lg reveal reveal-delay-1\" style=\"color: var(--text);\">\n        15 \u0639\u0627\u0645\u064b\u0627 \u0645\u0646<br><em>\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u062d\u064a\u0627\u0629<\/em>\n      <\/h2>\n      <p class=\"body-lg reveal reveal-delay-2\">\n        \u0641\u064a \u0647\u064a\u0644\u062b \u0625\u0633\u062a\u064a\u062a\u064a\u0643\u060c \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0637\u0628 \u0627\u0644\u062a\u062c\u0645\u064a\u0644 \u0647\u0648 \u0639\u0644\u0645 \u0648\u0641\u0646 \u0641\u064a \u0622\u0646 \u0648\u0627\u062d\u062f. \u0645\u0646\u0630 \u0639\u0627\u0645 2009\u060c \u062c\u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0645\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0628\u064a\u0646 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u0646\u0647\u062c \u0627\u0644\u0634\u062e\u0635\u064a \u0627\u0644\u0639\u0645\u064a\u0642\u060c \u0645\u0648\u062c\u0647\u064a\u0646 \u0627\u0644\u0645\u0631\u0636\u0649 \u0645\u0646 \u0623\u0643\u062b\u0631 \u0645\u0646 12 \u062f\u0648\u0644\u0629 \u062e\u0644\u0627\u0644 \u062a\u062d\u0648\u0644\u0627\u062a \u063a\u064a\u0631\u062a \u062d\u064a\u0627\u062a\u0647\u0645.\n      <\/p>\n\n      <div class=\"about-mini-stats reveal reveal-delay-3\">\n        <div class=\"about-mini-stat\">\n          <div class=\"num\">50<span>K+<\/span><\/div>\n          <div class=\"lbl\">\u0625\u062c\u0631\u0627\u0621\u0627\u062a<\/div>\n        <\/div>\n        <div class=\"about-mini-stat\">\n          <div class=\"num\">4.6<span>\u2605<\/span><\/div>\n          <div class=\"lbl\">\u062a\u0642\u064a\u064a\u0645 \u062c\u0648\u062c\u0644<\/div>\n        <\/div>\n        <div class=\"about-mini-stat\">\n          <div class=\"num\">12<span>+<\/span><\/div>\n          <div class=\"lbl\">\u0628\u0644\u062f\u0627\u0646<\/div>\n        <\/div>\n      <\/div>\n\n      <a href=\"https:\/\/healthestetik.com\/ar\/about-us\/\" class=\"link-arrow reveal reveal-delay-4\">\n        \u0642\u0635\u062a\u0646\u0627 \u0648\u0641\u0631\u064a\u0642\u0646\u0627\n        <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ================================================================\n     SECTION 5 \u2014 FEATURED TREATMENTS (dark)\n     Replace treatment-img-bg gradient with actual procedure photos\n     ================================================================ -->\n<section id=\"treatments\" class=\"section\">\n  <div class=\"container\">\n    <div class=\"section-header reveal\">\n      <span class=\"label label--light\">\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0645\u064a\u0632\u0629<\/span>\n      <h2 class=\"heading-lg\" style=\"color: var(--white);\">\n        \u0628\u0635\u0645\u062a\u0646\u0627 \u0627\u0644\u0645\u0645\u064a\u0632\u0629<br><em style=\"color: var(--gold-light);\">\u0627\u0644\u0639\u0644\u0627\u062c\u0627\u062a<\/em>\n      <\/h2>\n    <\/div>\n\n    <div class=\"treatments-grid\">\n\n      <!-- Rhinoplasty -->\n      <div class=\"treatment-card reveal\">\n        <div class=\"treatment-img\">\n          <div class=\"treatment-img-bg t1\">\n            <!-- Replace with: background-image: url('rhinoplasty.jpg') -->\n          <\/div>\n          <span class=\"treatment-tag\">\u062c\u0631\u0627\u062d\u0629 \u062a\u062c\u0645\u064a\u0644\u064a\u0629<\/span>\n        <\/div>\n        <div class=\"treatment-body\">\n          <h3 class=\"treatment-name\">\u0641\u0646\u0651 \u0627\u0644\u0643\u0645\u0627\u0644 \u0627\u0644\u0623\u0646\u0641\u064a<\/h3>\n          <p class=\"treatment-desc\">\u064a\u064f\u062d\u0642\u0642 \u0623\u062e\u0635\u0627\u0626\u064a\u0648 \u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0623\u0646\u0641 \u0627\u0644\u0631\u0627\u0626\u062f\u0648\u0646 \u0641\u064a \u0625\u0633\u0637\u0646\u0628\u0648\u0644 \u0646\u062a\u0627\u0626\u062c \u062a\u064f\u0639\u0632\u0632 \u0627\u0644\u062a\u0646\u0627\u063a\u0645 \u0627\u0644\u0637\u0628\u064a\u0639\u064a - \u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629\u060c \u0648\u0647\u0627\u062f\u0626\u0629\u060c \u0648\u062f\u0627\u0626\u0645\u0629.<\/p>\n          <a href=\"https:\/\/healthestetik.com\/ar\/%d8%b9%d9%85%d9%84%d9%8a%d8%a9-%d8%aa%d8%ac%d9%85%d9%8a%d9%84-%d8%a7%d9%84%d8%a3%d9%86%d9%81\/\" class=\"treatment-link\">\n            \u064a\u062a\u0639\u0644\u0645 \u0623\u0643\u062b\u0631\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Hair Transplant -->\n      <div class=\"treatment-card reveal reveal-delay-1\">\n        <div class=\"treatment-img\">\n          <div class=\"treatment-img-bg t2\">\n            <!-- Replace with: background-image: url('hair-transplant.jpg') -->\n          <\/div>\n          <span class=\"treatment-tag\">\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0634\u0639\u0631<\/span>\n        <\/div>\n        <div class=\"treatment-body\">\n          <h3 class=\"treatment-name\">\u0627\u0633\u062a\u0639\u062f \u062b\u0642\u062a\u0643 \u0628\u0646\u0641\u0633\u0643<\/h3>\n          <p class=\"treatment-desc\">\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0628\u062a\u0642\u0646\u064a\u0629 FUE \u0648 DHI \u0645\u0639 \u062d\u0634\u0648 \u0641\u0627\u0626\u0642 \u0627\u0644\u0643\u062b\u0627\u0641\u0629 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062e\u0637 \u0634\u0639\u0631 \u0637\u0628\u064a\u0639\u064a \u062a\u0645\u0627\u0645\u064b\u0627 \u0648\u062a\u063a\u0637\u064a\u0629 \u0643\u0627\u0645\u0644\u0629.<\/p>\n          <a href=\"https:\/\/healthestetik.com\/ar\/%d8%b2%d8%b1%d8%a7%d8%b9%d8%a9-%d8%a7%d9%84%d8%b4%d8%b9%d8%b1-%d8%a8%d8%aa%d9%82%d9%86%d9%8a%d8%a9-%d8%a7%d9%84%d8%a7%d9%82%d8%aa%d8%b7%d8%a7%d9%81\/\" class=\"treatment-link\">\n            \u064a\u062a\u0639\u0644\u0645 \u0623\u0643\u062b\u0631\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Hollywood Smile -->\n      <div class=\"treatment-card reveal reveal-delay-2\">\n        <div class=\"treatment-img\">\n          <div class=\"treatment-img-bg t3\">\n            <!-- Replace with: background-image: url('dental-smile.jpg') -->\n          <\/div>\n          <span class=\"treatment-tag\">\u062c\u0645\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0623\u0633\u0646\u0627\u0646<\/span>\n        <\/div>\n        <div class=\"treatment-body\">\n          <h3 class=\"treatment-name\">\u0627\u0628\u062a\u0633\u0627\u0645\u0629 \u0647\u0648\u0644\u064a\u0648\u0648\u062f \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629<\/h3>\n          <p class=\"treatment-desc\">\u0642\u0634\u0648\u0631 \u062e\u0632\u0641\u064a\u0629 \u0631\u0642\u064a\u0642\u0629 \u0644\u0644\u063a\u0627\u064a\u0629 \u0648\u062a\u0635\u0645\u064a\u0645 \u0623\u0633\u0646\u0627\u0646 \u0645\u0635\u0645\u0645 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0628\u062a\u0633\u0627\u0645\u0629 \u0645\u0634\u0631\u0642\u0629 \u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0639\u064a\u0648\u0628 \u0648\u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0643\u0627\u0645\u064a\u0631\u0627.<\/p>\n          <a href=\"https:\/\/healthestetik.com\/ar\/%d8%a7%d8%a8%d8%aa%d8%b3%d8%a7%d9%85%d8%a9-%d9%87%d9%88%d9%84%d9%8a%d9%88%d9%88%d8%af\/\" class=\"treatment-link\">\n            \u064a\u062a\u0639\u0644\u0645 \u0623\u0643\u062b\u0631\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ================================================================\n     SECTION 6 \u2014 WHY CHOOSE US\n     ================================================================ -->\n<section id=\"why\" class=\"section\">\n  <div class=\"container\">\n    <div class=\"section-header section-header--center reveal\">\n      <span class=\"label\">\u0644\u0645\u0627\u0630\u0627 \u0647\u064a\u0644\u062b \u0625\u0633\u062a\u064a\u062a\u064a\u0643\u061f<\/span>\n      <h2 class=\"heading-lg\" style=\"text-align: center;\">\n        \u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a<br><em>\u0643\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/em>\n      <\/h2>\n      <span class=\"gold-line gold-line--center\"><\/span>\n    <\/div>\n\n    <div class=\"why-grid reveal\">\n\n      <div class=\"why-item\">\n        <div class=\"why-icon\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M22 10v6M2 10l10-9 10 9\"\/><path d=\"M6 10v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-8\"\/><\/svg>\n        <\/div>\n        <h3 class=\"why-title\">\u062c\u0631\u0627\u062d\u0648\u0646 \u062e\u0628\u0631\u0627\u0621<\/h3>\n        <p class=\"why-desc\">\u064a\u0636\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0631\u0627\u062d\u064a \u062a\u062c\u0645\u064a\u0644 \u0645\u0639\u062a\u0645\u062f\u064a\u0646\u060c \u0648\u0623\u062e\u0635\u0627\u0626\u064a\u064a \u0634\u0639\u0631\u060c \u0648\u062e\u0628\u0631\u0627\u0621 \u0623\u0633\u0646\u0627\u0646\u060c \u0648\u064a\u062a\u0645\u062a\u0639\u0648\u0646 \u0628\u0645\u0624\u0647\u0644\u0627\u062a \u062f\u0648\u0644\u064a\u0629 \u0648\u0639\u0642\u0648\u062f \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629.<\/p>\n      <\/div>\n\n      <div class=\"why-item\">\n        <div class=\"why-icon\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/><\/svg>\n        <\/div>\n        <h3 class=\"why-title\">\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/h3>\n        <p class=\"why-desc\">\u062a\u0636\u0645\u0646 \u063a\u0631\u0641 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629\u060c \u0648\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0631\u0648\u0628\u0648\u062a\u0627\u062a DHI\/FUE\u060c \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0643\u0644 \u0625\u062c\u0631\u0627\u0621.<\/p>\n      <\/div>\n\n      <div class=\"why-item\">\n        <div class=\"why-icon\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <\/div>\n        <h3 class=\"why-title\">\u062a\u062c\u0631\u0628\u0629 \u0643\u0628\u0627\u0631 \u0627\u0644\u0634\u062e\u0635\u064a\u0627\u062a<\/h3>\n        <p class=\"why-desc\">\u0645\u0646 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643 \u0627\u0644\u0623\u0648\u0644 \u0648\u062d\u062a\u0649 \u0645\u062a\u0627\u0628\u0639\u062a\u0643 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629\u060c \u0646\u062a\u0648\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0643\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 - \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0648\u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629 \u0625\u0644\u0649 \u062e\u062f\u0645\u0629 \u0627\u0644\u0643\u0648\u0646\u0633\u064a\u0631\u062c \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u0645\u062e\u0635\u0635\u0629.<\/p>\n      <\/div>\n\n      <div class=\"why-item\">\n        <div class=\"why-icon\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><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\"\/><\/svg>\n        <\/div>\n        <h3 class=\"why-title\">\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u062f\u0648\u0644\u064a<\/h3>\n        <p class=\"why-desc\">\u062a\u0642\u0648\u0645 \u0641\u0631\u0642 \u0645\u062a\u062e\u0635\u0635\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0644\u063a\u0627\u062a \u0628\u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629 \u0648\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0629 \u0628\u0625\u0631\u0634\u0627\u062f\u0643 \u0637\u0648\u0627\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 - \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0644\u0627\u062d\u0642\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u062c\u0644\u060c \u0623\u064a\u0646\u0645\u0627 \u0643\u0646\u062a.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ================================================================\n     SECTION 7 \u2014 PATIENT JOURNEY\n     ================================================================ -->\n<section id=\"journey\" class=\"section\">\n  <div class=\"container\">\n    <div class=\"section-header section-header--center reveal\">\n      <span class=\"label\">\u0643\u064a\u0641 \u064a\u0639\u0645\u0644<\/span>\n      <h2 class=\"heading-lg\" style=\"text-align: center;\">\n        \u0631\u062d\u0644\u062a\u0643<br><em>\u0646\u062d\u0648 \u0627\u0644\u062a\u062d\u0648\u0644<\/em>\n      <\/h2>\n      <span class=\"gold-line gold-line--center\"><\/span>\n    <\/div>\n\n    <div class=\"journey-steps\">\n\n      <div class=\"journey-step reveal\">\n        <div class=\"step-number\">1<\/div>\n        <div>\n          <div class=\"step-title\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/div>\n          <p class=\"step-desc\">\u062a\u0642\u064a\u064a\u0645 \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a \u0623\u0648 \u062d\u0636\u0648\u0631\u064a\u0627\u064b \u0645\u0639 \u0645\u062a\u062e\u0635\u0635\u064a\u0646\u0627. \u0646\u0633\u062a\u0645\u0639\u060c \u0648\u0646\u0642\u064a\u0651\u0645\u060c \u0648\u0646\u0642\u062f\u0645 \u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"journey-step reveal reveal-delay-1\">\n        <div class=\"step-number\">2<\/div>\n        <div>\n          <div class=\"step-title\">\u062e\u0637\u0629 \u0634\u062e\u0635\u064a\u0629<\/div>\n          <p class=\"step-desc\">\u062e\u0637\u0629 \u0639\u0644\u0627\u062c\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0645\u0639 \u0623\u0633\u0639\u0627\u0631 \u0648\u062c\u062f\u0627\u0648\u0644 \u0632\u0645\u0646\u064a\u0629 \u0634\u0641\u0627\u0641\u0629.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"journey-step reveal reveal-delay-2\">\n        <div class=\"step-number\">3<\/div>\n        <div>\n          <div class=\"step-title\">\u0627\u0644\u0633\u0641\u0631 \u0648\u0627\u0644\u062a\u0631\u062d\u064a\u0628<\/div>\n          <p class=\"step-desc\">\u062e\u062f\u0645\u0629 \u0646\u0642\u0644 \u0643\u0628\u0627\u0631 \u0627\u0644\u0634\u062e\u0635\u064a\u0627\u062a \u0645\u0646 \u0627\u0644\u0645\u0637\u0627\u0631\u060c \u0648\u062a\u0631\u062a\u064a\u0628\u0627\u062a \u0641\u0646\u062f\u0642\u064a\u0629 \u0641\u0627\u062e\u0631\u0629\u060c \u0648\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u062d\u0627\u0631 \u0641\u064a \u0625\u0633\u0637\u0646\u0628\u0648\u0644.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"journey-step reveal reveal-delay-3\">\n        <div class=\"step-number\">4<\/div>\n        <div>\n          <div class=\"step-title\">\u0627\u0644\u0625\u062c\u0631\u0627\u0621 \u0648\u0627\u0644\u062a\u0639\u0627\u0641\u064a<\/div>\n          <p class=\"step-desc\">\u0633\u064a\u062a\u0645 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u0639\u062a\u0645\u062f \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0645\u0639 \u0631\u0639\u0627\u064a\u0629 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u0633\u062a\u0645\u0631\u0629.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"journey-step reveal reveal-delay-4\">\n        <div class=\"step-number\">5<\/div>\n        <div>\n          <div class=\"step-title\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u062f\u0649 \u0627\u0644\u062d\u064a\u0627\u0629<\/div>\n          <p class=\"step-desc\">\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0628\u0639\u062f \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629 - \u0633\u0646\u0628\u0642\u0649 \u0634\u0631\u0643\u0627\u0621\u0643\u0645 \u0645\u062f\u0649 \u0627\u0644\u062d\u064a\u0627\u0629.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ================================================================\n     SECTION 8 \u2014 TESTIMONIALS\n     ================================================================ -->\n<section id=\"testimonials\" class=\"section\">\n  <div class=\"container\">\n    <div class=\"section-header section-header--center reveal\">\n      <span class=\"label\">\u0642\u0635\u0635 \u0627\u0644\u0645\u0631\u0636\u0649<\/span>\n      <h2 class=\"heading-lg\" style=\"text-align: center;\">\n        \u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0622\u0644\u0627\u0641<br><em>\u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645<\/em>\n      <\/h2>\n      <span class=\"gold-line gold-line--center\"><\/span>\n    <\/div>\n\n    <div class=\"testimonials-grid\">\n\n      <!-- Real Google Review #1 \u2014 Kirsten Botha -->\n      <div class=\"testimonial-card reveal\">\n        <div class=\"testimonial-quote-mark\">\"<\/div>\n        <div class=\"testimonial-stars\" aria-label=\"\u062e\u0645\u0633 \u0646\u062c\u0648\u0645\">\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <\/div>\n        <p class=\"testimonial-text\">\u0644\u0642\u062f \u062d\u0638\u064a\u062a \u0628\u062a\u062c\u0631\u0628\u0629 \u0625\u064a\u062c\u0627\u0628\u064a\u0629 \u0644\u0644\u063a\u0627\u064a\u0629 \u0628\u0641\u0636\u0644 \u0633\u0627\u0631\u0629. \u0644\u0645 \u062a\u0643\u0646 \u0645\u062c\u0631\u062f \u0645\u062a\u0631\u062c\u0645\u0629 \u0644\u064a \u0645\u0639 \u0627\u0644\u0637\u0628\u064a\u0628\u060c \u0628\u0644 \u0628\u0630\u0644\u062a \u0642\u0635\u0627\u0631\u0649 \u062c\u0647\u062f\u0647\u0627 \u0644\u062c\u0639\u0644\u0646\u064a \u0623\u0634\u0639\u0631 \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u062f\u0639\u0645 \u0637\u0648\u0627\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0631\u0645\u062a\u0647\u0627.<\/p>\n        <div class=\"testimonial-author\">\n          <div class=\"author-avatar\" aria-hidden=\"true\">K<\/div>\n          <div>\n            <div class=\"author-name\">\u0643\u064a\u0631\u0633\u062a\u0646 \u0628\u0648\u062b\u0627<\/div>\n            <div class=\"author-detail\">\u0645\u0631\u0627\u062c\u0639\u0629 \u062c\u0648\u062c\u0644 \u00b7 \u0645\u0646\u0630 \u0634\u0647\u0631 \u0648\u0627\u062d\u062f<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Real Google Review #2 \u2014 Asli Gizem \u00d6zt\u00fcrk -->\n      <div class=\"testimonial-card reveal reveal-delay-1\">\n        <div class=\"testimonial-quote-mark\">\"<\/div>\n        <div class=\"testimonial-stars\" aria-label=\"\u062e\u0645\u0633 \u0646\u062c\u0648\u0645\">\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <\/div>\n        <p class=\"testimonial-text\">\u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0641\u0631\u0627\u062a \u0631\u0627\u0626\u0639 \u062d\u0642\u0627\u064b\u060c \u0641\u0647\u0648 \u0627\u0644\u0623\u0648\u0644 \u0641\u064a \u0645\u062c\u0627\u0644\u0647 \u0628\u0644\u0627 \u0645\u0646\u0627\u0632\u0639. \u0623\u0646\u0627 \u0633\u0639\u064a\u062f \u062c\u062f\u0627\u064b \u0644\u0623\u0646\u0646\u0627 \u0627\u0644\u062a\u0642\u064a\u0646\u0627. \u0644\u0642\u062f \u0641\u0627\u0642\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0644\u0642\u064a\u062a\u0647\u0627 \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629 \u0643\u0644 \u062a\u0648\u0642\u0639\u0627\u062a\u064a.<\/p>\n        <div class=\"testimonial-author\">\n          <div class=\"author-avatar\" aria-hidden=\"true\">\u0623<\/div>\n          <div>\n            <div class=\"author-name\">\u0623\u0635\u0644\u064a \u062c\u064a\u0632\u064a\u0645 \u0623\u0648\u0632\u062a\u0648\u0631\u0643<\/div>\n            <div class=\"author-detail\">\u0645\u0631\u0627\u062c\u0639\u0629 \u062c\u0648\u062c\u0644 \u00b7 \u0645\u0646\u0630 3 \u0623\u0633\u0627\u0628\u064a\u0639<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Real Google Review #3 \u2014 Ecrin Karakurt -->\n      <div class=\"testimonial-card reveal reveal-delay-2\">\n        <div class=\"testimonial-quote-mark\">\"<\/div>\n        <div class=\"testimonial-stars\" aria-label=\"\u062e\u0645\u0633 \u0646\u062c\u0648\u0645\">\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <\/div>\n        <p class=\"testimonial-text\">\u0643\u0627\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0645\u062a\u0639\u0627\u0648\u0646\u064a\u0646 \u0644\u0644\u063a\u0627\u064a\u0629. \u0627\u0644\u0628\u064a\u0626\u0629 \u0645\u0639\u0642\u0645\u0629 \u0648\u064a\u0639\u0645\u0644\u0648\u0646 \u0628\u0646\u0638\u0627\u0641\u0629 \u0641\u0627\u0626\u0642\u0629. \u0623\u064f\u062c\u0631\u064a\u062a \u0644\u064a \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0639\u0644\u0649 \u0623\u0643\u0645\u0644 \u0648\u062c\u0647\u060c \u0648\u0623\u0646\u0627 \u0641\u064a \u063a\u0627\u064a\u0629 \u0627\u0644\u0631\u0636\u0627 \u0639\u0646 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.<\/p>\n        <div class=\"testimonial-author\">\n          <div class=\"author-avatar\" aria-hidden=\"true\">E<\/div>\n          <div>\n            <div class=\"author-name\">\u0625\u0643\u0631\u064a\u0646 \u0643\u0627\u0631\u0627\u0643\u0648\u0631\u062a<\/div>\n            <div class=\"author-detail\">\u0645\u0631\u0627\u062c\u0639\u0629 \u062c\u0648\u062c\u0644 \u00b7 \u0645\u0646\u0630 3 \u0623\u0634\u0647\u0631<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div style=\"display: flex; justify-content: center; margin-top: 16px;\">\n      <div class=\"google-rating-badge reveal\">\n        <div class=\"rating-logo\">\n          <span>G<\/span><span>o<\/span><span>o<\/span><span>g<\/span><span>l<\/span><span>e<\/span>\n        <\/div>\n        <div>\n          <div class=\"rating-score\">4.6 \u2605<\/div>\n          <div class=\"rating-info\">\u0623\u0643\u062b\u0631 \u0645\u0646 105 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0645\u0648\u062b\u0642\u0629<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ================================================================\n     SECTION 9 \u2014 PARTNER HOSPITALS\n     ================================================================ -->\n<section id=\"partners\">\n  <div class=\"container\">\n    <p class=\"partners-label\">\u0628\u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0645\u0639 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u064a \u0625\u0633\u0637\u0646\u0628\u0648\u0644<\/p>\n    <div class=\"partners-track reveal\">\n      <div class=\"partner-item\">\n        <div class=\"partner-dot\"><\/div>\n        <span class=\"partner-name\">\u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u064a\u062f\u064a\u0643\u0627\u0646\u0627<\/span>\n      <\/div>\n      <div class=\"partner-item\">\n        <div class=\"partner-dot\"><\/div>\n        <span class=\"partner-name\">\u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u064a\u0645\u0648\u0631\u064a\u0627\u0644<\/span>\n      <\/div>\n      <div class=\"partner-item\">\n        <div class=\"partner-dot\"><\/div>\n        <span class=\"partner-name\">\u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u064a\u0641<\/span>\n      <\/div>\n      <div class=\"partner-item\">\n        <div class=\"partner-dot\"><\/div>\n        <span class=\"partner-name\">\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0623\u0646\u0627\u0636\u0648\u0644\u064a<\/span>\n      <\/div>\n      <div class=\"partner-item\">\n        <div class=\"partner-dot\"><\/div>\n        <span class=\"partner-name\">\u0645\u062c\u0645\u0648\u0639\u0629 \u0623\u0633\u064a\u0628\u0627\u062f\u0645<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ================================================================\n     SECTION 10 \u2014 CTA DARK\n     ================================================================ -->\n<section id=\"cta-main\" class=\"section\">\n  <div class=\"container\">\n    <div class=\"cta-inner\">\n      <span class=\"label label--light reveal\">\u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643<\/span>\n      <h2 class=\"cta-heading reveal reveal-delay-1\">\n        \u0627\u0628\u062f\u0623<br><em>\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u064a\u0648\u0645<\/em>\n      <\/h2>\n      <p class=\"cta-subtext reveal reveal-delay-2\">\n        \u062d\u062f\u062f \u0645\u0648\u0639\u062f\u064b\u0627 \u0644\u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0627\u0643\u062a\u0634\u0641 \u0645\u0627 \u0647\u0648 \u0645\u0645\u0643\u0646. \u0645\u062a\u062e\u0635\u0635\u0648\u0646\u0627 \u0639\u0644\u0649 \u0623\u062a\u0645 \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0625\u0631\u0634\u0627\u062f\u0643.\n      <\/p>\n      <div class=\"cta-buttons reveal reveal-delay-3\">\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=905385888050&amp;text=I want to Get a Free Quote\" class=\"btn btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\n          <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><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 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-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 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.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 005.683 1.448h.005c6.554 0 11.890-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n          \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u0644\u0622\u0646\n        <\/a>\n        <a href=\"https:\/\/api.whatsapp.com\/send?phone=905385888050&amp;text=I want to Book a Free Consultation\" class=\"btn btn-outline-gold\" target=\"_blank\" rel=\"noopener\">\n          \u062d\u062c\u0632 \u0645\u0648\u0639\u062f\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><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        <\/a>\n      <\/div>\n      <p class=\"cta-phone reveal reveal-delay-4\">\n        \u0623\u0648 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627: <a href=\"tel:+902126807920\">+90 212 680 79 20<\/a>\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ================================================================\n     SECTION 11 \u2014 APPOINTMENT FORM\n     ================================================================ -->\n<section id=\"appointment\" class=\"section\">\n  <div class=\"container\">\n    <div class=\"appointment-grid\">\n\n      <!-- Info -->\n      <div class=\"appointment-info reveal\">\n        <span class=\"label\">\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f<\/span>\n        <h2 class=\"heading-md\" style=\"margin-top: 20px;\">\u0627\u0637\u0644\u0628 \u0645\u0627 \u064a\u0644\u064a<br><em>\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/em><\/h2>\n        <p class=\"body-lg\" style=\"margin-top: 20px;\">\n          \u0627\u0628\u062f\u0623 \u0628\u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u0648\u0644\u0649. \u0627\u0645\u0644\u0623 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0648\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0623\u062d\u062f \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0644\u062f\u064a\u0646\u0627 \u0641\u064a \u063a\u0636\u0648\u0646 \u0633\u0627\u0639\u062a\u064a\u0646 \u0639\u0645\u0644 \u0644\u062a\u0642\u062f\u064a\u0645 \u0631\u062f \u0634\u062e\u0635\u064a.\n        <\/p>\n\n        <div style=\"margin-top: 36px; display: flex; flex-direction: column; gap: 16px;\">\n          <div class=\"appt-detail\">\n            <div class=\"appt-detail-icon\" aria-hidden=\"true\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.09 9.06 19.79 19.79 0 01.05 .45 2 2 0 012 0h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 14.92z\"\/><\/svg>\n            <\/div>\n            <div class=\"appt-detail-text\">\n              <strong>\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0648\u0627\u062a\u0633\u0627\u0628<\/strong>\n              +90 212 680 79 20\n            <\/div>\n          <\/div>\n\n          <div class=\"appt-detail\">\n            <div class=\"appt-detail-icon\" aria-hidden=\"true\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n            <\/div>\n            <div class=\"appt-detail-text\">\n              <strong>\u0632\u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629<\/strong>\n              \u0641\u064a \u063a\u0636\u0648\u0646 \u0633\u0627\u0639\u062a\u064a\u0646 \u0639\u0645\u0644\n            <\/div>\n          <\/div>\n\n          <div class=\"appt-detail\">\n            <div class=\"appt-detail-icon\" aria-hidden=\"true\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg>\n            <\/div>\n            <div class=\"appt-detail-text\">\n              <strong>\u0627\u0644\u0644\u063a\u0627\u062a<\/strong>\n              \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u00b7 \u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629 \u00b7 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u00b7 \u0627\u0644\u062a\u0631\u0643\u064a\u0629\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Form -->\n      <form class=\"appointment-form reveal reveal-delay-1\" action=\"#\" method=\"POST\" data-trp-original-action=\"#\">\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"fname\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0648\u0644<\/label>\n            <input class=\"form-input\" type=\"text\" id=\"fname\" name=\"first_name\" placeholder=\"\u0627\u0633\u0645\u0643 \u0627\u0644\u0623\u0648\u0644\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"lname\">\u0627\u0633\u0645 \u0627\u0644\u0639\u0627\u0626\u0644\u0629<\/label>\n            <input class=\"form-input\" type=\"text\" id=\"lname\" name=\"last_name\" placeholder=\"\u0627\u0633\u0645 \u0639\u0627\u0626\u0644\u062a\u0643\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"email\">\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n            <input class=\"form-input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"your@email.com\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"phone\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0648\u0627\u062a\u0633\u0627\u0628<\/label>\n            <input class=\"form-input\" type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+1 (000) 000-0000\">\n          <\/div>\n        <\/div>\n\n        <div class=\"form-group\">\n          <label class=\"form-label\" for=\"service\">\u062e\u062f\u0645\u0629 \u0630\u0627\u062a \u0623\u0647\u0645\u064a\u0629<\/label>\n          <select class=\"form-select\" id=\"service\" name=\"service\">\n            <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0627\u0644\u0639\u0644\u0627\u062c<\/option>\n            <option>\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0634\u0639\u0631 (FUE \/ DHI)<\/option>\n            <option>\u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0623\u0646\u0641<\/option>\n            <option>\u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u062b\u062f\u064a \/ \u0631\u0641\u0639\u0647 \/ \u062a\u0635\u063a\u064a\u0631\u0647<\/option>\n            <option>\u0634\u062f \u0627\u0644\u0648\u062c\u0647 \/ \u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u062c\u0641\u0648\u0646<\/option>\n            <option>\u0634\u062f \u0627\u0644\u0628\u0637\u0646 \/ \u0634\u0641\u0637 \u0627\u0644\u062f\u0647\u0648\u0646<\/option>\n            <option>\u0646\u062d\u062a \u0627\u0644\u062c\u0633\u0645 \/ \u0645\u0624\u062e\u0631\u0629 \u0628\u0631\u0627\u0632\u064a\u0644\u064a\u0629<\/option>\n            <option>\u0627\u0628\u062a\u0633\u0627\u0645\u0629 \u0647\u0648\u0644\u064a\u0648\u0648\u062f \/ \u0642\u0634\u0648\u0631 \u0627\u0644\u0623\u0633\u0646\u0627\u0646<\/option>\n            <option>\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0623\u0633\u0646\u0627\u0646<\/option>\n            <option>\u063a\u064a\u0631 \u062c\u0631\u0627\u062d\u064a (\u0628\u0648\u062a\u0648\u0643\u0633 \/ \u0641\u064a\u0644\u0631)<\/option>\n            <option>\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0633\u0645\u0646\u0629<\/option>\n            <option>\u0623\u062e\u0631\u0649 \/ \u063a\u064a\u0631 \u0645\u062a\u0623\u0643\u062f<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"form-group\">\n          <label class=\"form-label\" for=\"message\">\u0631\u0633\u0627\u0644\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n          <textarea class=\"form-textarea\" id=\"message\" name=\"message\" placeholder=\"\u0623\u062e\u0628\u0631\u0646\u0627 \u0628\u0627\u062e\u062a\u0635\u0627\u0631 \u0639\u0645\u0627 \u062a\u0628\u062d\u062b \u0639\u0646\u0647...\"><\/textarea>\n        <\/div>\n\n        <div class=\"form-group\">\n          <button type=\"submit\" class=\"btn btn-gold\" style=\"width: 100%; justify-content: center;\">\n            \u0623\u0631\u0633\u0644 \u0637\u0644\u0628\u064a\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/button>\n          <p class=\"form-note\" style=\"margin-top: 12px; text-align: center;\">\n            \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u00b7 \u0628\u062f\u0648\u0646 \u0627\u0644\u062a\u0632\u0627\u0645 \u00b7 \u0633\u0631\u064a\u0629 \u062a\u0627\u0645\u0629 100%\n          <\/p>\n        <\/div>\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================================================================\n     JAVASCRIPT \u2014 Scroll reveal + counter animation\n     ================================================================ -->\n<script>\n  \/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\n  const revealEls = document.querySelectorAll('.reveal');\n\n  const revealObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        revealObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n  revealEls.forEach(el => revealObserver.observe(el));\n\n  \/* \u2500\u2500 Counter Animation \u2500\u2500 *\/\n  const counters = document.querySelectorAll('.counter');\n\n  const countObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        const el = entry.target;\n        const target = parseInt(el.dataset.target, 10);\n        const duration = 1600;\n        const step = target \/ (duration \/ 16);\n        let current = 0;\n\n        const timer = setInterval(() => {\n          current += step;\n          if (current >= target) {\n            el.textContent = target;\n            clearInterval(timer);\n          } else {\n            el.textContent = Math.floor(current);\n          }\n        }, 16);\n\n        countObserver.unobserve(el);\n      }\n    });\n  }, { threshold: 0.5 });\n\n  counters.forEach(c => countObserver.observe(c));\n\n  \/* \u2500\u2500 Reduced motion: disable animations \u2500\u2500 *\/\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n    revealEls.forEach(el => el.classList.add('visible'));\n  }\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>HealthEstetik \u2014 World-Class Medical Aesthetics, Istanbul Istanbul \u2014 Turkey Where Beauty Meets Precision. World-class medical aesthetics and plastic surgery, performed by Istanbul&#8217;s most trusted specialists \u2014 with over 15 years of transforming lives. Book Free Consultation Explore Services Board-Certified Surgeons Free Consultation &amp; Quote VIP Transfers &amp; Accommodation EN \u00b7 FR \u00b7 AR \u00b7 TR [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2274","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/healthestetik.com\/ar\/wp-json\/wp\/v2\/pages\/2274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/healthestetik.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/healthestetik.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/healthestetik.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/healthestetik.com\/ar\/wp-json\/wp\/v2\/comments?post=2274"}],"version-history":[{"count":9,"href":"https:\/\/healthestetik.com\/ar\/wp-json\/wp\/v2\/pages\/2274\/revisions"}],"predecessor-version":[{"id":2324,"href":"https:\/\/healthestetik.com\/ar\/wp-json\/wp\/v2\/pages\/2274\/revisions\/2324"}],"wp:attachment":[{"href":"https:\/\/healthestetik.com\/ar\/wp-json\/wp\/v2\/media?parent=2274"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}