{"id":581,"date":"2026-07-06T11:54:10","date_gmt":"2026-07-06T11:54:10","guid":{"rendered":"https:\/\/shefahospital.sa\/pediatrics-makkah\/"},"modified":"2026-07-27T16:55:37","modified_gmt":"2026-07-27T16:55:37","slug":"pediatrician-makkah","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/pediatrician-makkah\/","title":{"rendered":"Pediatrics"},"content":{"rendered":"\n<style>\n    \/* 1. Highly Unique Scoped ID for Astra Breakout (Full Width Background) *\/\n    #sh-peds-hero-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: #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-peds-hero-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hex Pattern pseudo-element *\/\n    #sh-peds-hero-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='%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 *\/\n    #sh-peds-hero-999 .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        padding-left: 20px !important;\n        padding-right: 20px !important;\n    }\n\n    \/* 4. Link Styling *\/\n    #sh-peds-hero-999 a { text-decoration: none !important; box-shadow: none !important; }\n    #sh-peds-hero-999 * { transition: font-family 0.3s ease; }\n<\/style>\n\n<section id=\"sh-peds-hero-999\" 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-fade-in-up !mx-0\">\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\">Pediatrics<\/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=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/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);\">Best Pediatrician in Makkah<\/h1>\n            <h2 id=\"sh-hero-title-sub\" class=\"text-[28px] md:text-[38px] font-bold leading-[1.2] text-[#0d9488]\" style=\"font-family: var(--font-display);\">Supporting Healthy Growth from Birth Through Adolescence<\/h2>\n\n            <p id=\"sh-hero-lang-desc\" class=\"mt-6 text-[15px] md:text-[17px] text-slate-600 leading-relaxed max-w-xl\">\n                <!-- Injected by JS -->\n            <\/p>\n\n            <!-- Buttons Section with Flex Wrap and Icons for Mobile Responsiveness -->\n            <div class=\"mt-8 flex flex-wrap gap-3\">\n                <!-- Book Appointment Button -->\n                <a href=\"javascript:void(0)\" id=\"shefa-popup-trigger\" class=\"shefa-popup-trigger !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)] flex-1 sm:flex-none\">\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                \n                <!-- Call Hospital Button -->\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 flex-1 sm:flex-none\">\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                \n                <!-- WhatsApp Button -->\n                <a href=\"https:\/\/wa.me\/966125333555\" target=\"_blank\" rel=\"noopener noreferrer\" 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)] flex-1 sm:flex-none\">\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        <\/div>\n\n        <!-- Image -->\n        <div class=\"relative mt-8 lg:mt-0 !mx-0\">\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=\"\/wp-content\/uploads\/2026\/07\/Pediatrician_1.webp\" alt=\"Pediatrician\" class=\"w-full h-auto aspect-auto object-cover object-center block\" loading=\"eager\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const heroData = {\n            en: { \n                headerFont: \"var(--font-display)\", bodyFont: \"system-ui, sans-serif\",\n                home: \"Home\", dept: \"Departments\", subdept: \"Pediatrics\",\n                badge: \"CBAHI Accredited \u00b7 Al Mansur, Makkah\",\n                titleMain: \"Best Pediatrician in Makkah\",\n                titleSub: \"Supporting Healthy Growth from Birth Through Adolescence\",\n                desc: \"Children experience rapid physical, emotional, and developmental changes throughout infancy, childhood, and adolescence. Regular pediatric care is not only about treating illnesses; it also focuses on monitoring healthy growth, preventing disease, and identifying developmental concerns early. If you are looking for the best pediatrician in Makkah, <a href='https:\/\/shefahospital.sa\/' style='color:#0d9488; font-weight:700; text-decoration:underline;'>Shefa Hospital<\/a> provides comprehensive pediatric services.\",\n                btnBook: \"Book Appointment\", btnCall: \"Call Hospital\", btnWa: \"WhatsApp\"\n            },\n            ar: { \n                headerFont: \"var(--font-arabic)\", bodyFont: \"var(--font-arabic)\",\n                home: \"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\", dept: \"\u0627\u0644\u0623\u0642\u0633\u0627\u0645\", subdept: \"\u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\",\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 \u0637\u0628\u064a\u0628 \u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0645\u0643\u0629\",\n                titleSub: \"\u062f\u0639\u0645 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0635\u062d\u064a \u0645\u0646 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u062d\u062a\u0649 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0629\",\n                desc: \"\u064a\u0645\u0631 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u062a\u063a\u064a\u0631\u0627\u062a \u062c\u0633\u062f\u064a\u0629 \u0648\u0639\u0627\u0637\u0641\u064a\u0629 \u0648\u0646\u0645\u0627\u0626\u064a\u0629 \u0633\u0631\u064a\u0639\u0629 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u0631\u0636\u0627\u0639\u0629 \u0648\u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0629. \u0644\u0627 \u062a\u0642\u062a\u0635\u0631 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0639\u0644\u0649 \u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0641\u062d\u0633\u0628\u060c \u0628\u0644 \u062a\u0631\u0643\u0632 \u0623\u064a\u0636\u0627\u064b \u0639\u0644\u0649 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0635\u062d\u064a\u060c \u0648\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0645\u0631\u0627\u0636\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629 \u0645\u0628\u0643\u0631\u0627\u064b. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628 \u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0645\u0643\u0629\u060c \u0641\u0625\u0646 <a href='https:\/\/shefahospital.sa\/' style='color:#0d9488; font-weight:700; text-decoration:underline;'>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/a> \u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0637\u0628 \u0623\u0637\u0641\u0627\u0644 \u0634\u0627\u0645\u0644\u0629.\",\n                btnBook: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\", btnCall: \"\u0627\u062a\u0635\u0644 \u0628\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\", btnWa: \"\u0648\u0627\u062a\u0633\u0627\u0628\"\n            }\n        };\n\n        function initUniqueHeroSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const content = isRtl ? heroData.ar : heroData.en;\n            const section = document.getElementById('sh-peds-hero-999');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\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            document.getElementById('sh-hero-title-main').textContent = content.titleMain;\n            document.getElementById('sh-hero-title-sub').textContent = content.titleSub;\n            \/\/ Changed to innerHTML to properly render the <a> tag inside the desc string\n            document.getElementById('sh-hero-lang-desc').innerHTML = content.desc;\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\n        initUniqueHeroSection();\n        new MutationObserver(initUniqueHeroSection).observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Astra Breakout for Full-Width Hexa Background *\/\n    #sh-peds-signs-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-peds-signs-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hexa Pattern Background *\/\n    #sh-peds-signs-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-peds-signs-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-peds-signs-999 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-peds-signs-999\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-4xl 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-peds-lang-kicker\">Pediatric Care<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-peds-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                What Is Pediatrics?\n            <\/h2>\n            \n            <p id=\"sh-peds-lang-desc\" class=\"text-[#667085] text-[16px] md:text-[17px] leading-relaxed\">\n                Pediatrics is the branch of medicine dedicated to the healthcare of children from birth through adolescence.\n            <\/p>\n        <\/div>\n\n        <div class=\"text-center max-w-3xl mx-auto -mt-4 mb-10 sh-animate-fadeup !mx-auto\" style=\"animation-delay: 0.1s;\">\n            <h3 id=\"sh-peds-lang-mid-title\" class=\"text-[22px] md:text-[26px] font-bold text-[#243b5a] mb-3\" style=\"font-family: var(--font-display);\">\n                Pediatricians evaluate and manage:\n            <\/h3>\n        <\/div>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto sh-animate-fadeup\" style=\"animation-delay: 0.2s;\">\n            \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-center gap-4 cursor-default\">\n                <div class=\"w-12 h-12 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-6 h-6\"><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                <span class=\"text-[16px] text-[#243b5a] font-semibold leading-snug sh-peds-item\">Childhood illnesses<\/span>\n            <\/div>\n            \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-center gap-4 cursor-default\">\n                <div class=\"w-12 h-12 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-6 h-6\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\n                <\/div>\n                <span class=\"text-[16px] text-[#243b5a] font-semibold leading-snug sh-peds-item\">Growth and development<\/span>\n            <\/div>\n            \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-center gap-4 cursor-default\">\n                <div class=\"w-12 h-12 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-6 h-6\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[16px] text-[#243b5a] font-semibold leading-snug sh-peds-item\">Nutrition<\/span>\n            <\/div>\n            \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-center gap-4 cursor-default\">\n                <div class=\"w-12 h-12 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-6 h-6\"><path d=\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\"><\/path><polyline points=\"16 6 12 2 8 6\"><\/polyline><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"15\"><\/line><\/svg>\n                <\/div>\n                <span class=\"text-[16px] text-[#243b5a] font-semibold leading-snug sh-peds-item\">Vaccinations<\/span>\n            <\/div>\n            \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-center gap-4 cursor-default\">\n                <div class=\"w-12 h-12 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-6 h-6\"><path d=\"m8 3 4 8 5-5 5 15H2L8 3z\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[16px] text-[#243b5a] font-semibold leading-snug sh-peds-item\">Infectious diseases<\/span>\n            <\/div>\n\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-center gap-4 cursor-default\">\n                <div class=\"w-12 h-12 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-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"><\/path><path d=\"M2 12h20\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[16px] text-[#243b5a] font-semibold leading-snug sh-peds-item\">Allergies<\/span>\n            <\/div>\n\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-center gap-4 cursor-default\">\n                <div class=\"w-12 h-12 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-6 h-6\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[16px] text-[#243b5a] font-semibold leading-snug sh-peds-item\">Behavioral concerns<\/span>\n            <\/div>\n\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-center gap-4 cursor-default\">\n                <div class=\"w-12 h-12 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-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                <\/div>\n                <span class=\"text-[16px] text-[#243b5a] font-semibold leading-snug sh-peds-item\">Chronic childhood conditions<\/span>\n            <\/div>\n\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-center gap-4 cursor-default\">\n                <div class=\"w-12 h-12 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-6 h-6\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[16px] text-[#243b5a] font-semibold leading-snug sh-peds-item\">Preventive healthcare<\/span>\n            <\/div>\n            \n        <\/div>\n\n        <p id=\"sh-peds-lang-footer\" class=\"mt-12 text-center max-w-3xl mx-auto text-[#667085] text-[16px] leading-relaxed sh-animate-fadeup !mx-auto font-medium\" style=\"animation-delay: 0.3s;\">\n            The goal extends beyond treating illness. Pediatric care helps children develop physically, mentally, and socially while supporting parents throughout each stage of growth.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const pedsData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Pediatric Care\",\n                title: \"What Is Pediatrics?\",\n                desc: \"Pediatrics is the branch of medicine dedicated to the healthcare of children from birth through adolescence.\",\n                midTitle: \"Pediatricians evaluate and manage:\",\n                footer: \"The goal extends beyond treating illness. Pediatric care helps children develop physically, mentally, and socially while supporting parents throughout each stage of growth.\",\n                reasons: [\n                    \"Childhood illnesses\", \n                    \"Growth and development\", \n                    \"Nutrition\",\n                    \"Vaccinations\", \n                    \"Infectious diseases\", \n                    \"Allergies\",\n                    \"Behavioral concerns\", \n                    \"Chronic childhood conditions\",\n                    \"Preventive healthcare\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\",\n                title: \"\u0645\u0627 \u0647\u0648 \u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\u061f\",\n                desc: \"\u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0647\u0648 \u0641\u0631\u0639 \u0627\u0644\u0637\u0628 \u0627\u0644\u0645\u062e\u0635\u0635 \u0644\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u0646 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u062d\u062a\u0649 \u0633\u0646 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0629.\",\n                midTitle: \"\u064a\u0642\u0648\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u062a\u0642\u064a\u064a\u0645 \u0648\u0625\u062f\u0627\u0631\u0629:\",\n                footer: \"\u0627\u0644\u0647\u062f\u0641 \u064a\u0645\u062a\u062f \u0625\u0644\u0649 \u0645\u0627 \u0647\u0648 \u0623\u0628\u0639\u062f \u0645\u0646 \u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0645\u0631\u0627\u0636. \u062a\u0633\u0627\u0639\u062f \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0639\u0644\u0649 \u0646\u0645\u0648 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u062c\u0633\u062f\u064a\u0627\u064b \u0648\u0639\u0642\u0644\u064a\u0627\u064b \u0648\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0627\u064b \u0645\u0639 \u062f\u0639\u0645 \u0627\u0644\u0648\u0627\u0644\u062f\u064a\u0646 \u062e\u0644\u0627\u0644 \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0646\u0645\u0648.\",\n                reasons: [\n                    \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0637\u0641\u0648\u0644\u0629\", \n                    \"\u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631\", \n                    \"\u0627\u0644\u062a\u063a\u0630\u064a\u0629\",\n                    \"\u0627\u0644\u062a\u0637\u0639\u064a\u0645\u0627\u062a\", \n                    \"\u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0639\u062f\u064a\u0629\", \n                    \"\u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629\",\n                    \"\u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0633\u0644\u0648\u0643\u064a\u0629\", \n                    \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\",\n                    \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\"\n                ]\n            }\n        };\n\n        function initPedsSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = pedsData[lang];\n\n            const section = document.getElementById('sh-peds-signs-999');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply General Text\n            document.getElementById('sh-peds-lang-kicker').textContent = content.kicker;\n            document.getElementById('sh-peds-lang-kicker').style.fontFamily = content.bodyFont;\n\n            const titleEl = document.getElementById('sh-peds-lang-title');\n            titleEl.textContent = content.title;\n            titleEl.style.fontFamily = content.headerFont;\n\n            document.getElementById('sh-peds-lang-desc').textContent = content.desc;\n            document.getElementById('sh-peds-lang-desc').style.fontFamily = content.bodyFont;\n\n            const midTitleEl = document.getElementById('sh-peds-lang-mid-title');\n            midTitleEl.textContent = content.midTitle;\n            midTitleEl.style.fontFamily = content.headerFont;\n\n            document.getElementById('sh-peds-lang-footer').textContent = content.footer;\n            document.getElementById('sh-peds-lang-footer').style.fontFamily = content.bodyFont;\n\n            \/\/ Apply Grid Text\n            const reasonElements = section.querySelectorAll('.sh-peds-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        initPedsSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initPedsSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Astra Breakout for Full-Width Hexa Background *\/\n    #sh-peds-specialized-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-peds-specialized-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hexa Pattern Background *\/\n    #sh-peds-specialized-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 *\/\n    #sh-peds-specialized-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-peds-specialized-999 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-peds-specialized-999\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-10 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-peds-spec-kicker\">Clinical Insight<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-peds-spec-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                Why Children Need Specialized Medical Care\n            <\/h2>\n            \n            <p id=\"sh-peds-spec-desc\" class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed\">\n                Children are not simply smaller adults. Their immune systems, bones, organs, metabolism, and emotional development continue to mature throughout childhood.\n            <\/p>\n        <\/div>\n\n        <div class=\"max-w-3xl mx-auto bg-white rounded-3xl p-8 md:p-10 border border-[#e4edf3] shadow-sm hover:border-[#138b86]\/30 hover:shadow-md transition-all duration-300 sh-animate-fadeup\" style=\"animation-delay: 0.1s;\">\n            <h3 id=\"sh-peds-spec-list-title\" class=\"text-[20px] md:text-[22px] font-bold text-[#243b5a] mb-6\" style=\"font-family: var(--font-display);\">\n                This means:\n            <\/h3>\n            <ul id=\"sh-peds-spec-list\" class=\"space-y-4\">\n                <!-- Injected via JS -->\n            <\/ul>\n        <\/div>\n\n        <p id=\"sh-peds-spec-footer\" class=\"mt-10 text-center max-w-3xl mx-auto text-[#243b5a] font-semibold text-[16px] md:text-[17px] leading-relaxed sh-animate-fadeup !mx-auto\" style=\"animation-delay: 0.2s;\">\n            Pediatricians understand these differences and provide care that reflects the unique needs of each age group.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const pedsData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Clinical Insight\",\n                title: \"Why Children Need Specialized Medical Care\",\n                desc: \"Children are not simply smaller adults. Their immune systems, bones, organs, metabolism, and emotional development continue to mature throughout childhood.\",\n                listTitle: \"This means:\",\n                list: [\n                    \"Symptoms may appear differently than in adults.\",\n                    \"Medication dosages require careful adjustment.\",\n                    \"Growth patterns must be monitored regularly.\",\n                    \"Developmental milestones should be assessed according to age.\",\n                    \"Medical decisions often involve parents or caregivers.\"\n                ],\n                footer: \"Pediatricians understand these differences and provide care that reflects the unique needs of each age group.\"\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0631\u0624\u064a\u0629 \u0633\u0631\u064a\u0631\u064a\u0629\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0625\u0644\u0649 \u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629\",\n                desc: \"\u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0644\u064a\u0633\u0648\u0627 \u0645\u062c\u0631\u062f \u0628\u0627\u0644\u063a\u064a\u0646 \u0635\u063a\u0627\u0631. \u062a\u0633\u062a\u0645\u0631 \u0623\u062c\u0647\u0632\u062a\u0647\u0645 \u0627\u0644\u0645\u0646\u0627\u0639\u064a\u0629 \u0648\u0639\u0638\u0627\u0645\u0647\u0645 \u0648\u0623\u0639\u0636\u0627\u0624\u0647\u0645 \u0648\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0623\u064a\u0636 \u0648\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0639\u0627\u0637\u0641\u064a \u0641\u064a \u0627\u0644\u0646\u0636\u062c \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u0637\u0641\u0648\u0644\u0629.\",\n                listTitle: \"\u0647\u0630\u0627 \u064a\u0639\u0646\u064a:\",\n                list: [\n                    \"\u0642\u062f \u062a\u0638\u0647\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0628\u0634\u0643\u0644 \u0645\u062e\u062a\u0644\u0641 \u0639\u0645\u0627 \u0647\u064a \u0639\u0644\u064a\u0647 \u0644\u062f\u0649 \u0627\u0644\u0628\u0627\u0644\u063a\u064a\u0646.\",\n                    \"\u062a\u062a\u0637\u0644\u0628 \u062c\u0631\u0639\u0627\u062a \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u062a\u0639\u062f\u064a\u0644\u0627\u064b \u062f\u0642\u064a\u0642\u0627\u064b.\",\n                    \"\u064a\u062c\u0628 \u0645\u0631\u0627\u0642\u0628\u0629 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0646\u0645\u0648 \u0628\u0627\u0646\u062a\u0638\u0627\u0645.\",\n                    \"\u064a\u062c\u0628 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0639\u0645\u0631.\",\n                    \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u062a\u0634\u0645\u0644 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0622\u0628\u0627\u0621 \u0623\u0648 \u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629.\"\n                ],\n                footer: \"\u064a\u062f\u0631\u0643 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0647\u0630\u0647 \u0627\u0644\u0627\u062e\u062a\u0644\u0627\u0641\u0627\u062a \u0648\u064a\u0642\u062f\u0645\u0648\u0646 \u0631\u0639\u0627\u064a\u0629 \u062a\u0639\u0643\u0633 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u062f\u0629 \u0644\u0643\u0644 \u0641\u0626\u0629 \u0639\u0645\u0631\u064a\u0629.\"\n            }\n        };\n\n        const checkIcon = `\n            <div class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <\/div>\n        `;\n\n        function initPedsSpecialized() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = pedsData[lang];\n\n            const section = document.getElementById('sh-peds-specialized-999');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply Texts\n            document.getElementById('sh-peds-spec-kicker').textContent = content.kicker;\n            document.getElementById('sh-peds-spec-kicker').style.fontFamily = content.bodyFont;\n\n            const titleEl = document.getElementById('sh-peds-spec-title');\n            titleEl.textContent = content.title;\n            titleEl.style.fontFamily = content.headerFont;\n\n            document.getElementById('sh-peds-spec-desc').textContent = content.desc;\n            document.getElementById('sh-peds-spec-desc').style.fontFamily = content.bodyFont;\n\n            const listTitleEl = document.getElementById('sh-peds-spec-list-title');\n            listTitleEl.textContent = content.listTitle;\n            listTitleEl.style.fontFamily = content.headerFont;\n\n            document.getElementById('sh-peds-spec-footer').textContent = content.footer;\n            document.getElementById('sh-peds-spec-footer').style.fontFamily = content.bodyFont;\n\n            \/\/ Apply List\n            const listContainer = document.getElementById('sh-peds-spec-list');\n            listContainer.innerHTML = '';\n            content.list.forEach(itemText => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-4 items-start\";\n                li.innerHTML = `\n                    ${checkIcon}\n                    <span class=\"text-[16px] md:text-[17px] text-[#243b5a]\/90 font-medium leading-snug\" style=\"font-family: ${content.bodyFont};\">${itemText}<\/span>\n                `;\n                listContainer.appendChild(li);\n            });\n        }\n\n        initPedsSpecialized();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initPedsSpecialized();\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-peds-visit-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-peds-visit-995 {\n            padding-top: 6rem;\n            padding-bottom: 6rem;\n        }\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-peds-visit-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    \/* Smooth Font Transitions *\/\n    #sh-peds-visit-995 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-peds-visit-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-start\">\n        \n        <!-- FIXED MOBILE SCROLLING: Changed 'sticky' to 'lg:sticky lg:top-24' so it doesn't block mobile screens -->\n        <div class=\"relative sh-animate-up !mx-0 lg:sticky lg:top-24\">\n            <!-- FIXED IMAGE: h-auto aspect-auto for perfect fluid responsiveness -->\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pediatrician_2.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Pediatrician_2.webp'\" alt=\"Pediatrician consulting with parents and their young child in a medical clinic.\" class=\"rounded-[2rem] shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] w-full h-auto aspect-auto object-cover\" loading=\"lazy\">\n            \n            \n        <\/div>\n\n        <div class=\"sh-animate-up !mx-0 text-start\" style=\"animation-delay: 0.15s;\">\n            <div class=\"mb-8 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-peds-kicker\">Patient Care<\/span>\n                <\/div>\n                \n                <h2 id=\"sh-peds-title\" class=\"text-[34px] md:text-[44px] font-bold leading-[1.15] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    When Should You Visit a Pediatrician?\n                <\/h2>\n                \n                <p id=\"sh-peds-p1\" class=\"mt-5 text-slate-500 text-[17px] md:text-[18px] leading-relaxed\">\n                    Many parents seek medical care only when a child becomes ill. However, routine pediatric visits are equally important for preventive healthcare and developmental monitoring.\n                <\/p>\n            <\/div>\n\n            <p id=\"sh-peds-p2\" class=\"text-[#243b5a]\/85 mb-6 text-[17px] font-bold leading-relaxed\">\n                A pediatric consultation is recommended for:\n            <\/p>\n            \n            <ul id=\"sh-peds-grid\" class=\"grid sm:grid-cols-2 gap-3 mb-8\">\n                <!-- Dynamically populated list -->\n            <\/ul>\n\n            <div class=\"bg-[#f4f9fc] border-l-4 border-[#138b86] p-5 rounded-r-xl mt-8\">\n                <p id=\"sh-peds-footer\" class=\"text-[#243b5a] text-[16px] font-medium leading-relaxed m-0\">\n                    Early assessment often allows health concerns to be addressed before they affect long-term growth and development.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const visitData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Patient Care\",\n                title: \"When Should You Visit a Pediatrician?\",\n                p1: \"Many parents seek medical care only when a child becomes ill. However, routine pediatric visits are equally important for preventive healthcare and developmental monitoring.\",\n                p2: \"A pediatric consultation is recommended for:\",\n                badgeTitle: \"CBAHI\",\n                badgeDesc: \"Accredited multispecialty hospital in Makkah\",\n                footer: \"Early assessment often allows health concerns to be addressed before they affect long-term growth and development.\",\n                list: [\n                    \"Fever in infants and children\",\n                    \"Persistent cough\",\n                    \"Ear infections\",\n                    \"Skin rashes\",\n                    \"Poor feeding\",\n                    \"Vomiting or diarrhea\",\n                    \"Allergic reactions\",\n                    \"Growth concerns\",\n                    \"Delayed developmental milestones\",\n                    \"Vaccination appointments\",\n                    \"Nutritional guidance\",\n                    \"Routine health examinations\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u0636\u0649\",\n                title: \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\u061f\",\n                p1: \"\u064a\u0633\u0639\u0649 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0622\u0628\u0627\u0621 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u0642\u0637 \u0639\u0646\u062f\u0645\u0627 \u064a\u0645\u0631\u0636 \u0627\u0644\u0637\u0641\u0644. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u0641\u0625\u0646 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0644\u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u0647\u0645\u0629 \u0628\u0646\u0641\u0633 \u0627\u0644\u0642\u062f\u0631 \u0644\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648.\",\n                p2: \"\u064a\u0648\u0635\u0649 \u0628\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0623\u0637\u0641\u0627\u0644 \u0645\u0646 \u0623\u062c\u0644:\",\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: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0633\u0645\u062d \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0628\u0643\u0631 \u0628\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0635\u062d\u064a\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\",\n                list: [\n                    \"\u0627\u0644\u062d\u0645\u0649 \u0639\u0646\u062f \u0627\u0644\u0631\u0636\u0639 \u0648\u0627\u0644\u0623\u0637\u0641\u0627\u0644\",\n                    \"\u0627\u0644\u0633\u0639\u0627\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\",\n                    \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0630\u0646\",\n                    \"\u0627\u0644\u0637\u0641\u062d \u0627\u0644\u062c\u0644\u062f\u064a\",\n                    \"\u0633\u0648\u0621 \u0627\u0644\u062a\u063a\u0630\u064a\u0629\",\n                    \"\u0627\u0644\u0642\u064a\u0621 \u0623\u0648 \u0627\u0644\u0625\u0633\u0647\u0627\u0644\",\n                    \"\u0631\u062f\u0648\u062f \u0627\u0644\u0641\u0639\u0644 \u0627\u0644\u062a\u062d\u0633\u0633\u064a\u0629\",\n                    \"\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0646\u0645\u0648\",\n                    \"\u062a\u0623\u062e\u0631 \u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629\",\n                    \"\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u062a\u0637\u0639\u064a\u0645\",\n                    \"\u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\",\n                    \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\"\n                ]\n            }\n        };\n\n        function initVisitSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const data = visitData[lang];\n\n            const section = document.getElementById('sh-peds-visit-995');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Text & Fonts\n            document.getElementById('sh-peds-kicker').textContent = data.kicker;\n            document.getElementById('sh-peds-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-peds-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-peds-p1').textContent = data.p1;\n            document.getElementById('sh-peds-p1').style.fontFamily = data.bodyFont;\n\n            const p2 = document.getElementById('sh-peds-p2');\n            p2.textContent = data.p2; \n            p2.style.fontFamily = data.bodyFont;\n\n            document.getElementById('sh-peds-footer').textContent = data.footer;\n            document.getElementById('sh-peds-footer').style.fontFamily = data.bodyFont;\n\n            document.getElementById('sh-peds-badge-title').textContent = data.badgeTitle;\n            document.getElementById('sh-peds-badge-desc').textContent = data.badgeDesc;\n            document.getElementById('sh-peds-badge-desc').style.fontFamily = data.bodyFont;\n\n            \/\/ Dynamically Render List Items\n            const grid = document.getElementById('sh-peds-grid');\n            grid.innerHTML = ''; \/\/ Clear previous\n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex items-center gap-3 p-3 bg-slate-50 border border-slate-100 rounded-lg\";\n                li.innerHTML = `\n                    <span class=\"shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <\/span>\n                    <span class=\"text-[15px] leading-snug text-slate-700 font-medium\" style=\"font-family: ${data.bodyFont};\">\n                        ${item}\n                    <\/span>\n                `;\n                grid.appendChild(li);\n            });\n        }\n\n        initVisitSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initVisitSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID & Breakout Width for Astra *\/\n    #sh-peds-stages-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-peds-stages-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-peds-stages-997 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1200px !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\n    \/* Custom List Styling *\/\n    #sh-peds-stages-997 .sh-stage-list {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 0.75rem 1.5rem;\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n    }\n    #sh-peds-stages-997 .sh-stage-list li {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.5rem;\n        color: #475569;\n        font-size: 15px;\n        line-height: 1.4;\n    }\n    #sh-peds-stages-997 .sh-stage-list li::before {\n        content: \"\u2022\";\n        color: #138b86;\n        font-weight: bold;\n        font-size: 18px;\n        line-height: 1;\n    }\n<\/style>\n\n<section id=\"sh-peds-stages-997\" 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-stages-lang-kicker\">Developmental Stages<\/span>\n            <\/div>\n            <h2 id=\"sh-stages-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">Pediatric Care Through Every Stage of Childhood<\/h2>\n            <p id=\"sh-stages-lang-desc\" class=\"text-[#667085] text-[18px] leading-relaxed\">Healthcare needs change considerably as children grow. Pediatric care adapts to each developmental stage rather than following a single treatment approach.<\/p>\n        <\/div>\n\n        <div class=\"flex flex-col gap-8\" id=\"sh-stages-container\">\n            <!-- Cards injected via JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Icon Library Object\n        const icons = {\n            newborn: `<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=\"M9 12h.01\"\/><path d=\"M15 12h.01\"\/><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"\/><path d=\"M22 12A10 10 0 1 1 2 12\"\/><path d=\"M12 2v2\"\/><path d=\"M22 12h-2\"\/><path d=\"M2 12h2\"\/><path d=\"M12 22v-2\"\/><\/svg>`,\n            infant: `<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=\"M10 2v2\"\/><path d=\"M14 2v2\"\/><path d=\"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h12z\"\/><path d=\"M6 8V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/><\/svg>`,\n            toddler: `<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=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"\/><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"\/><line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"\/><\/svg>`,\n            school: `<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=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20\"\/><\/svg>`,\n            teen: `<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\"><circle cx=\"12\" cy=\"8\" r=\"5\"\/><path d=\"M20 21a8 8 0 0 0-16 0\"\/><\/svg>`\n        };\n\n        const stagesData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Developmental Stages\", \n                title: \"Pediatric Care Through Every Stage of Childhood\",\n                desc: \"Healthcare needs change considerably as children grow. Pediatric care adapts to each developmental stage rather than following a single treatment approach.\",\n                stages: [\n                    { \n                        title: \"Newborn Care (Birth to 28 Days)\", \n                        icon: icons.newborn,\n                        intro: \"The first weeks of life are an important period of adjustment after birth. During newborn visits, pediatricians commonly assess:\",\n                        list: [\"Feeding patterns\", \"Weight gain\", \"Jaundice\", \"Sleeping habits\", \"Reflexes\", \"Early physical development\", \"General health\"],\n                        footer: \"Parents also receive guidance on newborn care and feeding.\"\n                    },\n                    { \n                        title: \"Infant Care (1 Month to 12 Months)\", \n                        icon: icons.infant,\n                        intro: \"Infancy is marked by rapid growth and developmental progress. Regular checkups monitor:\",\n                        list: [\"Physical growth\", \"Feeding and nutrition\", \"Immunization schedule\", \"Motor development\", \"Vision and hearing responses\", \"Sleep routines\"],\n                        footer: \"Routine assessments help identify concerns at an early stage.\"\n                    },\n                    { \n                        title: \"Toddler Care (1\u20133 Years)\", \n                        icon: icons.toddler,\n                        intro: \"Toddlers become increasingly active and curious as they develop language, movement, and social skills. Medical visits often focus on:\",\n                        list: [\"Developmental milestones\", \"Nutrition\", \"Behavioral changes\", \"Injury prevention\", \"Toilet training guidance\", \"Common childhood infections\"],\n                        footer: \"This period also provides opportunities to discuss healthy routines and family support.\"\n                    },\n                    { \n                        title: \"School-Age Children\", \n                        icon: icons.school,\n                        intro: \"As children begin school, healthcare priorities continue to evolve. Routine evaluations may include:\",\n                        list: [\"Growth monitoring\", \"Learning and behavioral concerns\", \"Hearing and vision screening\", \"Sports fitness assessments\", \"Nutrition counseling\", \"Prevention of common illnesses\"],\n                        footer: \"These visits support both academic participation and overall wellbeing.\"\n                    },\n                    { \n                        title: \"Adolescent Healthcare\", \n                        icon: icons.teen,\n                        intro: \"Teenagers experience significant physical and emotional development. Pediatric care during adolescence may include:\",\n                        list: [\"Puberty assessment\", \"Growth monitoring\", \"Nutritional advice\", \"Sports-related health\", \"Preventive care\", \"Management of chronic childhood conditions\", \"Lifestyle counseling\"],\n                        footer: \"Confidential, age-appropriate discussions help adolescents participate in their own healthcare decisions.\"\n                    }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0646\u0645\u0648\", \n                title: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0637\u0641\u0648\u0644\u0629\",\n                desc: \"\u062a\u062a\u063a\u064a\u0631 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0645\u0639 \u0646\u0645\u0648 \u0627\u0644\u0623\u0637\u0641\u0627\u0644. \u062a\u062a\u0643\u064a\u0641 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u0639 \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0646\u0645\u0648 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u062a\u0628\u0627\u0639 \u0646\u0647\u062c \u0639\u0644\u0627\u062c\u064a \u0648\u0627\u062d\u062f.\",\n                stages: [\n                    { \n                        title: \"\u0631\u0639\u0627\u064a\u0629 \u062d\u062f\u064a\u062b\u064a \u0627\u0644\u0648\u0644\u0627\u062f\u0629 (\u0645\u0646 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0625\u0644\u0649 28 \u064a\u0648\u0645\u064b\u0627)\", \n                        icon: icons.newborn,\n                        intro: \"\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u0623\u0648\u0644\u0649 \u0645\u0646 \u0627\u0644\u062d\u064a\u0627\u0629 \u0647\u064a \u0641\u062a\u0631\u0629 \u0645\u0647\u0645\u0629 \u0644\u0644\u062a\u0643\u064a\u0641 \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629. \u062e\u0644\u0627\u0644 \u0632\u064a\u0627\u0631\u0627\u062a \u062d\u062f\u064a\u062b\u064a \u0627\u0644\u0648\u0644\u0627\u062f\u0629\u060c \u064a\u0642\u0648\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0639\u0627\u062f\u0629 \u0628\u062a\u0642\u064a\u064a\u0645:\",\n                        list: [\"\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u063a\u0630\u064a\u0629\", \"\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0648\u0632\u0646\", \"\u0627\u0644\u064a\u0631\u0642\u0627\u0646\", \"\u0639\u0627\u062f\u0627\u062a \u0627\u0644\u0646\u0648\u0645\", \"\u0631\u062f\u0648\u062f \u0627\u0644\u0641\u0639\u0644 \u0627\u0644\u0639\u0635\u0628\u064a\u0629\", \"\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0628\u062f\u0646\u064a \u0627\u0644\u0645\u0628\u0643\u0631\", \"\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\"],\n                        footer: \"\u064a\u062a\u0644\u0642\u0649 \u0627\u0644\u0622\u0628\u0627\u0621 \u0623\u064a\u0636\u0627\u064b \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u062d\u0648\u0644 \u0631\u0639\u0627\u064a\u0629 \u062d\u062f\u064a\u062b\u064a \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0648\u062a\u063a\u0630\u064a\u062a\u0647\u0645.\"\n                    },\n                    { \n                        title: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0631\u0636\u0639 (\u0645\u0646 \u0634\u0647\u0631 \u0648\u0627\u062d\u062f \u0625\u0644\u0649 12 \u0634\u0647\u0631\u064b\u0627)\", \n                        icon: icons.infant,\n                        intro: \"\u062a\u062a\u0645\u064a\u0632 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0636\u0627\u0639\u0629 \u0628\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a. \u062a\u0631\u0627\u0642\u0628 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629:\",\n                        list: [\"\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0628\u062f\u0646\u064a\", \"\u0627\u0644\u062a\u063a\u0630\u064a\u0629\", \"\u062c\u062f\u0648\u0644 \u0627\u0644\u062a\u0637\u0639\u064a\u0645\u0627\u062a\", \"\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u062d\u0631\u0643\u064a\", \"\u0627\u0633\u062a\u062c\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0633\u0645\u0639\", \"\u0631\u0648\u062a\u064a\u0646 \u0627\u0644\u0646\u0648\u0645\"],\n                        footer: \"\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0641\u064a \u0645\u0631\u062d\u0644\u0629 \u0645\u0628\u0643\u0631\u0629.\"\n                    },\n                    { \n                        title: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0635\u063a\u0627\u0631 (1-3 \u0633\u0646\u0648\u0627\u062a)\", \n                        icon: icons.toddler,\n                        intro: \"\u064a\u0635\u0628\u062d \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0635\u063a\u0627\u0631 \u0623\u0643\u062b\u0631 \u0646\u0634\u0627\u0637\u0627\u064b \u0648\u0641\u0636\u0648\u0644\u0627\u064b \u0645\u0639 \u062a\u0637\u0648\u064a\u0631 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0644\u063a\u0629 \u0648\u0627\u0644\u062d\u0631\u0643\u0629 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629. \u062a\u0631\u0643\u0632 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u063a\u0627\u0644\u0628\u0627\u064b \u0639\u0644\u0649:\",\n                        list: [\"\u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629\", \"\u0627\u0644\u062a\u063a\u0630\u064a\u0629\", \"\u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0633\u0644\u0648\u0643\u064a\u0629\", \"\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a\", \"\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0639\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0631\u062d\u0627\u0636\", \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\"],\n                        footer: \"\u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u0641\u062a\u0631\u0629 \u0623\u064a\u0636\u0627\u064b \u0641\u0631\u0635\u0627\u064b \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646 \u0627\u0644\u0635\u062d\u064a \u0648\u062f\u0639\u0645 \u0627\u0644\u0623\u0633\u0631\u0629.\"\n                    },\n                    { \n                        title: \"\u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0633\u0646 \u0627\u0644\u0645\u062f\u0631\u0633\u0629\", \n                        icon: icons.school,\n                        intro: \"\u0645\u0639 \u0628\u062f\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0627\u0644\u0645\u062f\u0631\u0633\u0629\u060c \u062a\u0633\u062a\u0645\u0631 \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0637\u0648\u0631. \u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629:\",\n                        list: [\"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648\", \"\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u0633\u0644\u0648\u0643\", \"\u0641\u062d\u0635 \u0627\u0644\u0633\u0645\u0639 \u0648\u0627\u0644\u0631\u0624\u064a\u0629\", \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629\", \"\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629\", \"\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\"],\n                        footer: \"\u062a\u062f\u0639\u0645 \u0647\u0630\u0647 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629.\"\n                    },\n                    { \n                        title: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0644\u0644\u0645\u0631\u0627\u0647\u0642\u064a\u0646\", \n                        icon: icons.teen,\n                        intro: \"\u064a\u0639\u0627\u0646\u064a \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0648\u0646 \u0645\u0646 \u062a\u0637\u0648\u0631 \u062c\u0633\u062f\u064a \u0648\u0639\u0627\u0637\u0641\u064a \u0643\u0628\u064a\u0631. \u0642\u062f \u062a\u0634\u0645\u0644 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0629:\",\n                        list: [\"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0628\u0644\u0648\u063a\", \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648\", \"\u0627\u0644\u0646\u0635\u0627\u0626\u062d \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629\", \"\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0631\u064a\u0627\u0636\u0629\", \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\", \"\u0625\u062f\u0627\u0631\u0629 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\", \"\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629\"],\n                        footer: \"\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0646\u0627\u0642\u0634\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0639\u0645\u0631 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647\u0645.\"\n                    }\n                ]\n            }\n        };\n\n        function initStagesSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? stagesData.ar : stagesData.en;\n            const section = document.getElementById('sh-peds-stages-997');\n            if (!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-stages-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-stages-lang-title').textContent = data.title;\n            document.getElementById('sh-stages-lang-title').style.fontFamily = data.font;\n            document.getElementById('sh-stages-lang-desc').textContent = data.desc;\n            document.getElementById('sh-stages-lang-desc').style.fontFamily = data.body;\n            \n            const container = document.getElementById('sh-stages-container');\n            container.innerHTML = '';\n            \n            data.stages.forEach((stage, i) => {\n                const div = document.createElement('div');\n                div.className = \"bg-white border border-[#e4edf3] rounded-3xl p-6 lg:p-8 shadow-sm hover:shadow-lg transition-all sh-animate-up flex flex-col md:flex-row gap-6 lg:gap-8 items-start cursor-default\";\n                div.style.animationDelay = `${(i * 0.1) + 0.1}s`;\n                \n                \/\/ Build the list items safely\n                const listItemsHtml = stage.list.map(item => `<li>${item}<\/li>`).join('');\n\n                div.innerHTML = `\n                    <div class=\"w-16 h-16 shrink-0 rounded-2xl bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\">\n                        ${stage.icon}\n                    <\/div>\n                    <div class=\"flex-1 w-full\">\n                        <h3 class=\"text-[22px] md:text-[24px] font-bold text-[#243b5a] mb-3 leading-tight\" style=\"font-family: ${data.font}\">${stage.title}<\/h3>\n                        <p class=\"text-[#667085] text-[16px] leading-relaxed mb-4\" style=\"font-family: ${data.body}\">${stage.intro}<\/p>\n                        \n                        <div class=\"bg-[#f8fbfd] rounded-xl p-5 border border-[#e4edf3]\/60\">\n                            <ul class=\"sh-stage-list\" style=\"font-family: ${data.body}\">\n                                ${listItemsHtml}\n                            <\/ul>\n                        <\/div>\n                        \n                        <p class=\"text-[#138b86] text-[15px] font-semibold mt-5 mb-0\" style=\"font-family: ${data.body}\">${stage.footer}<\/p>\n                    <\/div>\n                `;\n                container.appendChild(div);\n            });\n        }\n        initStagesSection();\n        new MutationObserver(initStagesSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID & Clean Background *\/\n    #sh-peds-illnesses-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    \/* 2. Set Max-Width 1475px *\/\n    #sh-peds-illnesses-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    \/* 3. 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\n    \/* Custom List Styling within Cards *\/\n    .sh-illness-list {\n        list-style: none;\n        padding: 0;\n        margin: 0.75rem 0 0 0;\n    }\n    .sh-illness-list li {\n        position: relative;\n        padding-left: 1.25rem;\n        margin-bottom: 0.35rem;\n        color: #475569;\n        font-size: 15px;\n    }\n    [dir=\"rtl\"] .sh-illness-list li {\n        padding-left: 0;\n        padding-right: 1.25rem;\n    }\n    .sh-illness-list li::before {\n        content: \"\u2022\";\n        color: #138b86;\n        font-weight: bold;\n        position: absolute;\n        left: 0;\n    }\n    [dir=\"rtl\"] .sh-illness-list li::before {\n        left: auto;\n        right: 0;\n    }\n<\/style>\n\n<section id=\"sh-peds-illnesses-887\" 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-ill-lang-kicker\">Clinical Scope<\/span>\n            <\/div>\n            <h2 id=\"sh-ill-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Childhood Illnesses Commonly Managed by Pediatricians<\/h2>\n            <p id=\"sh-ill-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Children experience many illnesses while their immune systems continue to develop. Common pediatric conditions include:<\/p>\n        <\/div>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 sh-animate-up\" style=\"animation-delay: 0.1s;\" id=\"sh-ill-grid\">\n            <!-- Cards injected via JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const icons = {\n            respiratory: `<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 20a4 4 0 0 0 4-4 4 4 0 0 0-4-4 4 4 0 0 0-4 4 4 4 0 0 0 4 4Z\"\/><path d=\"M12 12V4a2 2 0 0 0-2-2H8\"\/><path d=\"M12 12V4a2 2 0 0 1 2-2h2\"\/><\/svg>`,\n            ear: `<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 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a1 1 0 0 1-2 0c0-4 6-4 6-10a4.5 4.5 0 1 0-9 0c0 6-6 6-6 10a1 1 0 0 1-2 0c0-4 6-4 6-10Z\"\/><\/svg>`,\n            gastro: `<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 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>`, \/\/ Using a stomach\/body proxy icon\n            skin: `<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 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\"\/><\/svg>`,\n            allergy: `<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=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/><\/svg>`\n        };\n\n        const illnessData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Clinical Scope\",\n                title: \"Childhood Illnesses Commonly Managed by Pediatricians\",\n                desc: \"Children experience many illnesses while their immune systems continue to develop. Common pediatric conditions include:\",\n                cards: [\n                    {\n                        title: \"Respiratory Infections\",\n                        icon: icons.respiratory,\n                        subtitle: \"Such as:\",\n                        list: [\"Common cold\", \"Influenza\", \"Bronchitis\", \"Viral respiratory infections\"],\n                        note: \"\"\n                    },\n                    {\n                        title: \"Ear Infections\",\n                        icon: icons.ear,\n                        subtitle: \"Children are more susceptible to middle ear infections due to the structure of the developing ear. Symptoms may include:\",\n                        list: [\"Ear pain\", \"Irritability\", \"Fever\", \"Difficulty sleeping\"],\n                        note: \"\"\n                    },\n                    {\n                        title: \"Gastrointestinal Illnesses\",\n                        icon: icons.gastro,\n                        subtitle: \"Common concerns include:\",\n                        list: [\"Vomiting\", \"Diarrhea\", \"Constipation\", \"Stomach pain\"],\n                        note: \"Maintaining hydration is particularly important in younger children.\"\n                    },\n                    {\n                        title: \"Skin Conditions\",\n                        icon: icons.skin,\n                        subtitle: \"Pediatricians frequently evaluate:\",\n                        list: [\"Eczema\", \"Diaper rash\", \"Viral rashes\", \"Allergic skin reactions\", \"Mild skin infections\"],\n                        note: \"\"\n                    },\n                    {\n                        title: \"Childhood Allergies\",\n                        icon: icons.allergy,\n                        subtitle: \"Children may develop allergies affecting:\",\n                        list: [\"Skin\", \"Nose\", \"Eyes\", \"Food tolerance\", \"Environmental exposure\"],\n                        note: \"Evaluation helps determine appropriate management strategies.\"\n                    }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\",\n                title: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0627\u0644\u062a\u064a \u064a\u0639\u0627\u0644\u062c\u0647\u0627 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\",\n                desc: \"\u064a\u062a\u0639\u0631\u0636 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0628\u064a\u0646\u0645\u0627 \u062a\u0633\u062a\u0645\u0631 \u0623\u062c\u0647\u0632\u062a\u0647\u0645 \u0627\u0644\u0645\u0646\u0627\u0639\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0637\u0648\u0631. \u062a\u0634\u0645\u0644 \u062d\u0627\u0644\u0627\u062a \u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                cards: [\n                    {\n                        title: \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062a\u0646\u0641\u0633\u064a\",\n                        icon: icons.respiratory,\n                        subtitle: \"\u0645\u062b\u0644:\",\n                        list: [\"\u0646\u0632\u0644\u0627\u062a \u0627\u0644\u0628\u0631\u062f \u0627\u0644\u0634\u0627\u0626\u0639\u0629\", \"\u0627\u0644\u0623\u0646\u0641\u0644\u0648\u0646\u0632\u0627\", \"\u0627\u0644\u062a\u0647\u0627\u0628 \u0627\u0644\u0634\u0639\u0628 \u0627\u0644\u0647\u0648\u0627\u0626\u064a\u0629\", \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062a\u0646\u0641\u0633\u064a \u0627\u0644\u0641\u064a\u0631\u0648\u0633\u064a\u0629\"],\n                        note: \"\"\n                    },\n                    {\n                        title: \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0630\u0646\",\n                        icon: icons.ear,\n                        subtitle: \"\u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0623\u0643\u062b\u0631 \u0639\u0631\u0636\u0629 \u0644\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0630\u0646 \u0627\u0644\u0648\u0633\u0637\u0649 \u0628\u0633\u0628\u0628 \u0628\u0646\u064a\u0629 \u0627\u0644\u0623\u0630\u0646 \u0627\u0644\u0646\u0627\u0645\u064a\u0629. \u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636:\",\n                        list: [\"\u0623\u0644\u0645 \u0627\u0644\u0623\u0630\u0646\", \"\u0627\u0644\u062a\u0647\u064a\u062c\", \"\u0627\u0644\u062d\u0645\u0649\", \"\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u0646\u0648\u0645\"],\n                        note: \"\"\n                    },\n                    {\n                        title: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0647\u0636\u0645\u064a\",\n                        icon: icons.gastro,\n                        subtitle: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0634\u0627\u0626\u0639\u0629:\",\n                        list: [\"\u0627\u0644\u0642\u064a\u0621\", \"\u0627\u0644\u0625\u0633\u0647\u0627\u0644\", \"\u0627\u0644\u0625\u0645\u0633\u0627\u0643\", \"\u0623\u0644\u0645 \u0627\u0644\u0645\u0639\u062f\u0629\"],\n                        note: \"\u064a\u0639\u062f \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0637\u064a\u0628 \u0623\u0645\u0631\u0627\u064b \u0645\u0647\u0645\u0627\u064b \u0628\u0634\u0643\u0644 \u062e\u0627\u0635 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0635\u063a\u0627\u0631.\"\n                    },\n                    {\n                        title: \"\u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u062c\u0644\u062f\u064a\u0629\",\n                        icon: icons.skin,\n                        subtitle: \"\u0643\u062b\u064a\u0631\u0627\u064b \u0645\u0627 \u064a\u0642\u0648\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u062a\u0642\u064a\u064a\u0645:\",\n                        list: [\"\u0627\u0644\u0625\u0643\u0632\u064a\u0645\u0627\", \"\u0637\u0641\u062d \u0627\u0644\u062d\u0641\u0627\u0636\", \"\u0627\u0644\u0637\u0641\u062d \u0627\u0644\u062c\u0644\u062f\u064a \u0627\u0644\u0641\u064a\u0631\u0648\u0633\u064a\", \"\u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a \u0627\u0644\u062c\u0644\u062f\u064a\u0629 \u0627\u0644\u062a\u062d\u0633\u0633\u064a\u0629\", \"\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u062c\u0644\u062f \u0627\u0644\u062e\u0641\u064a\u0641\u0629\"],\n                        note: \"\"\n                    },\n                    {\n                        title: \"\u062d\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u0637\u0641\u0648\u0644\u0629\",\n                        icon: icons.allergy,\n                        subtitle: \"\u0642\u062f \u064a\u0635\u0627\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u062d\u0633\u0627\u0633\u064a\u0629 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649:\",\n                        list: [\"\u0627\u0644\u062c\u0644\u062f\", \"\u0627\u0644\u0623\u0646\u0641\", \"\u0627\u0644\u0639\u064a\u0646\u064a\u0646\", \"\u062a\u062d\u0645\u0644 \u0627\u0644\u0637\u0639\u0627\u0645\", \"\u0627\u0644\u062a\u0639\u0631\u0636 \u0627\u0644\u0628\u064a\u0626\u064a\"],\n                        note: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\"\n                    }\n                ]\n            }\n        };\n\n        function initIllnessesSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const data = illnessData[lang];\n\n            const section = document.getElementById('sh-peds-illnesses-887');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply General Text\n            document.getElementById('sh-ill-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-ill-lang-kicker').style.fontFamily = data.bodyFont;\n\n            const titleEl = document.getElementById('sh-ill-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-ill-lang-desc').textContent = data.desc;\n            document.getElementById('sh-ill-lang-desc').style.fontFamily = data.bodyFont;\n\n            \/\/ Dynamically Render Cards\n            const grid = document.getElementById('sh-ill-grid');\n            grid.innerHTML = '';\n            \n            data.cards.forEach((card, index) => {\n                const div = document.createElement('div');\n                div.className = \"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all duration-300 flex flex-col\";\n                \n                \/\/ Build List Items safely\n                const listItemsHtml = card.list.map(item => `<li>${item}<\/li>`).join('');\n                \n                \/\/ Build optional note\n                const noteHtml = card.note ? `<p class=\"mt-4 pt-4 border-t border-[#e4edf3]\/60 text-[#138b86] text-[14.5px] font-medium leading-relaxed italic m-0\">${card.note}<\/p>` : '';\n\n                div.innerHTML = `\n                    <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] flex items-center justify-center mb-4\">\n                        ${card.icon}\n                    <\/div>\n                    <h3 class=\"text-[20px] font-bold text-[#243b5a] mb-2 leading-tight\" style=\"font-family: ${data.headerFont};\">${card.title}<\/h3>\n                    <p class=\"text-[#667085] text-[15.5px] leading-relaxed m-0\" style=\"font-family: ${data.bodyFont};\">${card.subtitle}<\/p>\n                    <ul class=\"sh-illness-list\" style=\"font-family: ${data.bodyFont};\">\n                        ${listItemsHtml}\n                    <\/ul>\n                    <div class=\"mt-auto\">\n                        ${noteHtml}\n                    <\/div>\n                `;\n                grid.appendChild(div);\n            });\n        }\n\n        initIllnessesSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initIllnessesSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID & Clean Container *\/\n    #sh-peds-growth-889 {\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-peds-growth-889 .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-peds-growth-889\" 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            <h3 id=\"sh-growth-lang-title\" class=\"text-[30px] md:text-[36px] font-bold text-[#243b5a] mb-4\" style=\"font-family: var(--font-display);\">\n                Monitoring Healthy Growth\n            <\/h3>\n            <p id=\"sh-growth-lang-desc\" class=\"text-[#667085] text-[17px] leading-relaxed\">\n                Growth is one of the most important indicators of a child&#8217;s overall health. During regular visits, pediatricians monitor:\n            <\/p>\n        <\/div>\n\n        <div id=\"sh-growth-grid\" class=\"grid lg:grid-cols-2 gap-6 relative mb-12 max-w-5xl mx-auto\">\n            <!-- Cards dynamically injected here -->\n        <\/div>\n\n        <div class=\"text-center max-w-2xl mx-auto sh-animate-up\" style=\"animation-delay: 0.4s;\">\n            <p id=\"sh-growth-lang-footer\" class=\"text-[#243b5a] text-[17px] leading-relaxed font-bold bg-[#f8fbfd] p-5 rounded-xl border border-[#e4edf3]\">\n                Rather than relying on a single measurement, pediatricians evaluate trends over time.\n            <\/p>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const growthData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                title: \"Monitoring Healthy Growth\",\n                desc: \"Growth is one of the most important indicators of a child's overall health. During regular visits, pediatricians monitor:\",\n                footer: \"Rather than relying on a single measurement, pediatricians evaluate trends over time.\",\n                cards: [\n                    {\n                        indicator: \"Height\",\n                        reason: \"Assesses physical development over time\"\n                    },\n                    {\n                        indicator: \"Weight\",\n                        reason: \"Evaluates nutritional status and healthy growth\"\n                    },\n                    {\n                        indicator: \"Head circumference (infants)\",\n                        reason: \"Supports monitoring of early brain development\"\n                    },\n                    {\n                        indicator: \"Body mass index (older children)\",\n                        reason: \"Helps assess healthy growth patterns\"\n                    },\n                    {\n                        indicator: \"Developmental milestones\",\n                        reason: \"Evaluates physical, language, social, and cognitive progress\"\n                    }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                title: \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0635\u062d\u064a\",\n                desc: \"\u064a\u0639\u062f \u0627\u0644\u0646\u0645\u0648 \u0623\u062d\u062f \u0623\u0647\u0645 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0637\u0641\u0644. \u062e\u0644\u0627\u0644 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629\u060c \u064a\u0631\u0627\u0642\u0628 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0642\u064a\u0627\u0633 \u0648\u0627\u062d\u062f\u060c \u064a\u0642\u0648\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a.\",\n                cards: [\n                    {\n                        indicator: \"\u0627\u0644\u0637\u0648\u0644\",\n                        reason: \"\u064a\u0642\u064a\u0645 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0628\u062f\u0646\u064a \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a\"\n                    },\n                    {\n                        indicator: \"\u0627\u0644\u0648\u0632\u0646\",\n                        reason: \"\u064a\u0642\u064a\u0645 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0635\u062d\u064a\"\n                    },\n                    {\n                        indicator: \"\u0645\u062d\u064a\u0637 \u0627\u0644\u0631\u0623\u0633 (\u0644\u0644\u0631\u0636\u0639)\",\n                        reason: \"\u064a\u062f\u0639\u0645 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0644\u062f\u0645\u0627\u063a\"\n                    },\n                    {\n                        indicator: \"\u0645\u0624\u0634\u0631 \u0643\u062a\u0644\u0629 \u0627\u0644\u062c\u0633\u0645 (\u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0623\u0643\u0628\u0631 \u0633\u0646\u0627\u064b)\",\n                        reason: \"\u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u0642\u064a\u064a\u0645 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0635\u062d\u064a\"\n                    },\n                    {\n                        indicator: \"\u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629\",\n                        reason: \"\u062a\u0642\u064a\u0645 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0628\u062f\u0646\u064a \u0648\u0627\u0644\u0644\u063a\u0648\u064a \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u064a\"\n                    }\n                ]\n            }\n        };\n\n        function initGrowthSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? growthData.ar : growthData.en;\n            const section = document.getElementById('sh-peds-growth-889');\n            \n            if (!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Header & Footer\n            document.getElementById('sh-growth-lang-title').textContent = data.title;\n            document.getElementById('sh-growth-lang-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-growth-lang-desc').textContent = data.desc;\n            document.getElementById('sh-growth-lang-desc').style.fontFamily = data.body;\n            \n            document.getElementById('sh-growth-lang-footer').textContent = data.footer;\n            document.getElementById('sh-growth-lang-footer').style.fontFamily = data.body;\n            \n            \/\/ Dynamic Grid\n            const grid = document.getElementById('sh-growth-grid');\n            grid.innerHTML = '';\n            \n            data.cards.forEach((item, i) => {\n                const div = document.createElement('div');\n                div.className = \"relative bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition sh-animate-up flex items-start gap-4 cursor-default\";\n                div.style.animationDelay = `${i * 0.1}s`;\n                div.innerHTML = `\n                    <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm shrink-0 mt-1\">\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=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\n                    <\/div>\n                    <div>\n                        <div class=\"font-bold text-[#243b5a] text-[18px] mb-1\" style=\"font-family: ${data.font};\">${item.indicator}<\/div>\n                        <div class=\"text-[#667085] text-[15.5px] leading-relaxed\" style=\"font-family: ${data.body};\">${item.reason}<\/div>\n                    <\/div>\n                `;\n                grid.appendChild(div);\n            });\n        }\n        \n        initGrowthSection();\n        new MutationObserver(initGrowthSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-peds-dev-890 {\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-peds-dev-890 .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-peds-dev-890\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"relative rounded-3xl border-l-4 border-[#138b86] bg-gradient-to-br from-[#138b86]\/5 to-white p-8 md:p-12 shadow-sm sh-animate-up max-w-5xl mx-auto\">\n            \n            <div class=\"flex items-center gap-4 mb-4\">\n                <div class=\"w-12 h-12 rounded-full bg-[#138b86] text-white grid place-items-center shrink-0 shadow-sm\">\n                    <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><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"><\/path><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"><\/line><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"><\/line><\/svg>\n                <\/div>\n                <h3 id=\"sh-dev-lang-title\" class=\"font-display text-[26px] md:text-[32px] text-[#243b5a] m-0 font-bold leading-tight\">Child Development Is More Than Physical Growth<\/h3>\n            <\/div>\n            \n            <p id=\"sh-dev-lang-desc\" class=\"text-[#667085] mb-6 text-[17px] leading-relaxed\">Healthy development includes multiple interconnected areas. Pediatric assessments often consider:<\/p>\n            \n            <ul id=\"sh-dev-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-4 mb-8\">\n                <!-- List rendered via JS -->\n            <\/ul>\n            \n            <div class=\"bg-white p-4 rounded-xl border border-[#e4edf3] shadow-sm\">\n                <p id=\"sh-dev-lang-footer\" class=\"text-[#243b5a] m-0 font-semibold text-[16px] leading-relaxed\">Identifying developmental concerns early provides opportunities for timely intervention and support.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const devData = {\n            en: {\n                title: \"Child Development Is More Than Physical Growth\",\n                desc: \"Healthy development includes multiple interconnected areas. Pediatric assessments often consider:\",\n                footer: \"Identifying developmental concerns early provides opportunities for timely intervention and support.\",\n                list: [\n                    \"Language skills\",\n                    \"Social interaction\",\n                    \"Emotional development\",\n                    \"Learning ability\",\n                    \"Motor coordination\",\n                    \"Communication\",\n                    \"Cognitive development\"\n                ]\n            },\n            ar: {\n                title: \"\u0646\u0645\u0648 \u0627\u0644\u0637\u0641\u0644 \u0647\u0648 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0646\u0645\u0648 \u0628\u062f\u0646\u064a\",\n                desc: \"\u064a\u0634\u0645\u0644 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0635\u062d\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0645\u062a\u0631\u0627\u0628\u0637\u0629. \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u062a\u0623\u062e\u0630 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631 \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u064a\u0648\u0641\u0631 \u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0644\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629 \u0641\u0631\u0635\u0627\u064b \u0644\u0644\u062a\u062f\u062e\u0644 \u0648\u0627\u0644\u062f\u0639\u0645 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\",\n                list: [\n                    \"\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0644\u063a\u0648\u064a\u0629\",\n                    \"\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\",\n                    \"\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0639\u0627\u0637\u0641\u064a\",\n                    \"\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0639\u0644\u0645\",\n                    \"\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062d\u0631\u0643\u064a\",\n                    \"\u0627\u0644\u062a\u0648\u0627\u0635\u0644\",\n                    \"\u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0645\u0639\u0631\u0641\u064a\"\n                ]\n            }\n        };\n\n        function initDev() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? devData.ar : devData.en;\n            const section = document.getElementById('sh-peds-dev-890');\n            \n            if (!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-dev-lang-title').textContent = data.title;\n            document.getElementById('sh-dev-lang-desc').textContent = data.desc;\n            document.getElementById('sh-dev-lang-footer').textContent = data.footer;\n            \n            const grid = document.getElementById('sh-dev-grid');\n            grid.innerHTML = '';\n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-center bg-white p-3 rounded-lg border border-[#e4edf3] shadow-sm\";\n                li.innerHTML = `\n                    <span class=\"shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] flex justify-center items-center\">\n                        <svg width=\"14\" height=\"14\" 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\"\/><\/svg>\n                    <\/span>\n                    <span class=\"text-[15.5px] text-[#243b5a] font-medium leading-snug\">${item}<\/span>\n                `;\n                grid.appendChild(li);\n            });\n        }\n        initDev();\n        new MutationObserver(initDev).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-peds-guide-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-peds-guide-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-peds-guide-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\n    \/* Smooth Font Transitions *\/\n    #sh-peds-guide-555 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-peds-guide-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-guide-lang-kicker\">Patient Process<\/span>\n            <\/div>\n            <h2 id=\"sh-guide-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">What Happens During a Pediatric Appointment?<\/h2>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-[1fr_1.3fr] gap-8 items-start mb-6\">\n            <!-- Left Column: Image & Steps 3\/4 -->\n            <div class=\"flex flex-col gap-8 sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <!-- \n                  FIXED IMAGE: \n                  Removed h-[320px]. \n                  Added h-auto aspect-auto for perfect responsiveness.\n                -->\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pediatrician_3.3.webp\" \n                     alt=\"Pediatrician performing routine examination on a child.\" \n                     class=\"rounded-3xl w-full h-auto aspect-auto object-cover shadow-lg\" \n                     loading=\"lazy\">\n                \n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm\">\n                    <h4 id=\"sh-guide-lang-step3-title\" class=\"text-[#138b86] font-bold text-[18px] mb-2 flex items-center gap-2\"><\/h4>\n                    <p id=\"sh-guide-lang-step3-desc\" class=\"text-[#667085] text-[16px] leading-relaxed mb-6\"><\/p>\n                    \n                    <h4 id=\"sh-guide-lang-step4-title\" class=\"text-[#138b86] font-bold text-[18px] mb-2 flex items-center gap-2 border-t border-gray-100 pt-6\"><\/h4>\n                    <p id=\"sh-guide-lang-step4-desc\" class=\"text-[#667085] text-[16px] leading-relaxed m-0\"><\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Right Column: Steps 1\/2 Details -->\n            <div class=\"bg-white rounded-2xl p-8 lg:p-12 border border-[#e4edf3] shadow-sm sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <p id=\"sh-guide-lang-cons-desc\" class=\"text-[#243b5a]\/85 text-[18px] leading-relaxed mb-8 font-medium\">\n                    Children benefit from medical visits that are both thorough and age-appropriate.\n                <\/p>\n                \n                <div class=\"grid md:grid-cols-2 gap-8 mb-4\">\n                    <div>\n                        <h4 id=\"sh-guide-lang-step1-title\" class=\"text-[#138b86] font-bold text-[18px] mb-3 flex items-center gap-2\"><\/h4>\n                        <p id=\"sh-guide-lang-step1-desc\" class=\"text-[#667085] text-[15px] mb-3\"><\/p>\n                        <ul id=\"sh-guide-lang-step1-list\" class=\"flex flex-col gap-3\"><\/ul>\n                    <\/div>\n                    <div>\n                        <h4 id=\"sh-guide-lang-step2-title\" class=\"text-[#138b86] font-bold text-[18px] mb-3 flex items-center gap-2\"><\/h4>\n                        <p id=\"sh-guide-lang-step2-desc\" class=\"text-[#667085] text-[15px] mb-3\"><\/p>\n                        <ul id=\"sh-guide-lang-step2-list\" class=\"flex flex-col gap-3\"><\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const guideData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Patient Process\", title: \"What Happens During a Pediatric Appointment?\",\n                consDesc: \"Children benefit from medical visits that are both thorough and age-appropriate.\",\n                step1Title: \"Step 1 \u2013 Medical History\", step1Desc: \"The pediatrician discusses:\",\n                step1List: [\"Current symptoms\", \"Birth history\", \"Vaccination history\", \"Previous illnesses\", \"Family medical history\", \"Feeding and nutrition\", \"Developmental progress\"],\n                step2Title: \"Step 2 \u2013 Physical Examination\", step2Desc: \"The examination may include:\",\n                step2List: [\"Height and weight measurements\", \"Temperature\", \"Heart and lung examination\", \"Ear, nose, and throat assessment\", \"Skin examination\", \"Abdominal examination\", \"Growth assessment\"],\n                step3Title: \"Step 3 \u2013 Developmental Evaluation\", step3Desc: \"Age-appropriate developmental milestones are reviewed alongside any concerns raised by parents or caregivers.\",\n                step4Title: \"Step 4 \u2013 Care Plan\", step4Desc: \"Depending on the findings, the pediatrician discusses treatment recommendations, preventive care, follow-up visits, nutritional advice, or additional investigations when clinically appropriate.\"\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0645\u0631\u064a\u0636\", title: \"\u0645\u0627\u0630\u0627 \u064a\u062d\u062f\u062b \u0623\u062b\u0646\u0627\u0621 \u0645\u0648\u0639\u062f \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\u061f\",\n                consDesc: \"\u064a\u0633\u062a\u0641\u064a\u062f \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u0646 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0648\u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0623\u0639\u0645\u0627\u0631\u0647\u0645.\",\n                step1Title: \"\u0627\u0644\u062e\u0637\u0648\u0629 1 \u2013 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a\", step1Desc: \"\u064a\u0646\u0627\u0642\u0634 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u0627 \u064a\u0644\u064a:\",\n                step1List: [\"\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\", \"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0648\u0644\u0627\u062f\u0629\", \"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0637\u0639\u064a\u0645\u0627\u062a\", \"\u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\", \"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a \u0644\u0644\u0639\u0627\u0626\u0644\u0629\", \"\u0627\u0644\u062a\u063a\u0630\u064a\u0629\", \"\u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\"],\n                step2Title: \"\u0627\u0644\u062e\u0637\u0648\u0629 2 \u2013 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a\", step2Desc: \"\u0642\u062f \u064a\u0634\u0645\u0644 \u0627\u0644\u0641\u062d\u0635:\",\n                step2List: [\"\u0642\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0648\u0632\u0646\", \"\u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629\", \"\u0641\u062d\u0635 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0631\u0626\u062a\u064a\u0646\", \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0630\u0646 \u0648\u0627\u0644\u0623\u0646\u0641 \u0648\u0627\u0644\u062d\u0646\u062c\u0631\u0629\", \"\u0641\u062d\u0635 \u0627\u0644\u062c\u0644\u062f\", \"\u0641\u062d\u0635 \u0627\u0644\u0628\u0637\u0646\", \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0646\u0645\u0648\"],\n                step3Title: \"\u0627\u0644\u062e\u0637\u0648\u0629 3 \u2013 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\", step3Desc: \"\u062a\u062a\u0645 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0639\u0645\u0631 \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0623\u064a \u0645\u062e\u0627\u0648\u0641 \u064a\u062b\u064a\u0631\u0647\u0627 \u0627\u0644\u0622\u0628\u0627\u0621 \u0623\u0648 \u0645\u0642\u062f\u0645\u0648 \u0627\u0644\u0631\u0639\u0627\u064a\u0629.\",\n                step4Title: \"\u0627\u0644\u062e\u0637\u0648\u0629 4 \u2013 \u062e\u0637\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629\", step4Desc: \"\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u060c \u064a\u0646\u0627\u0642\u0634 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c\u060c \u0623\u0648 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\u060c \u0623\u0648 \u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\u060c \u0623\u0648 \u0627\u0644\u0646\u0635\u0627\u0626\u062d \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629\u060c \u0623\u0648 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621 \u0627\u0644\u0633\u0631\u064a\u0631\u064a.\"\n            }\n        };\n\n        function renderList(listArray, font) {\n            return listArray.map(item => `<li class=\"flex gap-2 items-start\"><span class=\"mt-1 shrink-0 w-4 h-4 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15px] text-[#243b5a]\/90\" style=\"font-family: ${font}\">${item}<\/span><\/li>`).join('');\n        }\n\n        function initGuideSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? guideData.ar : guideData.en;\n            const section = document.getElementById('sh-peds-guide-555');\n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-guide-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-guide-lang-title').textContent = data.title;\n            document.getElementById('sh-guide-lang-cons-desc').textContent = data.consDesc;\n\n            document.getElementById('sh-guide-lang-step1-title').innerHTML = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"shrink-0\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><\/svg> ${data.step1Title}`;\n            document.getElementById('sh-guide-lang-step1-desc').textContent = data.step1Desc;\n            document.getElementById('sh-guide-lang-step1-list').innerHTML = renderList(data.step1List, data.body);\n\n            document.getElementById('sh-guide-lang-step2-title').innerHTML = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"shrink-0\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><\/svg> ${data.step2Title}`;\n            document.getElementById('sh-guide-lang-step2-desc').textContent = data.step2Desc;\n            document.getElementById('sh-guide-lang-step2-list').innerHTML = renderList(data.step2List, data.body);\n\n            document.getElementById('sh-guide-lang-step3-title').innerHTML = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><\/svg> ${data.step3Title}`;\n            document.getElementById('sh-guide-lang-step3-desc').textContent = data.step3Desc;\n\n            document.getElementById('sh-guide-lang-step4-title').innerHTML = `<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"shrink-0\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg> ${data.step4Title}`;\n            document.getElementById('sh-guide-lang-step4-desc').textContent = data.step4Desc;\n        }\n        \n        initGuideSection();\n        new MutationObserver(initGuideSection).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-peds-prevention-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-peds-prevention-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-peds-prevention-666\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-4xl 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-prev-lang-kicker\">Proactive Health<\/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 Healthcare &#038; Disease Prevention<\/h2>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-2 gap-8 max-w-6xl mx-auto sh-animate-up\" style=\"animation-delay: 0.1s;\">\n            \n            <!-- Left Card: Preventive Healthcare -->\n            <div class=\"bg-[#f8fbfd] rounded-3xl border border-[#e4edf3] p-8 md:p-10 shadow-sm flex flex-col h-full hover:shadow-md transition-shadow\">\n                <h3 id=\"sh-prev-lang-c1-title\" class=\"text-[24px] md:text-[28px] font-bold text-[#243b5a] mb-4 leading-tight\" style=\"font-family: var(--font-display);\"><\/h3>\n                <p id=\"sh-prev-lang-c1-desc\" class=\"text-[#667085] text-[16px] leading-relaxed mb-6\"><\/p>\n                <div class=\"text-[#243b5a] font-semibold text-[15.5px] mb-4\" id=\"sh-prev-lang-c1-listtitle\"><\/div>\n                <ul id=\"sh-prev-grid-1\" class=\"flex flex-col gap-3 mb-6 flex-grow\">\n                    <!-- List 1 injected via JS -->\n                <\/ul>\n                <p id=\"sh-prev-lang-c1-footer\" class=\"text-[#138b86] font-medium text-[15.5px] leading-relaxed m-0 pt-6 border-t border-[#e4edf3]\/60\"><\/p>\n            <\/div>\n\n            <!-- Right Card: Immunization -->\n            <div class=\"bg-[#f8fbfd] rounded-3xl border border-[#e4edf3] p-8 md:p-10 shadow-sm flex flex-col h-full hover:shadow-md transition-shadow\">\n                <h3 id=\"sh-prev-lang-c2-title\" class=\"text-[24px] md:text-[28px] font-bold text-[#243b5a] mb-4 leading-tight\" style=\"font-family: var(--font-display);\"><\/h3>\n                <p id=\"sh-prev-lang-c2-desc\" class=\"text-[#667085] text-[16px] leading-relaxed mb-6\"><\/p>\n                <div class=\"text-[#243b5a] font-semibold text-[15.5px] mb-4\" id=\"sh-prev-lang-c2-listtitle\"><\/div>\n                <ul id=\"sh-prev-grid-2\" class=\"flex flex-col gap-3 mb-6 flex-grow\">\n                    <!-- List 2 injected via JS -->\n                <\/ul>\n                <p id=\"sh-prev-lang-c2-footer\" class=\"text-[#138b86] font-medium text-[15.5px] leading-relaxed m-0 pt-6 border-t border-[#e4edf3]\/60\"><\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const preventionData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Proactive Health\", \n                title: \"Preventive Healthcare & Disease Prevention\",\n                \n                c1Title: \"Building a Strong Foundation for Childhood\",\n                c1Desc: \"One of the greatest benefits of pediatric care is preventing illness before it affects a child's health and development. Preventive healthcare combines routine checkups, vaccinations, nutritional guidance, developmental monitoring, and health education to support children as they grow.\",\n                c1ListTitle: \"Regular pediatric visits help:\",\n                c1Rows: [\n                    \"Monitor healthy physical development\",\n                    \"Identify medical concerns at an early stage\",\n                    \"Track developmental milestones\",\n                    \"Support healthy eating habits\",\n                    \"Prevent vaccine-preventable diseases\",\n                    \"Address parental concerns promptly\",\n                    \"Promote long-term physical and emotional wellbeing\"\n                ],\n                c1Footer: \"Preventive care is valuable even when a child appears healthy, as many developmental or medical issues are easier to manage when detected early.\",\n\n                c2Title: \"Childhood Immunization\",\n                c2Desc: \"Vaccination is an important part of protecting children from serious infectious diseases. Immunization schedules are designed to provide protection at different stages of childhood when children are most vulnerable.\",\n                c2ListTitle: \"Pediatricians help families by:\",\n                c2Rows: [\n                    \"Reviewing age-appropriate vaccination schedules\",\n                    \"Explaining the purpose of each vaccine\",\n                    \"Monitoring for routine post-vaccination reactions\",\n                    \"Maintaining accurate immunization records\",\n                    \"Advising parents on upcoming vaccine appointments\"\n                ],\n                c2Footer: \"Following recommended immunization schedules contributes to both individual and community health.\"\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0627\u0633\u062a\u0628\u0627\u0642\u064a\u0629\", \n                title: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0645\u0631\u0627\u0636\",\n                \n                c1Title: \"\u0628\u0646\u0627\u0621 \u0623\u0633\u0627\u0633 \u0642\u0648\u064a \u0644\u0644\u0637\u0641\u0648\u0644\u0629\",\n                c1Desc: \"\u0645\u0646 \u0623\u0639\u0638\u0645 \u0641\u0648\u0627\u0626\u062f \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0637\u0641\u0644 \u0648\u0646\u0645\u0648\u0647. \u062a\u062c\u0645\u0639 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0637\u0639\u064a\u0645\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648\u060c \u0648\u0627\u0644\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0635\u062d\u064a \u0644\u062f\u0639\u0645 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0623\u062b\u0646\u0627\u0621 \u0646\u0645\u0648\u0647\u0645.\",\n                c1ListTitle: \"\u062a\u0633\u0627\u0639\u062f \u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0641\u064a:\",\n                c1Rows: [\n                    \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0628\u062f\u0646\u064a \u0627\u0644\u0635\u062d\u064a\",\n                    \"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u064a \u0645\u0631\u062d\u0644\u0629 \u0645\u0628\u0643\u0631\u0629\",\n                    \"\u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629\",\n                    \"\u062f\u0639\u0645 \u0639\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0643\u0644 \u0627\u0644\u0635\u062d\u064a\u0629\",\n                    \"\u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646\u0647\u0627 \u0628\u0627\u0644\u0644\u0642\u0627\u062d\u0627\u062a\",\n                    \"\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0648\u0627\u0644\u062f\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631\",\n                    \"\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u062c\u0633\u062f\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0637\u0641\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644\"\n                ],\n                c1Footer: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0642\u064a\u0651\u0645\u0629 \u062d\u062a\u0649 \u0639\u0646\u062f\u0645\u0627 \u064a\u0628\u062f\u0648 \u0627\u0644\u0637\u0641\u0644 \u0628\u0635\u062d\u0629 \u062c\u064a\u062f\u0629\u060c \u062d\u064a\u062b \u064a\u0633\u0647\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629 \u0623\u0648 \u0627\u0644\u0637\u0628\u064a\u0629 \u0639\u0646\u062f \u0627\u0643\u062a\u0634\u0627\u0641\u0647\u0627 \u0645\u0628\u0643\u0631\u0627\u064b.\",\n\n                c2Title: \"\u062a\u062d\u0635\u064a\u0646 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\",\n                c2Desc: \"\u0627\u0644\u062a\u0637\u0639\u064a\u0645 \u062c\u0632\u0621 \u0645\u0647\u0645 \u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u0646 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0639\u062f\u064a\u0629 \u0627\u0644\u062e\u0637\u064a\u0631\u0629. \u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u062a\u062d\u0635\u064a\u0646 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0641\u064a \u0645\u0631\u0627\u062d\u0644 \u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0623\u0643\u062b\u0631 \u0636\u0639\u0641\u0627\u064b.\",\n                c2ListTitle: \"\u064a\u0633\u0627\u0639\u062f \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644:\",\n                c2Rows: [\n                    \"\u0645\u0631\u0627\u062c\u0639\u0629 \u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u062a\u0637\u0639\u064a\u0645 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0639\u0645\u0631\",\n                    \"\u0634\u0631\u062d \u0627\u0644\u063a\u0631\u0636 \u0645\u0646 \u0643\u0644 \u0644\u0642\u0627\u062d\",\n                    \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0628\u0639\u062f \u0627\u0644\u062a\u0637\u0639\u064a\u0645\",\n                    \"\u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0633\u062c\u0644\u0627\u062a \u062a\u062d\u0635\u064a\u0646 \u062f\u0642\u064a\u0642\u0629\",\n                    \"\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0646\u0635\u062d \u0644\u0644\u0622\u0628\u0627\u0621 \u0628\u0634\u0623\u0646 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0644\u0642\u0627\u062d\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629\"\n                ],\n                c2Footer: \"\u064a\u0633\u0627\u0647\u0645 \u0627\u062a\u0628\u0627\u0639 \u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u062a\u062d\u0635\u064a\u0646 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647\u0627 \u0641\u064a \u0635\u062d\u0629 \u0627\u0644\u0641\u0631\u062f \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639.\"\n            }\n        };\n\n        const checkIcon = `\n            <span class=\"shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <\/span>\n        `;\n\n        function initPreventionSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? preventionData.ar : preventionData.en;\n            const section = document.getElementById('sh-peds-prevention-666');\n            \n            if(!section) return;\n            \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-title').style.fontFamily = data.font;\n            \n            \/\/ Card 1\n            document.getElementById('sh-prev-lang-c1-title').textContent = data.c1Title;\n            document.getElementById('sh-prev-lang-c1-desc').textContent = data.c1Desc;\n            document.getElementById('sh-prev-lang-c1-listtitle').textContent = data.c1ListTitle;\n            document.getElementById('sh-prev-lang-c1-footer').textContent = data.c1Footer;\n            \n            const grid1 = document.getElementById('sh-prev-grid-1');\n            grid1.innerHTML = '';\n            data.c1Rows.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start bg-white p-3 rounded-lg border border-[#e4edf3]\/60 shadow-sm\";\n                li.innerHTML = `${checkIcon} <span class=\"text-[#243b5a] text-[15px] font-medium\" style=\"font-family: ${data.body};\">${item}<\/span>`;\n                grid1.appendChild(li);\n            });\n\n            \/\/ Card 2\n            document.getElementById('sh-prev-lang-c2-title').textContent = data.c2Title;\n            document.getElementById('sh-prev-lang-c2-desc').textContent = data.c2Desc;\n            document.getElementById('sh-prev-lang-c2-listtitle').textContent = data.c2ListTitle;\n            document.getElementById('sh-prev-lang-c2-footer').textContent = data.c2Footer;\n            \n            const grid2 = document.getElementById('sh-prev-grid-2');\n            grid2.innerHTML = '';\n            data.c2Rows.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start bg-white p-3 rounded-lg border border-[#e4edf3]\/60 shadow-sm\";\n                li.innerHTML = `${checkIcon} <span class=\"text-[#243b5a] text-[15px] font-medium\" style=\"font-family: ${data.body};\">${item}<\/span>`;\n                grid2.appendChild(li);\n            });\n        }\n        \n        initPreventionSection();\n        new MutationObserver(initPreventionSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Astra Breakout for Full-Width Hexa Background *\/\n    #sh-peds-nutrition-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    \/* 2. Hexa Background *\/\n    #sh-peds-nutrition-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-peds-nutrition-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    \/* 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\n    \/* 4. Table Styling *\/\n    .sh-peds-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n    }\n    [dir=\"rtl\"] .sh-peds-table {\n        text-align: right;\n    }\n    .sh-peds-table th {\n        background-color: #ffffff;\n        color: #138b86;\n        font-weight: bold;\n        padding: 1.25rem;\n        border-bottom: 2px solid #e4edf3;\n        font-size: 18px;\n    }\n    .sh-peds-table td {\n        padding: 1.25rem;\n        border-bottom: 1px solid #e4edf3;\n        color: #243b5a;\n        font-size: 16px;\n    }\n    .sh-peds-table tr:last-child td {\n        border-bottom: none;\n    }\n    .sh-peds-table tbody tr:hover {\n        background-color: #ffffff;\n        box-shadow: inset 4px 0 0 0 #138b86;\n    }\n    [dir=\"rtl\"] .sh-peds-table tbody tr:hover {\n        box-shadow: inset -4px 0 0 0 #138b86;\n    }\n<\/style>\n\n<section id=\"sh-peds-nutrition-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-nutri-lang-kicker\">Patient Education<\/span>\n            <\/div>\n            <h2 id=\"sh-nutri-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Nutrition Supports Healthy Growth<\/h2>\n            <p id=\"sh-nutri-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">A child&#8217;s nutritional needs change significantly from infancy through adolescence. Balanced nutrition provides the energy and nutrients needed for healthy bones, muscles, brain development, and immune function. General nutritional guidance includes:<\/p>\n        <\/div>\n\n        <div class=\"max-w-4xl mx-auto bg-white\/80 backdrop-blur-sm rounded-2xl border border-[#e4edf3] shadow-sm overflow-x-auto sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <table class=\"sh-peds-table\">\n                <thead>\n                    <tr>\n                        <th id=\"sh-nutri-lang-col1\" style=\"font-family: var(--font-display);\">Age Group<\/th>\n                        <th id=\"sh-nutri-lang-col2\" style=\"font-family: var(--font-display);\">Nutritional Focus<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody id=\"sh-nutri-table-body\">\n                    <!-- Injected via JS -->\n                <\/tbody>\n            <\/table>\n        <\/div>\n\n        <div class=\"mt-10 text-center max-w-3xl mx-auto sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <p id=\"sh-nutri-lang-footer\" class=\"text-[#243b5a] font-medium text-[18px] leading-relaxed\">\n                Parents should discuss feeding concerns, food allergies, or poor appetite with a pediatrician rather than relying on unverified advice.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const nutriData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Patient Education\", \n                title: \"Nutrition Supports Healthy Growth\",\n                desc: \"A child's nutritional needs change significantly from infancy through adolescence. Balanced nutrition provides the energy and nutrients needed for healthy bones, muscles, brain development, and immune function. General nutritional guidance includes:\",\n                col1: \"Age Group\",\n                col2: \"Nutritional Focus\",\n                footer: \"Parents should discuss feeding concerns, food allergies, or poor appetite with a pediatrician rather than relying on unverified advice.\",\n                rows: [\n                    { stage: \"Infants\", role: \"Breastfeeding or appropriate infant feeding, gradual introduction of complementary foods\" },\n                    { stage: \"Toddlers\", role: \"Balanced meals with fruits, vegetables, whole grains, dairy, and protein\" },\n                    { stage: \"School-age children\", role: \"Healthy eating habits that support learning and physical activity\" },\n                    { stage: \"Adolescents\", role: \"Adequate protein, calcium, iron, and nutrient-rich foods to support rapid growth\" }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0645\u0631\u0636\u0649\", \n                title: \"\u0627\u0644\u062a\u063a\u0630\u064a\u0629 \u062a\u062f\u0639\u0645 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0635\u062d\u064a\",\n                desc: \"\u062a\u062a\u063a\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0644\u0644\u0637\u0641\u0644 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0645\u0646 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0636\u0627\u0639\u0629 \u0625\u0644\u0649 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0629. \u062a\u0648\u0641\u0631 \u0627\u0644\u062a\u063a\u0630\u064a\u0629 \u0627\u0644\u0645\u062a\u0648\u0627\u0632\u0646\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0646\u0645\u0648 \u0627\u0644\u062f\u0645\u0627\u063a \u0648\u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0645\u0646\u0627\u0639\u0629. \u062a\u0634\u0645\u0644 \u0627\u0644\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                col1: \"\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629\",\n                col2: \"\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\",\n                footer: \"\u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0622\u0628\u0627\u0621 \u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u062a\u063a\u0630\u064a\u0629 \u0623\u0648 \u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0623\u0648 \u0636\u0639\u0641 \u0627\u0644\u0634\u0647\u064a\u0629 \u0645\u0639 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0646\u0635\u0627\u0626\u062d \u063a\u064a\u0631 \u0645\u0624\u0643\u062f\u0629.\",\n                rows: [\n                    { stage: \"\u0627\u0644\u0631\u0636\u0639\", role: \"\u0627\u0644\u0631\u0636\u0627\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0623\u0648 \u062a\u063a\u0630\u064a\u0629 \u0627\u0644\u0631\u0636\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0648\u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u062a\u062f\u0631\u064a\u062c\u064a \u0644\u0644\u0623\u0637\u0639\u0645\u0629 \u0627\u0644\u062a\u0643\u0645\u064a\u0644\u064a\u0629\" },\n                    { stage: \"\u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0635\u063a\u0627\u0631\", role: \"\u0648\u062c\u0628\u0627\u062a \u0645\u062a\u0648\u0627\u0632\u0646\u0629 \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0627\u0643\u0647 \u0648\u0627\u0644\u062e\u0636\u0631\u0648\u0627\u062a \u0648\u0627\u0644\u062d\u0628\u0648\u0628 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0648\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0623\u0644\u0628\u0627\u0646 \u0648\u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646\" },\n                    { stage: \"\u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0633\u0646 \u0627\u0644\u0645\u062f\u0631\u0633\u0629\", role: \"\u0639\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0643\u0644 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062f\u0639\u0645 \u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a\" },\n                    { stage: \"\u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0648\u0646\", role: \"\u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646 \u0627\u0644\u0643\u0627\u0641\u064a \u0648\u0627\u0644\u0643\u0627\u0644\u0633\u064a\u0648\u0645 \u0648\u0627\u0644\u062d\u062f\u064a\u062f \u0648\u0627\u0644\u0623\u0637\u0639\u0645\u0629 \u0627\u0644\u063a\u0646\u064a\u0629 \u0628\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0644\u062f\u0639\u0645 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0633\u0631\u064a\u0639\" }\n                ]\n            }\n        };\n\n        function initNutriSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? nutriData.ar : nutriData.en;\n            const section = document.getElementById('sh-peds-nutrition-444');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Header & Columns\n            document.getElementById('sh-nutri-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-nutri-lang-title').textContent = data.title;\n            document.getElementById('sh-nutri-lang-title').style.fontFamily = data.font;\n            document.getElementById('sh-nutri-lang-desc').textContent = data.desc;\n            document.getElementById('sh-nutri-lang-col1').textContent = data.col1;\n            document.getElementById('sh-nutri-lang-col2').textContent = data.col2;\n            document.getElementById('sh-nutri-lang-footer').textContent = data.footer;\n            document.getElementById('sh-nutri-lang-footer').style.fontFamily = data.body;\n            \n            \/\/ Table Body\n            const tbody = document.getElementById('sh-nutri-table-body');\n            tbody.innerHTML = '';\n            \n            data.rows.forEach(row => {\n                const tr = document.createElement('tr');\n                tr.innerHTML = `\n                    <td class=\"font-bold w-1\/3\" style=\"font-family: ${data.font};\">${row.stage}<\/td>\n                    <td class=\"text-[#667085]\" style=\"font-family: ${data.body};\">${row.role}<\/td>\n                `;\n                tbody.appendChild(tr);\n            });\n        }\n        \n        initNutriSection();\n        new MutationObserver(initNutriSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-peds-urgent-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-peds-urgent-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\n    \/* Smooth Font Transitions *\/\n    #sh-peds-urgent-333 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-peds-urgent-333\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-4xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#e53e3e] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#e53e3e]\"><\/span>\n                <span id=\"sh-urgent-lang-kicker\">Urgent Care<\/span>\n            <\/div>\n            <h2 id=\"sh-urgent-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Recognizing When a Child Needs Urgent Medical Attention<\/h2>\n            <p id=\"sh-urgent-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Many childhood illnesses improve with routine medical care, but some symptoms require immediate evaluation.<\/p>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-10 items-center bg-red-50\/50 rounded-3xl p-8 md:p-10 border border-red-100 shadow-sm sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <!-- \n                FIXED IMAGE: \n                Removed fixed heights (h-[400px] lg:h-[560px]).\n                Added h-auto aspect-auto for perfect responsiveness. \n            -->\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pediatrician_4.webp\" \n                 onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Pediatrician_4.webp'\" \n                 alt=\"Parents consulting with a pediatrician in a clinic waiting area.\" \n                 class=\"rounded-2xl w-full h-auto aspect-auto object-contain\" \n                 loading=\"lazy\">\n            \n            <div>\n                <p id=\"sh-urgent-lang-intro\" class=\"font-display text-[#243b5a] text-[20px] mb-5 font-bold\" style=\"font-family: var(--font-display);\">Seek emergency medical attention if a child experiences:<\/p>\n                <ul id=\"sh-urgent-list-grid\" class=\"grid sm:grid-cols-2 gap-4 mb-8\">\n                    <!-- Injected via JS -->\n                <\/ul>\n                <div class=\"p-5 rounded-2xl bg-white border border-red-100 shadow-sm\">\n                    <p id=\"sh-urgent-lang-footer\" class=\"text-[#243b5a] font-semibold text-[16px] leading-relaxed m-0 text-center\">\n                        Prompt medical assessment helps reduce the risk of serious complications.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const urgentData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Urgent Care\", \n                title: \"Recognizing When a Child Needs Urgent Medical Attention\",\n                desc: \"Many childhood illnesses improve with routine medical care, but some symptoms require immediate evaluation.\",\n                intro: \"Seek emergency medical attention if a child experiences:\",\n                footer: \"Prompt medical assessment helps reduce the risk of serious complications.\",\n                list: [\n                    \"Difficulty breathing\",\n                    \"Persistent high fever in a young infant\",\n                    \"Seizures\",\n                    \"Severe dehydration\",\n                    \"Loss of consciousness\",\n                    \"Serious head injury\",\n                    \"Continuous vomiting with signs of dehydration\",\n                    \"Significant allergic reactions\",\n                    \"Uncontrolled bleeding\",\n                    \"Sudden severe abdominal pain\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0631\u0639\u0627\u064a\u0629 \u0639\u0627\u062c\u0644\u0629\", \n                title: \"\u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0645\u062a\u0649 \u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0637\u0641\u0644 \u0625\u0644\u0649 \u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0639\u0627\u062c\u0644\u0629\",\n                desc: \"\u062a\u062a\u062d\u0633\u0646 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u0628\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u060c \u0644\u0643\u0646 \u0628\u0639\u0636 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u062a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u064b\u0627 \u0641\u0648\u0631\u064a\u064b\u0627.\",\n                intro: \"\u0627\u0637\u0644\u0628 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0637\u0627\u0631\u0626\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0637\u0641\u0644 \u064a\u0639\u0627\u0646\u064a \u0645\u0646:\",\n                footer: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0641\u0648\u0631\u064a \u0641\u064a \u062a\u0642\u0644\u064a\u0644 \u0645\u062e\u0627\u0637\u0631 \u062d\u062f\u0648\u062b \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u062e\u0637\u064a\u0631\u0629.\",\n                list: [\n                    \"\u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u0633\",\n                    \"\u062d\u0645\u0649 \u0634\u062f\u064a\u062f\u0629 \u0648\u0645\u0633\u062a\u0645\u0631\u0629 \u0639\u0646\u062f \u0631\u0636\u064a\u0639 \u0635\u063a\u064a\u0631\",\n                    \"\u0646\u0648\u0628\u0627\u062a \u0635\u0631\u0639 (\u062a\u0634\u0646\u062c\u0627\u062a)\",\n                    \"\u062c\u0641\u0627\u0641 \u0634\u062f\u064a\u062f\",\n                    \"\u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u0648\u0639\u064a\",\n                    \"\u0625\u0635\u0627\u0628\u0629 \u062e\u0637\u064a\u0631\u0629 \u0641\u064a \u0627\u0644\u0631\u0623\u0633\",\n                    \"\u0642\u064a\u0621 \u0645\u0633\u062a\u0645\u0631 \u0645\u0639 \u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062c\u0641\u0627\u0641\",\n                    \"\u062a\u0641\u0627\u0639\u0644\u0627\u062a \u062a\u062d\u0633\u0633\u064a\u0629 \u0643\u0628\u064a\u0631\u0629\",\n                    \"\u0646\u0632\u064a\u0641 \u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u064a\u0647\",\n                    \"\u0623\u0644\u0645 \u0645\u0641\u0627\u062c\u0626 \u0648\u0634\u062f\u064a\u062f \u0641\u064a \u0627\u0644\u0628\u0637\u0646\"\n                ]\n            }\n        };\n\n        function initUrgentSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? urgentData.ar : urgentData.en;\n            const section = document.getElementById('sh-peds-urgent-333');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-urgent-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-urgent-lang-kicker').style.fontFamily = data.body;\n            \n            document.getElementById('sh-urgent-lang-title').textContent = data.title;\n            document.getElementById('sh-urgent-lang-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-urgent-lang-desc').textContent = data.desc;\n            document.getElementById('sh-urgent-lang-desc').style.fontFamily = data.body;\n            \n            document.getElementById('sh-urgent-lang-intro').textContent = data.intro;\n            document.getElementById('sh-urgent-lang-intro').style.fontFamily = data.font;\n\n            document.getElementById('sh-urgent-lang-footer').textContent = data.footer;\n            document.getElementById('sh-urgent-lang-footer').style.fontFamily = data.body;\n            \n            const listGrid = document.getElementById('sh-urgent-list-grid');\n            listGrid.innerHTML = '';\n            \n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-center bg-white p-3 rounded-xl border border-red-100 shadow-sm\";\n                li.innerHTML = `\n                    <span class=\"shrink-0 w-8 h-8 rounded-full bg-red-100 text-red-600 grid place-items-center\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n                    <\/span>\n                    <span class=\"text-[14.5px] text-[#243b5a] font-medium leading-snug\" style=\"font-family: ${data.body};\">${item}<\/span>\n                `;\n                listGrid.appendChild(li);\n            });\n        }\n        \n        initUrgentSection();\n        new MutationObserver(initUrgentSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-peds-wellbeing-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-peds-wellbeing-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\n    \/* Smooth Font Transitions *\/\n    #sh-peds-wellbeing-555 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-peds-wellbeing-555\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-12 lg:gap-16 items-start max-w-6xl mx-auto\">\n            \n            <!-- Left Column: Intro & Image -->\n            <div class=\"sh-animate-up flex flex-col gap-6\">\n                <div>\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-well-lang-kicker\">Comprehensive Care<\/span>\n                    <\/div>\n                    <h2 id=\"sh-well-lang-title\" class=\"text-[34px] md:text-[42px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">Supporting Children&#8217;s Emotional and Behavioral Wellbeing<\/h2>\n                    <p id=\"sh-well-lang-desc\" class=\"text-[#667085] text-[17px] leading-relaxed\">\n                        A child&#8217;s health extends beyond physical growth. Emotional, social, and behavioral development also play an important role in overall wellbeing.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"relative rounded-3xl overflow-hidden shadow-sm border border-[#e4edf3]\">\n                    <!-- \n                      FIXED IMAGE: \n                      Removed h-[300px]. \n                      Added h-auto aspect-auto for perfect responsiveness.\n                    -->\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pediatrician_5.webp\" \n                         alt=\"Pediatrician comforting and supporting a young child.\" \n                         class=\"w-full h-auto aspect-auto object-cover\" \n                         loading=\"lazy\">\n                <\/div>\n            <\/div>\n\n            <!-- Right Column: List & Footer -->\n            <div class=\"sh-animate-up\" style=\"animation-delay: 0.15s;\">\n                <div class=\"bg-white rounded-3xl p-8 md:p-10 border border-[#e4edf3] shadow-sm\">\n                    <p id=\"sh-well-lang-intro\" class=\"font-display text-[#243b5a] text-[18px] md:text-[20px] mb-6 font-semibold\" style=\"font-family: var(--font-display);\">\n                        Parents should consider discussing concerns with a pediatrician if they notice:\n                    <\/p>\n                    \n                    <ul id=\"sh-well-list-grid\" class=\"flex flex-col gap-3 mb-8\">\n                        <!-- Injected via JS -->\n                    <\/ul>\n                    \n                    <div class=\"p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3]\">\n                        <p id=\"sh-well-lang-footer\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0\">\n                            Early evaluation helps determine whether additional support or further assessment is needed.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const wellbeingData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Comprehensive Care\", \n                title: \"Supporting Children's Emotional and Behavioral Wellbeing\",\n                desc: \"A child's health extends beyond physical growth. Emotional, social, and behavioral development also play an important role in overall wellbeing.\",\n                intro: \"Parents should consider discussing concerns with a pediatrician if they notice:\",\n                footer: \"Early evaluation helps determine whether additional support or further assessment is needed.\",\n                list: [\n                    \"Persistent changes in behavior\",\n                    \"Difficulty interacting with peers\",\n                    \"Delayed speech or communication\",\n                    \"Significant anxiety or mood changes\",\n                    \"Difficulty concentrating\",\n                    \"Problems with sleep that continue over time\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629\", \n                title: \"\u062f\u0639\u0645 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0637\u0641\u064a\u0629 \u0648\u0627\u0644\u0633\u0644\u0648\u0643\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644\",\n                desc: \"\u062a\u0645\u062a\u062f \u0635\u062d\u0629 \u0627\u0644\u0637\u0641\u0644 \u0625\u0644\u0649 \u0645\u0627 \u0647\u0648 \u0623\u0628\u0639\u062f \u0645\u0646 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0628\u062f\u0646\u064a. \u064a\u0644\u0639\u0628 \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0639\u0627\u0637\u0641\u064a \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0648\u0627\u0644\u0633\u0644\u0648\u0643\u064a \u0623\u064a\u0636\u0627\u064b \u062f\u0648\u0631\u0627\u064b \u0645\u0647\u0645\u0627\u064b \u0641\u064a \u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629.\",\n                intro: \"\u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0622\u0628\u0627\u0621 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0641\u064a \u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u062e\u0627\u0648\u0641\u0647\u0645 \u0645\u0639 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0625\u0630\u0627 \u0644\u0627\u062d\u0638\u0648\u0627:\",\n                footer: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0628\u0643\u0631 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u062f\u0639\u0645 \u0625\u0636\u0627\u0641\u064a \u0623\u0648 \u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645.\",\n                list: [\n                    \"\u062a\u063a\u064a\u0631\u0627\u062a \u0645\u0633\u062a\u0645\u0631\u0629 \u0641\u064a \u0627\u0644\u0633\u0644\u0648\u0643\",\n                    \"\u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u0623\u0642\u0631\u0627\u0646\",\n                    \"\u062a\u0623\u062e\u0631 \u0641\u064a \u0627\u0644\u0643\u0644\u0627\u0645 \u0623\u0648 \u0627\u0644\u062a\u0648\u0627\u0635\u0644\",\n                    \"\u0642\u0644\u0642 \u0634\u062f\u064a\u062f \u0623\u0648 \u062a\u063a\u064a\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0632\u0627\u062c\",\n                    \"\u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u0631\u0643\u064a\u0632\",\n                    \"\u0645\u0634\u0627\u0643\u0644 \u0641\u064a \u0627\u0644\u0646\u0648\u0645 \u062a\u0633\u062a\u0645\u0631 \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a\"\n                ]\n            }\n        };\n\n        function initWellbeingSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? wellbeingData.ar : wellbeingData.en;\n            const section = document.getElementById('sh-peds-wellbeing-555');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-well-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-well-lang-kicker').style.fontFamily = data.body;\n            \n            document.getElementById('sh-well-lang-title').textContent = data.title;\n            document.getElementById('sh-well-lang-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-well-lang-desc').textContent = data.desc;\n            document.getElementById('sh-well-lang-desc').style.fontFamily = data.body;\n\n            document.getElementById('sh-well-lang-intro').textContent = data.intro;\n            document.getElementById('sh-well-lang-intro').style.fontFamily = data.font;\n\n            document.getElementById('sh-well-lang-footer').textContent = data.footer;\n            document.getElementById('sh-well-lang-footer').style.fontFamily = data.body;\n            \n            const listGrid = document.getElementById('sh-well-list-grid');\n            listGrid.innerHTML = '';\n            \n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-center bg-[#f8fbfd]\/50 p-3.5 rounded-xl border border-[#e4edf3] shadow-sm\";\n                li.innerHTML = `\n                    <span class=\"shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\">\n                        <svg width=\"14\" height=\"14\" 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\"\/><\/svg>\n                    <\/span>\n                    <span class=\"text-[15.5px] text-[#243b5a]\/90 font-medium leading-snug\" style=\"font-family: ${data.body};\">${item}<\/span>\n                `;\n                listGrid.appendChild(li);\n            });\n        }\n        \n        initWellbeingSection();\n        new MutationObserver(initWellbeingSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Highly Unique Scoped ID for Astra Breakout (Full Width Background) *\/\n    #sh-peds-questions-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: #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    \/* 2. Hex Pattern pseudo-element *\/\n    #sh-peds-questions-777::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. Container Max-Width 1475px *\/\n    #sh-peds-questions-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        position: relative;\n        z-index: 10;\n    }\n\n    \/* 4. 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\n    \/* Smooth Font Transitions *\/\n    #sh-peds-questions-777 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-peds-questions-777\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"grid lg:grid-cols-[1fr_1.3fr] gap-10 items-center\">\n            \n            <!-- Left Column: Image -->\n            <div class=\"sh-animate-up relative\">\n                <div class=\"absolute -top-6 -left-6 w-32 h-32 bg-[#138b86]\/10 rounded-full blur-2xl\"><\/div>\n                <div class=\"absolute -bottom-6 -right-6 w-40 h-40 bg-[#d97706]\/10 rounded-full blur-2xl\"><\/div>\n                <!-- \n                  FIXED IMAGE: \n                  Removed fixed heights (h-[400px] lg:h-[550px]). \n                  Added h-auto aspect-auto for perfect responsiveness.\n                -->\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pediatrician_6.webp\" \n                     alt=\"Parent asking a pediatrician questions about their child's health.\" \n                     class=\"rounded-3xl w-full h-auto aspect-auto object-contain shadow-lg relative z-10\" \n                     loading=\"lazy\">\n            <\/div>\n\n            <!-- Right Column: Content Card -->\n            <div class=\"bg-white rounded-3xl p-8 md:p-10 lg:p-12 border border-[#e4edf3] shadow-sm sh-animate-up\" style=\"animation-delay: 0.15s;\">\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-ques-lang-kicker\">Patient Education<\/span>\n                <\/div>\n                \n                <h2 id=\"sh-ques-lang-title\" class=\"text-[32px] md:text-[40px] font-bold leading-[1.1] text-[#243b5a] mb-4\" style=\"font-family: var(--font-display);\">\n                    Questions Parents Can Ask During a Pediatric Visit\n                <\/h2>\n                \n                <p id=\"sh-ques-lang-desc\" class=\"text-[#667085] text-[17px] leading-relaxed mb-6\">\n                    Preparing questions before an appointment helps families better understand their child&#8217;s health. Useful questions include:\n                <\/p>\n\n                <ul id=\"sh-ques-list-grid\" class=\"flex flex-col gap-3 mb-8\">\n                    <!-- Injected via JS -->\n                <\/ul>\n\n                <div class=\"p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3]\">\n                    <p id=\"sh-ques-lang-footer\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0 flex items-center gap-3\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#138b86\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n                        <span id=\"sh-ques-lang-footer-text\">These discussions strengthen communication between families and healthcare providers.<\/span>\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const quesData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Patient Education\", \n                title: \"Questions Parents Can Ask During a Pediatric Visit\",\n                desc: \"Preparing questions before an appointment helps families better understand their child's health. Useful questions include:\",\n                footer: \"These discussions strengthen communication between families and healthcare providers.\",\n                list: [\n                    \"Is my child's growth appropriate for their age?\",\n                    \"Are developmental milestones progressing normally?\",\n                    \"Is my child's vaccination schedule up to date?\",\n                    \"What nutritional changes would you recommend?\",\n                    \"Which symptoms should prompt urgent medical attention?\",\n                    \"How often should routine health checkups be scheduled?\",\n                    \"Are there preventive measures specific to my child's age?\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0645\u0631\u0636\u0649\", \n                title: \"\u0623\u0633\u0626\u0644\u0629 \u064a\u0645\u0643\u0646 \u0644\u0644\u0648\u0627\u0644\u062f\u064a\u0646 \u0637\u0631\u062d\u0647\u0627 \u0623\u062b\u0646\u0627\u0621 \u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\",\n                desc: \"\u064a\u0633\u0627\u0639\u062f \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0642\u0628\u0644 \u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0639\u0644\u0649 \u0641\u0647\u0645 \u0635\u062d\u0629 \u0623\u0637\u0641\u0627\u0644\u0647\u0645 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644. \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0641\u064a\u062f\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u062a\u0639\u0632\u0632 \u0647\u0630\u0647 \u0627\u0644\u0645\u0646\u0627\u0642\u0634\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0648\u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629.\",\n                list: [\n                    \"\u0647\u0644 \u0646\u0645\u0648 \u0637\u0641\u0644\u064a \u0645\u0646\u0627\u0633\u0628 \u0644\u0639\u0645\u0631\u0647\u061f\",\n                    \"\u0647\u0644 \u062a\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629 \u0628\u0634\u0643\u0644 \u0637\u0628\u064a\u0639\u064a\u061f\",\n                    \"\u0647\u0644 \u062c\u062f\u0648\u0644 \u062a\u0637\u0639\u064a\u0645\u0627\u062a \u0637\u0641\u0644\u064a \u0645\u062d\u062f\u062b\u061f\",\n                    \"\u0645\u0627 \u0647\u064a \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0648\u0635\u064a \u0628\u0647\u0627\u061f\",\n                    \"\u0645\u0627 \u0647\u064a \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062a\u064a \u062a\u062a\u0637\u0644\u0628 \u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0639\u0627\u062c\u0644\u0629\u061f\",\n                    \"\u0643\u0645 \u0645\u0631\u0629 \u064a\u062c\u0628 \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u061f\",\n                    \"\u0647\u0644 \u0647\u0646\u0627\u0643 \u062a\u062f\u0627\u0628\u064a\u0631 \u0648\u0642\u0627\u0626\u064a\u0629 \u062e\u0627\u0635\u0629 \u0628\u0639\u0645\u0631 \u0637\u0641\u0644\u064a\u061f\"\n                ]\n            }\n        };\n\n        const chatIcon = `\n            <span class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n            <\/span>\n        `;\n\n        function initQuesSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? quesData.ar : quesData.en;\n            const section = document.getElementById('sh-peds-questions-777');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-ques-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-ques-lang-kicker').style.fontFamily = data.body;\n            \n            document.getElementById('sh-ques-lang-title').textContent = data.title;\n            document.getElementById('sh-ques-lang-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-ques-lang-desc').textContent = data.desc;\n            document.getElementById('sh-ques-lang-desc').style.fontFamily = data.body;\n\n            document.getElementById('sh-ques-lang-footer-text').textContent = data.footer;\n            document.getElementById('sh-ques-lang-footer-text').style.fontFamily = data.body;\n            \n            const listGrid = document.getElementById('sh-ques-list-grid');\n            listGrid.innerHTML = '';\n            \n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start p-2.5 rounded-lg hover:bg-slate-50 transition-colors\";\n                li.innerHTML = `\n                    ${chatIcon}\n                    <span class=\"text-[16px] md:text-[17px] text-[#243b5a] font-medium leading-snug\" style=\"font-family: ${data.body};\">\"${item}\"<\/span>\n                `;\n                listGrid.appendChild(li);\n            });\n        }\n        \n        initQuesSection();\n        new MutationObserver(initQuesSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-peds-myths-grid-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; \/* 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-peds-myths-grid-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-peds-myths-grid-202 .sh-aw-text-start { text-align: left !important; }\n    #sh-peds-myths-grid-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-peds-myths-grid-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 (Updated to Teal) *\/\n    #sh-peds-myths-grid-202 .sh-aw-card {\n        background-color: rgba(19, 139, 134, 0.05) !important; \/* bg-teal\/5 *\/\n        border-radius: 1rem !important;\n        padding: 1.5rem !important;\n        display: flex !important;\n        gap: 1rem !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-peds-myths-grid-202[dir=\"ltr\"] .sh-aw-card { border-left: 4px solid #138b86 !important; border-right: none !important; }\n    #sh-peds-myths-grid-202[dir=\"rtl\"] .sh-aw-card { border-right: 4px solid #138b86 !important; border-left: none !important; }\n\n    @media (min-width: 768px) {\n        #sh-peds-myths-grid-202 .sh-aw-card:hover {\n            transform: translateY(-4px) !important;\n            box-shadow: 0 10px 20px rgba(19, 139, 134, 0.15) !important;\n        }\n    }\n<\/style>\n\n<section id=\"sh-peds-myths-grid-202\" dir=\"ltr\">\n    <div class=\"sh-aw-wrapper\">\n        \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\">Patient Education<\/span>\n            <\/div>\n            <h2 id=\"sh-aw-lang-title\" class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight mb-5\" style=\"font-family: var(--font-display);\">\n                Common Parenting Myths About Children&#8217;s Health\n            <\/h2>\n            <p id=\"sh-aw-lang-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed\">\n                Parents often receive conflicting advice from friends, family, and online sources. Understanding the facts helps families make informed decisions.\n            <\/p>\n        <\/div>\n\n        <div id=\"sh-aw-lang-grid\" class=\"grid sm:grid-cols-2 gap-6 sh-aw-animate\" style=\"animation-delay: 0.1s;\">\n            <!-- Cards injected via JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data Dictionary for EN and AR\n        const shAwData = {\n            en: {\n                kicker: \"Patient Education\",\n                title: \"Common Parenting Myths About Children's Health\",\n                desc: \"Parents often receive conflicting advice from friends, family, and online sources. Understanding the facts helps families make informed decisions.\",\n                items: [\n                    {\n                        q: `\"A child with no fever doesn't need medical evaluation.\"`,\n                        a: \"Some childhood illnesses occur without fever. Persistent cough, breathing difficulty, dehydration, poor feeding, or unusual behavior should still be assessed.\"\n                    },\n                    {\n                        q: `\"Antibiotics are needed for every infection.\"`,\n                        a: \"Many childhood illnesses are caused by viruses, and antibiotics are effective only against bacterial infections. A pediatrician determines when antibiotic treatment is appropriate.\"\n                    },\n                    {\n                        q: `\"Children naturally outgrow every developmental delay.\"`,\n                        a: \"While some variations in development are normal, persistent delays should be evaluated rather than ignored. Early intervention may improve long-term outcomes.\"\n                    },\n                    {\n                        q: `\"A child should avoid all physical activity after recovering from illness.\"`,\n                        a: \"Most children can gradually return to normal activities after recovery, following guidance from their healthcare provider and based on the nature of the illness.\"\n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0645\u0631\u0636\u0649\",\n                title: \"\u062e\u0631\u0627\u0641\u0627\u062a \u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 \u0635\u062d\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\",\n                desc: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u062a\u0644\u0642\u0649 \u0627\u0644\u0622\u0628\u0627\u0621 \u0646\u0635\u0627\u0626\u062d \u0645\u062a\u0636\u0627\u0631\u0628\u0629 \u0645\u0646 \u0627\u0644\u0623\u0635\u062f\u0642\u0627\u0621 \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u0629 \u0648\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a. \u064a\u0633\u0627\u0639\u062f \u0641\u0647\u0645 \u0627\u0644\u062d\u0642\u0627\u0626\u0642 \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0633\u062a\u0646\u064a\u0631\u0629.\",\n                items: [\n                    {\n                        q: `\"\u0627\u0644\u0637\u0641\u0644 \u0627\u0644\u0630\u064a \u0644\u0627 \u064a\u0639\u0627\u0646\u064a \u0645\u0646 \u062d\u0645\u0649 \u0644\u0627 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0637\u0628\u064a.\"`,\n                        a: \"\u062a\u062d\u062f\u062b \u0628\u0639\u0636 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u062f\u0648\u0646 \u062d\u0645\u0649. \u064a\u062c\u0628 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0639\u0627\u0644 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u060c \u0623\u0648 \u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u062a\u0646\u0641\u0633\u060c \u0623\u0648 \u0627\u0644\u062c\u0641\u0627\u0641\u060c \u0623\u0648 \u0633\u0648\u0621 \u0627\u0644\u062a\u063a\u0630\u064a\u0629\u060c \u0623\u0648 \u0627\u0644\u0633\u0644\u0648\u0643 \u063a\u064a\u0631 \u0627\u0644\u0645\u0639\u062a\u0627\u062f \u0628\u063a\u0636 \u0627\u0644\u0646\u0638\u0631 \u0639\u0646 \u0627\u0644\u062d\u0645\u0649.\"\n                    },\n                    {\n                        q: `\"\u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0636\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0644\u0643\u0644 \u0639\u062f\u0648\u0649.\"`,\n                        a: \"\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u062a\u0633\u0628\u0628\u0647\u0627 \u0627\u0644\u0641\u064a\u0631\u0648\u0633\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0636\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0641\u0639\u0627\u0644\u0629 \u0641\u0642\u0637 \u0636\u062f \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u0643\u062a\u064a\u0631\u064a\u0629. \u064a\u062d\u062f\u062f \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u062a\u0649 \u064a\u0643\u0648\u0646 \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0627\u0644\u0645\u0636\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0645\u0646\u0627\u0633\u0628\u0627\u064b.\"\n                    },\n                    {\n                        q: `\"\u064a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0637\u0628\u064a\u0639\u064a\u0627\u064b \u0643\u0644 \u062a\u0623\u062e\u0631 \u0646\u0645\u0627\u0626\u064a.\"`,\n                        a: \"\u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u0628\u0639\u0636 \u0627\u0644\u0627\u062e\u062a\u0644\u0627\u0641\u0627\u062a \u0641\u064a \u0627\u0644\u0646\u0645\u0648 \u0623\u0645\u0631 \u0637\u0628\u064a\u0639\u064a\u060c \u0625\u0644\u0627 \u0623\u0646\u0647 \u064a\u062c\u0628 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u062a\u062c\u0627\u0647\u0644\u0647\u0627. \u0642\u062f \u064a\u0624\u062f\u064a \u0627\u0644\u062a\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0643\u0631 \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\"\n                    },\n                    {\n                        q: `\"\u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0637\u0641\u0644 \u062a\u062c\u0646\u0628 \u0643\u0644 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a \u0628\u0639\u062f \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0645\u0646 \u0627\u0644\u0645\u0631\u0636.\"`,\n                        a: \"\u064a\u0645\u0643\u0646 \u0644\u0645\u0639\u0638\u0645 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0639\u0648\u062f\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b \u0625\u0644\u0649 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0628\u0639\u062f \u0627\u0644\u062a\u0639\u0627\u0641\u064a\u060c \u0628\u0627\u062a\u0628\u0627\u0639 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0645\u0642\u062f\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0645\u0631\u0636.\"\n                    }\n                ]\n            }\n        };\n\n        \/\/ Alert SVG Icon (Teal 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.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#138b86] mt-1 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/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-peds-myths-grid-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            \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                    <div class=\"flex flex-col gap-2\">\n                        <span class=\"text-[#243b5a] text-[17px] font-bold leading-snug\" style=\"font-family: var(--font-display);\">${item.q}<\/span>\n                        <span class=\"text-[#596b82] text-[15.5px] leading-relaxed\">${item.a}<\/span>\n                    <\/div>\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<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-peds-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-peds-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-peds-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-peds-faq-303 .sh-faq-text-start { text-align: left !important; }\n    #sh-peds-faq-303[dir=\"rtl\"] .sh-faq-text-start { text-align: right !important; }\n    \n    \/* Chevron flip for RTL *\/\n    #sh-peds-faq-303[dir=\"rtl\"] .sh-faq-btn .sh-chevron { margin-right: auto; margin-left: 0; }\n    #sh-peds-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-peds-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-peds-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-peds-faq-303 .sh-faq-item.active .sh-faq-content {\n        padding-top: 1rem;\n        padding-bottom: 1.5rem;\n    }\n    #sh-peds-faq-303 .sh-faq-item.active .sh-chevron {\n        transform: rotate(180deg);\n    }\n    #sh-peds-faq-303 .sh-chevron {\n        transition: transform 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-peds-faq-303\" dir=\"ltr\">\n    <div class=\"sh-faq-wrapper\">\n        \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        <div id=\"sh-faq-accordion-list\" class=\"space-y-3 max-w-4xl mx-auto sh-faq-animate\" style=\"animation-delay: 0.1s;\">\n            <!-- Accordions injected via JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\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: \"What does a pediatrician treat?\", \n                        a: \"A pediatrician provides medical care for newborns, infants, children, and adolescents. Services include diagnosis and treatment of childhood illnesses, growth and developmental monitoring, vaccinations, nutrition guidance, allergy management, preventive healthcare, and management of chronic childhood conditions.\" \n                    },\n                    { \n                        q: \"How often should children have routine pediatric checkups?\", \n                        a: \"The frequency of visits depends on the child's age and health needs. Newborns and infants require more frequent assessments, while older children benefit from regular well-child visits to monitor growth, development, and preventive healthcare.\" \n                    },\n                    { \n                        q: \"When should I take my child to a pediatrician instead of treating symptoms at home?\", \n                        a: \"Medical evaluation is recommended if symptoms persist, worsen, or include high fever, breathing difficulty, dehydration, repeated vomiting, severe pain, unusual drowsiness, or changes in normal behavior.\" \n                    },\n                    { \n                        q: \"Can pediatricians monitor my child's growth and development?\", \n                        a: \"Yes. Pediatricians routinely assess height, weight, developmental milestones, nutrition, and overall health to ensure children are progressing appropriately for their age.\" \n                    },\n                    { \n                        q: \"Why are vaccinations important for children?\", \n                        a: \"Vaccinations help protect children from several serious infectious diseases by supporting the body's immune response before exposure to those illnesses.\" \n                    },\n                    { \n                        q: \"What should I bring to my child's pediatric appointment?\", \n                        a: \"Parents should bring vaccination records, previous medical reports if available, a list of current medications, and details about symptoms or concerns they wish to discuss during the consultation.\" \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\",\n                faqs: [\n                    { \n                        q: \"\u0645\u0627 \u0647\u064a \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0639\u0627\u0644\u062c\u0647\u0627 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\u061f\", \n                        a: \"\u064a\u0642\u062f\u0645 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0644\u062d\u062f\u064a\u062b\u064a \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0648\u0627\u0644\u0631\u0636\u0639 \u0648\u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0645\u0631\u0627\u0647\u0642\u064a\u0646. \u062a\u0634\u0645\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u062a\u0634\u062e\u064a\u0635 \u0648\u0639\u0644\u0627\u062c \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0637\u0641\u0648\u0644\u0629\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631\u060c \u0648\u0627\u0644\u062a\u0637\u0639\u064a\u0645\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u0627\u0644\u0645\u0632\u0645\u0646\u0629.\" \n                    },\n                    { \n                        q: \"\u0643\u0645 \u0645\u0631\u0629 \u064a\u062c\u0628 \u0623\u0646 \u064a\u062e\u0636\u0639 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u061f\", \n                        a: \"\u062a\u0639\u062a\u0645\u062f \u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0639\u0645\u0631 \u0627\u0644\u0637\u0641\u0644 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647 \u0627\u0644\u0635\u062d\u064a\u0629. \u064a\u062d\u062a\u0627\u062c \u062d\u062f\u064a\u062b\u0648 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0648\u0627\u0644\u0631\u0636\u0639 \u0625\u0644\u0649 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0623\u0643\u062b\u0631 \u062a\u0643\u0631\u0627\u0631\u0627\u064b\u060c \u0628\u064a\u0646\u0645\u0627 \u064a\u0633\u062a\u0641\u064a\u062f \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0623\u0643\u0628\u0631 \u0633\u0646\u0627\u064b \u0645\u0646 \u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0641\u0644 \u0627\u0644\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631 \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629.\" \n                    },\n                    { \n                        q: \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0623\u0646 \u0622\u062e\u0630 \u0637\u0641\u0644\u064a \u0625\u0644\u0649 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0641\u064a \u0627\u0644\u0645\u0646\u0632\u0644\u061f\", \n                        a: \"\u064a\u0648\u0635\u0649 \u0628\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0625\u0630\u0627 \u0627\u0633\u062a\u0645\u0631\u062a \u0627\u0644\u0623\u0639\u0631\u0627\u0636\u060c \u0623\u0648 \u0633\u0627\u0621\u062a\u060c \u0623\u0648 \u0634\u0645\u0644\u062a \u0627\u0631\u062a\u0641\u0627\u0639\u0627\u064b \u0641\u064a \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629\u060c \u0623\u0648 \u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u0633\u060c \u0623\u0648 \u062c\u0641\u0627\u0641\u0627\u064b\u060c \u0623\u0648 \u0642\u064a\u0626\u0627\u064b \u0645\u062a\u0643\u0631\u0631\u0627\u064b\u060c \u0623\u0648 \u0623\u0644\u0645\u0627\u064b \u0634\u062f\u064a\u062f\u0627\u064b\u060c \u0623\u0648 \u0646\u064f\u0639\u0627\u0633\u0627\u064b \u063a\u064a\u0631 \u0639\u0627\u062f\u064a\u060c \u0623\u0648 \u062a\u063a\u064a\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0644\u0648\u0643 \u0627\u0644\u0637\u0628\u064a\u0639\u064a.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u0631\u0627\u0642\u0628\u0629 \u0646\u0645\u0648 \u0637\u0641\u0644\u064a \u0648\u062a\u0637\u0648\u0631\u0647\u061f\", \n                        a: \"\u0646\u0639\u0645. \u064a\u0642\u064a\u0651\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u0627\u0646\u062a\u0638\u0627\u0645 \u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0648\u0632\u0646 \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062a\u063a\u0630\u064a\u0629 \u0648\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0642\u062f\u0645 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0628\u0634\u0643\u0644 \u0645\u0646\u0627\u0633\u0628 \u0644\u0639\u0645\u0631\u0647\u0645.\" \n                    },\n                    { \n                        q: \"\u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u062a\u0637\u0639\u064a\u0645\u0627\u062a \u0645\u0647\u0645\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644\u061f\", \n                        a: \"\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0637\u0639\u064a\u0645\u0627\u062a \u0641\u064a \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u0646 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0639\u062f\u064a\u0629 \u0627\u0644\u062e\u0637\u064a\u0631\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0639\u0645 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0645\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u062c\u0633\u0645 \u0642\u0628\u0644 \u0627\u0644\u062a\u0639\u0631\u0636 \u0644\u062a\u0644\u0643 \u0627\u0644\u0623\u0645\u0631\u0627\u0636.\" \n                    },\n                    { \n                        q: \"\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062c\u0628 \u0623\u0646 \u0623\u062d\u0636\u0631\u0647 \u0645\u0639\u064a \u0641\u064a \u0645\u0648\u0639\u062f \u0637\u0628\u064a\u0628 \u0623\u0637\u0641\u0627\u0644 \u0637\u0641\u0644\u064a\u061f\", \n                        a: \"\u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0622\u0628\u0627\u0621 \u0625\u062d\u0636\u0627\u0631 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u062a\u0637\u0639\u064a\u0645\u060c \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0625\u0630\u0627 \u062a\u0648\u0641\u0631\u062a\u060c \u0648\u0642\u0627\u0626\u0645\u0629 \u0628\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\u060c \u0648\u062a\u0641\u0627\u0635\u064a\u0644 \u062d\u0648\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0623\u0648 \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u062a\u064a \u064a\u0631\u063a\u0628\u0648\u0646 \u0641\u064a \u0645\u0646\u0627\u0642\u0634\u062a\u0647\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629.\" \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-peds-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-peds-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<style>\n    \/* 1. Scoped ID & Breakout Width for Astra *\/\n    #sh-peds-why-900 {\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: #243b5a !important; \/* Deep Navy Blue for strong footer presence *\/\n        overflow: hidden !important;\n        padding-top: 6rem !important;\n        padding-bottom: 6rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Subtle Background Pattern *\/\n    #sh-peds-why-900::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='%23ffffff' stroke-opacity='0.03' 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-peds-why-900 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1200px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        text-align: center;\n    }\n\n    \/* Remove Links Underline & Default Button Styles *\/\n    #sh-peds-why-900 a, #sh-peds-why-900 button {\n        text-decoration: none !important;\n        outline: none !important;\n        border: none;\n        cursor: pointer;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUpWhy {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUpWhy 0.8s ease forwards; }\n<\/style>\n\n<section id=\"sh-peds-why-900\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"sh-animate-up\">\n            <div class=\"w-16 h-16 mx-auto bg-white\/10 rounded-full flex items-center justify-center mb-6\">\n                <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#138b86\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n            <\/div>\n            \n            <h2 id=\"sh-why-lang-title\" class=\"text-[32px] md:text-[44px] font-bold leading-[1.15] text-white mb-10\" style=\"font-family: var(--font-display);\">\n                Why Choose Shefa Hospital for Pediatric Care in Makkah?\n            <\/h2>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-3 gap-8 text-left sh-animate-up\" style=\"animation-delay: 0.15s;\" id=\"sh-why-grid\">\n            \n            <div class=\"bg-white\/5 rounded-2xl p-6 md:p-8 border border-white\/10 hover:bg-white\/10 transition-colors duration-300\">\n                <p id=\"sh-why-lang-p1\" class=\"text-slate-300 text-[16px] md:text-[17px] leading-relaxed m-0\">\n                    Parents looking for the best pediatrician in Makkah want medical care that supports their child&#8217;s health from infancy through adolescence. Pediatric care involves much more than treating illnesses\u2014it includes preventive medicine, developmental monitoring, nutritional guidance, and family education.\n                <\/p>\n            <\/div>\n\n            <div class=\"bg-white\/5 rounded-2xl p-6 md:p-8 border border-white\/10 hover:bg-white\/10 transition-colors duration-300\">\n                <p id=\"sh-why-lang-p2\" class=\"text-slate-300 text-[16px] md:text-[17px] leading-relaxed m-0\">\n                    Located in Al Mansur, Makkah, Shefa Hospital provides hospital-based pediatric services for newborns, infants, children, and adolescents. Supported by diagnostic services, emergency care, laboratory facilities, and collaboration with multiple medical specialties, the hospital offers comprehensive evaluation for both routine healthcare needs and childhood illnesses.\n                <\/p>\n            <\/div>\n\n            <div class=\"bg-white\/5 rounded-2xl p-6 md:p-8 border border-white\/10 hover:bg-white\/10 transition-colors duration-300\">\n                <p id=\"sh-why-lang-p3\" class=\"text-slate-300 text-[16px] md:text-[17px] leading-relaxed m-0\">\n                    Whether your child requires treatment for an acute illness, developmental assessment, routine health checkups, vaccination guidance, or long-term monitoring of a chronic condition, the focus remains on providing age-appropriate, evidence-based pediatric care in a supportive environment.\n                <\/p>\n            <\/div>\n\n        <\/div>\n        \n        <!-- Action Buttons (Properly responsive and centered) -->\n        <div class=\"mt-10 flex flex-wrap justify-center items-center gap-4 sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            \n            <!-- Book Appointment Button (Triggers global modal via ID) -->\n            <button id=\"sh-trigger-modal-btn\" class=\"shefa-popup-trigger 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-why-lang-btn1\">Book Appointment<\/span>\n            <\/button>\n            \n            <!-- Call Dialer Button -->\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-why-lang-btn2\">+966 12 533 3555<\/span>\n            <\/a>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const whyData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                title: \"Why Choose Shefa Hospital for Pediatric Care in Makkah?\",\n                p1: \"Parents looking for the best pediatrician in Makkah want medical care that supports their child's health from infancy through adolescence. Pediatric care involves much more than treating illnesses\u2014it includes preventive medicine, developmental monitoring, nutritional guidance, and family education.\",\n                p2: \"Located in Al Mansur, Makkah, Shefa Hospital provides hospital-based pediatric services for newborns, infants, children, and adolescents. Supported by diagnostic services, emergency care, laboratory facilities, and collaboration with multiple medical specialties, the hospital offers comprehensive evaluation for both routine healthcare needs and childhood illnesses.\",\n                p3: \"Whether your child requires treatment for an acute illness, developmental assessment, routine health checkups, vaccination guidance, or long-term monitoring of a chronic condition, the focus remains on providing age-appropriate, evidence-based pediatric care in a supportive environment.\",\n                btnAppt: \"Book Appointment\",\n                btnCall: \"+966 12 533 3555\"\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0644\u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0645\u0643\u0629\u061f\",\n                p1: \"\u064a\u0628\u062d\u062b \u0627\u0644\u0622\u0628\u0627\u0621 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628 \u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0645\u0643\u0629 \u0639\u0646 \u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u062a\u062f\u0639\u0645 \u0635\u062d\u0629 \u0623\u0637\u0641\u0627\u0644\u0647\u0645 \u0645\u0646 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0636\u0627\u0639\u0629 \u0648\u062d\u062a\u0649 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0629. \u064a\u0634\u0645\u0644 \u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0623\u0643\u062b\u0631 \u0628\u0643\u062b\u064a\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0639\u0644\u0627\u062c \u0627\u0644\u0623\u0645\u0631\u0627\u0636 - \u0641\u0647\u0648 \u064a\u0634\u0645\u0644 \u0627\u0644\u0637\u0628 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648\u060c \u0648\u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u060c \u0648\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0623\u0633\u0631\u0629.\",\n                p2: \"\u064a\u0642\u0639 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0641\u064a \u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u0628\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0648\u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u062d\u062f\u064a\u062b\u064a \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0648\u0627\u0644\u0631\u0636\u0639 \u0648\u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u0645\u0631\u0627\u0647\u0642\u064a\u0646. \u0648\u0628\u062f\u0639\u0645 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\u060c \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0648\u0627\u0631\u0626\u060c \u0648\u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u062a\u062e\u0635\u0635\u0627\u062a \u0637\u0628\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629\u060c \u064a\u0642\u062f\u0645 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0634\u0627\u0645\u0644\u0627\u064b \u0644\u0643\u0644 \u0645\u0646 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0648\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0637\u0641\u0648\u0644\u0629.\",\n                p3: \"\u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0637\u0641\u0644\u0643 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0639\u0644\u0627\u062c \u0644\u0645\u0631\u0636 \u062d\u0627\u062f\u060c \u0623\u0648 \u062a\u0642\u064a\u064a\u0645 \u0644\u0644\u0646\u0645\u0648\u060c \u0623\u0648 \u0641\u062d\u0648\u0635\u0627\u062a \u0635\u062d\u064a\u0629 \u0631\u0648\u062a\u064a\u0646\u064a\u0629\u060c \u0623\u0648 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u062a\u0637\u0639\u064a\u0645\u060c \u0623\u0648 \u0645\u0631\u0627\u0642\u0628\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0644\u062d\u0627\u0644\u0629 \u0645\u0632\u0645\u0646\u0629\u060c \u064a\u0638\u0644 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0631\u0639\u0627\u064a\u0629 \u0623\u0637\u0641\u0627\u0644 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0639\u0645\u0631 \u0648\u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0644\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u062f\u0627\u0639\u0645\u0629.\",\n                btnAppt: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"+966 12 533 3555\"\n            }\n        };\n\n        function initWhySection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? whyData.ar : whyData.en;\n            const section = document.getElementById('sh-peds-why-900');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Handle RTL alignment for the grid boxes\n            const grid = document.getElementById('sh-why-grid');\n            if (isRtl) {\n                grid.classList.remove('text-left');\n                grid.classList.add('text-right');\n            } else {\n                grid.classList.remove('text-right');\n                grid.classList.add('text-left');\n            }\n\n            \/\/ Text Injections\n            document.getElementById('sh-why-lang-title').textContent = data.title;\n            document.getElementById('sh-why-lang-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-why-lang-p1').textContent = data.p1;\n            document.getElementById('sh-why-lang-p1').style.fontFamily = data.body;\n            \n            document.getElementById('sh-why-lang-p2').textContent = data.p2;\n            document.getElementById('sh-why-lang-p2').style.fontFamily = data.body;\n            \n            document.getElementById('sh-why-lang-p3').textContent = data.p3;\n            document.getElementById('sh-why-lang-p3').style.fontFamily = data.body;\n\n            \/\/ Buttons Injections\n            const btnAppt = document.getElementById('sh-why-lang-btn1');\n            const btnCall = document.getElementById('sh-why-lang-btn2');\n            if (btnAppt) btnAppt.textContent = data.btnAppt;\n            if (btnCall) btnCall.textContent = data.btnCall;\n        }\n        \n        initWhySection();\n        new MutationObserver(initWhySection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-peds-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-peds-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 *\/\n    #sh-peds-book-505 .sh-book-wrapper {\n        width: 100% !important;\n        max-width: 1200px !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-peds-book-505 .sh-text-center { text-align: center !important; }\n    #sh-peds-book-505 .sh-text-start { text-align: left !important; }\n    #sh-peds-book-505[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* 4. Remove Links Underline & Default Button Reset *\/\n    #sh-peds-book-505 a, #sh-peds-book-505 button {\n        text-decoration: none !important;\n        outline: none !important;\n        border: none;\n        cursor: pointer;\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-peds-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-peds-book-505\" dir=\"ltr\">\n    \n    <div class=\"sh-bg-layer\">\n        <div class=\"absolute inset-0\" style=\"background: linear-gradient(135deg, rgba(36, 59, 90, 0.95) 0%, rgba(36, 59, 90, 0.85) 50%, rgba(19, 139, 134, 0.90) 100%);\"><\/div>\n    <\/div>\n\n    <div class=\"sh-book-wrapper text-white relative z-10\">\n        \n        <div class=\"sh-animate sh-text-center\">\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-[#4fd1c5]\"><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\">Summary<\/span>\n            <\/div>\n            \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        <\/div>\n        \n        <div class=\"grid lg:grid-cols-2 gap-10 mt-12 sh-animate\" style=\"animation-delay: 0.15s;\">\n            \n            <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 rounded-3xl p-8 shadow-lg sh-text-start\">\n                <h3 id=\"sh-book-lang-ta-title\" class=\"text-[26px] font-bold text-white mb-6\" style=\"font-family: var(--font-display);\"><\/h3>\n                <ul id=\"sh-book-lang-list\" class=\"space-y-4\">\n                    <!-- List injected via JS -->\n                <\/ul>\n            <\/div>\n\n            <div class=\"sh-text-start flex flex-col justify-center\">\n                <h3 id=\"sh-book-lang-concl-title\" class=\"text-[26px] font-bold text-[#4fd1c5] mb-5\" style=\"font-family: var(--font-display);\"><\/h3>\n                <div class=\"space-y-5 text-white\/90 text-[17px] md:text-[18px] leading-relaxed font-normal\">\n                    <p id=\"sh-book-lang-p1\" class=\"m-0\"><\/p>\n                    <p id=\"sh-book-lang-p2\" class=\"m-0 [&#038;_strong]:text-white [&#038;_strong]:font-bold\"><\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n        \n        <!-- Action Buttons Container -->\n        <div class=\"mt-12 flex flex-wrap justify-center items-center gap-4 sh-animate\" style=\"animation-delay: 0.3s;\">\n            <!-- Book Appointment Button (Triggers global modal via ID and Class) -->\n            <button id=\"sh-trigger-modal-btn\" class=\"shefa-popup-trigger inline-flex items-center gap-2.5 bg-[#d97706] text-white rounded-full px-8 py-4 font-bold hover:bg-[#b46305] 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            <\/button>\n            \n            <!-- Call Dialer Button -->\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\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ --- Translation Data ---\n        const pedsBookData = {\n            en: {\n                kicker: \"Summary\",\n                title: \"Key Takeaways & Conclusion\",\n                takeawaysTitle: \"Key Takeaways\",\n                takeaways: [\n                    \"Pediatric care supports children's physical, emotional, and developmental health from birth through adolescence.\",\n                    \"Routine checkups help monitor growth, identify health concerns early, and provide preventive care.\",\n                    \"Healthy nutrition, immunization, developmental monitoring, and family education contribute to long-term wellbeing.\",\n                    \"Parents should seek prompt medical attention when children develop severe or unusual symptoms.\",\n                    \"Hospital-based pediatric services provide coordinated care for routine health needs, childhood illnesses, and ongoing medical conditions.\"\n                ],\n                conclusionTitle: \"Conclusion\",\n                p1: \"Children require healthcare that evolves with each stage of growth and development. Regular pediatric care helps families manage illnesses, monitor developmental progress, encourage healthy habits, and identify medical concerns before they become more serious.\",\n                p2: \"For families searching for the <a href='https:\/\/shefahospital.sa\/medical-laboratory-makkah\/' style='color:#4fd1c5; text-decoration:underline; font-weight:bold;'>best pediatrician in Makkah<\/a>, <strong>Shefa Hospital<\/strong> in <strong>Al Mansur<\/strong> provides comprehensive pediatric services supported by hospital-based diagnostics, emergency care, and multidisciplinary medical expertise. From newborn care and routine checkups to childhood illnesses and adolescent health, the hospital is committed to supporting children and their families with compassionate, evidence-based medical care.\",\n                btnAppt: \"Book Appointment\",\n                btnCall: \"+966 12 533 3555\"\n            },\n            ar: {\n                kicker: \"\u062e\u0644\u0627\u0635\u0629\",\n                title: \"\u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637 \u0648\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                takeawaysTitle: \"\u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637\",\n                takeaways: [\n                    \"\u064a\u062f\u0639\u0645 \u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0637\u0641\u064a\u0629 \u0648\u0627\u0644\u0646\u0645\u0627\u0626\u064a\u0629 \u0644\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u0646 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0648\u062d\u062a\u0649 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0629.\",\n                    \"\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0641\u064a \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0635\u062d\u064a\u0629 \u0645\u0628\u0643\u0631\u064b\u0627 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629.\",\n                    \"\u062a\u0633\u0627\u0647\u0645 \u0627\u0644\u062a\u063a\u0630\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0635\u064a\u0646 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0646\u0645\u0648 \u0648\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0623\u0633\u0631\u0629 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\",\n                    \"\u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0622\u0628\u0627\u0621 \u0637\u0644\u0628 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u0639\u0646\u062f\u0645\u0627 \u062a\u0638\u0647\u0631 \u0639\u0644\u0649 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0623\u0639\u0631\u0627\u0636 \u0634\u062f\u064a\u062f\u0629 \u0623\u0648 \u063a\u064a\u0631 \u0639\u0627\u062f\u064a\u0629.\",\n                    \"\u062a\u0648\u0641\u0631 \u062e\u062f\u0645\u0627\u062a \u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0639\u0627\u064a\u0629 \u0645\u0646\u0633\u0642\u0629 \u0644\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0648\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629.\"\n                ],\n                conclusionTitle: \"\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                p1: \"\u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0625\u0644\u0649 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u062a\u062a\u0637\u0648\u0631 \u0645\u0639 \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631. \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0644\u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0646\u0645\u0627\u0626\u064a \u0648\u062a\u0634\u062c\u064a\u0639 \u0627\u0644\u0639\u0627\u062f\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0637\u0628\u064a\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0635\u0628\u062d \u0623\u0643\u062b\u0631 \u062e\u0637\u0648\u0631\u0629.\",\n                p2: \"\u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0628\u062d\u062b \u0639\u0646 <a href='https:\/\/shefahospital.sa\/medical-laboratory-makkah\/' style='color:#4fd1c5; text-decoration:underline; font-weight:bold;'>\u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628 \u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0645\u0643\u0629<\/a>\u060c \u064a\u0642\u062f\u0645 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/strong> \u0641\u064a \u062d\u064a <strong>\u0627\u0644\u0645\u0646\u0635\u0648\u0631<\/strong> \u062e\u062f\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u062a\u0634\u062e\u064a\u0635\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a. \u0645\u0646 \u0631\u0639\u0627\u064a\u0629 \u062d\u062f\u064a\u062b\u064a \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0648\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0625\u0644\u0649 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0637\u0641\u0648\u0644\u0629 \u0648\u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u064a\u0646\u060c \u064a\u0644\u062a\u0632\u0645 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0628\u062f\u0639\u0645 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0639\u0627\u0626\u0644\u0627\u062a\u0647\u0645 \u0628\u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0631\u062d\u064a\u0645\u0629 \u0648\u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0644\u0629.\",\n                btnAppt: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"+966 12 533 3555\"\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#4fd1c5] text-[#243b5a] flex items-center justify-center shadow-sm\"><svg width=\"14\" height=\"14\" 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 shInitBookData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? pedsBookData.ar : pedsBookData.en;\n            \n            const section = document.getElementById('sh-peds-book-505');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Content Texts\n            document.getElementById('sh-book-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-book-lang-title').textContent = data.title;\n            \n            document.getElementById('sh-book-lang-ta-title').textContent = data.takeawaysTitle;\n            document.getElementById('sh-book-lang-concl-title').textContent = data.conclusionTitle;\n            \n            document.getElementById('sh-book-lang-p1').textContent = data.p1;\n            document.getElementById('sh-book-lang-p2').innerHTML = data.p2; \/\/ innerHTML for strong tags\n            \n            document.getElementById('sh-book-lang-btn1').textContent = data.btnAppt;\n            document.getElementById('sh-book-lang-btn2').textContent = data.btnCall;\n\n            \/\/ Inject List\n            const listContainer = document.getElementById('sh-book-lang-list');\n            listContainer.innerHTML = data.takeaways.map(item => `\n                <li class=\"flex items-start gap-3\">\n                    ${checkIcon}\n                    <span class=\"text-white\/95 text-[16px] leading-relaxed\">${item}<\/span>\n                <\/li>\n            `).join('');\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    \/* 1. Scoped ID for Clean Astra-proof Layout *\/\n    #sh-peds-disclaimer-101 {\n        width: 100%;\n        box-sizing: border-box;\n    }\n\n    \/* 2. Entrance Animation *\/\n    @keyframes shFadeInUpAlert {\n        from { opacity: 0; transform: translateY(15px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-peds-disclaimer-101 .sh-alert-animate {\n        opacity: 0;\n        animation: shFadeInUpAlert 0.5s ease-out forwards;\n    }\n\n    \/* 3. RTL \/ LTR Text Alignment *\/\n    #sh-peds-disclaimer-101 .sh-text-start { text-align: left; }\n    #sh-peds-disclaimer-101[dir=\"rtl\"] .sh-text-start { text-align: right; }\n<\/style>\n\n<section id=\"sh-peds-disclaimer-101\" class=\"py-10 md:py-16 w-full\" dir=\"ltr\">\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-md hover:border-slate-300 sh-alert-animate\">\n            \n            <!-- Icon -->\n            <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-xl bg-white border border-slate-200 text-[#138b86] 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            <!-- Content -->\n            <div class=\"sh-text-start flex-1\">\n                <h3 id=\"sh-disc-lang-title\" class=\"text-lg md:text-[20px] font-bold text-slate-900 mb-3 tracking-tight\" style=\"font-family: var(--font-display);\"><\/h3>\n                \n                <ul class=\"text-[13.5px] md:text-sm text-slate-700 space-y-1 mb-4\" style=\"font-family: var(--font-body);\">\n                    <li id=\"sh-disc-lang-rev\"><\/li>\n                    <li id=\"sh-disc-lang-date\"><\/li>\n                    <li id=\"sh-disc-lang-acc\"><\/li>\n                <\/ul>\n\n                <p id=\"sh-disc-lang-desc\" class=\"text-[13.5px] md:text-[14.5px] text-slate-600 leading-relaxed m-0\" style=\"font-family: var(--font-body);\"><\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const discData = {\n            en: {\n                title: \"Medical Review & Disclaimer\",\n                rev: \"<strong>Reviewed By:<\/strong> Dr. Mohammed Ghannam, Consultant Pediatric (Languages: Arabic, English)\",\n                date: \"<strong>Last Updated:<\/strong> July 2026\",\n                acc: \"<strong>Hospital Accreditation:<\/strong> CBAHI Accredited Facility\",\n                desc: \"<strong>Disclaimer:<\/strong> The information provided on this page is intended for educational purposes only and should not replace professional medical advice, diagnosis, or treatment. Every child has unique healthcare needs, and medical decisions should always be based on an individual clinical evaluation by a qualified healthcare professional. If your child develops severe breathing difficulty, seizures, persistent unconsciousness, serious injury, or other emergency symptoms, seek immediate medical attention without delay.\"\n            },\n            ar: {\n                title: \"\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0625\u062e\u0644\u0627\u0621 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629\",\n                rev: \"<strong>\u0645\u0631\u0627\u062c\u0639\u0629 \u0637\u0628\u064a\u0629:<\/strong> \u062f. \u0645\u062d\u0645\u062f \u063a\u0646\u0627\u0645\u060c \u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 (\u0627\u0644\u0644\u063a\u0627\u062a: \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629)\",\n                date: \"<strong>\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:<\/strong> \u064a\u0648\u0644\u064a\u0648 2026\",\n                acc: \"<strong>\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649:<\/strong> \u0645\u0646\u0634\u0623\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646 \u0633\u0628\u0627\u0647\u064a (CBAHI)\",\n                desc: \"<strong>\u0625\u062e\u0644\u0627\u0621 \u0645\u0633\u0624\u0648\u0644\u064a\u0629:<\/strong> \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0641\u0642\u0637 \u0648\u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u0623\u0646 \u062a\u062d\u0644 \u0645\u062d\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0623\u0648 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0623\u0648 \u0627\u0644\u0639\u0644\u0627\u062c. \u064a\u062a\u0645\u062a\u0639 \u0643\u0644 \u0637\u0641\u0644 \u0628\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0641\u0631\u064a\u062f\u0629\u060c \u0648\u064a\u062c\u0628 \u0623\u0646 \u062a\u0633\u062a\u0646\u062f \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u062f\u0627\u0626\u0645\u064b\u0627 \u0625\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0633\u0631\u064a\u0631\u064a \u0641\u0631\u062f\u064a \u0645\u0646 \u0642\u0628\u0644 \u0623\u062e\u0635\u0627\u0626\u064a \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0645\u0624\u0647\u0644. \u0625\u0630\u0627 \u0623\u0635\u064a\u0628 \u0637\u0641\u0644\u0643 \u0628\u0635\u0639\u0648\u0628\u0629 \u0634\u062f\u064a\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u0633\u060c \u0623\u0648 \u0646\u0648\u0628\u0627\u062a \u062a\u0634\u0646\u062c\u060c \u0623\u0648 \u0641\u0642\u062f\u0627\u0646 \u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u0648\u0639\u064a\u060c \u0623\u0648 \u0625\u0635\u0627\u0628\u0629 \u062e\u0637\u064a\u0631\u0629\u060c \u0623\u0648 \u0623\u064a \u0623\u0639\u0631\u0627\u0636 \u0637\u0627\u0631\u0626\u0629 \u0623\u062e\u0631\u0649\u060c \u0641\u0627\u0637\u0644\u0628 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u062f\u0648\u0646 \u062a\u0623\u062e\u064a\u0631.\"\n            }\n        };\n\n        function initDisclaimerSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? discData.ar : discData.en;\n            const section = document.getElementById('sh-peds-disclaimer-101');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-disc-lang-title').textContent = data.title;\n            \n            \/\/ Use innerHTML for the bold tags\n            document.getElementById('sh-disc-lang-rev').innerHTML = data.rev;\n            document.getElementById('sh-disc-lang-date').innerHTML = data.date;\n            document.getElementById('sh-disc-lang-acc').innerHTML = data.acc;\n            document.getElementById('sh-disc-lang-desc').innerHTML = data.desc;\n        }\n        \n        initDisclaimerSection();\n        new MutationObserver(initDisclaimerSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Home Departments Pediatrics CBAHI Accredited \u00b7 Al Mansur, Makkah Best Pediatrician in Makkah Supporting Healthy Growth from Birth Through Adolescence [&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":"full-width-container","site-content-style":"boxed","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-581","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/581","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=581"}],"version-history":[{"count":28,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/581\/revisions"}],"predecessor-version":[{"id":1465,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/581\/revisions\/1465"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}