{"id":585,"date":"2026-07-06T11:54:12","date_gmt":"2026-07-06T11:54:12","guid":{"rendered":"https:\/\/shefahospital.sa\/radiology-center-makkah\/"},"modified":"2026-07-06T12:15:58","modified_gmt":"2026-07-06T12:15:58","slug":"radiology-center-makkah","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/radiology-center-makkah\/","title":{"rendered":"Radiology Center"},"content":{"rendered":"\n<style>\n    \/* 1. Highly Unique Scoped ID for Astra Breakout (Full Width Background) *\/\n    #sh-gyn-hero-998 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f4f9fc !important;\n        overflow: hidden !important;\n        padding-top: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 1024px) {\n        #sh-gyn-hero-998 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hex Pattern pseudo-element *\/\n    #sh-gyn-hero-998::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23243B5A' stroke-opacity='0.04' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Protected Inner Container - ALIGNED WITH HEADER LOGO & BUTTON *\/\n    #sh-gyn-hero-998 .sh-inner-wrapper {\n        width: 100% !important;\n        \/* FIX: Changed from 85rem to 1240px to match standard header container width *\/\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        position: relative;\n        z-index: 10;\n        \/* Ensure padding matches header padding on mobile\/tablet *\/\n        padding-left: 20px !important;\n        padding-right: 20px !important;\n    }\n\n    \/* 4. Force remove underlines from ALL links in this section *\/\n    #sh-gyn-hero-998 a {\n        text-decoration: none !important;\n        box-shadow: none !important;\n    }\n    #sh-gyn-hero-998 a:hover {\n        text-decoration: none !important;\n    }\n\n    #sh-gyn-hero-998 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-gyn-hero-998\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper grid lg:grid-cols-[1.15fr_1fr] gap-14 lg:gap-20 items-center text-left\">\n        \n        <div class=\"animate-fadeup !mx-0\">\n            \n            <nav class=\"flex items-center gap-2 text-[13px] text-slate-500 mb-6 font-medium\">\n                <a href=\"#\" class=\"!text-slate-500 hover:!text-[#0d9488] transition\" id=\"sh-hero-lang-home\">Home<\/a>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                <a href=\"#\" class=\"!text-slate-500 hover:!text-[#0d9488] transition\" id=\"sh-hero-lang-dept\">Departments<\/a>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                <span class=\"text-[#0d9488]\" id=\"sh-hero-lang-subdept\">Obstetrics &amp; Gynecology<\/span>\n            <\/nav>\n\n            <div class=\"inline-flex items-center gap-2 bg-amber-100\/60 text-[#d97706] px-4 py-1.5 rounded-full text-[13px] font-bold mb-6\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg> \n                <span id=\"sh-hero-lang-badge\">CBAHI Accredited \u00b7 Al Mansur, Makkah<\/span>\n            <\/div>\n\n            <h1 id=\"sh-hero-title-main\" class=\"text-[40px] md:text-[56px] font-bold leading-[1.1] text-[#0f172a] mb-2\" style=\"font-family: var(--font-display);\">\n                Best Gynecologist in Makkah\n            <\/h1>\n            <h2 id=\"sh-hero-title-sub\" class=\"text-[32px] md:text-[44px] font-bold leading-[1.1] text-[#0d9488]\" style=\"font-family: var(--font-display);\">\n                Pregnancy &amp; Women&#8217;s Care\n            <\/h2>\n\n            <p id=\"sh-hero-lang-desc\" class=\"mt-6 text-[17px] md:text-[19px] text-slate-600 leading-relaxed max-w-xl\">\n                Comprehensive obstetrics and gynecology services at Shefa Hospital \u2014 expert consultations, pregnancy monitoring, fertility evaluation, and preventive women&#8217;s health in one trusted, hospital-based setting.\n            <\/p>\n\n            <div class=\"mt-8 flex flex-wrap gap-3 shefa-popup-trigger\">\n                <a href=\"#\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-[#12776b] !text-white rounded-full px-6 py-3.5 font-semibold hover:bg-[#0f6258] transition-all shadow-[0_8px_20px_-8px_rgba(18,119,107,0.6)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-book\">Book Appointment<\/span>\n                <\/a>\n                <a href=\"tel:+966125333555\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-white !text-[#0f172a] border border-slate-200 rounded-full px-6 py-3.5 font-semibold hover:border-[#12776b] hover:!text-[#12776b] transition-all shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-call\">Call Hospital<\/span>\n                <\/a>\n                <a href=\"https:\/\/wa.me\/966125333555\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-[#25D366] !text-white rounded-full px-6 py-3.5 font-semibold hover:bg-[#20bd5a] transition-all shadow-[0_8px_20px_-8px_rgba(37,211,102,0.5)]\" target=\"_blank\" rel=\"noopener\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-wa\">WhatsApp<\/span>\n                <\/a>\n            <\/div>\n\n            <div class=\"mt-12 grid grid-cols-2 sm:grid-cols-4 gap-4\">\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#0d9488]\"><path d=\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">CBAHI Accredited<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#0d9488]\"><path d=\"M11 2v2\"><\/path><path d=\"M5 2v2\"><\/path><path d=\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"><\/path><path d=\"M8 15a6 6 0 0 0 12 0v-3\"><\/path><circle cx=\"20\" cy=\"10\" r=\"2\"><\/circle><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Expert Specialists<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#0d9488]\"><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"><\/path><path d=\"M15 12h.01\"><\/path><path d=\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"><\/path><path d=\"M9 12h.01\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Maternity Care<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#0d9488]\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">24\/7 Hospital<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"relative mt-8 lg:mt-0 !mx-0\">\n            <div class=\"absolute -top-10 -left-10 w-48 h-48 bg-[#0d9488]\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n            <div class=\"absolute -bottom-10 -right-10 w-64 h-64 bg-[#d97706]\/15 rounded-full blur-3xl pointer-events-none\"><\/div>\n            \n            <div class=\"relative rounded-3xl overflow-hidden shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] border-4 border-white\">\n                <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/gyn-hero-qNJmt7fv.webp\" alt=\"Female gynecologist consultation\" class=\"w-full h-[400px] lg:h-[550px] object-cover object-center\" loading=\"eager\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/gyn-hero-qNJmt7fv-300x204.webp';\">\n            <\/div>\n\n            <div class=\"absolute -bottom-6 ltr:left-8 rtl:right-8 bg-white rounded-2xl shadow-xl border border-slate-100 p-4 lg:p-5 flex items-center gap-4 z-20\">\n                <div class=\"w-12 h-12 rounded-full bg-[#0d9488] text-white grid place-items-center shrink-0 shadow-md\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"><\/path><\/svg>\n                <\/div>\n                <div>\n                    <div class=\"text-[11px] font-bold uppercase tracking-wider text-slate-400 mb-0.5\" id=\"sh-hero-lang-float-sub\">Trusted by<\/div>\n                    <div class=\"font-bold text-[#0f172a] text-[18px] lg:text-[20px] leading-none\" style=\"font-family: var(--font-display);\" id=\"sh-hero-lang-float-main\">761+ Patient Reviews<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const heroData = {\n            en: { \n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                home: \"Home\",\n                dept: \"Departments\",\n                subdept: \"Obstetrics & Gynecology\",\n                badge: \"CBAHI Accredited \u00b7 Al Mansur, Makkah\",\n                titleMain: \"Best Gynecologist in Makkah\",\n                titleSub: \"Pregnancy & Women's Care\",\n                desc: \"Comprehensive obstetrics and gynecology services at Shefa Hospital \u2014 expert consultations, pregnancy monitoring, fertility evaluation, and preventive women's health in one trusted, hospital-based setting.\",\n                btnBook: \"Book Appointment\",\n                btnCall: \"Call Hospital\",\n                btnWa: \"WhatsApp\",\n                feats: [\n                    \"CBAHI Accredited\",\n                    \"Expert Specialists\",\n                    \"Maternity Care\",\n                    \"24\/7 Hospital\"\n                ],\n                floatSub: \"Trusted by\",\n                floatMain: \"761+ Patient Reviews\"\n            },\n            ar: { \n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                home: \"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\n                dept: \"\u0627\u0644\u0623\u0642\u0633\u0627\u0645\",\n                subdept: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629\",\n                badge: \"\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a \u00b7 \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629\",\n                titleMain: \"\u0623\u0641\u0636\u0644 \u062f\u0643\u062a\u0648\u0631\u0629 \u0646\u0633\u0627\u0621 \u0648\u0648\u0644\u0627\u062f\u0629 \u0641\u064a \u0645\u0643\u0629\",\n                titleSub: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629\",\n                desc: \"\u062e\u062f\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u2014 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\u060c \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629\u060c \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0622\u0645\u0646\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629.\",\n                btnBook: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"\u0627\u062a\u0635\u0644 \u0628\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\",\n                btnWa: \"\u0648\u0627\u062a\u0633\u0627\u0628\",\n                feats: [\n                    \"\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a\",\n                    \"\u0623\u062e\u0635\u0627\u0626\u064a\u0648\u0646 \u062e\u0628\u0631\u0627\u0621\",\n                    \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0645\u0648\u0645\u0629\",\n                    \"\u0645\u0633\u062a\u0634\u0641\u0649 24\/7\"\n                ],\n                floatSub: \"\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0645\u0646 \u0642\u0628\u0644\",\n                floatMain: \"+761 \u062a\u0642\u064a\u064a\u0645 \u0644\u0644\u0645\u0631\u0636\u0649\"\n            }\n        };\n\n        function initUniqueHeroSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = heroData[lang];\n\n            const section = document.getElementById('sh-gyn-hero-998');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-hero-lang-home').textContent = content.home;\n            document.getElementById('sh-hero-lang-dept').textContent = content.dept;\n            document.getElementById('sh-hero-lang-subdept').textContent = content.subdept;\n            document.getElementById('sh-hero-lang-badge').textContent = content.badge;\n            \n            const titleMain = document.getElementById('sh-hero-title-main');\n            titleMain.textContent = content.titleMain;\n            titleMain.style.fontFamily = content.headerFont;\n\n            const titleSub = document.getElementById('sh-hero-title-sub');\n            titleSub.textContent = content.titleSub;\n            titleSub.style.fontFamily = content.headerFont;\n\n            const desc = document.getElementById('sh-hero-lang-desc');\n            desc.textContent = content.desc;\n            desc.style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-hero-lang-btn-book').textContent = content.btnBook;\n            document.getElementById('sh-hero-lang-btn-call').textContent = content.btnCall;\n            document.getElementById('sh-hero-lang-btn-wa').textContent = content.btnWa;\n            \n            document.getElementById('sh-hero-lang-float-sub').textContent = content.floatSub;\n            const floatMain = document.getElementById('sh-hero-lang-float-main');\n            floatMain.textContent = content.floatMain;\n            floatMain.style.fontFamily = content.headerFont;\n\n            const featureTitles = section.querySelectorAll('.sh-hero-feat');\n            content.feats.forEach((featText, index) => {\n                if(featureTitles[index]) {\n                    featureTitles[index].textContent = featText;\n                    featureTitles[index].style.fontFamily = content.bodyFont;\n                }\n            });\n        }\n\n        initUniqueHeroSection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initUniqueHeroSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<!-- Introduction Section -->\n<section id=\"intro-section\" class=\"py-20 md:py-24 bg-white\" dir=\"ltr\">\n    <!-- Main container: Screen ke center mein -->\n    <div class=\"max-w-4xl mx-auto px-5 lg:px-8 w-full text-start\">\n        \n        <!-- FIX: Added !mx-0 to prevent Astra from centering this block -->\n        <div class=\"mb-12 max-w-3xl !mx-0\">\n            <!-- Overline Kicker -->\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"intro-kicker\">Women&#8217;s Healthcare<\/span>\n            <\/div>\n            \n            <!-- Main Title -->\n            <h2 id=\"intro-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Looking for the Best Gynecologist in Makkah?\n            <\/h2>\n        <\/div>\n\n        <!-- FIX: Added !mx-0 to prevent Astra from centering the paragraphs -->\n        <div id=\"intro-content\" class=\"space-y-6 text-[18px] leading-[1.85] text-[#243b5a]\/85 [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a] !mx-0\">\n            <!-- Paragraphs will be injected here by JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    \/\/ Translation Data Engine\n    const introData = {\n        en: { \n            headerFont: \"var(--font-display)\", \n            bodyFont: \"var(--font-sans)\",\n            kicker: \"Women's Healthcare\",\n            title: \"Looking for the Best Gynecologist in Makkah?\",\n            content: `\n                <p>Choosing the <strong>best gynecologist in Makkah<\/strong> is an important decision for every woman, whether you are planning a pregnancy, expecting a baby, managing a gynecological condition, or attending routine health screenings.<\/p>\n                <p>The right obstetrician and gynecologist does more than diagnose medical conditions. They help monitor reproductive health, provide preventive care, guide you through pregnancy, and recommend treatment based on your medical history and future family plans.<\/p>\n                <p>Located in <strong>Al Mansur, Makkah<\/strong>, <strong>Shefa Hospital<\/strong> provides comprehensive obstetrics and gynecology services for women of different age groups. The hospital combines specialist consultations, diagnostic services, pregnancy monitoring, and hospital-based care to support women throughout every stage of life.<\/p>\n            `\n        },\n        ar: { \n            headerFont: \"var(--font-arabic)\", \n            bodyFont: \"var(--font-arabic)\",\n            kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629\",\n            title: \"\u062a\u0628\u062d\u062b\u064a\u0646 \u0639\u0646 \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0646\u0633\u0627\u0621 \u0648\u0648\u0644\u0627\u062f\u0629 \u0641\u064a \u0645\u0643\u0629\u061f\",\n            content: `\n                <p>\u064a\u0639\u062f \u0627\u062e\u062a\u064a\u0627\u0631 <strong>\u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0646\u0633\u0627\u0621 \u0648\u0648\u0644\u0627\u062f\u0629 \u0641\u064a \u0645\u0643\u0629<\/strong> \u0642\u0631\u0627\u0631\u0627\u064b \u0645\u0647\u0645\u0627\u064b \u0644\u0643\u0644 \u0627\u0645\u0631\u0623\u0629\u060c \u0633\u0648\u0627\u0621 \u0643\u0646\u062a\u0650 \u062a\u062e\u0637\u0637\u064a\u0646 \u0644\u0644\u062d\u0645\u0644\u060c \u0623\u0648 \u062a\u0646\u062a\u0638\u0631\u064a\u0646 \u0645\u0648\u0644\u0648\u062f\u0627\u064b\u060c \u0623\u0648 \u062a\u062f\u064a\u0631\u064a\u0646 \u062d\u0627\u0644\u0629 \u0645\u0631\u0636\u064a\u0629 \u0646\u0633\u0627\u0626\u064a\u0629\u060c \u0623\u0648 \u062a\u0631\u0627\u062c\u0639\u064a\u0646 \u0644\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629.<\/p>\n                <p>\u0625\u0646 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u062a\u0641\u0639\u0644 \u0645\u0627 \u0647\u0648 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629. \u0641\u0647\u064a \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\u060c \u0648\u0625\u0631\u0634\u0627\u062f\u0643 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u060c \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0629 \u0628\u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a \u0648\u062e\u0637\u0637\u0643 \u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.<\/p>\n                <p>\u064a\u0642\u0639 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/strong> \u0641\u064a <strong>\u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629<\/strong>\u060c \u0648\u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0644\u0644\u0646\u0633\u0627\u0621 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0641\u0626\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u064a\u0629. \u064a\u062c\u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0628\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u062d\u064a\u0627\u062a\u0647\u0627.<\/p>\n            `\n        }\n    };\n\n    function initIntroSection() {\n        const htmlElement = document.documentElement;\n        \/\/ Determine language from HTML tag or default to 'en'\n        const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n        const lang = isRtl ? 'ar' : 'en';\n        const data = introData[lang];\n\n        const section = document.getElementById('intro-section');\n        if (!section) return;\n\n        \/\/ Set Main RTL\/LTR directions specifically for this section\n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        \/\/ Apply Translations & Fonts\n        const kickerEl = document.getElementById('intro-kicker');\n        kickerEl.textContent = data.kicker;\n        kickerEl.style.fontFamily = data.bodyFont;\n\n        const titleEl = document.getElementById('intro-title');\n        titleEl.textContent = data.title;\n        titleEl.style.fontFamily = data.headerFont;\n\n        const contentEl = document.getElementById('intro-content');\n        contentEl.innerHTML = data.content; \/\/ innerHTML to parse <strong> tags\n        contentEl.style.fontFamily = data.bodyFont;\n    }\n\n    \/\/ Initialize the logic on load\n    initIntroSection();\n    \n    \/\/ Watch for dynamic HTML lang\/dir changes (helps in modern WordPress setups)\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n            if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                initIntroSection();\n            }\n        });\n    });\n    observer.observe(document.documentElement, { attributes: true });\n});\n<\/script>\n\n\n\n<style>\n    \/* 1. Astra Breakout for Full-Width Hexa Background *\/\n    #sh-reasons-999 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Soft blue background *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-reasons-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hexa Pattern Background *\/\n    #sh-reasons-999::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Set Max-Width to exactly 1475px as requested *\/\n    #sh-reasons-999 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1.25rem !important;\n        padding-right: 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 4. Lightweight Custom Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-fadeup {\n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    #sh-reasons-999 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<!-- Reasons to Visit Section -->\n<section id=\"sh-reasons-999\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header Text -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-fadeup !mx-auto\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-rea-lang-kicker\">Reasons to Visit<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-rea-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                Why Women Visit a Gynecologist\n            <\/h2>\n            \n            <p id=\"sh-rea-lang-desc\" class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed\">\n                Many women believe they only need to visit a gynecologist during pregnancy. In reality, regular gynecological care helps detect health conditions early, supports reproductive health, and reduces the risk of complications.\n            <\/p>\n        <\/div>\n\n        <p id=\"sh-rea-lang-mid\" class=\"text-center max-w-2xl mx-auto -mt-6 mb-12 text-[#243b5a]\/90 text-[17px] font-medium sh-animate-fadeup !mx-auto\" style=\"animation-delay: 0.1s;\">\n            A gynecologist can help with:\n        <\/p>\n\n        <!-- 16 Reasons Grid -->\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-5 sh-animate-fadeup\" style=\"animation-delay: 0.2s;\">\n            \n            <!-- Items 1 to 16 -->\n            <!-- 1 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"><\/path><path d=\"M15 12h.01\"><\/path><path d=\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"><\/path><path d=\"M9 12h.01\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Pregnancy planning<\/span>\n            <\/div>\n            <!-- 2 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"><\/path><path d=\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Prenatal care<\/span>\n            <\/div>\n            <!-- 3 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">High-risk pregnancy management<\/span>\n            <\/div>\n            <!-- 4 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">Irregular menstrual cycles<\/span>\n            <\/div>\n            <!-- 5 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">Heavy or painful periods<\/span>\n            <\/div>\n            <!-- 6 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">PCOS (Polycystic Ovary Syndrome)<\/span>\n            <\/div>\n            <!-- 7 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1\"><\/path><circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle><path d=\"M12 10v12\"><\/path><path d=\"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z\"><\/path><path d=\"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Endometriosis<\/span>\n            <\/div>\n            <!-- 8 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Uterine fibroids<\/span>\n            <\/div>\n            <!-- 9 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Ovarian cysts<\/span>\n            <\/div>\n            <!-- 10 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Infertility evaluation<\/span>\n            <\/div>\n            <!-- 11 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1\"><\/path><circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle><path d=\"M12 10v12\"><\/path><path d=\"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z\"><\/path><path d=\"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Menopause symptoms<\/span>\n            <\/div>\n            <!-- 12 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Family planning<\/span>\n            <\/div>\n            <!-- 13 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">Cervical cancer screening<\/span>\n            <\/div>\n            <!-- 14 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"><\/path><path d=\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">Breast health assessment<\/span>\n            <\/div>\n            <!-- 15 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M6 18h8\"><\/path><path d=\"M3 22h18\"><\/path><path d=\"M14 22a7 7 0 1 0 0-14h-1\"><\/path><path d=\"M9 14h2\"><\/path><path d=\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"><\/path><path d=\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Gynecological infections<\/span>\n            <\/div>\n            <!-- 16 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"><\/rect><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><path d=\"M12 11h4\"><\/path><path d=\"M12 16h4\"><\/path><path d=\"M8 11h.01\"><\/path><path d=\"M8 16h.01\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Routine wellness checkups<\/span>\n            <\/div>\n            \n        <\/div>\n\n        <!-- Footer Text -->\n        <p id=\"sh-rea-lang-footer\" class=\"mt-12 text-center max-w-3xl mx-auto text-[#667085] text-[17px] leading-relaxed sh-animate-fadeup !mx-auto\" style=\"animation-delay: 0.3s;\">\n            Routine checkups also provide an opportunity to discuss lifestyle, nutrition, contraception, and preventive screenings based on age and medical history.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<!-- Lightweight JS Engine (Replaces text ONLY, DOM stays fast) -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const reasonsData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Reasons to Visit\",\n                title: \"Why Women Visit a Gynecologist\",\n                desc: \"Many women believe they only need to visit a gynecologist during pregnancy. In reality, regular gynecological care helps detect health conditions early, supports reproductive health, and reduces the risk of complications.\",\n                mid: \"A gynecologist can help with:\",\n                footer: \"Routine checkups also provide an opportunity to discuss lifestyle, nutrition, contraception, and preventive screenings based on age and medical history.\",\n                reasons: [\n                    \"Pregnancy planning\", \"Prenatal care\", \"High-risk pregnancy management\",\n                    \"Irregular menstrual cycles\", \"Heavy or painful periods\", \"PCOS (Polycystic Ovary Syndrome)\",\n                    \"Endometriosis\", \"Uterine fibroids\", \"Ovarian cysts\", \"Infertility evaluation\",\n                    \"Menopause symptoms\", \"Family planning\", \"Cervical cancer screening\",\n                    \"Breast health assessment\", \"Gynecological infections\", \"Routine wellness checkups\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0632\u064a\u0627\u0631\u0629\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u0632\u0648\u0631 \u0627\u0644\u0646\u0633\u0627\u0621 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621\",\n                desc: \"\u062a\u0639\u062a\u0642\u062f \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0646\u0633\u0627\u0621 \u0623\u0646\u0647\u0646 \u0628\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0641\u0642\u0637 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0645\u0644. \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639\u060c \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0641\u064a \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0645\u0628\u0643\u0631\u064b\u0627\u060c \u0648\u062a\u062f\u0639\u0645 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629\u060c \u0648\u062a\u0642\u0644\u0644 \u0645\u0646 \u062e\u0637\u0631 \u062d\u062f\u0648\u062b \u0645\u0636\u0627\u0639\u0641\u0627\u062a.\",\n                mid: \"\u064a\u0645\u0643\u0646 \u0644\u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a:\",\n                footer: \"\u062a\u0648\u0641\u0631 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0623\u064a\u0636\u064b\u0627 \u0641\u0631\u0635\u0629 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0648\u0627\u0644\u062a\u063a\u0630\u064a\u0629 \u0648\u0648\u0633\u0627\u0626\u0644 \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0648\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0631 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a.\",\n                reasons: [\n                    \"\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u062d\u0645\u0644\", \"\u0631\u0639\u0627\u064a\u0629 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u0648\u0644\u0627\u062f\u0629\", \"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\",\n                    \"\u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\", \"\u0641\u062a\u0631\u0627\u062a \u0637\u0645\u062b \u063a\u0632\u064a\u0631\u0629 \u0623\u0648 \u0645\u0624\u0644\u0645\u0629\", \"\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)\",\n                    \"\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629\", \"\u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629 \u0627\u0644\u0631\u062d\u0645\u064a\u0629\", \"\u062a\u0643\u064a\u0633\u0627\u062a \u0627\u0644\u0645\u0628\u064a\u0636\", \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u0642\u0645\",\n                    \"\u0623\u0639\u0631\u0627\u0636 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633\", \"\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629\", \"\u0641\u062d\u0635 \u0633\u0631\u0637\u0627\u0646 \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0635\u062d\u0629 \u0627\u0644\u062b\u062f\u064a\", \"\u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629\", \"\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0639\u0627\u0641\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\"\n                ]\n            }\n        };\n\n        function initReasonsSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = reasonsData[lang];\n\n            const section = document.getElementById('sh-reasons-999');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply General Text\n            document.getElementById('sh-rea-lang-kicker').textContent = content.kicker;\n            document.getElementById('sh-rea-lang-kicker').style.fontFamily = content.bodyFont;\n\n            const titleEl = document.getElementById('sh-rea-lang-title');\n            titleEl.textContent = content.title;\n            titleEl.style.fontFamily = content.headerFont;\n\n            document.getElementById('sh-rea-lang-desc').textContent = content.desc;\n            document.getElementById('sh-rea-lang-desc').style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-rea-lang-mid').textContent = content.mid;\n            document.getElementById('sh-rea-lang-mid').style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-rea-lang-footer').textContent = content.footer;\n            document.getElementById('sh-rea-lang-footer').style.fontFamily = content.bodyFont;\n\n            \/\/ Apply Grid Text\n            const reasonElements = section.querySelectorAll('.sh-rea-item');\n            content.reasons.forEach((text, index) => {\n                if (reasonElements[index]) {\n                    reasonElements[index].textContent = text;\n                    reasonElements[index].style.fontFamily = content.bodyFont;\n                }\n            });\n        }\n\n        initReasonsSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initReasonsSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Background (No Hexa) *\/\n    #sh-choose-995 {\n        width: 100%;\n        background-color: #ffffff;\n        overflow: hidden;\n        padding-top: 5rem;\n        padding-bottom: 5rem;\n        box-sizing: border-box;\n    }\n\n    @media (min-width: 1024px) {\n        #sh-choose-995 {\n            padding-top: 6rem;\n            padding-bottom: 6rem;\n        }\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-choose-995 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 3. Floating Badge Positioning for LTR and RTL *\/\n    .sh-float-badge {\n        position: absolute;\n        bottom: -1.5rem;\n        z-index: 20;\n    }\n    \/* Mobile safe positioning *\/\n    @media (max-width: 768px) {\n        .sh-float-badge { right: 1rem !important; left: auto !important; bottom: -1rem; }\n        [dir=\"rtl\"] .sh-float-badge { left: 1rem !important; right: auto !important; }\n    }\n    \/* Desktop positioning *\/\n    @media (min-width: 769px) {\n        [dir=\"ltr\"] .sh-float-badge { right: -1.5rem; left: auto; }\n        [dir=\"rtl\"] .sh-float-badge { left: -1.5rem; right: auto; }\n    }\n\n    \/* 4. Lightweight Custom Animation *\/\n    @keyframes shFadeInUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up {\n        opacity: 0;\n        animation: shFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    #sh-choose-995 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<!-- Why Choose Shefa Section -->\n<section id=\"sh-choose-995\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper px-5 lg:px-8 grid lg:grid-cols-[1fr_1.1fr] gap-12 lg:gap-16 items-center\">\n        \n        <!-- Left Image with Floating Badge -->\n        <div class=\"relative sh-animate-up !mx-0\">\n            <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/gyn-consult-CyAb0fIt.webp\" onerror=\"this.src='\/assets\/gyn-consult-CyAb0fIt.jpg'\" alt=\"Shefa Hospital obstetrics and gynecology consultation\" class=\"rounded-[2rem] shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] w-full h-[400px] lg:h-[540px] object-cover\" loading=\"lazy\">\n            \n            <div class=\"sh-float-badge bg-white rounded-2xl shadow-xl p-5 border border-slate-100 max-w-[240px]\">\n                <div class=\"flex items-center gap-2 text-[#d97706] mb-1.5\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg> \n                    <span id=\"sh-cho-lang-badge-title\" class=\"font-bold text-[15px]\">CBAHI<\/span>\n                <\/div>\n                <div id=\"sh-cho-lang-badge-desc\" class=\"text-[13px] text-slate-500 font-medium leading-tight\">\n                    Accredited multispecialty hospital in Makkah\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Content Area -->\n        <div class=\"sh-animate-up !mx-0 text-start\" style=\"animation-delay: 0.15s;\">\n            <div class=\"mb-10 max-w-3xl !mx-0\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-cho-lang-kicker\">Why Shefa Hospital<\/span>\n                <\/div>\n                \n                <h2 id=\"sh-cho-lang-title\" class=\"text-[34px] md:text-[44px] font-bold leading-[1.15] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    Why Choose Shefa Hospital for Women&#8217;s Healthcare in Makkah?\n                <\/h2>\n                \n                <p id=\"sh-cho-lang-p1\" class=\"mt-5 text-slate-500 text-[17px] md:text-[18px] leading-relaxed\">\n                    Women looking for a gynecology clinic in Makkah often prefer a hospital that offers consultations, diagnostic tests, imaging, and treatment under one roof.\n                <\/p>\n            <\/div>\n\n            <p id=\"sh-cho-lang-p2\" class=\"text-[#243b5a]\/85 mb-8 text-[17px] leading-relaxed [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a]\">\n                At <strong>Shefa Hospital<\/strong>, patients benefit from coordinated care that supports every stage of women&#8217;s health, from adolescence through pregnancy and menopause.\n            <\/p>\n            \n            <p id=\"sh-cho-lang-list-title\" class=\"text-[#243b5a] text-[20px] font-bold mb-5\" style=\"font-family: var(--font-display);\">\n                Why patients choose Shefa Hospital\n            <\/p>\n            \n            <!-- Dynamic Grid List (Injected via JS for clean HTML) -->\n            <ul id=\"sh-cho-grid\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3.5 mb-8\">\n                <!-- List items will go here -->\n            <\/ul>\n\n            <p id=\"sh-cho-lang-footer\" class=\"mt-6 text-slate-500 text-[16px] leading-relaxed\">\n                This integrated approach allows patients to receive timely diagnosis and treatment without visiting multiple healthcare facilities.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Translation & Dynamic Render Engine -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const chooseData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Why Shefa Hospital\",\n                title: \"Why Choose Shefa Hospital for Women's Healthcare in Makkah?\",\n                p1: \"Women looking for a gynecology clinic in Makkah often prefer a hospital that offers consultations, diagnostic tests, imaging, and treatment under one roof.\",\n                p2: \"At <strong>Shefa Hospital<\/strong>, patients benefit from coordinated care that supports every stage of women's health, from adolescence through pregnancy and menopause.\",\n                listTitle: \"Why patients choose Shefa Hospital\",\n                badgeTitle: \"CBAHI\",\n                badgeDesc: \"Accredited multispecialty hospital in Makkah\",\n                footer: \"This integrated approach allows patients to receive timely diagnosis and treatment without visiting multiple healthcare facilities.\",\n                list: [\n                    \"Experienced Obstetrics & Gynecology Specialists\",\n                    \"Pregnancy and maternity care\",\n                    \"High-risk pregnancy monitoring\",\n                    \"Women's preventive health services\",\n                    \"Fertility assessment and reproductive health\",\n                    \"Ultrasound and diagnostic imaging\",\n                    \"Laboratory investigations\",\n                    \"Comfortable outpatient consultations\",\n                    \"Hospital-based treatment when required\",\n                    \"Convenient location in Al Mansur, Makkah\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0644\u0645\u0627\u0630\u0627 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u064a\u0646 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0644\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0645\u0643\u0629\u061f\",\n                p1: \"\u062a\u0641\u0636\u0644 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0644\u0627\u062a\u064a \u064a\u0628\u062d\u062b\u0646 \u0639\u0646 \u0639\u064a\u0627\u062f\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0641\u064a \u0645\u0643\u0629 \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0633\u062a\u0634\u0641\u0649 \u064a\u0642\u062f\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0648\u0627\u0644\u0639\u0644\u0627\u062c \u062a\u062d\u062a \u0633\u0642\u0641 \u0648\u0627\u062d\u062f.\",\n                p2: \"\u0641\u064a <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/strong>\u060c \u062a\u0633\u062a\u0641\u064a\u062f \u0627\u0644\u0645\u0631\u064a\u0636\u0627\u062a \u0645\u0646 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0633\u0642\u0629 \u0627\u0644\u062a\u064a \u062a\u062f\u0639\u0645 \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629\u060c \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0629 \u0645\u0631\u0648\u0631\u0627\u064b \u0628\u0627\u0644\u062d\u0645\u0644 \u0648\u062d\u062a\u0649 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633.\",\n                listTitle: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0645\u0631\u064a\u0636\u0627\u062a \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621\",\n                badgeTitle: \"\u0633\u0628\u0627\u0647\u064a (CBAHI)\",\n                badgeDesc: \"\u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0645\u0639\u062a\u0645\u062f \u0641\u064a \u0645\u0643\u0629\",\n                footer: \"\u064a\u0633\u0645\u062d \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0631\u064a\u0636\u0627\u062a \u0628\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u0627\u0644\u0639\u0644\u0627\u062c \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0632\u064a\u0627\u0631\u0629 \u0645\u0631\u0627\u0641\u0642 \u0637\u0628\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629.\",\n                list: [\n                    \"\u0623\u062e\u0635\u0627\u0626\u064a\u0648 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0630\u0648\u0648 \u062e\u0628\u0631\u0629\",\n                    \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0627\u0644\u0623\u0645\u0648\u0645\u0629\",\n                    \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\",\n                    \"\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629\",\n                    \"\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\",\n                    \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\",\n                    \"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062e\u0627\u0631\u062c\u064a\u0629 \u0645\u0631\u064a\u062d\u0629\",\n                    \"\u0627\u0644\u0639\u0644\u0627\u062c \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629\",\n                    \"\u0645\u0648\u0642\u0639 \u0645\u0646\u0627\u0633\u0628 \u0641\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629\"\n                ]\n            }\n        };\n\n        function initChooseSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const data = chooseData[lang];\n\n            const section = document.getElementById('sh-choose-995');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Text & Fonts\n            document.getElementById('sh-cho-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-cho-lang-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-cho-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-cho-lang-p1').textContent = data.p1;\n            document.getElementById('sh-cho-lang-p1').style.fontFamily = data.bodyFont;\n\n            const p2 = document.getElementById('sh-cho-lang-p2');\n            p2.innerHTML = data.p2; \n            p2.style.fontFamily = data.bodyFont;\n\n            const listTitle = document.getElementById('sh-cho-lang-list-title');\n            listTitle.textContent = data.listTitle;\n            listTitle.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-cho-lang-footer').textContent = data.footer;\n            document.getElementById('sh-cho-lang-footer').style.fontFamily = data.bodyFont;\n\n            document.getElementById('sh-cho-lang-badge-title').textContent = data.badgeTitle;\n            document.getElementById('sh-cho-lang-badge-desc').textContent = data.badgeDesc;\n            document.getElementById('sh-cho-lang-badge-desc').style.fontFamily = data.bodyFont;\n\n            \/\/ Dynamically Render List\n            const grid = document.getElementById('sh-cho-grid');\n            grid.innerHTML = ''; \/\/ Clear previous\n            data.list.forEach(itemText => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-[22px] h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-3 h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[15.5px] leading-relaxed text-[#243b5a]\/90 font-medium\" style=\"font-family: ${data.bodyFont};\">${itemText}<\/span>\n                `;\n                grid.appendChild(li);\n            });\n        }\n\n        initChooseSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initChooseSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-services-997 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-services-997::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-services-997 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        position: relative;\n        z-index: 10;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-services-997\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"mb-16 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-ser-lang-kicker\">Services<\/span>\n            <\/div>\n            <h2 id=\"sh-ser-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Women&#8217;s Healthcare Services<\/h2>\n            <p id=\"sh-ser-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">&#8230;<\/p>\n        <\/div>\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"sh-ser-grid\"><\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Icon Library Object\n        const icons = {\n            baby: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"\/><path d=\"M15 12h.01\"\/><path d=\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"\/><path d=\"M9 12h.01\"\/><\/svg>`,\n            sparkles: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg>`,\n            circleDot: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg>`,\n            flower: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1\"\/><circle cx=\"12\" cy=\"8\" r=\"2\"\/><path d=\"M12 10v12\"\/><path d=\"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z\"\/><path d=\"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z\"\/><\/svg>`,\n            activity: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg>`,\n            alert: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"\/><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"\/><\/svg>`,\n            users: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>`,\n            shield: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>`,\n            microscope: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 18h8\"\/><path d=\"M3 22h18\"\/><path d=\"M14 22a7 7 0 1 0 0-14h-1\"\/><path d=\"M9 14h2\"\/><path d=\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"\/><path d=\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"\/><\/svg>`\n        };\n\n        const servicesData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Services\", title: \"Women's Healthcare Services at Shefa Hospital\",\n                desc: \"Women's healthcare involves prevention, diagnosis, treatment, and long-term health management. The Obstetrics and Gynecology Department provides care for reproductive health while supporting healthy pregnancies.\",\n                items: [\n                    { t: \"Pregnancy care\", d: \"Complete prenatal monitoring and support throughout every trimester.\", icon: icons.baby },\n                    { t: \"Fertility evaluation\", d: \"Comprehensive assessment for couples trying to conceive.\", icon: icons.sparkles },\n                    { t: \"PCOS management\", d: \"Personalized treatment for hormonal balance and symptoms.\", icon: icons.circleDot },\n                    { t: \"Endometriosis treatment\", d: \"Diagnosis and management of chronic pelvic conditions.\", icon: icons.flower },\n                    { t: \"Menstrual disorder assessment\", d: \"Evaluation of irregular, heavy or painful periods.\", icon: icons.activity },\n                    { t: \"High-risk pregnancy care\", d: \"Close monitoring for pregnancies needing extra support.\", icon: icons.alert },\n                    { t: \"Family planning\", d: \"Contraceptive counseling tailored to your life stage.\", icon: icons.users },\n                    { t: \"Menopause care\", d: \"Symptom management and hormonal health guidance.\", icon: icons.flower },\n                    { t: \"Cervical cancer screening\", d: \"Pap smears and HPV testing for early detection.\", icon: icons.shield }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u062e\u062f\u0645\u0627\u062a\", title: \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621\",\n                desc: \"\u062a\u062a\u0636\u0645\u0646 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u0627\u0644\u0639\u0644\u0627\u062c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u062d\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644. \u064a\u0648\u0641\u0631 \u0642\u0633\u0645 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0644\u0644\u0635\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629 \u0645\u0639 \u062f\u0639\u0645 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0635\u062d\u064a\u0629.\",\n                items: [\n                    { t: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644\", d: \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0634\u0627\u0645\u0644\u0629 \u0642\u0628\u0644 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0648\u062f\u0639\u0645 \u0637\u0648\u0627\u0644 \u0643\u0644 \u062b\u0644\u0627\u062b\u0629 \u0623\u0634\u0647\u0631.\", icon: icons.baby },\n                    { t: \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629\", d: \"\u062a\u0642\u064a\u064a\u0645 \u0634\u0627\u0645\u0644 \u0644\u0644\u0623\u0632\u0648\u0627\u062c \u0627\u0644\u0630\u064a\u0646 \u064a\u062d\u0627\u0648\u0644\u0648\u0646 \u0627\u0644\u0625\u0646\u062c\u0627\u0628.\", icon: icons.sparkles },\n                    { t: \"\u0625\u062f\u0627\u0631\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636\", d: \"\u0639\u0644\u0627\u062c \u0645\u062e\u0635\u0635 \u0644\u0644\u062a\u0648\u0627\u0632\u0646 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a \u0648\u0627\u0644\u0623\u0639\u0631\u0627\u0636.\", icon: icons.circleDot },\n                    { t: \"\u0639\u0644\u0627\u062c \u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629\", d: \"\u062a\u0634\u062e\u064a\u0635 \u0648\u0625\u062f\u0627\u0631\u0629 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0648\u0636 \u0627\u0644\u0645\u0632\u0645\u0646\u0629.\", icon: icons.flower },\n                    { t: \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\", d: \"\u062a\u0642\u064a\u064a\u0645 \u0641\u062a\u0631\u0627\u062a \u0627\u0644\u0637\u0645\u062b \u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0623\u0648 \u0627\u0644\u063a\u0632\u064a\u0631\u0629 \u0623\u0648 \u0627\u0644\u0645\u0624\u0644\u0645\u0629.\", icon: icons.activity },\n                    { t: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\", d: \"\u0645\u0631\u0627\u0642\u0628\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062f\u0639\u0645 \u0625\u0636\u0627\u0641\u064a.\", icon: icons.alert },\n                    { t: \"\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629\", d: \"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0645\u0631\u062d\u0644\u0629 \u062d\u064a\u0627\u062a\u0643.\", icon: icons.users },\n                    { t: \"\u0631\u0639\u0627\u064a\u0629 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633\", d: \"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629.\", icon: icons.flower },\n                    { t: \"\u0641\u062d\u0635 \u0633\u0631\u0637\u0627\u0646 \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645\", d: \"\u0645\u0633\u062d\u0627\u062a \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645 \u0648\u0641\u062d\u0648\u0635\u0627\u062a \u0641\u064a\u0631\u0648\u0633 \u0627\u0644\u0648\u0631\u0645 \u0627\u0644\u062d\u0644\u064a\u0645\u064a \u0644\u0644\u0643\u0634\u0641 \u0627\u0644\u0645\u0628\u0643\u0631.\", icon: icons.shield }\n                ]\n            }\n        };\n\n        function initServices() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? servicesData.ar : servicesData.en;\n            const section = document.getElementById('sh-services-997');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-ser-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-ser-lang-title').textContent = data.title;\n            document.getElementById('sh-ser-lang-desc').textContent = data.desc;\n            document.getElementById('sh-ser-lang-title').style.fontFamily = data.font;\n            \n            const grid = document.getElementById('sh-ser-grid');\n            grid.innerHTML = '';\n            data.items.forEach((item, i) => {\n                const div = document.createElement('div');\n                div.className = \"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\";\n                div.style.animationDelay = `${i * 0.05}s`;\n                div.innerHTML = `\n                    <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\n                        ${item.icon}\n                    <\/div>\n                    <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3\" style=\"font-family: ${data.font}\">${item.t}<\/h3>\n                    <div class=\"text-[15.5px] text-[#667085] leading-relaxed\" style=\"font-family: ${data.body}\">${item.d}<\/div>\n                `;\n                grid.appendChild(div);\n            });\n        }\n        initServices();\n        new MutationObserver(initServices).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-pregnancy-887 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-pregnancy-887 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-pregnancy-887\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Top Grid -->\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-14 items-start mb-20\">\n            <div class=\"sh-animate-up\">\n                <div class=\"mb-12 max-w-6xl\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>Pregnancy\n                    <\/div>\n                    <h2 class=\"font-display text-[34px] md:text-[46px] leading-[1.1] text-[#243b5a]\">Pregnancy Care: Supporting Mother and Baby<\/h2>\n                    <p class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Pregnancy requires regular monitoring to support the health of both mother and baby. Early prenatal care helps identify medical conditions that may affect pregnancy while allowing doctors to monitor fetal development throughout each trimester.<\/p>\n                <\/div>\n                \n                <p class=\"font-display text-[#243b5a] text-[20px] mb-4\">Prenatal care usually includes:<\/p>\n                <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3\">\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">Pregnancy confirmation<\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">Medical history review<\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">Blood investigations<\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">Blood pressure monitoring<\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">Weight assessment<\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">Routine ultrasound scans<\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">Fetal growth monitoring<\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">Nutrition guidance<\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">Gestational diabetes screening<\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">Delivery planning<\/span><\/li>\n                <\/ul>\n                <p class=\"mt-6 text-[#667085] text-[16px]\">Regular appointments also give mothers an opportunity to discuss common pregnancy symptoms and receive advice on healthy lifestyle choices.<\/p>\n            <\/div>\n            \n            <div class=\"sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/gyn-pregnancy-DnLhz69x.webp\" onerror=\"this.src='\/assets\/gyn-pregnancy-DnLhz69x.jpg'\" alt=\"Pregnancy care\" class=\"rounded-3xl w-full h-[560px] object-cover shadow-lg\">\n            <\/div>\n        <\/div>\n\n        <!-- High Risk Card -->\n        <div class=\"relative rounded-3xl border-l-4 border-[#d8a321] bg-gradient-to-br from-[#d8a321]\/5 to-white p-8 md:p-12 shadow-sm sh-animate-up\" style=\"animation-delay: 0.4s;\">\n             <h3 class=\"font-display text-[28px] md:text-[32px] text-[#243b5a] mb-5\">High-Risk Pregnancy Care<\/h3>\n             <p class=\"text-[#243b5a]\/85 mb-5 text-[17px]\">Some pregnancies require additional monitoring. A pregnancy may be considered high-risk when the mother has: Diabetes, High blood pressure, Thyroid disorders, Twin\/multiple pregnancy, etc.<\/p>\n             <p class=\"text-[#667085]\">Early identification allows healthcare providers to manage complications before they become emergencies.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID & Clean Container *\/\n    #sh-timeline-888 {\n        width: 100%;\n        background-color: #ffffff !important;\n        overflow: hidden;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box;\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-timeline-888 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Timeline Connector Line *\/\n    .sh-timeline-line {\n        position: absolute;\n        top: 3.5rem;\n        left: 25%;\n        right: 25%;\n        height: 2px;\n        background: #e4edf3;\n        z-index: 0;\n    }\n    @media (max-width: 768px) { .sh-timeline-line { display: none; } }\n\n    \/* 4. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-timeline-888\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-16 text-center max-w-2xl mx-auto sh-animate-up\">\n            <h3 id=\"sh-time-lang-title\" class=\"text-[30px] md:text-[36px] font-bold text-[#243b5a] mb-3\" style=\"font-family: var(--font-display);\">\n                Pregnancy Care Timeline\n            <\/h3>\n            <p id=\"sh-time-lang-desc\" class=\"text-[#667085] text-[17px]\">\n                Following the recommended schedule helps detect concerns early and supports better pregnancy outcomes.\n            <\/p>\n        <\/div>\n\n        <!-- Timeline Grid -->\n        <div class=\"grid md:grid-cols-3 gap-8 relative\">\n            <div class=\"sh-timeline-line\"><\/div>\n            \n            <!-- Cards -->\n            <div class=\"relative bg-white border border-[#e4edf3] rounded-2xl p-8 shadow-sm hover:shadow-lg transition text-center sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <div class=\"mx-auto w-14 h-14 rounded-full bg-[#138b86] text-white grid place-items-center font-bold text-lg mb-6 shadow-md\">1<\/div>\n                <div id=\"sh-time-lang-card1-t\" class=\"font-bold text-[#243b5a] text-[22px] mb-3\" style=\"font-family: var(--font-display);\">Weeks 6\u201312<\/div>\n                <p id=\"sh-time-lang-card1-d\" class=\"text-[#667085] text-[16px]\">Pregnancy confirmation, estimated due date, blood tests, first ultrasound<\/p>\n            <\/div>\n\n            <div class=\"relative bg-white border border-[#e4edf3] rounded-2xl p-8 shadow-sm hover:shadow-lg transition text-center sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <div class=\"mx-auto w-14 h-14 rounded-full bg-[#138b86] text-white grid place-items-center font-bold text-lg mb-6 shadow-md\">2<\/div>\n                <div id=\"sh-time-lang-card2-t\" class=\"font-bold text-[#243b5a] text-[22px] mb-3\" style=\"font-family: var(--font-display);\">Weeks 13\u201327<\/div>\n                <p id=\"sh-time-lang-card2-d\" class=\"text-[#667085] text-[16px]\">Fetal growth monitoring, anomaly scan, nutritional assessment<\/p>\n            <\/div>\n\n            <div class=\"relative bg-white border border-[#e4edf3] rounded-2xl p-8 shadow-sm hover:shadow-lg transition text-center sh-animate-up\" style=\"animation-delay: 0.3s;\">\n                <div class=\"mx-auto w-14 h-14 rounded-full bg-[#138b86] text-white grid place-items-center font-bold text-lg mb-6 shadow-md\">3<\/div>\n                <div id=\"sh-time-lang-card3-t\" class=\"font-bold text-[#243b5a] text-[22px] mb-3\" style=\"font-family: var(--font-display);\">Weeks 28\u201340<\/div>\n                <p id=\"sh-time-lang-card3-d\" class=\"text-[#667085] text-[16px]\">Baby&#8217;s position, labor planning, maternal health monitoring, delivery preparation<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const timeData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                title: \"Pregnancy Care Timeline\",\n                desc: \"Following the recommended schedule helps detect concerns early and supports better pregnancy outcomes.\",\n                cards: [\n                    { t: \"Weeks 6\u201312\", d: \"Pregnancy confirmation, estimated due date, blood tests, first ultrasound\" },\n                    { t: \"Weeks 13\u201327\", d: \"Fetal growth monitoring, anomaly scan, nutritional assessment\" },\n                    { t: \"Weeks 28\u201340\", d: \"Baby's position, labor planning, maternal health monitoring, delivery preparation\" }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                title: \"\u062c\u062f\u0648\u0644 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644\",\n                desc: \"\u064a\u0633\u0627\u0639\u062f \u0627\u062a\u0628\u0627\u0639 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647 \u0641\u064a \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0645\u0628\u0643\u0631\u0627\u064b \u0648\u062f\u0639\u0645 \u0646\u062a\u0627\u0626\u062c \u062d\u0645\u0644 \u0623\u0641\u0636\u0644.\",\n                cards: [\n                    { t: \"\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 6\u201312\", d: \"\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u0645\u0644\u060c \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u060c \u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u062f\u0645\u060c \u0623\u0648\u0644 \u0641\u062d\u0635 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\" },\n                    { t: \"\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 13\u201327\", d: \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0646\u0645\u0648 \u0627\u0644\u062c\u0646\u064a\u0646\u060c \u0641\u062d\u0635 \u0627\u0644\u062a\u0634\u0648\u0647\u0627\u062a\u060c \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\" },\n                    { t: \"\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 28\u201340\", d: \"\u0648\u0636\u0639\u064a\u0629 \u0627\u0644\u062c\u0646\u064a\u0646\u060c \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u0648\u0644\u0627\u062f\u0629\u060c \u0645\u0631\u0627\u0642\u0628\u0629 \u0635\u062d\u0629 \u0627\u0644\u0623\u0645\u060c \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0644\u0648\u0644\u0627\u062f\u0629\" }\n                ]\n            }\n        };\n\n        function initTimeSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? timeData.ar : timeData.en;\n            const section = document.getElementById('sh-timeline-888');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-time-lang-title').textContent = data.title;\n            document.getElementById('sh-time-lang-title').style.fontFamily = data.font;\n            document.getElementById('sh-time-lang-desc').textContent = data.desc;\n            document.getElementById('sh-time-lang-desc').style.fontFamily = data.body;\n            \n            data.cards.forEach((card, i) => {\n                document.getElementById(`sh-time-lang-card${i+1}-t`).textContent = card.t;\n                document.getElementById(`sh-time-lang-card${i+1}-t`).style.fontFamily = data.font;\n                document.getElementById(`sh-time-lang-card${i+1}-d`).textContent = card.d;\n                document.getElementById(`sh-time-lang-card${i+1}-d`).style.fontFamily = data.body;\n            });\n        }\n        initTimeSection();\n        new MutationObserver(initTimeSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-highrisk-777 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-highrisk-777 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-highrisk-777\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"relative rounded-3xl border-l-4 border-[#d8a321] bg-gradient-to-br from-[#d8a321]\/5 to-white p-8 md:p-12 shadow-sm sh-animate-up\">\n            \n            <div class=\"flex items-center gap-3 mb-4\">\n                <div class=\"w-12 h-12 rounded-full bg-[#d8a321] text-white grid place-items-center\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                <\/div>\n                <h3 id=\"sh-high-lang-title\" class=\"font-display text-[28px] md:text-[32px] text-[#243b5a] m-0\">High-Risk Pregnancy Care<\/h3>\n            <\/div>\n            \n            <p id=\"sh-high-lang-desc\" class=\"text-[#243b5a]\/85 mb-5 text-[17px]\">Some pregnancies require additional monitoring because of medical conditions or pregnancy-related complications.<\/p>\n            <p id=\"sh-high-lang-criteria\" class=\"font-semibold text-[#243b5a] mb-3\">A pregnancy may be considered high-risk when the mother has:<\/p>\n            \n            <ul id=\"sh-high-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-3 mb-6\">\n                <!-- List rendered via JS -->\n            <\/ul>\n            \n            <p id=\"sh-high-lang-footer1\" class=\"text-[#667085]\">Women with high-risk pregnancies usually require more frequent checkups, additional ultrasound examinations, and individualized birth planning.<\/p>\n            <p id=\"sh-high-lang-footer2\" class=\"mt-3 text-[#667085]\">Early identification allows healthcare providers to manage complications before they become emergencies.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const highRiskData = {\n            en: {\n                title: \"High-Risk Pregnancy Care\",\n                desc: \"Some pregnancies require additional monitoring because of medical conditions or pregnancy-related complications.\",\n                criteria: \"A pregnancy may be considered high-risk when the mother has:\",\n                f1: \"Women with high-risk pregnancies usually require more frequent checkups, additional ultrasound examinations, and individualized birth planning.\",\n                f2: \"Early identification allows healthcare providers to manage complications before they become emergencies.\",\n                list: [\"Diabetes\", \"High blood pressure\", \"Thyroid disorders\", \"Twin or multiple pregnancy\", \"Previous miscarriage\", \"Previous premature birth\", \"Previous cesarean section\", \"Placenta-related complications\", \"Maternal age above 35 years\"]\n            },\n            ar: {\n                title: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\",\n                desc: \"\u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0645\u0631\u0627\u0642\u0628\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0633\u0628\u0628 \u0648\u062c\u0648\u062f \u062d\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0623\u0648 \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062d\u0645\u0644.\",\n                criteria: \"\u0642\u062f \u064a\u0639\u062a\u0628\u0631 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0639\u0646\u062f\u0645\u0627 \u062a\u0639\u0627\u0646\u064a \u0627\u0644\u0623\u0645 \u0645\u0646:\",\n                f1: \"\u0639\u0627\u062f\u0629\u064b \u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0644\u0627\u062a\u064a \u064a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646 \u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0625\u0644\u0649 \u0641\u062d\u0648\u0635\u0627\u062a \u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0648\u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0641\u0631\u062f\u064a \u0644\u0644\u0648\u0644\u0627\u062f\u0629.\",\n                f2: \"\u064a\u062a\u064a\u062d \u0627\u0644\u0643\u0634\u0641 \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u062d\u0627\u0644\u0627\u062a \u0637\u0627\u0631\u0626\u0629.\",\n                list: [\"\u0627\u0644\u0633\u0643\u0631\u064a\", \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\", \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629\", \"\u0627\u0644\u062d\u0645\u0644 \u0628\u062a\u0648\u0623\u0645 \u0623\u0648 \u0623\u0643\u062b\u0631\", \"\u0625\u062c\u0647\u0627\u0636 \u0633\u0627\u0628\u0642\", \"\u0648\u0644\u0627\u062f\u0629 \u0645\u0628\u0643\u0631\u0629 \u0633\u0627\u0628\u0642\u0629\", \"\u0639\u0645\u0644\u064a\u0629 \u0642\u064a\u0635\u0631\u064a\u0629 \u0633\u0627\u0628\u0642\u0629\", \"\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0645\u0634\u064a\u0645\u0629\", \"\u0639\u0645\u0631 \u0627\u0644\u0623\u0645 \u0641\u0648\u0642 35 \u0639\u0627\u0645\u0627\u064b\"]\n            }\n        };\n\n        function initHighRisk() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? highRiskData.ar : highRiskData.en;\n            const section = document.getElementById('sh-highrisk-777');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-high-lang-title').textContent = data.title;\n            document.getElementById('sh-high-lang-desc').textContent = data.desc;\n            document.getElementById('sh-high-lang-criteria').textContent = data.criteria;\n            document.getElementById('sh-high-lang-footer1').textContent = data.f1;\n            document.getElementById('sh-high-lang-footer2').textContent = data.f2;\n            \n            const grid = document.getElementById('sh-high-grid');\n            grid.innerHTML = '';\n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start\";\n                li.innerHTML = `<span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">${item}<\/span>`;\n                grid.appendChild(li);\n            });\n        }\n        initHighRisk();\n        new MutationObserver(initHighRisk).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-fertility-555 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-fertility-555::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-fertility-555 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-fertility-555\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-fer-lang-kicker\">Fertility<\/span>\n            <\/div>\n            <h2 id=\"sh-fer-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Fertility Assessment and Infertility Care<\/h2>\n            <p id=\"sh-fer-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Many couples seek medical advice after trying to conceive without success. Infertility can result from factors affecting either partner, making a comprehensive evaluation important.<\/p>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-12 items-start mb-12\">\n            <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/gyn-fertility-DlSz14kc.webp\" onerror=\"this.src='\/assets\/gyn-fertility-DlSz14kc.jpg'\" alt=\"Fertility consultation\" class=\"rounded-3xl w-full h-[460px] object-cover shadow-lg sh-animate-up\" style=\"animation-delay: 0.1s;\">\n            \n            <div class=\"grid gap-6 sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <div id=\"sh-fer-cards-container\" class=\"grid gap-6\">\n                    <\/div>\n            <\/div>\n        <\/div>\n\n        <p id=\"sh-fer-lang-footer\" class=\"max-w-3xl mx-auto text-center text-[#667085] text-[17px] leading-relaxed sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            The findings help determine appropriate next steps, which may involve medication, lifestyle changes, referral for assisted reproductive techniques, or continued monitoring.\n        <\/p>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const fertData = {\n            en: {\n                kicker: \"Fertility\", title: \"Fertility Assessment and Infertility Care\",\n                desc: \"Many couples seek medical advice after trying to conceive without success. Infertility can result from factors affecting either partner, making a comprehensive evaluation important.\",\n                footer: \"The findings help determine appropriate next steps, which may involve medication, lifestyle changes, referral for assisted reproductive techniques, or continued monitoring.\",\n                cards: [\n                    { t: \"Possible causes include:\", list: [\"Ovulation disorders\", \"PCOS\", \"Endometriosis\", \"Hormonal imbalance\", \"Blocked fallopian tubes\", \"Reduced ovarian reserve\", \"Male fertility factors\"] },\n                    { t: \"A fertility assessment may include:\", list: [\"Medical history\", \"Physical examination\", \"Hormonal investigations\", \"Pelvic ultrasound\", \"Ovulation tracking\", \"Additional tests when clinically indicated\"] }\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062e\u0635\u0648\u0628\u0629\", title: \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0639\u0642\u0645\",\n                desc: \"\u064a\u0633\u0639\u0649 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0632\u0648\u0627\u062c \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0629 \u0628\u0639\u062f \u0645\u062d\u0627\u0648\u0644\u0629 \u0627\u0644\u062d\u0645\u0644 \u062f\u0648\u0646 \u0646\u062c\u0627\u062d. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0646\u062a\u062c \u0627\u0644\u0639\u0642\u0645 \u0639\u0646 \u0639\u0648\u0627\u0645\u0644 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0623\u064a \u0645\u0646 \u0627\u0644\u0634\u0631\u064a\u0643\u064a\u0646\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0634\u0627\u0645\u0644 \u0623\u0645\u0631\u0627\u064b \u0645\u0647\u0645\u0627\u064b.\",\n                footer: \"\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0648\u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u062f\u0648\u064a\u0629\u060c \u0623\u0648 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629\u060c \u0623\u0648 \u0627\u0644\u0625\u062d\u0627\u0644\u0629 \u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0639\u0644\u0649 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u060c \u0623\u0648 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629.\",\n                cards: [\n                    { t: \"\u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u062a\u0634\u0645\u0644:\", list: [\"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0625\u0628\u0627\u0636\u0629\", \"\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)\", \"\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629\", \"\u0627\u062e\u062a\u0644\u0627\u0644 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\", \"\u0627\u0646\u0633\u062f\u0627\u062f \u0642\u0646\u0648\u0627\u062a \u0641\u0627\u0644\u0648\u0628\", \"\u0627\u0646\u062e\u0641\u0627\u0636 \u0645\u062e\u0632\u0648\u0646 \u0627\u0644\u0645\u0628\u064a\u0636\", \"\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0644\u062f\u0649 \u0627\u0644\u0630\u0643\u0648\u0631\"] },\n                    { t: \"\u0642\u062f \u064a\u0634\u0645\u0644 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629:\", list: [\"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a\", \"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a\", \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629\", \"\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0644\u0644\u062d\u0648\u0636\", \"\u062a\u062a\u0628\u0639 \u0627\u0644\u0625\u0628\u0627\u0636\u0629\", \"\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629\"] }\n                ]\n            }\n        };\n\n        function initFertSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? fertData.ar : fertData.en;\n            const section = document.getElementById('sh-fertility-555');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-fer-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-fer-lang-title').textContent = data.title;\n            document.getElementById('sh-fer-lang-desc').textContent = data.desc;\n            document.getElementById('sh-fer-lang-footer').textContent = data.footer;\n\n            const container = document.getElementById('sh-fer-cards-container');\n            container.innerHTML = '';\n            data.cards.forEach(card => {\n                const div = document.createElement('div');\n                div.className = \"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm\";\n                div.innerHTML = `<h3 class=\"font-bold text-[22px] text-[#243b5a] mb-5\">${card.t}<\/h3><ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3\"><\/ul>`;\n                const ul = div.querySelector('ul');\n                card.list.forEach(liText => {\n                    const li = document.createElement('li');\n                    li.className = \"flex gap-3 items-start\";\n                    li.innerHTML = `<span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">${liText}<\/span>`;\n                    ul.appendChild(li);\n                });\n                container.appendChild(div);\n            });\n        }\n        initFertSection();\n        new MutationObserver(initFertSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Astra-proof Layout *\/\n    #sh-pcos-666 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-pcos-666 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-pcos-666\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-pcos-lang-kicker\">PCOS<\/span>\n            <\/div>\n            <h2 id=\"sh-pcos-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">PCOS: One of the Most Common Hormonal Disorders<\/h2>\n            <p id=\"sh-pcos-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Polycystic Ovary Syndrome (PCOS) affects many women during their reproductive years. It can influence menstrual cycles, fertility, metabolism, and long-term health.<\/p>\n        <\/div>\n\n        <!-- Grid Cards -->\n        <div class=\"grid md:grid-cols-2 gap-6 sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <!-- Symptoms Card -->\n            <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm\">\n                <h3 id=\"sh-pcos-lang-symp-title\" class=\"font-display text-[22px] text-[#243b5a] mb-4\">Common symptoms<\/h3>\n                <ul id=\"sh-pcos-symp-grid\" class=\"space-y-3\"><\/ul>\n            <\/div>\n            <!-- Management Card -->\n            <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm\">\n                <h3 id=\"sh-pcos-lang-man-title\" class=\"font-display text-[22px] text-[#243b5a] mb-4\">Management may include<\/h3>\n                <ul id=\"sh-pcos-man-grid\" class=\"space-y-3\"><\/ul>\n                <p id=\"sh-pcos-lang-footer1\" class=\"mt-5 text-[#667085] text-[15px]\">Without proper management, PCOS may increase the risk of insulin resistance, type 2 diabetes, and cardiovascular disease in some women.<\/p>\n                <p id=\"sh-pcos-lang-footer2\" class=\"mt-2 text-[#667085] text-[15px]\">Treatment depends on the patient&#8217;s symptoms and reproductive goals.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const pcosData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"PCOS\", title: \"PCOS: One of the Most Common Hormonal Disorders\",\n                desc: \"Polycystic Ovary Syndrome (PCOS) affects many women during their reproductive years. It can influence menstrual cycles, fertility, metabolism, and long-term health.\",\n                sympTitle: \"Common symptoms\", manTitle: \"Management may include\",\n                f1: \"Without proper management, PCOS may increase the risk of insulin resistance, type 2 diabetes, and cardiovascular disease in some women.\",\n                f2: \"Treatment depends on the patient's symptoms and reproductive goals.\",\n                sympList: [\"Irregular periods\", \"Acne\", \"Weight gain\", \"Excess facial or body hair\", \"Difficulty becoming pregnant\", \"Hair thinning\", \"Ovarian cysts on ultrasound\"],\n                manList: [\"Weight management\", \"Lifestyle modifications\", \"Hormonal medications\", \"Ovulation support\", \"Regular follow-up\"]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636\", title: \"\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636: \u0623\u062d\u062f \u0623\u0643\u062b\u0631 \u0627\u0644\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629 \u0634\u064a\u0648\u0639\u0627\u064b\",\n                desc: \"\u062a\u0624\u062b\u0631 \u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS) \u0639\u0644\u0649 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0646\u0633\u0627\u0621 \u062e\u0644\u0627\u0644 \u0633\u0646\u0648\u0627\u062a \u0627\u0644\u0625\u0646\u062c\u0627\u0628. \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 \u0648\u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u063a\u0630\u0627\u0626\u064a \u0648\u0627\u0644\u0635\u062d\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\",\n                sympTitle: \"\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\", manTitle: \"\u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0645\u0627 \u064a\u0644\u064a\",\n                f1: \"\u0628\u062f\u0648\u0646 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0644\u064a\u0645\u0629\u060c \u0642\u062f \u062a\u0632\u064a\u062f \u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 \u0645\u0646 \u062e\u0637\u0631 \u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0623\u0646\u0633\u0648\u0644\u064a\u0646\u060c \u0648\u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a \u0645\u0646 \u0627\u0644\u0646\u0648\u0639 2\u060c \u0648\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0644\u062f\u0649 \u0628\u0639\u0636 \u0627\u0644\u0646\u0633\u0627\u0621.\",\n                f2: \"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0639\u0644\u0627\u062c \u0639\u0644\u0649 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0631\u064a\u0636\u0629 \u0648\u0623\u0647\u062f\u0627\u0641\u0647\u0627 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629.\",\n                sympList: [\"\u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\", \"\u062d\u0628 \u0627\u0644\u0634\u0628\u0627\u0628\", \"\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0648\u0632\u0646\", \"\u0646\u0645\u0648 \u0634\u0639\u0631 \u0632\u0627\u0626\u062f \u0641\u064a \u0627\u0644\u0648\u062c\u0647 \u0623\u0648 \u0627\u0644\u062c\u0633\u0645\", \"\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u062d\u0645\u0644\", \"\u062a\u0631\u0642\u0642 \u0627\u0644\u0634\u0639\u0631\", \"\u062a\u0643\u064a\u0633\u0627\u062a \u0627\u0644\u0645\u0628\u064a\u0636 \u0639\u0646\u062f \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\"],\n                manList: [\"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0632\u0646\", \"\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629\", \"\u0623\u062f\u0648\u064a\u0629 \u0647\u0631\u0645\u0648\u0646\u064a\u0629\", \"\u062f\u0639\u0645 \u0627\u0644\u0625\u0628\u0627\u0636\u0629\", \"\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u062a\u0638\u0645\u0629\"]\n            }\n        };\n\n        function initPcos() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? pcosData.ar : pcosData.en;\n            const section = document.getElementById('sh-pcos-666');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-pcos-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-pcos-lang-title').textContent = data.title;\n            document.getElementById('sh-pcos-lang-desc').textContent = data.desc;\n            document.getElementById('sh-pcos-lang-symp-title').textContent = data.sympTitle;\n            document.getElementById('sh-pcos-lang-man-title').textContent = data.manTitle;\n            document.getElementById('sh-pcos-lang-footer1').textContent = data.f1;\n            document.getElementById('sh-pcos-lang-footer2').textContent = data.f2;\n            \n            const sympGrid = document.getElementById('sh-pcos-symp-grid');\n            sympGrid.innerHTML = '';\n            data.sympList.forEach(text => {\n                sympGrid.innerHTML += `<li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">${text}<\/span><\/li>`;\n            });\n\n            const manGrid = document.getElementById('sh-pcos-man-grid');\n            manGrid.innerHTML = '';\n            data.manList.forEach(text => {\n                manGrid.innerHTML += `<li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">${text}<\/span><\/li>`;\n            });\n        }\n        initPcos();\n        new MutationObserver(initPcos).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Astra Breakout & Hexa Background *\/\n    #sh-menstrual-444 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-menstrual-444::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-menstrual-444 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-menstrual-444\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-men-lang-kicker\">Menstrual Health<\/span>\n            <\/div>\n            <h2 id=\"sh-men-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Menstrual Disorders<\/h2>\n            <p id=\"sh-men-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Changes in menstrual cycles should not always be considered normal. Persistent symptoms may indicate an underlying gynecological condition.<\/p>\n        <\/div>\n\n        <p id=\"sh-men-lang-seek-title\" class=\"font-bold text-[#243b5a] text-[20px] mb-6 text-center sh-animate-up\" style=\"animation-delay: 0.1s;\">Women should seek medical advice if they experience:<\/p>\n        \n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 sh-animate-up\" style=\"animation-delay: 0.2s;\" id=\"sh-men-symp-grid\"><\/div>\n\n        <div class=\"mt-10 bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm max-w-4xl mx-auto sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <h3 id=\"sh-men-lang-causes-title\" class=\"font-bold text-[22px] text-[#243b5a] mb-4\">Potential causes include:<\/h3>\n            <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3\" id=\"sh-men-causes-grid\"><\/ul>\n            <p id=\"sh-men-lang-footer\" class=\"mt-5 text-[#667085]\">An accurate diagnosis often involves a consultation, pelvic examination, and imaging or laboratory tests where appropriate.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const menData = {\n            en: {\n                kicker: \"Menstrual Health\", title: \"Menstrual Disorders\",\n                desc: \"Changes in menstrual cycles should not always be considered normal. Persistent symptoms may indicate an underlying gynecological condition.\",\n                seek: \"Women should seek medical advice if they experience:\",\n                causesTitle: \"Potential causes include:\",\n                footer: \"An accurate diagnosis often involves a consultation, pelvic examination, and imaging or laboratory tests where appropriate.\",\n                symp: [\"Heavy menstrual bleeding\", \"Very painful periods\", \"Missed periods\", \"Bleeding between cycles\", \"Cycles <21 or >35 days\", \"Severe pelvic pain\"],\n                causes: [\"Hormonal imbalance\", \"PCOS\", \"Fibroids\", \"Endometriosis\", \"Thyroid disorders\", \"Adenomyosis\"]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\", title: \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\",\n                desc: \"\u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u062f\u0627\u0626\u0645\u0627\u064b \u0627\u0639\u062a\u0628\u0627\u0631 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0641\u064a \u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062d\u064a\u0636 \u0623\u0645\u0631\u0627\u064b \u0637\u0628\u064a\u0639\u064a\u0627\u064b. \u0642\u062f \u062a\u0634\u064a\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0625\u0644\u0649 \u062d\u0627\u0644\u0629 \u0646\u0633\u0627\u0626\u064a\u0629 \u0643\u0627\u0645\u0646\u0629.\",\n                seek: \"\u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0646\u0633\u0627\u0621 \u0637\u0644\u0628 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0625\u0630\u0627 \u0639\u0627\u0646\u064a\u0646 \u0645\u0646:\",\n                causesTitle: \"\u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u062a\u0634\u0645\u0644:\",\n                footer: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0648\u0641\u062d\u0635\u0627\u064b \u0644\u0644\u062d\u0648\u0636 \u0648\u062a\u0635\u0648\u064a\u0631\u0627\u064b \u0623\u0648 \u0641\u062d\u0648\u0635\u0627\u062a \u0645\u062e\u0628\u0631\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621.\",\n                symp: [\"\u0646\u0632\u064a\u0641 \u062d\u0627\u062f\", \"\u0622\u0644\u0627\u0645 \u0634\u062f\u064a\u062f\u0629\", \"\u062a\u0623\u062e\u0631 \u0627\u0644\u062f\u0648\u0631\u0629\", \"\u0646\u0632\u064a\u0641 \u0628\u064a\u0646 \u0627\u0644\u062f\u0648\u0631\u0627\u062a\", \"\u062f\u0648\u0631\u0627\u062a \u0623\u0642\u0635\u0631 \u0645\u0646 21 \u064a\u0648\u0645 \u0623\u0648 \u0623\u0637\u0648\u0644 \u0645\u0646 35 \u064a\u0648\u0645\", \"\u0622\u0644\u0627\u0645 \u062d\u0648\u0636 \u0634\u062f\u064a\u062f\u0629\"],\n                causes: [\"\u0627\u062e\u062a\u0644\u0627\u0644 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\", \"\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)\", \"\u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629\", \"\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629\", \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629\", \"\u0627\u0644\u0639\u0636\u0627\u0644 \u0627\u0644\u063a\u062f\u064a\"]\n            }\n        };\n\n        function initMenSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? menData.ar : menData.en;\n            const section = document.getElementById('sh-menstrual-444');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-men-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-men-lang-title').textContent = data.title;\n            document.getElementById('sh-men-lang-desc').textContent = data.desc;\n            document.getElementById('sh-men-lang-seek-title').textContent = data.seek;\n            document.getElementById('sh-men-lang-causes-title').textContent = data.causesTitle;\n            document.getElementById('sh-men-lang-footer').textContent = data.footer;\n            \n            const sympGrid = document.getElementById('sh-men-symp-grid');\n            sympGrid.innerHTML = '';\n            data.symp.forEach(text => {\n                sympGrid.innerHTML += `<div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\"><span class=\"mt-0.5 shrink-0 text-[#138b86]\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a] font-medium\">${text}<\/span><\/div>`;\n            });\n\n            const causesGrid = document.getElementById('sh-men-causes-grid');\n            causesGrid.innerHTML = '';\n            data.causes.forEach(text => {\n                causesGrid.innerHTML += `<li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">${text}<\/span><\/li>`;\n            });\n        }\n        initMenSection();\n        new MutationObserver(initMenSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-conditions-333 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-conditions-333 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-conditions-333\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-con-lang-kicker\">Common Conditions<\/span>\n            <\/div>\n            <h2 id=\"sh-con-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Endometriosis, Fibroids, and Ovarian Cysts<\/h2>\n            <p id=\"sh-con-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Several common gynecological conditions can affect daily life, fertility, and pregnancy.<\/p>\n        <\/div>\n\n        <!-- 3-Column Grid -->\n        <div class=\"grid md:grid-cols-3 gap-6 sh-animate-up\" style=\"animation-delay: 0.15s;\" id=\"sh-con-cards-grid\"><\/div>\n\n        <!-- Imaging Section -->\n        <div class=\"mt-12 grid lg:grid-cols-[1.1fr_1fr] gap-10 items-center bg-white rounded-3xl p-8 md:p-10 border border-[#e4edf3] shadow-sm sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/gyn-conditions-TZdz7GnK.webp\" onerror=\"this.src='\/assets\/gyn-conditions-TZdz7GnK.jpg'\" alt=\"Gynecological ultrasound\" class=\"rounded-2xl w-full h-[380px] object-cover\" loading=\"lazy\">\n            <div>\n                <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#e6f4f3] text-[#138b86] text-[13px] font-semibold mb-4\">Advanced Imaging<\/div>\n                <h3 id=\"sh-con-lang-img-title\" class=\"font-display text-[26px] md:text-[30px] text-[#243b5a] mb-3\">Accurate diagnosis with modern ultrasound<\/h3>\n                <p id=\"sh-con-lang-img-desc\" class=\"text-[#667085]\">Ultrasound imaging helps evaluate these conditions and guide treatment decisions \u2014 from initial screening through follow-up monitoring after treatment.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const conData = {\n            en: {\n                kicker: \"Common Conditions\", title: \"Endometriosis, Fibroids, and Ovarian Cysts\",\n                desc: \"Several common gynecological conditions can affect daily life, fertility, and pregnancy.\",\n                imgTitle: \"Accurate diagnosis with modern ultrasound\",\n                imgDesc: \"Ultrasound imaging helps evaluate these conditions and guide treatment decisions \u2014 from initial screening through follow-up monitoring after treatment.\",\n                cards: [\n                    { t: \"Endometriosis\", d: \"Tissue similar to the uterine lining grows outside the uterus.\", symp: \"Common symptoms include:\", list: [\"Severe menstrual pain\", \"Chronic pelvic pain\", \"Pain during intercourse\", \"Difficulty conceiving\"] },\n                    { t: \"Uterine Fibroids\", d: \"Non-cancerous growths in the uterus.\", symp: \"May cause:\", list: [\"Heavy bleeding\", \"Pelvic pressure\", \"Frequent urination\", \"Constipation\", \"Fertility challenges\"] },\n                    { t: \"Ovarian Cysts\", d: \"Many resolve without treatment; others require monitoring.\", symp: \"Symptoms may include:\", list: [\"Pelvic discomfort\", \"Abdominal bloating\", \"Irregular bleeding\", \"Pain during activity\"] }\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629\", title: \"\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629\u060c \u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629\u060c \u0648\u062a\u0643\u064a\u0633\u0627\u062a \u0627\u0644\u0645\u0628\u064a\u0636\",\n                desc: \"\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u0627\u0644\u062d\u0645\u0644.\",\n                imgTitle: \"\u062a\u0634\u062e\u064a\u0635 \u062f\u0642\u064a\u0642 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\",\n                imgDesc: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0641\u064a \u062a\u0642\u064a\u064a\u0645 \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0648\u062a\u0648\u062c\u064a\u0647 \u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u2014 \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0623\u0648\u0644\u064a \u0648\u0635\u0648\u0644\u0627\u064b \u0625\u0644\u0649 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0628\u0639\u062f \u0627\u0644\u0639\u0644\u0627\u062c.\",\n                cards: [\n                    { t: \"\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629\", d: \"\u0646\u0645\u0648 \u0623\u0646\u0633\u062c\u0629 \u0645\u0634\u0627\u0628\u0647\u0629 \u0644\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u062e\u0627\u0631\u062c \u0627\u0644\u0631\u062d\u0645.\", symp: \"\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\u0629:\", list: [\"\u0622\u0644\u0627\u0645 \u0637\u0645\u062b \u0634\u062f\u064a\u062f\u0629\", \"\u0622\u0644\u0627\u0645 \u062d\u0648\u0636 \u0645\u0632\u0645\u0646\u0629\", \"\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0642\u0629\", \"\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u062d\u0645\u0644\"] },\n                    { t: \"\u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629 \u0627\u0644\u0631\u062d\u0645\u064a\u0629\", d: \"\u0646\u0645\u0648 \u063a\u064a\u0631 \u0633\u0631\u0637\u0627\u0646\u064a \u0641\u064a \u0627\u0644\u0631\u062d\u0645.\", symp: \"\u0642\u062f \u062a\u0633\u0628\u0628:\", list: [\"\u0646\u0632\u064a\u0641 \u062d\u0627\u062f\", \"\u0636\u063a\u0637 \u0641\u064a \u0627\u0644\u062d\u0648\u0636\", \"\u062a\u0628\u0648\u0644 \u0645\u062a\u0643\u0631\u0631\", \"\u0625\u0645\u0633\u0627\u0643\", \"\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u062e\u0635\u0648\u0628\u0629\"] },\n                    { t: \"\u062a\u0643\u064a\u0633\u0627\u062a \u0627\u0644\u0645\u0628\u064a\u0636\", d: \"\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646\u0647\u0627 \u064a\u0632\u0648\u0644 \u062f\u0648\u0646 \u0639\u0644\u0627\u062c\u061b \u0648\u0627\u0644\u0628\u0639\u0636 \u0627\u0644\u0622\u062e\u0631 \u064a\u062a\u0637\u0644\u0628 \u0645\u0631\u0627\u0642\u0628\u0629.\", symp: \"\u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636:\", list: [\"\u0639\u062f\u0645 \u0627\u0631\u062a\u064a\u0627\u062d \u0641\u064a \u0627\u0644\u062d\u0648\u0636\", \"\u0627\u0646\u062a\u0641\u0627\u062e \u0627\u0644\u0628\u0637\u0646\", \"\u0646\u0632\u064a\u0641 \u063a\u064a\u0631 \u0645\u0646\u062a\u0638\u0645\", \"\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a\"] }\n                ]\n            }\n        };\n\n        function initConSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? conData.ar : conData.en;\n            const section = document.getElementById('sh-conditions-333');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-con-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-con-lang-title').textContent = data.title;\n            document.getElementById('sh-con-lang-desc').textContent = data.desc;\n            document.getElementById('sh-con-lang-img-title').textContent = data.imgTitle;\n            document.getElementById('sh-con-lang-img-desc').textContent = data.imgDesc;\n            \n            const grid = document.getElementById('sh-con-cards-grid');\n            grid.innerHTML = '';\n            data.cards.forEach(card => {\n                const div = document.createElement('div');\n                div.className = \"bg-white rounded-2xl p-7 border border-[#e4edf3] shadow-sm\";\n                let listHtml = card.list.map(l => `<li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90\">${l}<\/span><\/li>`).join('');\n                div.innerHTML = `<h3 class=\"font-bold text-[22px] text-[#243b5a] mb-3\">${card.t}<\/h3><p class=\"text-[#667085] text-[15.5px] mb-4\">${card.d}<\/p><p class=\"text-[#243b5a] font-semibold mb-3\">${card.symp}<\/p><ul class=\"space-y-2\">${listHtml}<\/ul>`;\n                grid.appendChild(div);\n            });\n        }\n        initConSection();\n        new MutationObserver(initConSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-booking-555 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Container Max-Width 1475px *\/\n    #sh-booking-555 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-booking-555\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"mb-12 max-w-3xl sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-book-lang-kicker\">Book Now<\/span>\n            <\/div>\n            <h2 id=\"sh-book-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\">When Should You Book an Appointment?<\/h2>\n            <p id=\"sh-book-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">You should consider scheduling an appointment if you have:<\/p>\n        <\/div>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 max-w-6xl sh-animate-up\" style=\"animation-delay: 0.1s;\" id=\"sh-book-grid\"><\/div>\n        \n        <p id=\"sh-book-lang-footer\" class=\"mt-8 text-[#667085] max-w-3xl sh-animate-up\" style=\"animation-delay: 0.2s;\">Seeking medical advice early often leads to simpler treatment and better health outcomes.<\/p>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const bookData = {\n            en: {\n                kicker: \"Book Now\", title: \"When Should You Book an Appointment?\",\n                desc: \"You should consider scheduling an appointment if you have:\",\n                footer: \"Seeking medical advice early often leads to simpler treatment and better health outcomes.\",\n                list: [\"A positive pregnancy test\", \"Irregular or missed periods\", \"Heavy menstrual bleeding\", \"Severe pelvic pain\", \"Difficulty conceiving after regular intercourse\", \"Recurrent miscarriages\", \"Menopause symptoms\", \"Persistent vaginal discharge or infection\", \"Breast changes requiring evaluation\", \"Pain during intercourse\"]\n            },\n            ar: {\n                kicker: \"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646\", title: \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u061f\",\n                desc: \"\u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0641\u064a \u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646:\",\n                footer: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0624\u062f\u064a \u0637\u0644\u0628 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0628\u0643\u0631\u0627\u064b \u0625\u0644\u0649 \u0639\u0644\u0627\u062c\u0627\u062a \u0623\u0628\u0633\u0637 \u0648\u0646\u062a\u0627\u0626\u062c \u0635\u062d\u064a\u0629 \u0623\u0641\u0636\u0644.\",\n                list: [\"\u0627\u062e\u062a\u0628\u0627\u0631 \u062d\u0645\u0644 \u0625\u064a\u062c\u0627\u0628\u064a\", \"\u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629 \u063a\u064a\u0631 \u0645\u0646\u062a\u0638\u0645\u0629 \u0623\u0648 \u0645\u062a\u0623\u062e\u0631\u0629\", \"\u0646\u0632\u064a\u0641 \u062d\u064a\u0636 \u063a\u0632\u064a\u0631\", \"\u0622\u0644\u0627\u0645 \u062d\u0648\u0636 \u0634\u062f\u064a\u062f\u0629\", \"\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0628\u0639\u062f \u0639\u0644\u0627\u0642\u0629 \u0645\u0646\u062a\u0638\u0645\u0629\", \"\u0625\u062c\u0647\u0627\u0636 \u0645\u062a\u0643\u0631\u0631\", \"\u0623\u0639\u0631\u0627\u0636 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633\", \"\u0625\u0641\u0631\u0627\u0632\u0627\u062a \u0645\u0647\u0628\u0644\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0623\u0648 \u0623\u0639\u0631\u0627\u0636 \u0639\u062f\u0648\u0649\", \"\u062a\u063a\u064a\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u062b\u062f\u064a \u062a\u0633\u062a\u062f\u0639\u064a \u062a\u0642\u064a\u064a\u0645\u0627\u064b\", \"\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0642\u0629\"]\n            }\n        };\n\n        function initBookSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? bookData.ar : bookData.en;\n            const section = document.getElementById('sh-booking-555');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-book-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-book-lang-title').textContent = data.title;\n            document.getElementById('sh-book-lang-desc').textContent = data.desc;\n            document.getElementById('sh-book-lang-footer').textContent = data.footer;\n            \n            const grid = document.getElementById('sh-book-grid');\n            grid.innerHTML = '';\n            data.list.forEach(text => {\n                grid.innerHTML += `\n                    <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                        <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                        <\/div>\n                        <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">${text}<\/span>\n                    <\/div>`;\n            });\n        }\n        initBookSection();\n        new MutationObserver(initBookSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-preventive-222 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-preventive-222::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-preventive-222 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-preventive-222\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper grid lg:grid-cols-[1fr_1.1fr] gap-14 items-center\">\n        <!-- Image -->\n        <div class=\"sh-animate-up !mx-0\">\n            <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/gyn-screening-CA_2VRdg.webp\" onerror=\"this.src='\/assets\/gyn-screening-CA_2VRdg.jpg'\" alt=\"Preventive women's health screening\" class=\"rounded-3xl w-full h-[520px] object-cover shadow-lg\" loading=\"lazy\">\n        <\/div>\n\n        <!-- Content -->\n        <div class=\"sh-animate-up !mx-0\" style=\"animation-delay: 0.2s;\">\n            <div class=\"mb-12 max-w-3xl\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-prev-lang-kicker\">Prevention<\/span>\n                <\/div>\n                <h2 id=\"sh-prev-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Preventive Women&#8217;s Health Screenings<\/h2>\n                <p id=\"sh-prev-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Regular screening helps detect health conditions before symptoms appear.<\/p>\n            <\/div>\n\n            <p id=\"sh-prev-lang-care-title\" class=\"font-bold text-[#243b5a] text-[20px] mb-6\">Preventive care may include:<\/p>\n            <ul id=\"sh-prev-grid\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3\"><\/ul>\n            <p id=\"sh-prev-lang-footer\" class=\"mt-6 text-[#667085]\">These evaluations support early diagnosis and timely management of many gynecological conditions.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const prevData = {\n            en: {\n                kicker: \"Prevention\", title: \"Preventive Women's Health Screenings\",\n                desc: \"Regular screening helps detect health conditions before symptoms appear.\",\n                care: \"Preventive care may include:\",\n                footer: \"These evaluations support early diagnosis and timely management of many gynecological conditions.\",\n                list: [\"Pap smear for cervical health\", \"HPV screening\", \"Pelvic examination\", \"Breast examination\", \"Pregnancy ultrasound\", \"Pelvic ultrasound\", \"Hormonal evaluation\", \"Bone health assessment\"]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0648\u0642\u0627\u064a\u0629\", title: \"\u0641\u062d\u0648\u0635\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\",\n                desc: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u0646\u062a\u0638\u0645 \u0641\u064a \u0627\u0644\u0643\u0634\u0641 \u0639\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0642\u0628\u0644 \u0638\u0647\u0648\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0636.\",\n                care: \"\u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629:\",\n                footer: \"\u062a\u062f\u0639\u0645 \u0647\u0630\u0647 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629.\",\n                list: [\"\u0645\u0633\u062d\u0629 \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645\", \"\u0641\u062d\u0635 \u0641\u064a\u0631\u0648\u0633 \u0627\u0644\u0648\u0631\u0645 \u0627\u0644\u062d\u0644\u064a\u0645\u064a\", \"\u0641\u062d\u0635 \u0627\u0644\u062d\u0648\u0636\", \"\u0641\u062d\u0635 \u0627\u0644\u062b\u062f\u064a\", \"\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0645\u0644 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\", \"\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0648\u0636 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\", \"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\", \"\u0641\u062d\u0635 \u0635\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645\"]\n            }\n        };\n\n        function initPrevSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? prevData.ar : prevData.en;\n            const section = document.getElementById('sh-preventive-222');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-prev-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-prev-lang-title').textContent = data.title;\n            document.getElementById('sh-prev-lang-desc').textContent = data.desc;\n            document.getElementById('sh-prev-lang-care-title').textContent = data.care;\n            document.getElementById('sh-prev-lang-footer').textContent = data.footer;\n            \n            const grid = document.getElementById('sh-prev-grid');\n            grid.innerHTML = '';\n            data.list.forEach(item => {\n                grid.innerHTML += `<li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">${item}<\/span><\/li>`;\n            });\n        }\n        initPrevSection();\n        new MutationObserver(initPrevSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-delivery-444 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-delivery-444::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-delivery-444 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Alignment Support *\/\n    #sh-delivery-444 .sh-text-start { text-align: left !important; }\n    #sh-delivery-444[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-delivery-444 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s ease forwards; \n    }\n    \n    \/* Hover Effects *\/\n    #sh-delivery-444 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-delivery-444 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(36, 59, 90, 0.1);\n        }\n    }\n<\/style>\n\n<section id=\"sh-delivery-444\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-del-lang-kicker\">Delivery Options<\/span>\n            <\/div>\n            <h2 id=\"sh-del-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">Normal Delivery and C-Section Care<\/h2>\n            <p id=\"sh-del-desc1\" class=\"text-[#596b82] text-[18px] leading-relaxed mb-2\"><\/p>\n            <p id=\"sh-del-desc2\" class=\"text-[#596b82] text-[16px]\"><\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 gap-6 mb-12 sh-animate-up\" id=\"sh-del-cards\" style=\"animation-delay: 0.1s;\"><\/div>\n\n        <p id=\"sh-del-hospital-note\" class=\"text-center text-[#596b82] max-w-3xl mx-auto mb-10 sh-animate-up\" style=\"animation-delay: 0.15s;\"><\/p>\n\n        <div class=\"sh-animate-up\" style=\"animation-delay: 0.2s;\">\n            <h3 id=\"sh-del-table-title\" class=\"text-[28px] text-[#243b5a] text-center mb-6 font-bold\" style=\"font-family: var(--font-display);\"><\/h3>\n            <div class=\"overflow-x-auto rounded-2xl border border-[#e4edf3] bg-white shadow-sm\">\n                <table class=\"w-full sh-text-start border-collapse\" id=\"sh-del-table\"><\/table>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Full Content Restored\n        const delData = {\n            en: {\n                kicker: \"Delivery Options\", \n                title: \"Normal Delivery and Cesarean Section (C-Section) Care\",\n                desc1: \"Choosing between a normal delivery and a cesarean section depends on the mother's health, the baby's condition, pregnancy progress, and medical recommendations.\",\n                desc2: \"Throughout pregnancy, your obstetrician monitors these factors to recommend the safest delivery option.\",\n                hospitalNote: \"At Shefa Hospital, the delivery plan is discussed with the patient after evaluating both maternal and fetal health throughout pregnancy.\",\n                tableTitle: \"Normal Delivery vs. C-Section\",\n                cards: [\n                    { \n                        t: \"Normal Vaginal Delivery\", \n                        sub: \"A vaginal birth is generally recommended for healthy pregnancies without medical complications.\",\n                        label: \"Benefits may include:\",\n                        color: \"#138b86\", \/\/ Teal\n                        list: [\"Shorter hospital stay\", \"Faster recovery\", \"Lower risk of surgical complications\", \"Earlier mobility after childbirth\", \"Reduced risk of respiratory problems for some newborns\"] \n                    },\n                    { \n                        t: \"Cesarean Section (C-Section)\", \n                        sub: \"A cesarean section is performed when vaginal delivery is not the safest option.\",\n                        label: \"Common medical reasons include:\",\n                        color: \"#d4af37\", \/\/ Gold\n                        list: [\"Breech presentation\", \"Placenta previa\", \"Fetal distress\", \"Failure of labor to progress\", \"Multiple pregnancy (in selected cases)\", \"Previous uterine surgery when clinically indicated\"] \n                    }\n                ],\n                table: { \n                    h: [\"Feature\", \"Normal Delivery\", \"Cesarean Section\"], \n                    r: [\n                        [\"Delivery Method\", \"Vaginal Birth\", \"Surgical Birth\"], \n                        [\"Hospital Stay\", \"Usually Shorter\", \"Usually Longer\"], \n                        [\"Recovery Time\", \"Faster\", \"Longer Recovery\"],\n                        [\"Surgical Incision\", \"No\", \"Yes\"],\n                        [\"Recommended For\", \"Low-risk pregnancies\", \"When medically necessary\"],\n                        [\"Future Pregnancy Planning\", \"Depends on medical history\", \"Individual assessment required\"]\n                    ] \n                }\n            },\n            ar: {\n                kicker: \"\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0648\u0644\u0627\u062f\u0629\", \n                title: \"\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629 (C-Section)\",\n                desc1: \"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u064a\u0646 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0623\u0645\u060c \u062d\u0627\u0644\u0629 \u0627\u0644\u062c\u0646\u064a\u0646\u060c \u062a\u0637\u0648\u0631 \u0627\u0644\u062d\u0645\u0644\u060c \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u064e\u062f\u0629.\",\n                desc2: \"\u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u060c \u064a\u0642\u0648\u0645 \u0637\u0628\u064a\u0628 \u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0628\u0645\u062a\u0627\u0628\u0639\u0629 \u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0628\u062f\u0642\u0629 \u0644\u064a\u0648\u0635\u064a \u0628\u062e\u064a\u0627\u0631 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0644\u0643\u0650 \u0648\u0644\u0637\u0641\u0644\u0643\u0650.\",\n                hospitalNote: \"\u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0650\u0641\u0627\u0621\u060c \u064a\u062a\u0645 \u0645\u0646\u0627\u0642\u0634\u0629 \u062e\u0637\u0629 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0645\u0639 \u0627\u0644\u0645\u0631\u064a\u0636\u0629 \u0648\u0641\u0631\u064a\u0642\u0647\u0627 \u0627\u0644\u0637\u0628\u064a \u0628\u0639\u062f \u062a\u0642\u064a\u064a\u0645 \u0634\u0627\u0645\u0644 \u0644\u0635\u062d\u0629 \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u062c\u0646\u064a\u0646 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0623\u0634\u0647\u0631 \u0627\u0644\u062d\u0645\u0644.\",\n                tableTitle: \"\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629\",\n                cards: [\n                    { \n                        t: \"\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0645\u0647\u0628\u0644\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629\", \n                        sub: \"\u064a\u064f\u0648\u0635\u0649 \u0628\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0639\u0645\u0648\u0645\u0627\u064b \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u062e\u0627\u0644\u064a \u0645\u0646 \u0623\u064a \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0637\u0628\u064a\u0629.\",\n                        label: \"\u0627\u0644\u0641\u0648\u0627\u0626\u062f \u0648\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0642\u062f \u062a\u0634\u0645\u0644:\",\n                        color: \"#138b86\",\n                        list: [\"\u0625\u0642\u0627\u0645\u0629 \u0623\u0642\u0635\u0631 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\", \"\u062a\u0639\u0627\u0641\u064a \u0623\u0633\u0631\u0639\", \"\u0645\u062e\u0627\u0637\u0631 \u0623\u0642\u0644 \u0644\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629\", \"\u062d\u0631\u0643\u0629 \u0623\u0633\u0631\u0639 \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629\", \"\u062a\u0642\u0644\u064a\u0644 \u0645\u062e\u0627\u0637\u0631 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u0646\u0641\u0633 \u0644\u062f\u0649 \u0628\u0639\u0636 \u0627\u0644\u0645\u0648\u0627\u0644\u064a\u062f\"] \n                    },\n                    { \n                        t: \"\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629 (C-Section)\", \n                        sub: \"\u064a\u062a\u0645 \u0627\u0644\u0644\u062c\u0648\u0621 \u0644\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629 \u0639\u0646\u062f\u0645\u0627 \u0644\u0627 \u062a\u0643\u0648\u0646 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0644\u0644\u0623\u0645 \u0623\u0648 \u0627\u0644\u062c\u0646\u064a\u0646.\",\n                        label: \"\u0623\u0628\u0631\u0632 \u0627\u0644\u062f\u0648\u0627\u0639\u064a \u0627\u0644\u0637\u0628\u064a\u0629 \u0644\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629:\",\n                        color: \"#d4af37\",\n                        list: [\"\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0642\u0639\u062f\u064a \u0644\u0644\u062c\u0646\u064a\u0646\", \"\u0627\u0644\u0645\u0634\u064a\u0645\u0629 \u0627\u0644\u0645\u0646\u0632\u0627\u062d\u0629\", \"\u0636\u0627\u0626\u0642\u0629 \u0627\u0644\u062c\u0646\u064a\u0646\", \"\u062a\u0639\u062b\u0631 \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u062e\u0627\u0636\", \"\u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u062a\u0639\u062f\u062f (\u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0645\u062e\u062a\u0627\u0631\u0629)\", \"\u062c\u0631\u0627\u062d\u0629 \u0633\u0627\u0628\u0642\u0629 \u0641\u064a \u0627\u0644\u0631\u062d\u0645 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629\"] \n                    }\n                ],\n                table: { \n                    h: [\"\u0627\u0644\u0645\u064a\u0632\u0629\", \"\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629\", \"\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629\"], \n                    r: [\n                        [\"\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0648\u0644\u0627\u062f\u0629\", \"\u0648\u0644\u0627\u062f\u0629 \u0645\u0647\u0628\u0644\u064a\u0629\", \"\u0648\u0644\u0627\u062f\u0629 \u062c\u0631\u0627\u062d\u064a\u0629\"], \n                        [\"\u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\", \"\u0639\u0627\u062f\u0629 \u0623\u0642\u0635\u0631\", \"\u0639\u0627\u062f\u0629 \u0623\u0637\u0648\u0644\"], \n                        [\"\u0648\u0642\u062a \u0627\u0644\u062a\u0639\u0627\u0641\u064a\", \"\u0623\u0633\u0631\u0639\", \"\u062a\u0639\u0627\u0641\u064a \u0623\u0637\u0648\u0644\"],\n                        [\"\u062c\u0631\u062d \u062c\u0631\u0627\u062d\u064a\", \"\u0644\u0627 \u064a\u0648\u062c\u062f\", \"\u064a\u0648\u062c\u062f\"],\n                        [\"\u0645\u0648\u0635\u0649 \u0628\u0647\u0627 \u0644\u0640\", \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\", \"\u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629\"],\n                        [\"\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\", \"\u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a\", \"\u064a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0641\u0631\u062f\u064a\u0627\u064b\"]\n                    ] \n                }\n            }\n        };\n\n        function initDelSection() {\n            \/\/ Determine language context\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? delData.ar : delData.en;\n            \n            \/\/ Set Section Direction\n            const section = document.getElementById('sh-delivery-444');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Populate Text\n            document.getElementById('sh-del-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-del-lang-title').textContent = data.title;\n            document.getElementById('sh-del-desc1').textContent = data.desc1;\n            document.getElementById('sh-del-desc2').textContent = data.desc2;\n            document.getElementById('sh-del-hospital-note').textContent = data.hospitalNote;\n            document.getElementById('sh-del-table-title').textContent = data.tableTitle;\n            \n            \/\/ Populate Cards\n            const cardsContainer = document.getElementById('sh-del-cards');\n            cardsContainer.innerHTML = '';\n            data.cards.forEach(card => {\n                const iconSvg = card.color === '#138b86' \n                    ? `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${card.color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"><\/path><path d=\"M15 12h.01\"><\/path><path d=\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"><\/path><path d=\"M9 12h.01\"><\/path><\/svg>`\n                    : `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${card.color}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 2v2\"><\/path><path d=\"M5 2v2\"><\/path><path d=\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"><\/path><path d=\"M8 15a6 6 0 0 0 12 0v-3\"><\/path><circle cx=\"20\" cy=\"10\" r=\"2\"><\/circle><\/svg>`;\n\n                cardsContainer.innerHTML += `\n                    <div class=\"bg-white rounded-2xl p-8 border-t-4 shadow-sm sh-hover-card\" style=\"border-top-color: ${card.color};\">\n                        <div class=\"flex items-center gap-3 mb-4\">\n                            ${iconSvg}\n                            <h3 class=\"font-bold text-[24px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">${card.t}<\/h3>\n                        <\/div>\n                        <p class=\"text-[#596b82] mb-4 text-[15px]\">${card.sub}<\/p>\n                        <p class=\"font-semibold text-[#243b5a] mb-3 text-[16px]\">${card.label}<\/p>\n                        <ul class=\"space-y-3\">\n                            ${card.list.map(l => `\n                                <li class=\"flex gap-3 items-start\">\n                                    <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: ${card.color}15; color: ${card.color};\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                                    <\/span>\n                                    <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">${l}<\/span>\n                                <\/li>\n                            `).join('')}\n                        <\/ul>\n                    <\/div>`;\n            });\n\n            \/\/ Populate Table\n            const tableContainer = document.getElementById('sh-del-table');\n            tableContainer.innerHTML = `\n                <thead>\n                    <tr class=\"bg-[#243b5a] text-white\">\n                        ${data.table.h.map(h => `<th class=\"p-5 font-semibold text-[16px]\">${h}<\/th>`).join('')}\n                    <\/tr>\n                <\/thead>\n                <tbody class=\"text-[15.5px]\">\n                    ${data.table.r.map((r, index) => {\n                        const rowBg = index % 2 !== 0 ? 'background-color: #f4f7f9;' : '';\n                        return `\n                        <tr style=\"${rowBg}\">\n                            ${r.map((c, i) => `<td class=\"p-5 border-t border-[#e4edf3] ${i === 0 ? 'font-semibold text-[#243b5a]' : 'text-[#243b5a]\/85'}\">${c}<\/td>`).join('')}\n                        <\/tr>`;\n                    }).join('')}\n                <\/tbody>`;\n        }\n\n        \/\/ Initialize and setup mutation observer for real-time translation switching\n        initDelSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initDelSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-womens-health-555 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* No Hexa Pattern *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-womens-health-555 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        display: flex;\n        flex-direction: column;\n        gap: 5rem; \/* Spacing between major sections *\/\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-womens-health-555 .sh-text-start { text-align: left !important; }\n    #sh-womens-health-555[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Responsive Image Fixes *\/\n    #sh-womens-health-555 .sh-responsive-img {\n        width: 100%;\n        object-fit: cover;\n        border-radius: 1.5rem; \/* 24px - rounded-3xl *\/\n        box-shadow: 0 10px 25px rgba(36, 59, 90, 0.1); \/* shadow-lift effect *\/\n    }\n    @media (max-width: 767px) {\n        #sh-womens-health-555 .sh-postnatal-img { height: 320px; }\n        #sh-womens-health-555 .sh-meno-img { height: 320px; }\n    }\n    @media (min-width: 768px) {\n        #sh-womens-health-555 .sh-postnatal-img { height: 480px; }\n        #sh-womens-health-555 .sh-meno-img { height: 440px; }\n    }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-womens-health-555 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    \n    \/* Interactive Hover for Cards *\/\n    #sh-womens-health-555 .sh-card-hover {\n        transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-womens-health-555 .sh-card-hover:hover {\n            transform: translateY(-4px);\n            border-color: #138b86;\n            box-shadow: 0 10px 25px rgba(19, 139, 134, 0.1);\n        }\n    }\n<\/style>\n\n<section id=\"sh-womens-health-555\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- SECTION 1: Postnatal Care -->\n        <div class=\"grid lg:grid-cols-[1.1fr_1fr] gap-12 items-center sh-animate\">\n            <div class=\"sh-text-start\">\n                <div class=\"mb-8 max-w-3xl\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                        <span id=\"sh-postnatal-kicker\"><\/span>\n                    <\/div>\n                    <h2 id=\"sh-postnatal-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\"><\/h2>\n                    <p id=\"sh-postnatal-desc1\" class=\"text-[#596b82] text-[18px] leading-relaxed\"><\/p>\n                <\/div>\n                <p id=\"sh-postnatal-subtitle\" class=\"font-bold text-[#243b5a] text-[20px] mb-4\"><\/p>\n                <ul id=\"sh-postnatal-list\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 mb-6\"><\/ul>\n                <p id=\"sh-postnatal-footer\" class=\"text-[#596b82] text-[16px] leading-relaxed\"><\/p>\n            <\/div>\n            <div>\n                <!-- \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u062a\u064a \u0642\u062f\u0645\u062a\u0647\u0627 \u0645\u0639 \u0627\u0644\u0640 Alt text \u0627\u0644\u0623\u0635\u0644\u064a -->\n                <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/gyn-postnatal-VFBxX6IH.webp\" alt=\"Saudi mother wearing hijab holding her newborn at Shefa Hospital maternity room\" class=\"sh-responsive-img sh-postnatal-img\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n        <!-- SECTION 2: Contraception -->\n        <div class=\"sh-animate\" style=\"animation-delay: 0.1s;\">\n            <div class=\"mb-10 max-w-3xl sh-text-start\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-contra-kicker\"><\/span>\n                <\/div>\n                <h2 id=\"sh-contra-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\"><\/h2>\n                <p id=\"sh-contra-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed\"><\/p>\n            <\/div>\n            <div id=\"sh-contra-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-4\"><\/div>\n            <p id=\"sh-contra-footer\" class=\"mt-8 text-[#596b82] max-w-3xl sh-text-start text-[16px]\"><\/p>\n        <\/div>\n\n        <!-- SECTION 3: Menopause (Text forced to Left, Image on Right) -->\n        <div class=\"sh-animate\" style=\"animation-delay: 0.2s;\">\n            <div class=\"mb-10 max-w-3xl sh-text-start\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-meno-kicker\"><\/span>\n                <\/div>\n                <h2 id=\"sh-meno-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\"><\/h2>\n                <p id=\"sh-meno-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed\"><\/p>\n            <\/div>\n            <div class=\"grid lg:grid-cols-[1.2fr_1fr] gap-10 items-center\">\n                <div class=\"grid gap-6 sh-text-start\" id=\"sh-meno-cards-container\">\n                    <!-- Cards will be injected here -->\n                <\/div>\n                <div>\n                    <!-- \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u0642\u062f\u0645\u062a\u0647\u0627 \u0645\u0639 \u0627\u0644\u0640 Alt text \u0627\u0644\u0623\u0635\u0644\u064a -->\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/gyn-menopause-MK-N2dDG.webp\" alt=\"Saudi female specialist counseling a patient about menopause and hormonal health at Shefa Hospital\" class=\"sh-responsive-img sh-meno-img\" loading=\"lazy\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const whData = {\n            en: {\n                postnatal: {\n                    kicker: \"After Birth\",\n                    title: \"Postnatal Care for New Mothers\",\n                    desc1: \"Recovery after childbirth is just as important as pregnancy care.\",\n                    subtitle: \"Postnatal care focuses on:\",\n                    list: [\"Physical recovery\", \"Breastfeeding support\", \"Nutrition guidance\", \"Emotional wellbeing\", \"Newborn care education\", \"Wound assessment after C-section\", \"Blood pressure monitoring\", \"Family planning discussions\"],\n                    footer: \"Regular follow-up visits help identify concerns early and support a healthy recovery for both mother and baby.\"\n                },\n                contra: {\n                    kicker: \"Contraception\",\n                    title: \"Family Planning and Contraceptive Counseling\",\n                    desc: \"Family planning allows women and couples to make informed decisions about future pregnancies. After reviewing your medical history, a gynecologist can explain different contraceptive options, including:\",\n                    cards: [\"Oral contraceptive pills\", \"Copper IUD\", \"Hormonal IUD\", \"Injectable contraception\", \"Hormonal implants\", \"Barrier methods\", \"Emergency contraception\", \"Permanent contraception when appropriate\"],\n                    footer: \"The most suitable option depends on age, medical conditions, breastfeeding status, and future pregnancy plans.\"\n                },\n                meno: {\n                    kicker: \"Menopause\",\n                    title: \"Menopause Care and Hormonal Health\",\n                    desc: \"Menopause is a natural stage in a woman's life, but symptoms can vary significantly.\",\n                    cards: [\n                        { title: \"Common symptoms include:\", items: [\"Hot flashes\", \"Night sweats\", \"Mood changes\", \"Vaginal dryness\", \"Sleep disturbances\", \"Reduced bone density\"] },\n                        { title: \"Management may include:\", items: [\"Lifestyle recommendations\", \"Hormonal assessment\", \"Bone health evaluation\", \"Hormone therapy when clinically appropriate\", \"Non-hormonal treatment options\", \"Regular preventive screenings\"] }\n                    ]\n                }\n            },\n            ar: {\n                postnatal: {\n                    kicker: \"\u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629\",\n                    title: \"\u0631\u0639\u0627\u064a\u0629 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0644\u0644\u0623\u0645\u0647\u0627\u062a \u0627\u0644\u062c\u062f\u062f\",\n                    desc1: \"\u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0644\u0627 \u064a\u0642\u0644 \u0623\u0647\u0645\u064a\u0629 \u0639\u0646 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644.\",\n                    subtitle: \"\u062a\u0631\u0643\u0632 \u0631\u0639\u0627\u064a\u0629 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0639\u0644\u0649:\",\n                    list: [\"\u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0627\u0644\u062c\u0633\u062f\u064a\", \"\u062f\u0639\u0645 \u0627\u0644\u0631\u0636\u0627\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629\", \"\u062a\u0648\u062c\u064a\u0647\u0627\u062a \u0627\u0644\u062a\u063a\u0630\u064a\u0629\", \"\u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0639\u0627\u0637\u0641\u064a\u0629 \u0648\u0627\u0644\u0646\u0641\u0633\u064a\u0629\", \"\u0627\u0644\u062a\u062b\u0642\u064a\u0641 \u062d\u0648\u0644 \u0631\u0639\u0627\u064a\u0629 \u062d\u062f\u064a\u062b\u064a \u0627\u0644\u0648\u0644\u0627\u062f\u0629\", \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062c\u0631\u0648\u062d \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629\", \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\", \"\u0645\u0646\u0627\u0642\u0634\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629\"],\n                    footer: \"\u062a\u0633\u0627\u0639\u062f \u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0645\u0628\u0643\u0631\u0627\u064b \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0627\u0644\u0635\u062d\u064a \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u0637\u0641\u0644.\"\n                },\n                contra: {\n                    kicker: \"\u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644\",\n                    title: \"\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644\",\n                    desc: \"\u064a\u062a\u064a\u062d \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629 \u0644\u0644\u0645\u0631\u0623\u0629 \u0648\u0627\u0644\u0632\u0648\u062c\u064a\u0646 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0633\u062a\u0646\u064a\u0631\u0629 \u0628\u0634\u0623\u0646 \u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629. \u0628\u0639\u062f \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a\u060c \u0633\u064a\u0634\u0631\u062d \u0644\u0643\u0650 \u0637\u0628\u064a\u0628 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643:\",\n                    cards: [\"\u062d\u0628\u0648\u0628 \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0641\u0645\u0648\u064a\u0629\", \"\u0627\u0644\u0644\u0648\u0644\u0628 \u0627\u0644\u0646\u062d\u0627\u0633\u064a\", \"\u0627\u0644\u0644\u0648\u0644\u0628 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\", \"\u062d\u0642\u0646 \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644\", \"\u0627\u0644\u063a\u0631\u0633\u0627\u062a \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629 \u062a\u062d\u062a \u0627\u0644\u062c\u0644\u062f\", \"\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0639\u0632\u0644 \u0644\u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644\", \"\u0648\u0633\u0627\u0626\u0644 \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0637\u0627\u0631\u0626\u0629\", \"\u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u062f\u0627\u0626\u0645 (\u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621)\"],\n                    footer: \"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0646\u0633\u0628 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0631\u060c \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629\u060c \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u0631\u0636\u0627\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629\u060c \u0648\u062e\u0637\u0637 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.\"\n                },\n                meno: {\n                    kicker: \"\u0633\u0646 \u0627\u0644\u064a\u0623\u0633\",\n                    title: \"\u0631\u0639\u0627\u064a\u0629 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633 \u0648\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629\",\n                    desc: \"\u0633\u0646 \u0627\u0644\u064a\u0623\u0633 (\u0627\u0646\u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0645\u062b) \u0647\u0648 \u0645\u0631\u062d\u0644\u0629 \u0637\u0628\u064a\u0639\u064a\u0629 \u0641\u064a \u062d\u064a\u0627\u0629 \u0627\u0644\u0645\u0631\u0623\u0629\u060c \u0648\u0644\u0643\u0646 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u062e\u062a\u0644\u0641 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0645\u0646 \u0627\u0645\u0631\u0623\u0629 \u0644\u0623\u062e\u0631\u0649.\",\n                    cards: [\n                        { title: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\u0629:\", items: [\"\u0627\u0644\u0647\u0628\u0627\u062a \u0627\u0644\u0633\u0627\u062e\u0646\u0629\", \"\u0627\u0644\u062a\u0639\u0631\u0642 \u0627\u0644\u0644\u064a\u0644\u064a\", \"\u062a\u0642\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0632\u0627\u062c\", \"\u062c\u0641\u0627\u0641 \u0627\u0644\u0645\u0647\u0628\u0644\", \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0646\u0648\u0645\", \"\u0627\u0646\u062e\u0641\u0627\u0636 \u0643\u062b\u0627\u0641\u0629 \u0627\u0644\u0639\u0638\u0627\u0645\"] },\n                        { title: \"\u0642\u062f \u062a\u0634\u0645\u0644 \u062e\u0637\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u062c:\", items: [\"\u062a\u0648\u0635\u064a\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629\", \"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\", \"\u062a\u0642\u064a\u064a\u0645 \u0635\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645\", \"\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a \u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\", \"\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u063a\u064a\u0631 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\", \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629\"] }\n                    ]\n                }\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>`;\n        \n        const contraIcon = `<div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>`;\n\n        function buildSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? whData.ar : whData.en;\n            \n            const section = document.getElementById('sh-womens-health-555');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ --- Postnatal ---\n            document.getElementById('sh-postnatal-kicker').textContent = data.postnatal.kicker;\n            document.getElementById('sh-postnatal-title').textContent = data.postnatal.title;\n            document.getElementById('sh-postnatal-desc1').textContent = data.postnatal.desc1;\n            document.getElementById('sh-postnatal-subtitle').textContent = data.postnatal.subtitle;\n            document.getElementById('sh-postnatal-footer').textContent = data.postnatal.footer;\n            \n            document.getElementById('sh-postnatal-list').innerHTML = data.postnatal.list.map(item => `\n                <li class=\"flex gap-3 items-start\">\n                    ${checkIcon}\n                    <span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">${item}<\/span>\n                <\/li>\n            `).join('');\n\n            \/\/ --- Contraception ---\n            document.getElementById('sh-contra-kicker').textContent = data.contra.kicker;\n            document.getElementById('sh-contra-title').textContent = data.contra.title;\n            document.getElementById('sh-contra-desc').textContent = data.contra.desc;\n            document.getElementById('sh-contra-footer').textContent = data.contra.footer;\n\n            document.getElementById('sh-contra-grid').innerHTML = data.contra.cards.map(card => `\n                <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                    ${contraIcon}\n                    <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">${card}<\/div>\n                <\/div>\n            `).join('');\n\n            \/\/ --- Menopause ---\n            document.getElementById('sh-meno-kicker').textContent = data.meno.kicker;\n            document.getElementById('sh-meno-title').textContent = data.meno.title;\n            document.getElementById('sh-meno-desc').textContent = data.meno.desc;\n\n            document.getElementById('sh-meno-cards-container').innerHTML = data.meno.cards.map(card => `\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm\">\n                    <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-5\">${card.title}<\/h3>\n                    <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3\">\n                        ${card.items.map(item => `\n                            <li class=\"flex gap-3 items-start\">\n                                ${checkIcon}\n                                <span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">${item}<\/span>\n                            <\/li>\n                        `).join('')}\n                    <\/ul>\n                <\/div>\n            `).join('');\n        }\n\n        buildSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') buildSection();\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-adv-care-666 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* Lightweight SVG Hexagon Background Pattern *\/\n    #sh-adv-care-666::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-adv-care-666 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-adv-care-666 .sh-text-start { text-align: left !important; }\n    #sh-adv-care-666[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpCards {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-adv-care-666 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpCards 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-adv-care-666 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-adv-care-666 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(19, 139, 134, 0.12);\n            border-color: #138b86;\n        }\n    }\n<\/style>\n\n<section id=\"sh-adv-care-666\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-adv-kicker\">Advanced Care<\/span>\n            <\/div>\n            <h2 id=\"sh-adv-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Minimally Invasive Gynecological Procedures\n            <\/h2>\n            <p id=\"sh-adv-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Modern gynecology often uses minimally invasive techniques that may reduce pain, hospital stay, and recovery time. Depending on the diagnosis, procedures may include:\n            <\/p>\n        <\/div>\n\n        <!-- Procedures Grid -->\n        <div id=\"sh-adv-cards-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n            <!-- Cards will be dynamically injected here -->\n        <\/div>\n\n        <!-- Footer Note -->\n        <p id=\"sh-adv-footer\" class=\"mt-10 text-center text-[#596b82] max-w-3xl mx-auto sh-animate\" style=\"animation-delay: 0.2s;\">\n            The recommended treatment depends on the patient&#8217;s diagnosis, symptoms, and future fertility goals.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data containing English and Arabic texts\n        const advData = {\n            en: {\n                kicker: \"Advanced Care\",\n                title: \"Minimally Invasive Gynecological Procedures\",\n                desc: \"Modern gynecology often uses minimally invasive techniques that may reduce pain, hospital stay, and recovery time. Depending on the diagnosis, procedures may include:\",\n                cards: [\n                    \"Diagnostic hysteroscopy\",\n                    \"Laparoscopic surgery\",\n                    \"Ovarian cyst removal\",\n                    \"Fibroid removal\",\n                    \"Endometrial biopsy\",\n                    \"Cervical procedures\"\n                ],\n                footer: \"The recommended treatment depends on the patient's diagnosis, symptoms, and future fertility goals.\"\n            },\n            ar: {\n                kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629\",\n                title: \"\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0637\u0641\u064a\u0641\u0629 \u0627\u0644\u062a\u0648\u063a\u0644\",\n                desc: \"\u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u064a\u0633\u062a\u062e\u062f\u0645 \u0637\u0628 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u062d\u062f\u064a\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0637\u0641\u064a\u0641\u0629 \u0627\u0644\u062a\u0648\u063a\u0644 \u0648\u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0642\u0644\u0644 \u0627\u0644\u0623\u0644\u0645 \u0648\u0645\u062f\u0629 \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0648\u0648\u0642\u062a \u0627\u0644\u062a\u0639\u0627\u0641\u064a. \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u060c \u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a:\",\n                cards: [\n                    \"\u062a\u0646\u0638\u064a\u0631 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\",\n                    \"\u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0628\u0627\u0644\u0645\u0646\u0638\u0627\u0631\",\n                    \"\u0625\u0632\u0627\u0644\u0629 \u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u064a\u0636\",\n                    \"\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629\",\n                    \"\u062e\u0632\u0639\u0629 \u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645\",\n                    \"\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645\"\n                ],\n                footer: \"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647 \u0639\u0644\u0649 \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0631\u064a\u0636\u0629 \u0648\u0623\u0639\u0631\u0627\u0636\u0647\u0627 \u0648\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.\"\n            }\n        };\n\n        \/\/ Exact SVGs provided in the prompt\n        const svgs = [\n            '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><path d=\"M6 18h8\"><\/path><path d=\"M3 22h18\"><\/path><path d=\"M14 22a7 7 0 1 0 0-14h-1\"><\/path><path d=\"M9 14h2\"><\/path><path d=\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"><\/path><path d=\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"><\/path><\/svg>', \/\/ Microscope\n            '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><path d=\"M11 2v2\"><\/path><path d=\"M5 2v2\"><\/path><path d=\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"><\/path><path d=\"M8 15a6 6 0 0 0 12 0v-3\"><\/path><circle cx=\"20\" cy=\"10\" r=\"2\"><\/circle><\/svg>', \/\/ Stethoscope\n            '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle><\/svg>', \/\/ Circle Dot\n            '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><path d=\"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1\"><\/path><circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle><path d=\"M12 10v12\"><\/path><path d=\"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z\"><\/path><path d=\"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z\"><\/path><\/svg>', \/\/ Flower\n            '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><path d=\"M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2\"><\/path><path d=\"M6.453 15h11.094\"><\/path><path d=\"M8.5 2h7\"><\/path><\/svg>', \/\/ Flask\n            '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>' \/\/ Shield\n        ];\n\n        function buildAdvancedCare() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? advData.ar : advData.en;\n            \n            \/\/ Set Section Direction\n            const section = document.getElementById('sh-adv-care-666');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Populate Text Elements\n            document.getElementById('sh-adv-kicker').textContent = data.kicker;\n            document.getElementById('sh-adv-title').textContent = data.title;\n            document.getElementById('sh-adv-desc').textContent = data.desc;\n            document.getElementById('sh-adv-footer').textContent = data.footer;\n\n            \/\/ Populate Grid Cards\n            const grid = document.getElementById('sh-adv-cards-grid');\n            grid.innerHTML = data.cards.map((title, index) => `\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-4\">\n                        ${svgs[index]}\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">${title}<\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer\n        buildAdvancedCare();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildAdvancedCare();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-guidance-777 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA BACKGROUND *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-guidance-777 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-guidance-777 .sh-text-start { text-align: left !important; }\n    #sh-guidance-777[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpGuidance {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-guidance-777 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpGuidance 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-guidance-777 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-guidance-777 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(19, 139, 134, 0.12);\n            border-color: #138b86;\n        }\n    }\n<\/style>\n\n<section id=\"sh-guidance-777\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-guide-kicker\">Guidance<\/span>\n            <\/div>\n            <h2 id=\"sh-guide-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                How to Choose the Best Gynecologist in Makkah\n            <\/h2>\n            <p id=\"sh-guide-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Choosing the right gynecologist involves more than reading online reviews. Consider these important factors before booking an appointment.\n            <\/p>\n        <\/div>\n\n        <!-- Cards Grid -->\n        <div id=\"sh-guide-cards-grid\" class=\"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n            <!-- Cards will be dynamically injected here -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data containing English and Arabic content\n        const guideData = {\n            en: {\n                kicker: \"Guidance\",\n                title: \"How to Choose the Best Gynecologist in Makkah\",\n                desc: \"Choosing the right gynecologist involves more than reading online reviews. Consider these important factors before booking an appointment.\",\n                cards: [\n                    {\n                        title: \"Medical Experience\",\n                        desc: \"Look for specialists with experience in:\",\n                        list: [\"Pregnancy care\", \"High-risk pregnancy\", \"Infertility\", \"PCOS\", \"Gynecological surgery\", \"Women's preventive healthcare\"]\n                    },\n                    {\n                        title: \"Hospital-Based Care\",\n                        desc: \"A hospital with diagnostic imaging, laboratory services, pharmacy, and inpatient facilities provides coordinated care when additional treatment is required.\",\n                        list: []\n                    },\n                    {\n                        title: \"Comprehensive Women's Health Services\",\n                        desc: \"A good gynecology department should provide:\",\n                        list: [\"Pregnancy care\", \"Fertility evaluation\", \"Preventive screening\", \"Family planning\", \"Menopause care\", \"Surgical treatment when necessary\"]\n                    },\n                    {\n                        title: \"Communication and Patient Support\",\n                        desc: \"Patients should feel comfortable discussing sensitive health concerns. Choose a specialist who:\",\n                        list: [\"Explains treatment options clearly\", \"Encourages questions\", \"Provides follow-up guidance\", \"Supports informed decision-making\"]\n                    },\n                    {\n                        title: \"Accessibility\",\n                        desc: \"Consider:\",\n                        list: [\"Convenient location\", \"Appointment availability\", \"Diagnostic facilities\", \"Hospital support services\"]\n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0637\u0628\u064a\u0629\",\n                title: \"\u0643\u064a\u0641 \u062a\u062e\u062a\u0627\u0631\u064a\u0646 \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0645\u0643\u0629\",\n                desc: \"\u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u064a\u062a\u0637\u0644\u0628 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a. \u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643.\",\n                cards: [\n                    {\n                        title: \"\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\",\n                        desc: \"\u0627\u0628\u062d\u062b\u064a \u0639\u0646 \u0645\u062a\u062e\u0635\u0635\u0627\u062a \u0644\u062f\u064a\u0647\u0646 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a:\",\n                        list: [\"\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644\", \"\u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\", \"\u0639\u0644\u0627\u062c \u0627\u0644\u0639\u0642\u0645\", \"\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)\", \"\u0627\u0644\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629\", \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629\"]\n                    },\n                    {\n                        title: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\",\n                        desc: \"\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062a\u0635\u0648\u064a\u0631 \u062a\u0634\u062e\u064a\u0635\u064a\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u062e\u062a\u0628\u0631\u060c \u0648\u0635\u064a\u062f\u0644\u064a\u0629\u060c \u0648\u0645\u0631\u0627\u0641\u0642 \u0644\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0645\u0646\u0648\u0645\u064a\u0646 \u064a\u0648\u0641\u0631 \u0631\u0639\u0627\u064a\u0629 \u0645\u0646\u0633\u0642\u0629 \u0648\u0622\u0645\u0646\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0623\u064a \u062a\u062f\u062e\u0644 \u0639\u0644\u0627\u062c\u064a \u0625\u0636\u0627\u0641\u064a.\",\n                        list: [] \/\/ No list for this card in original\n                    },\n                    {\n                        title: \"\u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629\",\n                        desc: \"\u064a\u062c\u0628 \u0623\u0646 \u064a\u0648\u0641\u0631 \u0642\u0633\u0645 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u062a\u0645\u064a\u0632 \u0645\u0627 \u064a\u0644\u064a:\",\n                        list: [\"\u0631\u0639\u0627\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\", \"\u062a\u0642\u064a\u064a\u0645 \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u062e\u0635\u0648\u0628\u0629\", \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0628\u0643\u0631\u0629\", \"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629\", \"\u0631\u0639\u0627\u064a\u0629 \u0645\u0631\u062d\u0644\u0629 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633\", \"\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062c\u0631\u0627\u062d\u064a \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629\"]\n                    },\n                    {\n                        title: \"\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u064a\u0636\u0629\",\n                        desc: \"\u064a\u062c\u0628 \u0623\u0646 \u062a\u0634\u0639\u0631\u064a \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0627\u0645\u0629 \u0639\u0646\u062f \u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u062e\u0627\u0648\u0641\u0643 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629. \u0627\u062e\u062a\u0627\u0631\u064a \u0637\u0628\u064a\u0628\u0629:\",\n                        list: [\"\u062a\u0634\u0631\u062d \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0648\u0636\u0648\u062d \u0648\u0634\u0641\u0627\u0641\u064a\u0629\", \"\u062a\u0634\u062c\u0639\u0643\u0650 \u0639\u0644\u0649 \u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629\", \"\u062a\u0642\u062f\u0645 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\", \"\u062a\u062f\u0639\u0645 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u064a\u0631\u0629\"]\n                    },\n                    {\n                        title: \"\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u062e\u062f\u0645\u0627\u062a\",\n                        desc: \"\u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:\",\n                        list: [\"\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0627\u0644\u0633\u0647\u0644\", \"\u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0645\u0631\u0648\u0646\u062a\u0647\u0627\", \"\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\", \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\"]\n                    }\n                ]\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>`;\n\n        function buildGuidanceSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? guideData.ar : guideData.en;\n            \n            const section = document.getElementById('sh-guidance-777');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts\n            document.getElementById('sh-guide-kicker').textContent = data.kicker;\n            document.getElementById('sh-guide-title').textContent = data.title;\n            document.getElementById('sh-guide-desc').textContent = data.desc;\n\n            \/\/ Build Cards\n            const grid = document.getElementById('sh-guide-cards-grid');\n            grid.innerHTML = data.cards.map((card, index) => {\n                \n                \/\/ Build List Items if they exist\n                const listHtml = card.list && card.list.length > 0 \n                    ? `<ul class=\"space-y-3 mt-4\">\n                        ${card.list.map(item => `\n                            <li class=\"flex gap-3 items-start\">\n                                ${checkIcon}\n                                <span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">${item}<\/span>\n                            <\/li>\n                        `).join('')}\n                       <\/ul>`\n                    : '';\n\n                return `\n                    <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                        <div class=\"flex items-center gap-4 mb-5\">\n                            <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">\n                                ${index + 1}\n                            <\/div>\n                            <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\n                                ${card.title}\n                            <\/h3>\n                        <\/div>\n                        <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\n                            ${card.desc}\n                        <\/p>\n                        ${listHtml}\n                    <\/div>\n                `;\n            }).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer\n        buildGuidanceSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildGuidanceSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-guidance-777 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA BACKGROUND *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-guidance-777 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-guidance-777 .sh-text-start { text-align: left !important; }\n    #sh-guidance-777[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpGuidance {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-guidance-777 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpGuidance 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-guidance-777 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-guidance-777 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(19, 139, 134, 0.12);\n            border-color: #138b86;\n        }\n    }\n<\/style>\n\n<section id=\"sh-guidance-777\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-guide-kicker\">Guidance<\/span>\n            <\/div>\n            <h2 id=\"sh-guide-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                How to Choose the Best Gynecologist in Makkah\n            <\/h2>\n            <p id=\"sh-guide-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Choosing the right gynecologist involves more than reading online reviews. Consider these important factors before booking an appointment.\n            <\/p>\n        <\/div>\n\n        <!-- Cards Grid -->\n        <div id=\"sh-guide-cards-grid\" class=\"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n            <!-- Cards will be dynamically injected here -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data containing English and Arabic content\n        const guideData = {\n            en: {\n                kicker: \"Guidance\",\n                title: \"How to Choose the Best Gynecologist in Makkah\",\n                desc: \"Choosing the right gynecologist involves more than reading online reviews. Consider these important factors before booking an appointment.\",\n                cards: [\n                    {\n                        title: \"Medical Experience\",\n                        desc: \"Look for specialists with experience in:\",\n                        list: [\"Pregnancy care\", \"High-risk pregnancy\", \"Infertility\", \"PCOS\", \"Gynecological surgery\", \"Women's preventive healthcare\"]\n                    },\n                    {\n                        title: \"Hospital-Based Care\",\n                        desc: \"A hospital with diagnostic imaging, laboratory services, pharmacy, and inpatient facilities provides coordinated care when additional treatment is required.\",\n                        list: []\n                    },\n                    {\n                        title: \"Comprehensive Women's Health Services\",\n                        desc: \"A good gynecology department should provide:\",\n                        list: [\"Pregnancy care\", \"Fertility evaluation\", \"Preventive screening\", \"Family planning\", \"Menopause care\", \"Surgical treatment when necessary\"]\n                    },\n                    {\n                        title: \"Communication and Patient Support\",\n                        desc: \"Patients should feel comfortable discussing sensitive health concerns. Choose a specialist who:\",\n                        list: [\"Explains treatment options clearly\", \"Encourages questions\", \"Provides follow-up guidance\", \"Supports informed decision-making\"]\n                    },\n                    {\n                        title: \"Accessibility\",\n                        desc: \"Consider:\",\n                        list: [\"Convenient location\", \"Appointment availability\", \"Diagnostic facilities\", \"Hospital support services\"]\n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0637\u0628\u064a\u0629\",\n                title: \"\u0643\u064a\u0641 \u062a\u062e\u062a\u0627\u0631\u064a\u0646 \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0645\u0643\u0629\",\n                desc: \"\u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u064a\u062a\u0637\u0644\u0628 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a. \u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643.\",\n                cards: [\n                    {\n                        title: \"\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\",\n                        desc: \"\u0627\u0628\u062d\u062b\u064a \u0639\u0646 \u0645\u062a\u062e\u0635\u0635\u0627\u062a \u0644\u062f\u064a\u0647\u0646 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a:\",\n                        list: [\"\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644\", \"\u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\", \"\u0639\u0644\u0627\u062c \u0627\u0644\u0639\u0642\u0645\", \"\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)\", \"\u0627\u0644\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629\", \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629\"]\n                    },\n                    {\n                        title: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\",\n                        desc: \"\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062a\u0635\u0648\u064a\u0631 \u062a\u0634\u062e\u064a\u0635\u064a\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u062e\u062a\u0628\u0631\u060c \u0648\u0635\u064a\u062f\u0644\u064a\u0629\u060c \u0648\u0645\u0631\u0627\u0641\u0642 \u0644\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0645\u0646\u0648\u0645\u064a\u0646 \u064a\u0648\u0641\u0631 \u0631\u0639\u0627\u064a\u0629 \u0645\u0646\u0633\u0642\u0629 \u0648\u0622\u0645\u0646\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0623\u064a \u062a\u062f\u062e\u0644 \u0639\u0644\u0627\u062c\u064a \u0625\u0636\u0627\u0641\u064a.\",\n                        list: [] \/\/ No list for this card in original\n                    },\n                    {\n                        title: \"\u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629\",\n                        desc: \"\u064a\u062c\u0628 \u0623\u0646 \u064a\u0648\u0641\u0631 \u0642\u0633\u0645 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u062a\u0645\u064a\u0632 \u0645\u0627 \u064a\u0644\u064a:\",\n                        list: [\"\u0631\u0639\u0627\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\", \"\u062a\u0642\u064a\u064a\u0645 \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u062e\u0635\u0648\u0628\u0629\", \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0628\u0643\u0631\u0629\", \"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629\", \"\u0631\u0639\u0627\u064a\u0629 \u0645\u0631\u062d\u0644\u0629 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633\", \"\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062c\u0631\u0627\u062d\u064a \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629\"]\n                    },\n                    {\n                        title: \"\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u064a\u0636\u0629\",\n                        desc: \"\u064a\u062c\u0628 \u0623\u0646 \u062a\u0634\u0639\u0631\u064a \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0627\u0645\u0629 \u0639\u0646\u062f \u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u062e\u0627\u0648\u0641\u0643 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629. \u0627\u062e\u062a\u0627\u0631\u064a \u0637\u0628\u064a\u0628\u0629:\",\n                        list: [\"\u062a\u0634\u0631\u062d \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0648\u0636\u0648\u062d \u0648\u0634\u0641\u0627\u0641\u064a\u0629\", \"\u062a\u0634\u062c\u0639\u0643\u0650 \u0639\u0644\u0649 \u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629\", \"\u062a\u0642\u062f\u0645 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\", \"\u062a\u062f\u0639\u0645 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u064a\u0631\u0629\"]\n                    },\n                    {\n                        title: \"\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u062e\u062f\u0645\u0627\u062a\",\n                        desc: \"\u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:\",\n                        list: [\"\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0627\u0644\u0633\u0647\u0644\", \"\u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0645\u0631\u0648\u0646\u062a\u0647\u0627\", \"\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\", \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\"]\n                    }\n                ]\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>`;\n\n        function buildGuidanceSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? guideData.ar : guideData.en;\n            \n            const section = document.getElementById('sh-guidance-777');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts\n            document.getElementById('sh-guide-kicker').textContent = data.kicker;\n            document.getElementById('sh-guide-title').textContent = data.title;\n            document.getElementById('sh-guide-desc').textContent = data.desc;\n\n            \/\/ Build Cards\n            const grid = document.getElementById('sh-guide-cards-grid');\n            grid.innerHTML = data.cards.map((card, index) => {\n                \n                \/\/ Build List Items if they exist\n                const listHtml = card.list && card.list.length > 0 \n                    ? `<ul class=\"space-y-3 mt-4\">\n                        ${card.list.map(item => `\n                            <li class=\"flex gap-3 items-start\">\n                                ${checkIcon}\n                                <span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">${item}<\/span>\n                            <\/li>\n                        `).join('')}\n                       <\/ul>`\n                    : '';\n\n                return `\n                    <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                        <div class=\"flex items-center gap-4 mb-5\">\n                            <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">\n                                ${index + 1}\n                            <\/div>\n                            <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\n                                ${card.title}\n                            <\/h3>\n                        <\/div>\n                        <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\n                            ${card.desc}\n                        <\/p>\n                        ${listHtml}\n                    <\/div>\n                `;\n            }).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer\n        buildGuidanceSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildGuidanceSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-appointment-888 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Base color for Hexa *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* Lightweight SVG Hexagon Background Pattern *\/\n    #sh-appointment-888::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-appointment-888 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-appointment-888 .sh-text-start { text-align: left !important; }\n    #sh-appointment-888[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n    \n    \/* Chevron flip for RTL *\/\n    #sh-appointment-888[dir=\"rtl\"] .sh-accordion-btn .sh-chevron { margin-right: auto; margin-left: 0; }\n    #sh-appointment-888[dir=\"ltr\"] .sh-accordion-btn .sh-chevron { margin-left: auto; margin-right: 0; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpAppt {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-appointment-888 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpAppt 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Accordion Styles *\/\n    #sh-appointment-888 .sh-accordion-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.3s ease-out, padding 0.3s ease-out;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n    #sh-appointment-888 .sh-accordion-item.active .sh-accordion-content {\n        padding-top: 1rem;\n        padding-bottom: 1.5rem;\n    }\n    #sh-appointment-888 .sh-accordion-item.active .sh-chevron {\n        transform: rotate(180deg);\n    }\n    #sh-appointment-888 .sh-chevron {\n        transition: transform 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-appointment-888\" dir=\"ltr\">\n    <div class=\"sh-wrapper grid lg:grid-cols-2 gap-10 items-start\">\n        \n        <!-- Column 1: What to Bring -->\n        <div class=\"bg-white rounded-2xl p-8 md:p-10 border border-[#e4edf3] shadow-sm sh-animate sh-text-start\">\n            <div class=\"flex items-center gap-4 mb-6\">\n                <div class=\"w-14 h-14 rounded-xl bg-[#138b86] text-white grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"><\/rect><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><path d=\"M12 11h4\"><\/path><path d=\"M12 16h4\"><\/path><path d=\"M8 11h.01\"><\/path><path d=\"M8 16h.01\"><\/path><\/svg>\n                <\/div>\n                <h2 id=\"sh-appt-title1\" class=\"text-[28px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\"><\/h2>\n            <\/div>\n            <p id=\"sh-appt-desc1\" class=\"text-[#596b82] mb-6 text-[16.5px]\"><\/p>\n            <p id=\"sh-appt-subtitle\" class=\"font-bold text-[#243b5a] mb-4 text-[18px]\"><\/p>\n            \n            <ul id=\"sh-appt-list\" class=\"space-y-3 mb-8\">\n                <!-- Injected via JS -->\n            <\/ul>\n            \n            <p id=\"sh-appt-footer1\" class=\"text-[#596b82] text-[15.5px] leading-relaxed pt-4 border-t border-[#e4edf3]\"><\/p>\n        <\/div>\n\n        <!-- Column 2: Questions to Ask -->\n        <div class=\"sh-animate sh-text-start\" style=\"animation-delay: 0.1s;\">\n            <div class=\"flex items-center gap-4 mb-6\">\n                <div class=\"w-14 h-14 rounded-xl text-white grid place-items-center shrink-0\" style=\"background-color: #d4af37;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg>\n                <\/div>\n                <h2 id=\"sh-appt-title2\" class=\"text-[28px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\"><\/h2>\n            <\/div>\n            <p id=\"sh-appt-desc2\" class=\"text-[#596b82] mb-6 text-[16.5px]\"><\/p>\n            \n            <div id=\"sh-appt-accordion\" class=\"space-y-3\">\n                <!-- Accordions Injected via JS -->\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const apptData = {\n            en: {\n                col1: {\n                    title: \"What to Bring to Your First Gynecology Appointment\",\n                    desc: \"Preparing in advance helps make your consultation more productive.\",\n                    subtitle: \"Bring:\",\n                    list: [\n                        \"National ID or insurance card\",\n                        \"Previous medical records\",\n                        \"Previous ultrasound reports\",\n                        \"Blood test reports\",\n                        \"Current medications\",\n                        \"Menstrual cycle information\",\n                        \"Pregnancy records (if applicable)\",\n                        \"List of symptoms or questions\"\n                    ],\n                    footer: \"Having this information available allows the doctor to understand your medical history more efficiently.\"\n                },\n                col2: {\n                    title: \"Questions to Ask Your Gynecologist\",\n                    desc: \"Many patients leave consultations wishing they had asked more questions. Consider discussing:\",\n                    faqs: [\n                        { q: \"What is causing my symptoms?\", a: \"Ask your gynecologist to explain likely causes based on your history, examination, and any test results.\" },\n                        { q: \"Are additional tests needed?\", a: \"Inquire if blood work, ultrasounds, or swabs are required for a precise diagnosis.\" },\n                        { q: \"What treatment options are available?\", a: \"Discuss whether medical, surgical, or lifestyle interventions are the best path forward.\" },\n                        { q: \"What are the benefits and possible risks of each treatment?\", a: \"Understanding the pros and cons helps you make an informed decision about your care.\" },\n                        { q: \"Can this condition affect future pregnancy?\", a: \"If you plan to have children, ask how your diagnosis or treatment might impact fertility.\" },\n                        { q: \"Are lifestyle changes recommended?\", a: \"Find out if diet, exercise, or stress management can improve your condition.\" },\n                        { q: \"When should I schedule my next follow-up?\", a: \"Clarify the timeline for your next visit to monitor progress or test results.\" }\n                    ]\n                }\n            },\n            ar: {\n                col1: {\n                    title: \"\u0645\u0627 \u064a\u062c\u0628 \u0625\u062d\u0636\u0627\u0631\u0647 \u0641\u064a \u0645\u0648\u0639\u062f\u0643 \u0627\u0644\u0623\u0648\u0644 \u0644\u0639\u064a\u0627\u062f\u0629 \u0627\u0644\u0646\u0633\u0627\u0621\",\n                    desc: \"\u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0645\u0633\u0628\u0642 \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062c\u0639\u0644 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0637\u0628\u064a\u0629 \u0623\u0643\u062b\u0631 \u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0648\u0641\u0639\u0627\u0644\u064a\u0629.\",\n                    subtitle: \"\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062d\u0636\u0627\u0631:\",\n                    list: [\n                        \"\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0623\u0648 \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646\",\n                        \"\u0627\u0644\u0633\u062c\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\",\n                        \"\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0623\u0634\u0639\u0629 \u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\",\n                        \"\u0646\u062a\u0627\u0626\u062c \u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u062f\u0645 \u0627\u0644\u0645\u0639\u0645\u0644\u064a\u0629\",\n                        \"\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0646\u0627\u0648\u0644\u064a\u0646\u0647\u0627\",\n                        \"\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\",\n                        \"\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a)\",\n                        \"\u0642\u0627\u0626\u0645\u0629 \u0628\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646\u0647\u0627 \u0623\u0648 \u0623\u0633\u0626\u0644\u062a\u0643\"\n                    ],\n                    footer: \"\u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u064a\u062a\u064a\u062d \u0644\u0644\u0637\u0628\u064a\u0628\u0629 \u0641\u0647\u0645 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a \u0628\u0634\u0643\u0644 \u0623\u0633\u0631\u0639 \u0648\u0623\u0643\u062b\u0631 \u062f\u0642\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0645\u062b\u0644.\"\n                },\n                col2: {\n                    title: \"\u0623\u0633\u0626\u0644\u0629 \u0647\u0627\u0645\u0629 \u0644\u0637\u0631\u062d\u0647\u0627 \u0639\u0644\u0649 \u0637\u0628\u064a\u0628\u062a\u0643\",\n                    desc: \"\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0645\u0631\u064a\u0636\u0627\u062a \u064a\u063a\u0627\u062f\u0631\u0646 \u0627\u0644\u0639\u064a\u0627\u062f\u0629 \u0648\u0647\u0646 \u064a\u062a\u0645\u0646\u064a\u0646 \u0644\u0648 \u0637\u0631\u062d\u0646 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629. \u0641\u0643\u0631\u064a \u0641\u064a \u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                    faqs: [\n                        { q: \"\u0645\u0627 \u0647\u0648 \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0644\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062a\u064a \u0623\u0639\u0627\u0646\u064a \u0645\u0646\u0647\u0627\u061f\", a: \"\u0627\u0637\u0644\u0628\u064a \u0645\u0646 \u0627\u0644\u0637\u0628\u064a\u0628\u0629 \u0634\u0631\u062d \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a\u060c \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u060c \u0648\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u062d\u0627\u0644\u064a\u0644.\" },\n                        { q: \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629\u061f\", a: \"\u0627\u0633\u062a\u0641\u0633\u0631\u064a \u0639\u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0644\u062a\u062d\u0627\u0644\u064a\u0644 \u062f\u0645\u060c \u0645\u0633\u062d\u0627\u062a \u0637\u0628\u064a\u0629\u060c \u0623\u0648 \u0623\u0634\u0639\u0629 \u0635\u0648\u062a\u064a\u0629 \u0644\u0644\u0648\u0635\u0648\u0644 \u0644\u062a\u0634\u062e\u064a\u0635 \u062f\u0642\u064a\u0642.\" },\n                        { q: \"\u0645\u0627 \u0647\u064a \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u062d\u0627\u0644\u062a\u064a\u061f\", a: \"\u0646\u0627\u0642\u0634\u064a \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u062a\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u062f\u0648\u0627\u0626\u064a\u0629\u060c \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629\u060c \u0623\u0648 \u062a\u063a\u064a\u064a\u0631 \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0647\u064a \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0641\u0636\u0644 \u0644\u0643\u0650.\" },\n                        { q: \"\u0645\u0627 \u0647\u064a \u0641\u0648\u0627\u0626\u062f \u0648\u0645\u062e\u0627\u0637\u0631 \u0643\u0644 \u062e\u064a\u0627\u0631 \u0639\u0644\u0627\u062c\u064a\u061f\", a: \"\u0641\u0647\u0645 \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a\u0627\u062a \u0648\u0627\u0644\u0633\u0644\u0628\u064a\u0627\u062a \u0648\u0627\u0644\u0622\u062b\u0627\u0631 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631 \u0645\u0633\u062a\u0646\u064a\u0631 \u0648\u0645\u0637\u0645\u0626\u0646 \u0628\u0634\u0623\u0646 \u0635\u062d\u062a\u0643.\" },\n                        { q: \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0645\u0644 \u0645\u0633\u062a\u0642\u0628\u0644\u0627\u064b\u061f\", a: \"\u0625\u0630\u0627 \u0643\u0646\u062a\u0650 \u062a\u062e\u0637\u0637\u064a\u0646 \u0644\u0644\u0625\u0646\u062c\u0627\u0628\u060c \u0627\u0633\u0623\u0644\u064a \u0643\u064a\u0641 \u0642\u062f \u064a\u0624\u062b\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0623\u0648 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0642\u062a\u0631\u062d \u0639\u0644\u0649 \u062e\u0635\u0648\u0628\u062a\u0643.\" },\n                        { q: \"\u0647\u0644 \u064a\u064f\u0646\u0635\u062d \u0628\u0625\u062c\u0631\u0627\u0621 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u064a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629\u061f\", a: \"\u0627\u0643\u062a\u0634\u0641\u064a \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u060c \u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0629\u060c \u0623\u0648 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0648\u062a\u0631 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u062d\u0633\u0646 \u062d\u0627\u0644\u062a\u0643.\" },\n                        { q: \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062d\u062f\u062f \u0645\u0648\u0639\u062f \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u061f\", a: \"\u0648\u0636\u062d\u064a \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0632\u064a\u0627\u0631\u062a\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0633\u062a\u062c\u0627\u0628\u062a\u0643 \u0644\u0644\u0639\u0644\u0627\u062c \u0623\u0648 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a.\" }\n                    ]\n                }\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>`;\n\n        function renderApptSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? apptData.ar : apptData.en;\n            \n            const section = document.getElementById('sh-appointment-888');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Col 1\n            document.getElementById('sh-appt-title1').textContent = data.col1.title;\n            document.getElementById('sh-appt-desc1').textContent = data.col1.desc;\n            document.getElementById('sh-appt-subtitle').textContent = data.col1.subtitle;\n            document.getElementById('sh-appt-footer1').textContent = data.col1.footer;\n            \n            document.getElementById('sh-appt-list').innerHTML = data.col1.list.map(item => `\n                <li class=\"flex gap-3 items-start\">\n                    ${checkIcon}\n                    <span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">${item}<\/span>\n                <\/li>\n            `).join('');\n\n            \/\/ Col 2\n            document.getElementById('sh-appt-title2').textContent = data.col2.title;\n            document.getElementById('sh-appt-desc2').textContent = data.col2.desc;\n            \n            document.getElementById('sh-appt-accordion').innerHTML = data.col2.faqs.map((faq, index) => `\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">${faq.q}<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">\n                            ${faq.a}\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `).join('');\n\n            \/\/ Open the first accordion by default\n            setTimeout(() => {\n                const firstBtn = document.querySelector('#sh-appointment-888 .sh-accordion-btn');\n                if(firstBtn) {\n                    const item = firstBtn.parentElement;\n                    const content = item.querySelector('.sh-accordion-content');\n                    item.classList.add('active');\n                    content.style.maxHeight = content.scrollHeight + 50 + \"px\";\n                }\n            }, 100);\n        }\n\n        \/\/ Accordion Toggle Logic\n        window.shToggleAccordion = function(btn) {\n            const item = btn.parentElement;\n            const content = item.querySelector('.sh-accordion-content');\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all other accordions\n            document.querySelectorAll('#sh-appointment-888 .sh-accordion-item').forEach(el => {\n                el.classList.remove('active');\n                el.querySelector('.sh-accordion-content').style.maxHeight = null;\n            });\n\n            if (!isActive) {\n                item.classList.add('active');\n                content.style.maxHeight = content.scrollHeight + 50 + \"px\"; \/\/ +50px for padding\n            }\n        };\n\n        \/\/ Initialize and bind Mutation Observer\n        renderApptSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    renderApptSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-comp-999 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA - Clean White Background *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-comp-999 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-comp-999 .sh-text-start { text-align: left !important; }\n    #sh-comp-999[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpComp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-comp-999 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpComp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Table Hover Effect (Subtle) *\/\n    #sh-comp-999 tbody tr {\n        transition: background-color 0.2s ease;\n    }\n    #sh-comp-999 tbody tr:hover {\n        background-color: #f8fbfd !important;\n    }\n<\/style>\n\n<section id=\"sh-comp-999\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-comp-kicker\"><\/span>\n            <\/div>\n            <h2 id=\"sh-comp-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\"><\/h2>\n        <\/div>\n\n        <!-- Responsive Comparison Table -->\n        <div class=\"overflow-x-auto rounded-2xl border border-[#e4edf3] shadow-sm bg-white max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n            <table class=\"w-full sh-text-start border-collapse\">\n                <thead>\n                    <tr class=\"bg-[#243b5a] text-white\" id=\"sh-comp-thead\">\n                        <!-- Headers injected via JS -->\n                    <\/tr>\n                <\/thead>\n                <tbody class=\"text-[15.5px]\" id=\"sh-comp-tbody\">\n                    <!-- Rows injected via JS -->\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const compData = {\n            en: {\n                kicker: \"Comparison\",\n                title: \"Hospital-Based Care vs. Small Outpatient Clinics\",\n                yesText: \"Yes\",\n                noText: \"No\",\n                table: {\n                    headers: [\"Feature\", \"Hospital-Based Care\", \"Small Clinic\"],\n                    rows: [\n                        { f: \"Specialist Consultations\", hb: \"yes\", sc: \"yes\" },\n                        { f: \"Laboratory Services\", hb: \"yes\", sc: \"Limited\" },\n                        { f: \"Ultrasound Imaging\", hb: \"yes\", sc: \"May Vary\" },\n                        { f: \"Emergency Care\", hb: \"yes\", sc: \"Usually No\" },\n                        { f: \"Surgical Services\", hb: \"yes\", sc: \"Referral Required\" },\n                        { f: \"High-Risk Pregnancy Support\", hb: \"yes\", sc: \"May Be Limited\" },\n                        { f: \"Inpatient Admission\", hb: \"yes\", sc: \"no\" }\n                    ]\n                }\n            },\n            ar: {\n                kicker: \"\u0645\u0642\u0627\u0631\u0646\u0629\",\n                title: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0627\u0644\u0635\u063a\u064a\u0631\u0629\",\n                yesText: \"\u0646\u0639\u0645\",\n                noText: \"\u0644\u0627\",\n                table: {\n                    headers: [\"\u0627\u0644\u0645\u064a\u0632\u0629\", \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\", \"\u0627\u0644\u0639\u064a\u0627\u062f\u0629 \u0627\u0644\u0635\u063a\u064a\u0631\u0629\"],\n                    rows: [\n                        { f: \"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646\", hb: \"yes\", sc: \"yes\" },\n                        { f: \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0648\u0627\u0644\u062a\u062d\u0627\u0644\u064a\u0644\", hb: \"yes\", sc: \"\u0645\u062d\u062f\u0648\u062f\u0629\" },\n                        { f: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\", hb: \"yes\", sc: \"\u0642\u062f \u062a\u062e\u062a\u0644\u0641\" },\n                        { f: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0648\u0627\u0631\u0626\", hb: \"yes\", sc: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0644\u0627\" },\n                        { f: \"\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629\", hb: \"yes\", sc: \"\u062a\u062a\u0637\u0644\u0628 \u0625\u062d\u0627\u0644\u0629\" },\n                        { f: \"\u062f\u0639\u0645 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\", hb: \"yes\", sc: \"\u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u062d\u062f\u0648\u062f\u0627\u064b\" },\n                        { f: \"\u062a\u0646\u0648\u064a\u0645 \u0627\u0644\u0645\u0631\u0636\u0649 (\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649)\", hb: \"yes\", sc: \"no\" }\n                    ]\n                }\n            }\n        };\n\n        \/\/ Icons\n        const iconYes = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>`;\n        const iconNo = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg>`;\n\n        function formatCell(val, yesTxt, noTxt) {\n            if (val === \"yes\") {\n                return `<span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\">${iconYes}${yesTxt}<\/span>`;\n            } else if (val === \"no\") {\n                return `<span class=\"inline-flex items-center gap-1.5 text-[#ef4444] font-semibold\">${iconNo}${noTxt}<\/span>`;\n            } else {\n                return `<span class=\"text-[#596b82]\">${val}<\/span>`;\n            }\n        }\n\n        function renderComparison() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? compData.ar : compData.en;\n            \n            const section = document.getElementById('sh-comp-999');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts\n            document.getElementById('sh-comp-kicker').textContent = data.kicker;\n            document.getElementById('sh-comp-title').textContent = data.title;\n\n            \/\/ Render Table Headers\n            document.getElementById('sh-comp-thead').innerHTML = data.table.headers.map(h => \n                `<th class=\"p-5 font-semibold text-[16px]\">${h}<\/th>`\n            ).join('');\n\n            \/\/ Render Table Rows\n            document.getElementById('sh-comp-tbody').innerHTML = data.table.rows.map((row, index) => {\n                const bgClass = index % 2 !== 0 ? 'bg-[#f8fbfd]' : 'bg-white';\n                return `\n                    <tr class=\"${bgClass}\">\n                        <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">${row.f}<\/td>\n                        <td class=\"p-5 border-t border-[#e4edf3]\">${formatCell(row.hb, data.yesText, data.noText)}<\/td>\n                        <td class=\"p-5 border-t border-[#e4edf3]\">${formatCell(row.sc, data.yesText, data.noText)}<\/td>\n                    <\/tr>\n                `;\n            }).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer for dynamic language switching\n        renderComparison();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    renderComparison();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<!-- \u0642\u0633\u0645 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0627\u0631\u0626\u0629 - Scoped & Responsive -->\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-emergency-101 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Lightweight SVG Hexagon Background *\/\n    #sh-emergency-101::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Constrained Wrapper (Max 1475px) *\/\n    #sh-emergency-101 .sh-em-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 4. RTL & LTR Typography Handling *\/\n    #sh-emergency-101 .sh-em-text-start { text-align: left !important; }\n    #sh-emergency-101[dir=\"rtl\"] .sh-em-text-start { text-align: right !important; }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpAlert {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-emergency-101 .sh-em-animate { \n        opacity: 0; \n        animation: shFadeInUpAlert 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 6. Pulse Alert Animation *\/\n    @keyframes shPulseAlert {\n        0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }\n        70% { box-shadow: 0 0 0 15px rgba(239, 68, 68, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }\n    }\n    #sh-emergency-101 .sh-em-alert-icon {\n        animation: shPulseAlert 2s infinite;\n        border-radius: 50% !important;\n    }\n    \n    \/* 7. Responsive Card Padding & Borders *\/\n    #sh-emergency-101 .sh-em-card {\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.04) 0%, #ffffff 30%, #ffffff 100%) !important;\n        border-top: 4px solid #ef4444 !important;\n    }\n    @media (min-width: 768px) {\n        #sh-emergency-101 .sh-em-card {\n            border-top: none !important;\n            border-left: 4px solid #ef4444 !important;\n        }\n        #sh-emergency-101[dir=\"rtl\"] .sh-em-card {\n            border-left: none !important;\n            border-right: 4px solid #ef4444 !important;\n        }\n    }\n\n    \/* 8. FIX: Remove Underline from Links *\/\n    #sh-emergency-101 a, \n    #sh-emergency-101 a:hover, \n    #sh-emergency-101 a:focus {\n        text-decoration: none !important;\n        outline: none !important;\n    }\n<\/style>\n\n<section id=\"sh-emergency-101\" dir=\"ltr\">\n    <div class=\"sh-em-wrapper\">\n        \n        <!-- Emergency Box -->\n        <div class=\"sh-em-card rounded-3xl p-6 md:p-12 shadow-lg max-w-5xl mx-auto sh-em-animate sh-em-text-start\">\n            \n            <!-- Title Section -->\n            <div class=\"flex items-center gap-4 mb-6\">\n                <div class=\"w-12 h-12 md:w-14 md:h-14 bg-[#ef4444] text-white grid place-items-center shrink-0 sh-em-alert-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                <\/div>\n                <h2 id=\"sh-em-lang-title\" class=\"text-[24px] md:text-[34px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\"><\/h2>\n            <\/div>\n            \n            <!-- Description -->\n            <p id=\"sh-em-lang-subtitle\" class=\"text-[#243b5a]\/85 mb-8 text-[16px] md:text-[17px] font-medium leading-relaxed\"><\/p>\n            \n            <!-- Symptoms Responsive Grid -->\n            <ul id=\"sh-em-lang-list\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4 mb-8\">\n                <!-- Data injected via JavaScript -->\n            <\/ul>\n            \n            <!-- Footer Note -->\n            <p id=\"sh-em-lang-footer\" class=\"mt-6 font-semibold text-[#243b5a] text-[16px] md:text-[17px] mb-6\"><\/p>\n            \n            <!-- Call to Action (Fixed Underline) -->\n            <div class=\"flex flex-wrap gap-3\">\n                <a href=\"tel:+966125333555\" style=\"text-decoration: none !important;\" class=\"inline-flex items-center justify-center w-full sm:w-auto gap-2 bg-[#ef4444] text-white rounded-full px-7 py-3.5 font-bold hover:bg-[#dc2626] transition-colors shadow-md text-[16px]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg> \n                    <span id=\"sh-em-lang-cta\" dir=\"ltr\" style=\"text-decoration: none !important;\">+966 12 533 3555<\/span>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Scoped JavaScript -->\n<script>\n(function() {\n    \/\/ Run only when DOM is fully loaded\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const shEmData = {\n            en: {\n                title: \"Symptoms That Need Immediate Medical Attention\",\n                subtitle: \"Do not delay medical evaluation if you experience:\",\n                symptoms: [\n                    \"Heavy bleeding during pregnancy\",\n                    \"Severe abdominal pain\",\n                    \"Sudden swelling of the face or hands\",\n                    \"Persistent severe headache during pregnancy\",\n                    \"Reduced fetal movements\",\n                    \"High fever with pelvic pain\",\n                    \"Heavy vaginal bleeding after menopause\",\n                    \"Severe pelvic pain with fainting\"\n                ],\n                footer: \"These symptoms require prompt medical assessment.\",\n                cta: \"Emergency: +966 12 533 3555\"\n            },\n            ar: {\n                title: \"\u0623\u0639\u0631\u0627\u0636 \u062a\u062a\u0637\u0644\u0628 \u0639\u0646\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0641\u0648\u0631\u064a\u0629\",\n                subtitle: \"\u0644\u0627 \u062a\u0624\u062c\u0644\u064a \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0623\u0628\u062f\u0627\u064b \u0625\u0630\u0627 \u0643\u0646\u062a\u0650 \u062a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646:\",\n                symptoms: [\n                    \"\u0646\u0632\u064a\u0641 \u0634\u062f\u064a\u062f \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0645\u0644\",\n                    \"\u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u0648\u0645\u0641\u0627\u062c\u0626 \u0641\u064a \u0627\u0644\u0628\u0637\u0646\",\n                    \"\u062a\u0648\u0631\u0645 \u0645\u0641\u0627\u062c\u0626 \u0641\u064a \u0627\u0644\u0648\u062c\u0647 \u0623\u0648 \u0627\u0644\u064a\u062f\u064a\u0646\",\n                    \"\u0635\u062f\u0627\u0639 \u0634\u062f\u064a\u062f \u0648\u0645\u0633\u062a\u0645\u0631 \u0623\u062b\u0646\u0627\u0621 \u0641\u062a\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\",\n                    \"\u0642\u0644\u0629 \u0623\u0648 \u0627\u0646\u0639\u062f\u0627\u0645 \u062d\u0631\u0643\u0629 \u0627\u0644\u062c\u0646\u064a\u0646 \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638\",\n                    \"\u062d\u0645\u0649 \u0634\u062f\u064a\u062f\u0629 \u0648\u0627\u0631\u062a\u0641\u0627\u0639 \u062d\u0631\u0627\u0631\u0629 \u0645\u0635\u062d\u0648\u0628 \u0628\u0623\u0644\u0645 \u0641\u064a \u0627\u0644\u062d\u0648\u0636\",\n                    \"\u0646\u0632\u064a\u0641 \u0645\u0647\u0628\u0644\u064a \u0634\u062f\u064a\u062f \u0628\u0639\u062f \u0627\u0646\u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0645\u062b\",\n                    \"\u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u0641\u064a \u0627\u0644\u062d\u0648\u0636 \u0645\u0635\u062d\u0648\u0628 \u0628\u062f\u0648\u0627\u0631 \u0623\u0648 \u0625\u063a\u0645\u0627\u0621\"\n                ],\n                footer: \"\u0647\u0630\u0647 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u062a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0648\u062a\u062f\u062e\u0644\u0627\u064b \u0639\u0627\u062c\u0644\u0627\u064b.\",\n                cta: \"\u0627\u0644\u0637\u0648\u0627\u0631\u0626: 966125333555+\" \n            }\n        };\n\n        const shEmAlertIcon = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg>`;\n\n        function shInitEmergencyData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shEmData.ar : shEmData.en;\n            \n            const section = document.getElementById('sh-emergency-101');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Texts safely\n            document.getElementById('sh-em-lang-title').textContent = data.title;\n            document.getElementById('sh-em-lang-subtitle').textContent = data.subtitle;\n            document.getElementById('sh-em-lang-footer').textContent = data.footer;\n            document.getElementById('sh-em-lang-cta').textContent = data.cta;\n            \n            \/\/ Build List Items\n            const listContainer = document.getElementById('sh-em-lang-list');\n            listContainer.innerHTML = ''; \n            data.symptoms.forEach(sym => {\n                const li = document.createElement('li');\n                li.className = 'flex gap-3 items-start';\n                li.innerHTML = `${shEmAlertIcon} <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">${sym}<\/span>`;\n                listContainer.appendChild(li);\n            });\n        }\n\n        \/\/ Initialize Data\n        shInitEmergencyData();\n        \n        \/\/ Listen for Theme\/Language switches globally\n        const shEmObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitEmergencyData();\n                }\n            }\n        });\n        shEmObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<!-- \u0642\u0633\u0645 \u0627\u0644\u062a\u0648\u0639\u064a\u0629 (\u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0634\u0627\u0626\u0639\u0629) - Scoped & Responsive -->\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-awareness-202 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA - Solid White *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-awareness-202 .sh-aw-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-awareness-202 .sh-aw-text-start { text-align: left !important; }\n    #sh-awareness-202[dir=\"rtl\"] .sh-aw-text-start { text-align: right !important; }\n\n    \/* 4. Entrance Animation *\/\n    @keyframes shFadeInUpAw {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-awareness-202 .sh-aw-animate { \n        opacity: 0; \n        animation: shFadeInUpAw 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 5. Responsive Cards & Hover Effects *\/\n    #sh-awareness-202 .sh-aw-card {\n        background-color: rgba(212, 175, 55, 0.05) !important; \/* bg-gold\/5 *\/\n        border-radius: 0.75rem !important;\n        padding: 1.25rem !important;\n        display: flex !important;\n        gap: 0.75rem !important;\n        align-items: flex-start !important;\n        transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n    }\n    \n    \/* Handle Borders for LTR and RTL separately *\/\n    #sh-awareness-202[dir=\"ltr\"] .sh-aw-card { border-left: 4px solid #d4af37 !important; border-right: none !important; }\n    #sh-awareness-202[dir=\"rtl\"] .sh-aw-card { border-right: 4px solid #d4af37 !important; border-left: none !important; }\n\n    @media (min-width: 768px) {\n        #sh-awareness-202 .sh-aw-card:hover {\n            transform: translateY(-4px) !important;\n            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.15) !important;\n        }\n    }\n<\/style>\n\n<section id=\"sh-awareness-202\" dir=\"ltr\">\n    <div class=\"sh-aw-wrapper\">\n        \n        <!-- Header Section -->\n        <div class=\"mb-12 max-w-3xl sh-aw-text-start sh-aw-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-aw-lang-kicker\">Awareness<\/span>\n            <\/div>\n            <h2 id=\"sh-aw-lang-title\" class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\n                Common Mistakes Women Make\n            <\/h2>\n            <p id=\"sh-aw-lang-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Avoid these common mistakes:\n            <\/p>\n        <\/div>\n\n        <!-- Dynamic Grid Section -->\n        <div id=\"sh-aw-lang-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5 sh-aw-animate\" style=\"animation-delay: 0.1s;\">\n            <!-- Content injected via JS -->\n        <\/div>\n\n        <!-- Footer Section -->\n        <p id=\"sh-aw-lang-footer\" class=\"mt-8 text-[#596b82] max-w-3xl sh-aw-text-start sh-aw-animate text-[16px]\" style=\"animation-delay: 0.2s;\">\n            Preventive care and early diagnosis often lead to better health outcomes.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<!-- Scoped JavaScript -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data Dictionary for EN and AR\n        const shAwData = {\n            en: {\n                kicker: \"Awareness\",\n                title: \"Common Mistakes Women Make\",\n                desc: \"Avoid these common mistakes:\",\n                items: [\n                    \"Waiting too long before seeking medical advice\",\n                    \"Ignoring irregular periods\",\n                    \"Skipping routine cervical screening\",\n                    \"Self-medicating without professional guidance\",\n                    \"Delaying fertility evaluation\",\n                    \"Missing prenatal appointments\",\n                    \"Choosing a doctor based only on consultation fees\"\n                ],\n                footer: \"Preventive care and early diagnosis often lead to better health outcomes.\"\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0648\u0639\u064a \u0627\u0644\u0635\u062d\u064a\",\n                title: \"\u0623\u062e\u0637\u0627\u0621 \u0634\u0627\u0626\u0639\u0629 \u062a\u0642\u0639 \u0641\u064a\u0647\u0627 \u0627\u0644\u0646\u0633\u0627\u0621\",\n                desc: \"\u062a\u062c\u0646\u0628\u064a \u0647\u0630\u0647 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u062d\u0641\u0627\u0638\u0627\u064b \u0639\u0644\u0649 \u0635\u062d\u062a\u0643:\",\n                items: [\n                    \"\u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631 \u0637\u0648\u064a\u0644\u0627\u064b \u0642\u0628\u0644 \u0637\u0644\u0628 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629\",\n                    \"\u062a\u062c\u0627\u0647\u0644 \u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\",\n                    \"\u062a\u062e\u0637\u064a \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a \u0644\u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645\",\n                    \"\u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0648\u0627\u0644\u0645\u0636\u0627\u062f\u0627\u062a \u0630\u0627\u062a\u064a\u0627\u064b \u062f\u0648\u0646 \u0625\u0634\u0631\u0627\u0641 \u0637\u0628\u064a\",\n                    \"\u062a\u0623\u062e\u064a\u0631 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062e\u0635\u0648\u0628\u0629\",\n                    \"\u062a\u0641\u0648\u064a\u062a \u0645\u0648\u0627\u0639\u064a\u062f \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\",\n                    \"\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0637\u0628\u064a\u0628 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0631\u0633\u0648\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0641\u0642\u0637\"\n                ],\n                footer: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631 \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0624\u062f\u064a\u0627\u0646 \u0625\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u0635\u062d\u064a\u0629 \u0623\u0641\u0636\u0644 \u0644\u0643\u0650 \u0648\u0644\u0639\u0627\u0626\u0644\u062a\u0643.\"\n            }\n        };\n\n        \/\/ Alert SVG Icon (Gold Color)\n        const alertIcon = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>`;\n\n        function shInitAwarenessData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shAwData.ar : shAwData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-awareness-202');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Texts\n            document.getElementById('sh-aw-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-aw-lang-title').textContent = data.title;\n            document.getElementById('sh-aw-lang-desc').textContent = data.desc;\n            document.getElementById('sh-aw-lang-footer').textContent = data.footer;\n            \n            \/\/ Build the grid items\n            const gridContainer = document.getElementById('sh-aw-lang-grid');\n            gridContainer.innerHTML = data.items.map(item => `\n                <div class=\"sh-aw-card\">\n                    ${alertIcon}\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">${item}<\/span>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Run Initialization\n        shInitAwarenessData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const shAwObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitAwarenessData();\n                }\n            }\n        });\n        shAwObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<!-- \u0642\u0633\u0645 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 - Scoped & Responsive -->\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-faq-303 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Background color for Hexa *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Lightweight SVG Hexagon Background *\/\n    #sh-faq-303::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Constrained Wrapper (Max 1475px) *\/\n    #sh-faq-303 .sh-faq-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 4. RTL & LTR Typography Handling *\/\n    #sh-faq-303 .sh-faq-text-start { text-align: left !important; }\n    #sh-faq-303[dir=\"rtl\"] .sh-faq-text-start { text-align: right !important; }\n    \n    \/* Chevron flip for RTL *\/\n    #sh-faq-303[dir=\"rtl\"] .sh-faq-btn .sh-chevron { margin-right: auto; margin-left: 0; }\n    #sh-faq-303[dir=\"ltr\"] .sh-faq-btn .sh-chevron { margin-left: auto; margin-right: 0; }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpFaq {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-faq-303 .sh-faq-animate { \n        opacity: 0; \n        animation: shFadeInUpFaq 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 6. Accordion Functionality Styles *\/\n    #sh-faq-303 .sh-faq-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.35s ease-out, padding 0.35s ease-out;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n    #sh-faq-303 .sh-faq-item.active .sh-faq-content {\n        padding-top: 1rem;\n        padding-bottom: 1.5rem;\n    }\n    #sh-faq-303 .sh-faq-item.active .sh-chevron {\n        transform: rotate(180deg);\n    }\n    #sh-faq-303 .sh-chevron {\n        transition: transform 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-faq-303\" dir=\"ltr\">\n    <div class=\"sh-faq-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-faq-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-faq-lang-kicker\">FAQ<\/span>\n            <\/div>\n            <h2 id=\"sh-faq-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Frequently Asked Questions\n            <\/h2>\n        <\/div>\n\n        <!-- FAQ Accordion List (Constrained to max-w-4xl for readability) -->\n        <div id=\"sh-faq-accordion-list\" class=\"space-y-3 max-w-4xl mx-auto sh-faq-animate\" style=\"animation-delay: 0.1s;\">\n            <!-- Accordion Items Injected via JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Scoped JavaScript -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ FAQ Data Dictionary\n        const shFaqData = {\n            en: {\n                kicker: \"FAQ\",\n                title: \"Frequently Asked Questions\",\n                faqs: [\n                    { \n                        q: \"Who is the best gynecologist in Makkah?\", \n                        a: \"Shefa Hospital features a highly qualified team of experienced gynecologists. The 'best' doctor depends on your specific needs\u2014whether it's high-risk pregnancy, infertility, or surgical procedures. Our team will match you with the right specialist.\" \n                    },\n                    { \n                        q: \"Can I visit a gynecologist before planning pregnancy?\", \n                        a: \"Yes, a preconception checkup is highly recommended. It allows the doctor to assess your overall health, review medications, check immunity, and prescribe necessary supplements like folic acid before you conceive.\" \n                    },\n                    { \n                        q: \"When should I schedule my first prenatal visit?\", \n                        a: \"It is generally recommended to schedule your first prenatal visit when you are about 8 weeks pregnant (which is 8 weeks after the first day of your last menstrual period), unless you have high-risk factors that require earlier care.\" \n                    },\n                    { \n                        q: \"What conditions does a gynecologist treat?\", \n                        a: \"Gynecologists treat a wide range of reproductive health issues, including menstrual disorders, PCOS (Polycystic Ovary Syndrome), endometriosis, fibroids, pelvic pain, infections, and menopause-related symptoms.\" \n                    },\n                    { \n                        q: \"Can a gynecologist help with infertility?\", \n                        a: \"Yes. A gynecologist can conduct initial fertility evaluations, perform diagnostic tests (like ultrasounds and hormone panels), and provide early-stage treatments before referring you to a specialized fertility clinic if advanced treatments like IVF are needed.\" \n                    },\n                    { \n                        q: \"How often should I have a gynecological checkup?\", \n                        a: \"Most women should have a routine well-woman exam once a year. The frequency of specific tests, such as Pap smears or mammograms, will depend on your age, medical history, and specific guidelines.\" \n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\",\n                title: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629 \u062d\u0648\u0644 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f\",\n                faqs: [\n                    { \n                        q: \"\u0645\u0646 \u0647\u064a \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0645\u0643\u0629\u061f\", \n                        a: \"\u064a\u0636\u0645 \u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0623\u0641\u0636\u0644 \u0623\u0637\u0628\u0627\u0621 \u0648\u0637\u0628\u064a\u0628\u0627\u062a \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0630\u0648\u064a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629. \u064a\u0639\u062a\u0645\u062f \u0627\u062e\u062a\u064a\u0627\u0631 '\u0627\u0644\u0623\u0641\u0636\u0644' \u0639\u0644\u0649 \u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u0637\u0628\u064a\u0629 (\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0639\u0642\u0645\u060c \u062c\u0631\u0627\u062d\u0629). \u0633\u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0644\u0623\u062e\u0635\u0627\u0626\u064a \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u062d\u0627\u0644\u062a\u0643.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0642\u0628\u0644 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u062d\u0645\u0644\u061f\", \n                        a: \"\u0646\u0639\u0645\u060c \u064a\u064f\u0646\u0635\u062d \u0628\u0634\u062f\u0629 \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0635 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062d\u0645\u0644 (Preconception Checkup). \u0641\u0647\u0648 \u064a\u062a\u064a\u062d \u0644\u0644\u0637\u0628\u064a\u0628\u0629 \u062a\u0642\u064a\u064a\u0645 \u0635\u062d\u062a\u0643 \u0627\u0644\u0639\u0627\u0645\u0629\u060c \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0623\u062f\u0648\u064a\u062a\u0643\u060c \u0648\u0648\u0635\u0641 \u0627\u0644\u0645\u0643\u0645\u0644\u0627\u062a \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629 \u0645\u062b\u0644 \u062d\u0645\u0636 \u0627\u0644\u0641\u0648\u0644\u064a\u0643 \u0644\u0636\u0645\u0627\u0646 \u062d\u0645\u0644 \u0635\u062d\u064a.\" \n                    },\n                    { \n                        q: \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062d\u062f\u062f \u0645\u0648\u0639\u062f \u0632\u064a\u0627\u0631\u062a\u064a \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\u061f\", \n                        a: \"\u064a\u064f\u0648\u0635\u0649 \u0639\u0627\u062f\u0629\u064b \u0628\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644 \u0641\u064a \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062b\u0627\u0645\u0646 \u062a\u0642\u0631\u064a\u0628\u0627\u064b (\u0623\u064a \u0628\u0639\u062f 8 \u0623\u0633\u0627\u0628\u064a\u0639 \u0645\u0646 \u0623\u0648\u0644 \u064a\u0648\u0645 \u0644\u0622\u062e\u0631 \u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629)\u060c \u0645\u0627 \u0644\u0645 \u062a\u0643\u0646 \u0647\u0646\u0627\u0643 \u0639\u0648\u0627\u0645\u0644 \u062e\u0637\u0631 \u062a\u062a\u0637\u0644\u0628 \u0631\u0639\u0627\u064a\u0629 \u0645\u0628\u0643\u0631\u0629.\" \n                    },\n                    { \n                        q: \"\u0645\u0627 \u0647\u064a \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0644\u062c\u0647\u0627 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621\u061f\", \n                        a: \"\u062a\u0639\u0627\u0644\u062c \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u062a\u0634\u0645\u0644: \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\u060c \u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)\u060c \u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629\u060c \u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629\u060c \u0622\u0644\u0627\u0645 \u0627\u0644\u062d\u0648\u0636\u060c \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a\u060c \u0648\u0623\u0639\u0631\u0627\u0636 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0644\u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0642\u0645\u061f\", \n                        a: \"\u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646 \u0644\u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0644\u0644\u062e\u0635\u0648\u0628\u0629\u060c \u0648\u0637\u0644\u0628 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u0634\u0639\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0639\u0644\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u0648\u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0627\u062d\u0642\u0627\u064b \u0625\u0644\u0649 \u0645\u0631\u0643\u0632 \u0645\u062a\u062e\u0635\u0635 \u0625\u0630\u0627 \u062a\u0637\u0644\u0628 \u0627\u0644\u0623\u0645\u0631 \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0645\u062b\u0644 \u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628.\" \n                    },\n                    { \n                        q: \"\u0643\u0645 \u0645\u0631\u0629 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062e\u0636\u0639 \u0644\u0641\u062d\u0635 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621\u061f\", \n                        a: \"\u064a\u064f\u0646\u0635\u062d \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0635 \u0631\u0648\u062a\u064a\u0646\u064a \u0634\u0627\u0645\u0644 (Well-woman exam) \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0633\u0646\u0648\u064a\u0627\u064b \u0644\u0645\u0639\u0638\u0645 \u0627\u0644\u0646\u0633\u0627\u0621. \u062a\u062e\u062a\u0644\u0641 \u0648\u062a\u064a\u0631\u0629 \u0628\u0639\u0636 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649\u060c \u0645\u062b\u0644 \u0645\u0633\u062d\u0629 \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645 (Pap smear)\u060c \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0639\u0645\u0631\u0643 \u0648\u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a.\" \n                    }\n                ]\n            }\n        };\n\n        function shInitFaqData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shFaqData.ar : shFaqData.en;\n            \n            const section = document.getElementById('sh-faq-303');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts\n            document.getElementById('sh-faq-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-faq-lang-title').textContent = data.title;\n            \n            \/\/ Build Accordions\n            const listContainer = document.getElementById('sh-faq-accordion-list');\n            listContainer.innerHTML = data.faqs.map(faq => `\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">${faq.q}<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            ${faq.a}\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Accordion Toggle Logic Function (Global Scope to be callable from inline HTML)\n        window.shToggleFaqAccordion = function(btn) {\n            const item = btn.parentElement;\n            const content = item.querySelector('.sh-faq-content');\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all other accordions\n            document.querySelectorAll('#sh-faq-303 .sh-faq-item').forEach(el => {\n                el.classList.remove('active');\n                el.querySelector('.sh-faq-content').style.maxHeight = null;\n            });\n\n            \/\/ Open clicked accordion\n            if (!isActive) {\n                item.classList.add('active');\n                content.style.maxHeight = content.scrollHeight + 50 + \"px\"; \/\/ +50px for padding\n            }\n        };\n\n        \/\/ Initialize Data\n        shInitFaqData();\n        \n        \/\/ Listen for Theme\/Language switches\n        const shFaqObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitFaqData();\n                }\n            }\n        });\n        shFaqObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<!-- \u0642\u0633\u0645 \u0627\u0644\u062b\u0642\u0629 (\u0644\u0645\u0627\u0630\u0627 \u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621) - Scoped & Responsive -->\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-trust-404 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA - Solid White *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-trust-404 .sh-trust-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-trust-404 .sh-trust-text-start { text-align: left !important; }\n    #sh-trust-404[dir=\"rtl\"] .sh-trust-text-start { text-align: right !important; }\n\n    \/* 4. Entrance Animation *\/\n    @keyframes shFadeInUpTrust {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-trust-404 .sh-trust-animate { \n        opacity: 0; \n        animation: shFadeInUpTrust 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    \n    \/* 5. Emphasized Text Styling (SEO Bold terms) *\/\n    #sh-trust-404 strong {\n        color: #243b5a;\n        font-weight: 700;\n    }\n<\/style>\n\n<section id=\"sh-trust-404\" dir=\"ltr\">\n    <div class=\"sh-trust-wrapper\">\n        \n        <!-- Content Container (Constrained for readability) -->\n        <div class=\"max-w-4xl mx-auto sh-trust-text-start sh-trust-animate\">\n            \n            <!-- Header Section -->\n            <div class=\"mb-10\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-trust-lang-kicker\">Trust<\/span>\n                <\/div>\n                <h2 id=\"sh-trust-lang-title\" class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\n                    Why Choose Shefa Hospital in Makkah?\n                <\/h2>\n            <\/div>\n\n            <!-- Paragraphs Section -->\n            <div class=\"space-y-6 text-[17.5px] leading-[1.85] text-[#596b82]\">\n                <p id=\"sh-trust-lang-p1\"><\/p>\n                <p id=\"sh-trust-lang-p2\"><\/p>\n            <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Scoped JavaScript -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data Dictionary for EN and AR\n        const shTrustData = {\n            en: {\n                kicker: \"Trust\",\n                title: \"Why Choose Shefa Hospital in Makkah?\",\n                p1: \"Women searching for the <strong>best OB-GYN in Makkah<\/strong>, a <strong>female gynecologist in Makkah<\/strong>, or a <strong>pregnancy doctor in Makkah<\/strong> often look for comprehensive care that combines specialist consultations, diagnostic services, maternity care, and follow-up support.\",\n                p2: \"Located in <strong>Al Mansur, Makkah<\/strong>, <strong>Shefa Hospital<\/strong> provides obstetrics and gynecology services that include pregnancy monitoring, fertility evaluation, preventive screenings, management of common gynecological conditions, and maternity care in a hospital-based setting. The availability of consultations, imaging, laboratory services, and coordinated medical care allows patients to receive appropriate evaluation and treatment in one location.\"\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062b\u0642\u0629\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u064a\u0646 \u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621 \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u061f\",\n                p1: \"\u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0644\u0648\u0627\u062a\u064a \u064a\u0628\u062d\u062b\u0646 \u0639\u0646 <strong>\u0623\u0641\u0636\u0644 \u062f\u0643\u062a\u0648\u0631\u0629 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0645\u0643\u0629<\/strong>\u060c \u0623\u0648 <strong>\u0623\u062e\u0635\u0627\u0626\u064a\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0641\u064a \u0645\u0643\u0629<\/strong>\u060c \u0623\u0648 <strong>\u0637\u0628\u064a\u0628\u0629 \u0645\u062a\u0627\u0628\u0639\u0629 \u062d\u0645\u0644 \u0641\u064a \u0645\u0643\u0629<\/strong>\u060c \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0628\u062d\u062b\u0646 \u0639\u0646 \u0631\u0639\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\u060c \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0645\u0648\u0645\u0629\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629.\",\n                p2: \"\u064a\u0642\u0639 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621<\/strong> \u0641\u064a <strong>\u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u0628\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629<\/strong>\u060c \u0648\u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0637\u0628 \u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0648\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u062a\u0634\u0645\u0644: \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\u060c \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629\u060c \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\u060c \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0645\u0648\u0645\u0629 \u062f\u0627\u062e\u0644 \u0628\u064a\u0626\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u062c\u0647\u0632\u0629. \u0625\u0646 \u062a\u0648\u0641\u0631 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629\u060c \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0634\u0639\u0629 \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631\u060c \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a\u060c \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0646\u0633\u0642\u0629 \u064a\u062a\u064a\u062d \u0644\u0644\u0645\u0631\u064a\u0636\u0627\u062a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0648\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u064a\u0646 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\"\n            }\n        };\n\n        function shInitTrustData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shTrustData.ar : shTrustData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-trust-404');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject HTML Content\n            document.getElementById('sh-trust-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-trust-lang-title').textContent = data.title;\n            \n            \/\/ Using innerHTML to preserve the <strong> tags for SEO formatting\n            document.getElementById('sh-trust-lang-p1').innerHTML = data.p1;\n            document.getElementById('sh-trust-lang-p2').innerHTML = data.p2;\n        }\n\n        \/\/ Run Initialization\n        shInitTrustData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const shTrustObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitTrustData();\n                }\n            }\n        });\n        shTrustObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<!-- \u0642\u0633\u0645 \u0627\u0644\u062e\u0627\u062a\u0645\u0629 - Scoped, Responsive & Clean Conclusion Banner -->\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-book-505 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: transparent !important;\n        overflow: hidden !important;\n        padding-top: 6rem !important;\n        padding-bottom: 6rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n        z-index: 1 !important;\n    }\n\n    \/* 1A. Dedicated Background Layer *\/\n    #sh-book-505 .sh-bg-layer {\n        position: absolute !important;\n        top: 0 !important;\n        bottom: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        overflow: hidden !important;\n        z-index: -1 !important;\n    }\n\n    \/* 2. Constrained Centered Wrapper (Max 1000px for balanced reading) *\/\n    #sh-book-505 .sh-book-wrapper {\n        width: 100% !important;\n        max-width: 1000px !important; \n        margin: 0 auto !important;\n        padding: 0 1.5rem !important;\n        position: relative !important;\n        z-index: 10 !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-book-505 .sh-text-center { text-align: center !important; }\n\n    \/* 4. Remove Links Underline *\/\n    #sh-book-505 a {\n        text-decoration: none !important;\n        outline: none !important;\n    }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpBook {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-book-505 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpBook 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n<\/style>\n\n<section id=\"sh-book-505\" dir=\"ltr\">\n    \n    <!-- Background Layer with Gradient Overlay -->\n    <div class=\"sh-bg-layer\">\n        <img decoding=\"async\" src=\"\/assets\/gyn-consult-CyAb0fIt.jpg\" alt=\"Shefa Hospital Makkah\" class=\"w-full h-full object-cover\" loading=\"lazy\">\n        <div class=\"absolute inset-0\" style=\"background: linear-gradient(135deg, rgba(36, 59, 90, 0.95) 0%, rgba(36, 59, 90, 0.88) 50%, rgba(19, 139, 134, 0.85) 100%);\"><\/div>\n    <\/div>\n\n    <!-- Centered Content Wrapper -->\n    <div class=\"sh-book-wrapper text-white relative z-10 sh-text-center\">\n        \n        <div class=\"sh-animate\">\n            <!-- Kicker Badge -->\n            <div class=\"inline-flex items-center gap-2 bg-white\/10 backdrop-blur px-4 py-1.5 rounded-full text-[13.5px] font-semibold mb-6 border border-white\/20 shadow-sm\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#d4af37]\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \n                <span id=\"sh-book-lang-kicker\">Conclusion<\/span>\n            <\/div>\n            \n            <!-- Main Title -->\n            <h2 id=\"sh-book-lang-title\" class=\"text-[36px] md:text-[48px] lg:text-[52px] leading-tight font-bold text-white m-0 max-w-3xl mx-auto\" style=\"font-family: var(--font-display);\"><\/h2>\n            \n            <!-- Description Paragraphs -->\n            <div class=\"mt-6 space-y-5 text-white\/90 text-[17px] md:text-[18px] leading-relaxed max-w-3xl mx-auto font-normal\">\n                <p id=\"sh-book-lang-p1\"><\/p>\n                <p id=\"sh-book-lang-p2\"><\/p>\n            <\/div>\n            \n            <!-- Call to Action Buttons -->\n            <div class=\"mt-9 flex flex-wrap justify-center items-center gap-4 shefa-popup-trigger\">\n                <!-- Note: Update href=\"\/contact\" to your actual booking page link -->\n                <a href=\"#\" class=\"inline-flex items-center gap-2.5 bg-[#d4af37] text-white rounded-full px-8 py-4 font-bold hover:bg-[#b5952f] hover:scale-[1.02] transition-all duration-300 shadow-xl text-[16px]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg> \n                    <span id=\"sh-book-lang-btn1\">Book Appointment<\/span>\n                <\/a>\n                <a href=\"tel:+966125333555\" class=\"inline-flex items-center gap-2.5 bg-white text-[#243b5a] rounded-full px-8 py-4 font-bold hover:bg-gray-100 hover:scale-[1.02] transition-all duration-300 shadow-xl text-[16px]\" dir=\"ltr\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg> \n                    <span id=\"sh-book-lang-btn2\">+966 12 533 3555<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Scoped JavaScript (Translation Only - Form Logic Removed) -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ --- Translation Data ---\n        const shBookData = {\n            en: {\n                kicker: \"Conclusion\",\n                title: \"Schedule Your Women's Health Consultation Today\",\n                p1: \"Choosing the <strong class='text-white font-semibold'>best gynecologist in Makkah<\/strong> is an important step toward maintaining long-term reproductive and maternal health. Whether you are planning a pregnancy, expecting a baby, managing PCOS, seeking infertility support, or attending routine preventive screenings, regular consultations with an experienced obstetrics and gynecology team can help detect health concerns early and guide appropriate treatment.\",\n                p2: \"<strong class='text-white font-semibold'>Shefa Hospital<\/strong> is committed to supporting women through every stage of life with comprehensive obstetrics and gynecology services in a patient-focused hospital environment. From routine checkups and pregnancy care to fertility evaluation and specialized women's health services, the hospital aims to provide safe, coordinated, and evidence-based care for every patient.\",\n                btnAppt: \"Book Appointment\",\n                btnCall: \"+966 12 533 3555\"\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                title: \"\u0627\u062d\u062c\u0632\u064a \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u064a\u0648\u0645\",\n                p1: \"\u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 <strong class='text-white font-semibold'>\u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0641\u064a \u0645\u0643\u0629<\/strong> \u064a\u064f\u0639\u062f \u062e\u0637\u0648\u0629 \u0645\u0647\u0645\u0629 \u0646\u062d\u0648 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0635\u062d\u062a\u0643 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a\u0650 \u062a\u062e\u0637\u0637\u064a\u0646 \u0644\u0644\u062d\u0645\u0644\u060c \u0623\u0648 \u062a\u0646\u062a\u0638\u0631\u064a\u0646 \u0645\u0648\u0644\u0648\u062f\u0627\u064b\u060c \u0623\u0648 \u062a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636\u060c \u0623\u0648 \u062a\u0628\u062d\u062b\u064a\u0646 \u0639\u0646 \u062f\u0639\u0645 \u0644\u0644\u062e\u0635\u0648\u0628\u0629\u060c \u0641\u0625\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0635\u062d\u064a\u0629 \u0645\u0628\u0643\u0631\u0627\u064b \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\",\n                p2: \"\u064a\u0644\u062a\u0632\u0645 <strong class='text-white font-semibold'>\u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621<\/strong> \u0628\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u062d\u064a\u0627\u062a\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0628\u064a\u0626\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u064a\u0636\u0629 \u0623\u0648\u0644\u0627\u064b. \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0625\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0646\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0631\u0639\u0627\u064a\u0629 \u0622\u0645\u0646\u0629\u060c \u0645\u0646\u0633\u0642\u0629\u060c \u0648\u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0623\u0633\u0633 \u0639\u0644\u0645\u064a\u0629 \u0644\u0643\u0644 \u0645\u0631\u064a\u0636\u0629.\",\n                btnAppt: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"+966 12 533 3555\"\n            }\n        };\n\n        function shInitBookData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const currentLang = isAr ? 'ar' : 'en';\n            const data = shBookData[currentLang];\n            \n            const section = document.getElementById('sh-book-505');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Content Texts\n            const kickerEl = document.getElementById('sh-book-lang-kicker');\n            const titleEl = document.getElementById('sh-book-lang-title');\n            const p1El = document.getElementById('sh-book-lang-p1');\n            const p2El = document.getElementById('sh-book-lang-p2');\n            const btn1El = document.getElementById('sh-book-lang-btn1');\n            const btn2El = document.getElementById('sh-book-lang-btn2');\n\n            if(kickerEl) kickerEl.textContent = data.kicker;\n            if(titleEl) titleEl.textContent = data.title;\n            if(p1El) p1El.innerHTML = data.p1;\n            if(p2El) p2El.innerHTML = data.p2;\n            if(btn1El) btn1El.textContent = data.btnAppt;\n            if(btn2El) btn2El.textContent = data.btnCall;\n        }\n\n        \/\/ Initialize Translation & Listen for Language\/Dir Changes\n        shInitBookData();\n        const shBookObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitBookData();\n                }\n            }\n        });\n        shBookObserver.observe(document.documentElement, { attributes: true });\n\n    });\n})();\n<\/script>\n\n\n\n<style>\n  \/* Extremely lightweight CSS animation - Zero JS required *\/\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(15px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  .animate-fade-in-up {\n    animation: fadeInUp 0.5s ease-out forwards;\n  }\n<\/style>\n\n<section class=\"py-10 md:py-16 w-full\">\n  <div class=\"mx-auto px-4 md:px-6 lg:px-8 max-w-[1475px]\">\n    \n    <div class=\"bg-slate-50 rounded-2xl p-6 md:p-8 border border-slate-200 flex flex-col sm:flex-row gap-4 sm:gap-6 items-start transition-all duration-300 hover:shadow-lg hover:border-slate-300 animate-fade-in-up\">\n      \n      <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-xl bg-white border border-slate-200 text-slate-800 flex items-center justify-center shrink-0 shadow-sm\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 md:w-7 md:h-7\" aria-hidden=\"true\">\n          <path d=\"M10 12h4\"><\/path>\n          <path d=\"M10 8h4\"><\/path>\n          <path d=\"M14 21v-3a2 2 0 0 0-4 0v3\"><\/path>\n          <path d=\"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\"><\/path>\n          <path d=\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <div class=\"text-left\">\n        <h3 class=\"text-lg md:text-[20px] font-semibold text-slate-900 mb-2 tracking-tight\">Medical Disclaimer<\/h3>\n        <p class=\"text-[13.5px] md:text-sm text-slate-600 leading-relaxed\">\n          This article is intended for general educational purposes only and should not replace professional medical advice, diagnosis, or treatment. Every patient&#8217;s health condition is different. Always consult a qualified obstetrician and gynecologist for personalized medical recommendations, diagnosis, and treatment. In case of a medical emergency, seek immediate medical attention.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Home Departments Obstetrics &amp; Gynecology CBAHI Accredited \u00b7 Al Mansur, Makkah Best Gynecologist in Makkah Pregnancy &amp; Women&#8217;s Care Comprehensive [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-585","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/comments?post=585"}],"version-history":[{"count":1,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/585\/revisions"}],"predecessor-version":[{"id":591,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/585\/revisions\/591"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}