{"id":567,"date":"2026-07-06T11:54:06","date_gmt":"2026-07-06T11:54:06","guid":{"rendered":"https:\/\/shefahospital.sa\/best-cardiology-hospital-makkah\/"},"modified":"2026-07-09T17:50:14","modified_gmt":"2026-07-09T17:50:14","slug":"best-cardiology-hospital-makkah","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/best-cardiology-hospital-makkah\/","title":{"rendered":"Cardiology"},"content":{"rendered":"\n<style>\n    \/* 1. Highly Unique Scoped ID for Astra Breakout (Full Width Background) *\/\n    #sh-cardio-hero-111 {\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: 3rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 1024px) {\n        #sh-cardio-hero-111 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Hex Pattern pseudo-element *\/\n    #sh-cardio-hero-111::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23243B5A' stroke-opacity='0.04' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Protected Inner Container - ALIGNED WITH HEADER LOGO & BUTTON *\/\n    #sh-cardio-hero-111 .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. Force remove underlines from ALL links in this section *\/\n    #sh-cardio-hero-111 a {\n        text-decoration: none !important;\n        box-shadow: none !important;\n    }\n    #sh-cardio-hero-111 a:hover {\n        text-decoration: none !important;\n    }\n\n    #sh-cardio-hero-111 * {\n        transition: font-family 0.3s ease;\n    }\n\n    \/* 5. Modern Responsive Image Container Solution *\/\n    #sh-cardio-hero-111 .hero-img-container {\n        width: 100%;\n        position: relative;\n        aspect-ratio: 4\/3; \/* Mobile standard *\/\n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);\n        border: 4px solid #ffffff;\n    }\n\n    @media (min-width: 768px) {\n        #sh-cardio-hero-111 .hero-img-container {\n            aspect-ratio: 16\/10; \/* Tablet standard *\/\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-cardio-hero-111 .hero-img-container {\n            aspect-ratio: 4\/5; \/* Desktop premium layout height match *\/\n            height: 580px;\n        }\n    }\n\n    #sh-cardio-hero-111 .hero-img-container img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center center;\n        display: block;\n    }\n<\/style>\n\n<section id=\"sh-cardio-hero-111\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper grid lg:grid-cols-[1.15fr_1fr] gap-10 lg:gap-16 items-center text-left\">\n        \n        <!-- Left Content Block -->\n        <div class=\"animate-fadeup !mx-0 order-2 lg:order-1\">\n            <nav class=\"flex items-center gap-2 text-[13px] text-slate-500 mb-5 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\">Cardiology<\/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-5\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg> \n                <span id=\"sh-hero-lang-badge\">CBAHI Accredited \u00b7 Al Mansur, Makkah<\/span>\n            <\/div>\n\n            <h1 id=\"sh-hero-title-main\" class=\"text-[36px] md:text-[52px] font-bold leading-[1.15] text-[#0f172a] mb-2\" style=\"font-family: var(--font-display);\">\n                Best Cardiology Hospital in Makkah\n            <\/h1>\n            <h2 id=\"sh-hero-title-sub\" class=\"text-[28px] md:text-[36px] font-bold leading-[1.15] text-[#0d9488]\" style=\"font-family: var(--font-display);\">\n                Expert Cardiac Care for Every Stage of Heart Health\n            <\/h2>\n\n            <p id=\"sh-hero-lang-desc\" class=\"mt-5 text-[16px] md:text-[18px] text-slate-600 leading-relaxed max-w-xl\">\n                Heart disease remains a leading cause of serious illness. Regular heart evaluations, early diagnosis, and appropriate medical care at Shefa Hospital help reduce complications and protect your long-term heart health.\n            <\/p>\n\n            <!-- Buttons Wrapper -->\n            <div class=\"mt-8 flex flex-wrap gap-3 shefa-popup-trigger\">\n                <a href=\"#\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-[#12776b] !text-white rounded-full px-6 py-3.5 font-semibold hover:bg-[#0f6258] transition-all shadow-[0_8px_20px_-8px_rgba(18,119,107,0.6)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-book\">Book Appointment<\/span>\n                <\/a>\n                <a href=\"tel:+966125333555\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-white !text-[#0f172a] border border-slate-200 rounded-full px-6 py-3.5 font-semibold hover:border-[#12776b] hover:!text-[#12776b] transition-all shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 10.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-call\">Call Hospital<\/span>\n                <\/a>\n                <a href=\"https:\/\/wa.me\/966125333555\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-[#25D366] !text-white rounded-full px-6 py-3.5 font-semibold hover:bg-[#20bd5a] transition-all shadow-[0_8px_20px_-8px_rgba(37,211,102,0.5)]\" target=\"_blank\" rel=\"noopener\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-wa\">WhatsApp<\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Features Grid (Updated for Cardiology) -->\n            <div class=\"mt-10 grid grid-cols-2 sm:grid-cols-4 gap-3.5\">\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#0d9488]\"><path d=\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">CBAHI Accredited<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#0d9488]\"><path d=\"M11 2v2\"><\/path><path d=\"M5 2v2\"><\/path><path d=\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"><\/path><path d=\"M8 15a6 6 0 0 0 12 0v-3\"><\/path><circle cx=\"20\" cy=\"10\" r=\"2\"><\/circle><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Expert Cardiologists<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#0d9488]\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Advanced ECG<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#0d9488]\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">24\/7 Emergency<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Fully Responsive Image Block -->\n        <div class=\"relative mt-2 lg:mt-0 !mx-0 order-1 lg:order-2\">\n            <div class=\"absolute -top-10 -left-10 w-48 h-48 bg-[#0d9488]\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n            <div class=\"absolute -bottom-10 -right-10 w-64 h-64 bg-[#d97706]\/15 rounded-full blur-3xl pointer-events-none\"><\/div>\n            \n            <!-- Modern Adaptive Image Wrap (HIGH QUALITY) -->\n            <div class=\"hero-img-container\">\n                <picture>\n                    <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/1.webp\">\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/13.webp\" alt=\"Cardiology expert doctor consultation at Shefa Hospital\" loading=\"eager\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/1.webp';\">\n                <\/picture>\n            <\/div>\n\n            <!-- Floating Reviews Badge (Updated Icon to Heart) -->\n            <div class=\"absolute -bottom-5 ltr:left-6 rtl:right-6 bg-white rounded-2xl shadow-xl border border-slate-100 p-4 lg:p-5 flex items-center gap-4 z-20\">\n                <div class=\"w-11 h-11 rounded-full bg-[#0d9488] text-white grid place-items-center shrink-0 shadow-md\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"><\/path><\/svg>\n                <\/div>\n                <div>\n                    <div class=\"text-[11px] font-bold uppercase tracking-wider text-slate-400 mb-0.5\" id=\"sh-hero-lang-float-sub\">Trusted by<\/div>\n                    <div class=\"font-bold text-[#0f172a] text-[18px] lg:text-[20px] leading-none\" style=\"font-family: var(--font-display);\" id=\"sh-hero-lang-float-main\">761+ Patient Reviews<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const heroData = {\n            en: { \n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                home: \"Home\",\n                dept: \"Departments\",\n                subdept: \"Cardiology\",\n                badge: \"CBAHI Accredited \u00b7 Al Mansur, Makkah\",\n                titleMain: \"Best Cardiology Hospital in Makkah\",\n                titleSub: \"Expert Cardiac Care for Every Stage of Heart Health\",\n                desc: \"Heart disease remains a leading cause of serious illness. Regular heart evaluations, early diagnosis, and appropriate medical care at Shefa Hospital help reduce complications and protect your long-term heart health.\",\n                btnBook: \"Book Appointment\",\n                btnCall: \"Call Hospital\",\n                btnWa: \"WhatsApp\",\n                feats: [\n                    \"CBAHI Accredited\",\n                    \"Expert Cardiologists\",\n                    \"Advanced ECG\",\n                    \"24\/7 Emergency\"\n                ],\n                floatSub: \"Trusted by\",\n                floatMain: \"761+ Patient Reviews\"\n            },\n            ar: { \n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                home: \"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\n                dept: \"\u0627\u0644\u0623\u0642\u0633\u0627\u0645\",\n                subdept: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\",\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 \u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0641\u064a \u0645\u0643\u0629\",\n                titleSub: \"\u0631\u0639\u0627\u064a\u0629 \u0642\u0644\u0628\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u0645\u0631\u0627\u062d\u0644 \u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628\",\n                desc: \"\u062a\u0638\u0644 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0645\u0646 \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u062e\u0637\u064a\u0631\u0629. \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u060c \u0648\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631\u060c \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u0644\u062d\u062f \u0645\u0646 \u0627\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0648\u062d\u0645\u0627\u064a\u0629 \u0635\u062d\u0629 \u0642\u0644\u0628\u0643 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\",\n                btnBook: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"\u0627\u062a\u0635\u0644 \u0628\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\",\n                btnWa: \"\u0648\u0627\u062a\u0633\u0627\u0628\",\n                feats: [\n                    \"\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a\",\n                    \"\u0623\u0637\u0628\u0627\u0621 \u0642\u0644\u0628 \u062e\u0628\u0631\u0627\u0621\",\n                    \"\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\",\n                    \"\u0637\u0648\u0627\u0631\u0626 24\/7\"\n                ],\n                floatSub: \"\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0645\u0646 \u0642\u0628\u0644\",\n                floatMain: \"+761 \u062a\u0642\u064a\u064a\u0645 \u0644\u0644\u0645\u0631\u0636\u0649\"\n            }\n        };\n\n        function initUniqueHeroSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = heroData[lang];\n\n            const section = document.getElementById('sh-cardio-hero-111');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-hero-lang-home').textContent = content.home;\n            document.getElementById('sh-hero-lang-dept').textContent = content.dept;\n            document.getElementById('sh-hero-lang-subdept').textContent = content.subdept;\n            document.getElementById('sh-hero-lang-badge').textContent = content.badge;\n            \n            const titleMain = document.getElementById('sh-hero-title-main');\n            titleMain.textContent = content.titleMain;\n            titleMain.style.fontFamily = content.headerFont;\n\n            const titleSub = document.getElementById('sh-hero-title-sub');\n            titleSub.textContent = content.titleSub;\n            titleSub.style.fontFamily = content.headerFont;\n\n            const desc = document.getElementById('sh-hero-lang-desc');\n            desc.textContent = content.desc;\n            desc.style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-hero-lang-btn-book').textContent = content.btnBook;\n            document.getElementById('sh-hero-lang-btn-call').textContent = content.btnCall;\n            document.getElementById('sh-hero-lang-btn-wa').textContent = content.btnWa;\n            \n            document.getElementById('sh-hero-lang-float-sub').textContent = content.floatSub;\n            const floatMain = document.getElementById('sh-hero-lang-float-main');\n            floatMain.textContent = content.floatMain;\n            floatMain.style.fontFamily = content.headerFont;\n\n            const featureTitles = section.querySelectorAll('.sh-hero-feat');\n            content.feats.forEach((featText, index) => {\n                if(featureTitles[index]) {\n                    featureTitles[index].textContent = featText;\n                    featureTitles[index].style.fontFamily = content.bodyFont;\n                }\n            });\n        }\n\n        initUniqueHeroSection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initUniqueHeroSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<section id=\"intro-section\" class=\"py-20 md:py-24 bg-white\" dir=\"ltr\">\n    <div class=\"max-w-4xl mx-auto px-5 lg:px-8 w-full text-start\">\n        \n        <div class=\"mb-12 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=\"intro-kicker\">Heart Health<\/span>\n            <\/div>\n            \n            <h2 id=\"intro-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Why Heart Health Should Never Be Ignored\n            <\/h2>\n        <\/div>\n\n        <div id=\"intro-content\" class=\"space-y-6 text-[18px] leading-[1.85] text-[#243b5a]\/85 [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a] !mx-0\">\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    \/\/ Translation Data Engine\n    const introData = {\n        en: { \n            headerFont: \"var(--font-display)\", \n            bodyFont: \"var(--font-sans)\",\n            kicker: \"Heart Health\",\n            title: \"Why Heart Health Should Never Be Ignored\",\n            content: `\n                <p>The heart continuously pumps blood throughout the body, supplying oxygen and nutrients to essential organs. When its function is affected, even simple daily activities can become difficult.<\/p>\n                <p>Many heart conditions progress silently. <strong>High blood pressure, elevated cholesterol, diabetes, obesity, smoking, and family history<\/strong> can gradually damage the cardiovascular system long before symptoms appear.<\/p>\n                <p>Regular cardiovascular assessments help identify these risks early, allowing doctors to recommend lifestyle changes, medications, or further investigations when necessary.<\/p>\n            `\n        },\n        ar: { \n            headerFont: \"var(--font-arabic)\", \n            bodyFont: \"var(--font-arabic)\",\n            kicker: \"\u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628\",\n            title: \"\u0644\u0645\u0627\u0630\u0627 \u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u062a\u062c\u0627\u0647\u0644 \u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628 \u0623\u0628\u062f\u0627\u064b\",\n            content: `\n                <p>\u064a\u0636\u062e \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u062f\u0645 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u062c\u0633\u0645\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0627\u0644\u0623\u0643\u0633\u062c\u064a\u0646 \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629 \u0644\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062d\u064a\u0648\u064a\u0629. \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u0623\u062b\u0631 \u0648\u0638\u064a\u0641\u062a\u0647\u060c \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0635\u0628\u062d \u062d\u062a\u0649 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0635\u0639\u0628\u0629 \u0644\u0644\u063a\u0627\u064a\u0629.<\/p>\n                <p>\u062a\u062a\u0637\u0648\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0628\u0635\u0645\u062a. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0624\u062f\u064a <strong>\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\u060c \u0648\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644\u060c \u0648\u0627\u0644\u0633\u0643\u0631\u064a\u060c \u0648\u0627\u0644\u0633\u0645\u0646\u0629\u060c \u0648\u0627\u0644\u062a\u062f\u062e\u064a\u0646\u060c \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0639\u0627\u0626\u0644\u064a<\/strong> \u0625\u0644\u0649 \u0625\u062a\u0644\u0627\u0641 \u0646\u0638\u0627\u0645 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b \u0642\u0628\u0644 \u0638\u0647\u0648\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0628\u0648\u0642\u062a \u0637\u0648\u064a\u0644.<\/p>\n                <p>\u062a\u0633\u0627\u0639\u062f \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0647\u0630\u0647 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0645\u0628\u0643\u0631\u0627\u064b\u060c \u0645\u0645\u0627 \u064a\u062a\u064a\u062d \u0644\u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u062a\u0648\u0635\u064a\u0629 \u0628\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u064a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0623\u0648 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0623\u0648 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629.<\/p>\n            `\n        }\n    };\n\n    function initIntroSection() {\n        const htmlElement = document.documentElement;\n        \/\/ Determine language from HTML tag or default to 'en'\n        const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n        const lang = isRtl ? 'ar' : 'en';\n        const data = introData[lang];\n\n        const section = document.getElementById('intro-section');\n        if (!section) return;\n\n        \/\/ Set Main RTL\/LTR directions specifically for this section\n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        \/\/ Apply Translations & Fonts\n        const kickerEl = document.getElementById('intro-kicker');\n        kickerEl.textContent = data.kicker;\n        kickerEl.style.fontFamily = data.bodyFont;\n\n        const titleEl = document.getElementById('intro-title');\n        titleEl.textContent = data.title;\n        titleEl.style.fontFamily = data.headerFont;\n\n        const contentEl = document.getElementById('intro-content');\n        contentEl.innerHTML = data.content; \/\/ innerHTML to parse <strong> tags\n        contentEl.style.fontFamily = data.bodyFont;\n    }\n\n    \/\/ Initialize the logic on load\n    initIntroSection();\n    \n    \/\/ Watch for dynamic HTML lang\/dir changes (helps in modern WordPress setups)\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n            if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                initIntroSection();\n            }\n        });\n    });\n    observer.observe(document.documentElement, { attributes: true });\n});\n<\/script>\n\n\n\n<style>\n    \/* 1. Astra Breakout for Full-Width Hexa Background *\/\n    #sh-reasons-cardio-999 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Soft blue background *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-reasons-cardio-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hexa Pattern Background *\/\n    #sh-reasons-cardio-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-reasons-cardio-999 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1.25rem !important;\n        padding-right: 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 4. Lightweight Custom Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-fadeup {\n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    #sh-reasons-cardio-999 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<!-- Reasons to Visit Section -->\n<section id=\"sh-reasons-cardio-999\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header Text -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-fadeup !mx-auto\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-rea-lang-kicker\">When to Consult<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-rea-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                When Should You Consult a Cardiologist?\n            <\/h2>\n            \n            <p id=\"sh-rea-lang-desc\" class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed\">\n                Many people delay seeking medical advice because they believe heart disease always begins with severe chest pain. In reality, symptoms vary from one person to another.\n            <\/p>\n        <\/div>\n\n        <p id=\"sh-rea-lang-mid\" class=\"text-center max-w-2xl mx-auto -mt-6 mb-12 text-[#243b5a]\/90 text-[17px] font-medium sh-animate-fadeup !mx-auto\" style=\"animation-delay: 0.1s;\">\n            Consider scheduling a cardiac evaluation if you experience:\n        <\/p>\n\n        <!-- 10 Reasons Grid for Cardiology -->\n        <!-- Center aligning the grid items on large screens for an odd number of items -->\n        <div class=\"flex flex-wrap justify-center gap-5 sh-animate-fadeup\" style=\"animation-delay: 0.2s;\">\n            \n            <!-- Items 1 to 10 -->\n            <!-- 1 -->\n            <div class=\"w-full sm:w-[calc(50%-10px)] lg:w-[calc(25%-15px)] bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default text-start\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"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-[15px] text-[#243b5a] font-semibold leading-snug mt-1 sh-rea-item\">Chest discomfort during activity or at rest<\/span>\n            <\/div>\n            <!-- 2 -->\n            <div class=\"w-full sm:w-[calc(50%-10px)] lg:w-[calc(25%-15px)] bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default text-start\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"><\/path><path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"><\/path><path d=\"M12 2v2\"><\/path><path d=\"M12 22v-2\"><\/path><path d=\"m17 20.66-1-1.73\"><\/path><path d=\"M11 10.27 7 3.34\"><\/path><path d=\"m20.66 17-1.73-1\"><\/path><path d=\"m3.34 7 1.73 1\"><\/path><path d=\"M14 12h8\"><\/path><path d=\"M2 12h2\"><\/path><path d=\"m20.66 7-1.73 1\"><\/path><path d=\"m3.34 17 1.73-1\"><\/path><path d=\"m17 3.34-1 1.73\"><\/path><path d=\"m11 13.73-4 6.93\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Shortness of breath<\/span>\n            <\/div>\n            <!-- 3 -->\n            <div class=\"w-full sm:w-[calc(50%-10px)] lg:w-[calc(25%-15px)] bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default text-start\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Rapid or irregular heartbeat<\/span>\n            <\/div>\n            <!-- 4 -->\n            <div class=\"w-full sm:w-[calc(50%-10px)] lg:w-[calc(25%-15px)] bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default text-start\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 16-4-4V8\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Frequent dizziness<\/span>\n            <\/div>\n            <!-- 5 -->\n            <div class=\"w-full sm:w-[calc(50%-10px)] lg:w-[calc(25%-15px)] bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default text-start\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Episodes of fainting<\/span>\n            <\/div>\n            <!-- 6 -->\n            <div class=\"w-full sm:w-[calc(50%-10px)] lg:w-[calc(25%-15px)] bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default text-start\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M14.5 22H18a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4\"><\/path><path d=\"M12 11h.01\"><\/path><path d=\"M12 15h.01\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Swelling in the legs or ankles<\/span>\n            <\/div>\n            <!-- 7 -->\n            <div class=\"w-full sm:w-[calc(50%-10px)] lg:w-[calc(25%-15px)] bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default text-start\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m15 9-6 6\"><\/path><path d=\"M9 9h.01\"><\/path><path d=\"M15 15h.01\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Unexplained fatigue<\/span>\n            <\/div>\n            <!-- 8 -->\n            <div class=\"w-full sm:w-[calc(50%-10px)] lg:w-[calc(25%-15px)] bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default text-start\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\"><\/path><path d=\"M12 12v9\"><\/path><path d=\"m8 17 4 4 4-4\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">High blood pressure<\/span>\n            <\/div>\n            <!-- 9 -->\n            <div class=\"w-full sm:w-[calc(50%-10px)] lg:w-[calc(25%-15px)] bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default text-start\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1 sh-rea-item\">Family history of cardiovascular disease<\/span>\n            <\/div>\n            <!-- 10 -->\n            <div class=\"w-full sm:w-[calc(50%-10px)] lg:w-[calc(25%-15px)] bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default text-start\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"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><path d=\"M12 5 9.04 9.26a2 2 0 0 1-2.99.11l-1.36-1.46\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1 sh-rea-item\">Previous heart-related medical conditions<\/span>\n            <\/div>\n            \n        <\/div>\n\n        <!-- Footer Text -->\n        <p id=\"sh-rea-lang-footer\" class=\"mt-12 text-center max-w-3xl mx-auto text-[#667085] text-[17px] font-semibold leading-relaxed sh-animate-fadeup !mx-auto\" style=\"animation-delay: 0.3s;\">\n            Even mild or occasional symptoms should not be ignored, especially when they become more frequent.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<!-- Lightweight JS Engine -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const reasonsData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"When to Consult\",\n                title: \"When Should You Consult a Cardiologist?\",\n                desc: \"Many people delay seeking medical advice because they believe heart disease always begins with severe chest pain. In reality, symptoms vary from one person to another.\",\n                mid: \"Consider scheduling a cardiac evaluation if you experience:\",\n                footer: \"Even mild or occasional symptoms should not be ignored, especially when they become more frequent.\",\n                reasons: [\n                    \"Chest discomfort during activity or at rest\", \n                    \"Shortness of breath\", \n                    \"Rapid or irregular heartbeat\",\n                    \"Frequent dizziness\", \n                    \"Episodes of fainting\", \n                    \"Swelling in the legs or ankles\",\n                    \"Unexplained fatigue\", \n                    \"High blood pressure\", \n                    \"Family history of cardiovascular disease\", \n                    \"Previous heart-related medical conditions\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0645\u062a\u0649 \u062a\u0633\u062a\u0634\u064a\u0631\",\n                title: \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0642\u0644\u0628\u061f\",\n                desc: \"\u064a\u0624\u062e\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0637\u0644\u0628 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0644\u0627\u0639\u062a\u0642\u0627\u062f\u0647\u0645 \u0623\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u062a\u0628\u062f\u0623 \u062f\u0627\u0626\u0645\u064b\u0627 \u0628\u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u0641\u064a \u0627\u0644\u0635\u062f\u0631. \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639\u060c \u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0645\u0646 \u0634\u062e\u0635 \u0644\u0622\u062e\u0631.\",\n                mid: \"\u0641\u0643\u0631 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0642\u0644\u0628 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a \u0645\u0646:\",\n                footer: \"\u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u062a\u062c\u0627\u0647\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636\u060c \u062d\u062a\u0649 \u0627\u0644\u062e\u0641\u064a\u0641\u0629 \u0623\u0648 \u0627\u0644\u0639\u0631\u0636\u064a\u0629 \u0645\u0646\u0647\u0627\u060c \u062e\u0627\u0635\u0629 \u0639\u0646\u062f\u0645\u0627 \u062a\u0635\u0628\u062d \u0645\u062a\u0643\u0631\u0631\u0629.\",\n                reasons: [\n                    \"\u0639\u062f\u0645 \u0627\u0631\u062a\u064a\u0627\u062d \u0641\u064a \u0627\u0644\u0635\u062f\u0631 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0646\u0634\u0627\u0637 \u0623\u0648 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0631\u0627\u062d\u0629\", \n                    \"\u0636\u064a\u0642 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u0633\", \n                    \"\u0646\u0628\u0636\u0627\u062a \u0642\u0644\u0628 \u0633\u0631\u064a\u0639\u0629 \u0623\u0648 \u063a\u064a\u0631 \u0645\u0646\u062a\u0638\u0645\u0629\",\n                    \"\u062f\u0648\u062e\u0629 \u0645\u062a\u0643\u0631\u0631\u0629\", \n                    \"\u0646\u0648\u0628\u0627\u062a \u0645\u0646 \u0627\u0644\u0625\u063a\u0645\u0627\u0621\", \n                    \"\u062a\u0648\u0631\u0645 \u0641\u064a \u0627\u0644\u0633\u0627\u0642\u064a\u0646 \u0623\u0648 \u0627\u0644\u0643\u0627\u062d\u0644\u064a\u0646\",\n                    \"\u0625\u0631\u0647\u0627\u0642 \u063a\u064a\u0631 \u0645\u0628\u0631\u0631\", \n                    \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\", \n                    \"\u062a\u0627\u0631\u064a\u062e \u0639\u0627\u0626\u0644\u064a \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\", \n                    \"\u062d\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0633\u0627\u0628\u0642\u0629 \u062a\u062a\u0639\u0644\u0642 \u0628\u0627\u0644\u0642\u0644\u0628\"\n                ]\n            }\n        };\n\n        function initReasonsSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = reasonsData[lang];\n\n            const section = document.getElementById('sh-reasons-cardio-999');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply General Text\n            document.getElementById('sh-rea-lang-kicker').textContent = content.kicker;\n            document.getElementById('sh-rea-lang-kicker').style.fontFamily = content.bodyFont;\n\n            const titleEl = document.getElementById('sh-rea-lang-title');\n            titleEl.textContent = content.title;\n            titleEl.style.fontFamily = content.headerFont;\n\n            document.getElementById('sh-rea-lang-desc').textContent = content.desc;\n            document.getElementById('sh-rea-lang-desc').style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-rea-lang-mid').textContent = content.mid;\n            document.getElementById('sh-rea-lang-mid').style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-rea-lang-footer').textContent = content.footer;\n            document.getElementById('sh-rea-lang-footer').style.fontFamily = content.bodyFont;\n\n            \/\/ Apply Grid Text\n            const reasonElements = section.querySelectorAll('.sh-rea-item');\n            content.reasons.forEach((text, index) => {\n                if (reasonElements[index]) {\n                    reasonElements[index].textContent = text;\n                    reasonElements[index].style.fontFamily = content.bodyFont;\n                }\n            });\n        }\n\n        initReasonsSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initReasonsSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Background (No Hexa) *\/\n    #sh-choose-cardio-995 {\n        width: 100%;\n        background-color: #ffffff;\n        overflow: hidden;\n        padding-top: 5rem;\n        padding-bottom: 5rem;\n        box-sizing: border-box;\n    }\n\n    @media (min-width: 1024px) {\n        #sh-choose-cardio-995 {\n            padding-top: 6rem;\n            padding-bottom: 6rem;\n        }\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-choose-cardio-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. Fully Responsive Image Framework for HIGH QUALITY IMAGE *\/\n    #sh-choose-cardio-995 .choose-img-block {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 4\/3; \/* Mobile\/Tablet Standard *\/\n        border-radius: 2rem;\n    }\n\n    @media (min-width: 1024px) {\n        #sh-choose-cardio-995 .choose-img-block {\n            aspect-ratio: 1\/1.1; \/* Desktop layout match *\/\n            height: 540px;\n        }\n    }\n\n    #sh-choose-cardio-995 .choose-img-block img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n        border-radius: 2rem;\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);\n        display: block;\n    }\n\n    \/* 4. 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    \/* 5. Lightweight Custom Animation *\/\n    @keyframes shFadeInUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up {\n        opacity: 0;\n        animation: shFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    #sh-choose-cardio-995 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-choose-cardio-995\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper px-5 lg:px-8 grid lg:grid-cols-[1fr_1.1fr] gap-12 lg:gap-16 items-center\">\n        \n        <!-- Left Image with Floating Badge (HIGH QUALITY IMAGE) -->\n        <div class=\"choose-img-block sh-animate-up !mx-0\">\n            <picture>\n                <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/11.webp\" type=\"image\/webp\">\n                <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/11.webp\" alt=\"Cardiology evaluation and heart health at Shefa Hospital\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/1.webp';\">\n            <\/picture>\n            \n            <div class=\"sh-float-badge bg-white rounded-2xl shadow-xl p-5 border border-slate-100 max-w-[240px]\">\n                <div class=\"flex items-center gap-2 text-[#d97706] mb-1.5\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"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                    <span id=\"sh-cho-lang-badge-title\" class=\"font-bold text-[15px]\">Expert Care<\/span>\n                <\/div>\n                <div id=\"sh-cho-lang-badge-desc\" class=\"text-[13px] text-slate-500 font-medium leading-tight\">\n                    Comprehensive cardiac evaluations\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Content Area -->\n        <div class=\"sh-animate-up !mx-0 text-start\" style=\"animation-delay: 0.15s;\">\n            <div class=\"mb-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-cho-lang-kicker\">Heart Conditions<\/span>\n                <\/div>\n                \n                <h2 id=\"sh-cho-lang-title\" class=\"text-[34px] md:text-[44px] font-bold leading-[1.15] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    Common Heart Conditions Evaluated by Cardiologists\n                <\/h2>\n                \n                <p id=\"sh-cho-lang-p1\" class=\"mt-5 text-slate-500 text-[17px] md:text-[18px] leading-relaxed\">\n                    Cardiologists assess a wide range of conditions affecting the heart and blood vessels.\n                <\/p>\n            <\/div>\n\n            <p id=\"sh-cho-lang-p2\" class=\"text-[#243b5a]\/85 mb-8 text-[17px] leading-relaxed [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a]\">\n                These include:\n            <\/p>\n            \n            <p id=\"sh-cho-lang-list-title\" class=\"text-[#243b5a] text-[22px] font-bold mb-3\" style=\"font-family: var(--font-display);\">\n                Coronary Artery Disease\n            <\/p>\n            <p id=\"sh-cho-lang-list-desc\" class=\"text-slate-500 text-[17px] leading-relaxed mb-8\">\n                Coronary arteries supply oxygen-rich blood to the heart muscle. When these arteries become narrowed due to plaque buildup, blood flow decreases, increasing the risk of chest pain and heart attack.\n            <\/p>\n            \n            <!-- Dynamic Grid List (Injected via JS for other conditions if needed in future) -->\n            <ul id=\"sh-cho-grid\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3.5 mb-8\">\n                <!-- Additional list items can be injected here via the JS array -->\n            <\/ul>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Translation & Dynamic Render Engine -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const chooseData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Heart Conditions\",\n                title: \"Common Heart Conditions Evaluated by Cardiologists\",\n                p1: \"Cardiologists assess a wide range of conditions affecting the heart and blood vessels.\",\n                p2: \"These include:\",\n                listTitle: \"Coronary Artery Disease\",\n                listDesc: \"Coronary arteries supply oxygen-rich blood to the heart muscle. When these arteries become narrowed due to plaque buildup, blood flow decreases, increasing the risk of chest pain and heart attack.\",\n                badgeTitle: \"Expert Care\",\n                badgeDesc: \"Comprehensive cardiac evaluations\",\n                list: [\n                    \"Arrhythmias (Irregular heartbeats)\",\n                    \"Heart Valve Disease\",\n                    \"Heart Failure\",\n                    \"Hypertension (High blood pressure)\",\n                    \"Cardiomyopathy (Heart muscle disease)\",\n                    \"Peripheral Artery Disease\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\",\n                title: \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0627\u0644\u062a\u064a \u064a\u0642\u064a\u0645\u0647\u0627 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0642\u0644\u0628\",\n                p1: \"\u064a\u0642\u0648\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0642\u0644\u0628 \u0628\u062a\u0642\u064a\u064a\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629.\",\n                p2: \"\u0648\u062a\u0634\u0645\u0644 \u0647\u0630\u0647:\",\n                listTitle: \"\u0645\u0631\u0636 \u0627\u0644\u0634\u0631\u064a\u0627\u0646 \u0627\u0644\u062a\u0627\u062c\u064a\",\n                listDesc: \"\u062a\u0645\u062f \u0627\u0644\u0634\u0631\u0627\u064a\u064a\u0646 \u0627\u0644\u062a\u0627\u062c\u064a\u0629 \u0639\u0636\u0644\u0629 \u0627\u0644\u0642\u0644\u0628 \u0628\u0627\u0644\u062f\u0645 \u0627\u0644\u063a\u0646\u064a \u0628\u0627\u0644\u0623\u0643\u0633\u062c\u064a\u0646. \u0639\u0646\u062f\u0645\u0627 \u062a\u0636\u064a\u0642 \u0647\u0630\u0647 \u0627\u0644\u0634\u0631\u0627\u064a\u064a\u0646 \u0628\u0633\u0628\u0628 \u062a\u0631\u0627\u0643\u0645 \u0627\u0644\u0644\u0648\u064a\u062d\u0627\u062a (\u0627\u0644\u0628\u0644\u0627\u0643)\u060c \u064a\u0646\u062e\u0641\u0636 \u062a\u062f\u0641\u0642 \u0627\u0644\u062f\u0645\u060c \u0645\u0645\u0627 \u064a\u0632\u064a\u062f \u0645\u0646 \u062e\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0623\u0644\u0645 \u0641\u064a \u0627\u0644\u0635\u062f\u0631 \u0648\u0646\u0648\u0628\u0629 \u0642\u0644\u0628\u064a\u0629.\",\n                badgeTitle: \"\u0631\u0639\u0627\u064a\u0629 \u062e\u0628\u0631\u0627\u0621\",\n                badgeDesc: \"\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0642\u0644\u0628\",\n                list: [\n                    \"\u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0636\u0631\u0628\u0627\u062a \u0627\u0644\u0642\u0644\u0628\",\n                    \"\u0623\u0645\u0631\u0627\u0636 \u0635\u0645\u0627\u0645\u0627\u062a \u0627\u0644\u0642\u0644\u0628\",\n                    \"\u0641\u0634\u0644 \u0627\u0644\u0642\u0644\u0628 (\u0642\u0635\u0648\u0631 \u0627\u0644\u0642\u0644\u0628)\",\n                    \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\",\n                    \"\u0627\u0639\u062a\u0644\u0627\u0644 \u0639\u0636\u0644\u0629 \u0627\u0644\u0642\u0644\u0628\",\n                    \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0634\u0631\u0627\u064a\u064a\u0646 \u0627\u0644\u0637\u0631\u0641\u064a\u0629\"\n                ]\n            }\n        };\n\n        function initChooseSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const data = chooseData[lang];\n\n            const section = document.getElementById('sh-choose-cardio-995');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Text & Fonts\n            document.getElementById('sh-cho-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-cho-lang-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-cho-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-cho-lang-p1').textContent = data.p1;\n            document.getElementById('sh-cho-lang-p1').style.fontFamily = data.bodyFont;\n\n            const p2 = document.getElementById('sh-cho-lang-p2');\n            p2.innerHTML = data.p2; \n            p2.style.fontFamily = data.bodyFont;\n\n            const listTitle = document.getElementById('sh-cho-lang-list-title');\n            listTitle.textContent = data.listTitle;\n            listTitle.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-cho-lang-list-desc').textContent = data.listDesc;\n            document.getElementById('sh-cho-lang-list-desc').style.fontFamily = data.bodyFont;\n\n            document.getElementById('sh-cho-lang-badge-title').textContent = data.badgeTitle;\n            document.getElementById('sh-cho-lang-badge-desc').textContent = data.badgeDesc;\n            document.getElementById('sh-cho-lang-badge-desc').style.fontFamily = data.bodyFont;\n\n            \/\/ Dynamically Render List (Extra points added to make the design balanced)\n            const grid = document.getElementById('sh-cho-grid');\n            grid.innerHTML = ''; \n            data.list.forEach(itemText => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-[22px] h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-3 h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[15.5px] leading-relaxed text-[#243b5a]\/90 font-medium\" style=\"font-family: ${data.bodyFont};\">${itemText}<\/span>\n                `;\n                grid.appendChild(li);\n            });\n        }\n\n        initChooseSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initChooseSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-services-997 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-services-997::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-services-997 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        position: relative;\n        z-index: 10;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-services-997\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"mb-16 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-ser-lang-kicker\">Cardiac Conditions<\/span>\n            <\/div>\n            <h2 id=\"sh-ser-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Common Heart Conditions Evaluated<\/h2>\n            <p id=\"sh-ser-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Cardiologists assess a wide range of conditions affecting the heart and blood vessels.<\/p>\n        <\/div>\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"sh-ser-grid\"><\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const icons = {\n            shield: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>`,\n            activity: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>`,\n            heart: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>`,\n            alert: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"\/><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"\/><\/svg>`\n        };\n\n        const servicesData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Cardiac Conditions\", title: \"Common Heart Conditions Evaluated\",\n                desc: \"Cardiologists assess a wide range of conditions affecting the heart and blood vessels.\",\n                items: [\n                    { t: \"High Blood Pressure\", d: \"Persistent high pressure strains the heart and increases risks of stroke and kidney disease.\", icon: icons.shield },\n                    { t: \"Heart Rhythm Disorders\", d: \"Arrhythmias causing palpitations, dizziness, or fainting requiring evaluation.\", icon: icons.activity },\n                    { t: \"Heart Failure\", d: \"When the heart cannot pump efficiently; symptoms include breathlessness and fatigue.\", icon: icons.heart },\n                    { t: \"Valve Disorders\", d: \"Narrowing or damage to valves affecting circulation and blood flow.\", icon: icons.alert },\n                    { t: \"Coronary Artery Disease\", d: \"Plaque buildup in arteries, reducing blood flow to the heart muscle.\", icon: icons.heart }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0644\u0628\", title: \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u062a\u0642\u064a\u064a\u0645\u0647\u0627\",\n                desc: \"\u064a\u0642\u0648\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0642\u0644\u0628 \u0628\u062a\u0642\u064a\u064a\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629.\",\n                items: [\n                    { t: \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\", d: \"\u064a\u0624\u062f\u064a \u0627\u0644\u0636\u063a\u0637 \u0627\u0644\u0645\u0631\u062a\u0641\u0639 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0625\u0644\u0649 \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0642\u0644\u0628 \u0648\u0632\u064a\u0627\u062f\u0629 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0633\u0643\u062a\u0629 \u0627\u0644\u062f\u0645\u0627\u063a\u064a\u0629 \u0648\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0643\u0644\u0649.\", icon: icons.shield },\n                    { t: \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0646\u0638\u0645 \u0627\u0644\u0642\u0644\u0628\", d: \"\u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0636\u0631\u0628\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0630\u064a \u0642\u062f \u064a\u0633\u0628\u0628 \u0627\u0644\u062e\u0641\u0642\u0627\u0646\u060c \u0627\u0644\u062f\u0648\u0627\u0631\u060c \u0623\u0648 \u0627\u0644\u0625\u063a\u0645\u0627\u0621.\", icon: icons.activity },\n                    { t: \"\u0641\u0634\u0644 \u0627\u0644\u0642\u0644\u0628\", d: \"\u062d\u0627\u0644\u0629 \u0644\u0627 \u064a\u0633\u062a\u0637\u064a\u0639 \u0641\u064a\u0647\u0627 \u0627\u0644\u0642\u0644\u0628 \u0636\u062e \u0627\u0644\u062f\u0645 \u0628\u0643\u0641\u0627\u0621\u0629\u061b \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0636\u064a\u0642 \u0627\u0644\u062a\u0646\u0641\u0633 \u0648\u0627\u0644\u062a\u0639\u0628.\", icon: icons.heart },\n                    { t: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0635\u0645\u0627\u0645\u0627\u062a\", d: \"\u0636\u064a\u0642 \u0623\u0648 \u062a\u0644\u0641 \u0641\u064a \u0635\u0645\u0627\u0645\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u064a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629.\", icon: icons.alert },\n                    { t: \"\u0645\u0631\u0636 \u0627\u0644\u0634\u0631\u064a\u0627\u0646 \u0627\u0644\u062a\u0627\u062c\u064a\", d: \"\u062a\u0631\u0627\u0643\u0645 \u0627\u0644\u0644\u0648\u064a\u062d\u0627\u062a \u0641\u064a \u0627\u0644\u0634\u0631\u0627\u064a\u064a\u0646\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u062a\u062f\u0641\u0642 \u0627\u0644\u062f\u0645 \u0625\u0644\u0649 \u0639\u0636\u0644\u0629 \u0627\u0644\u0642\u0644\u0628.\", icon: icons.heart }\n                ]\n            }\n        };\n\n        function initServices() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? servicesData.ar : servicesData.en;\n            const section = document.getElementById('sh-services-997');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-ser-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-ser-lang-title').textContent = data.title;\n            document.getElementById('sh-ser-lang-desc').textContent = data.desc;\n            \n            const grid = document.getElementById('sh-ser-grid');\n            grid.innerHTML = '';\n            data.items.forEach((item, i) => {\n                const div = document.createElement('div');\n                div.className = \"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\";\n                div.style.animationDelay = `${i * 0.05}s`;\n                div.innerHTML = `\n                    <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\n                        ${item.icon}\n                    <\/div>\n                    <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3\" style=\"font-family: ${data.font}\">${item.t}<\/h3>\n                    <div class=\"text-[15.5px] text-[#667085] leading-relaxed\" style=\"font-family: ${data.body}\">${item.d}<\/div>\n                `;\n                grid.appendChild(div);\n            });\n        }\n        initServices();\n        new MutationObserver(initServices).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<section id=\"sh-cardio-diff-887\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"grid lg:grid-cols-[1.1fr_1fr] gap-12 lg:gap-14 items-center mb-16 lg:mb-20\">\n            \n            <div class=\"sh-animate-up order-2 lg:order-1 text-start\">\n                <div class=\"mb-8\">\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-cardio-kicker\">Heart Health<\/span>\n                    <\/div>\n                    <h2 id=\"sh-cardio-title\" class=\"font-display text-[32px] md:text-[42px] font-bold leading-[1.1] text-[#243b5a] mb-5\"><\/h2>\n                    <p id=\"sh-cardio-desc\" class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed\"><\/p>\n                <\/div>\n                \n                <div class=\"overflow-x-auto\">\n                    <table class=\"sh-cardio-table\">\n                        <thead id=\"sh-cardio-table-head\"><\/thead>\n                        <tbody id=\"sh-cardio-table-body\" class=\"text-[15px] text-[#243b5a]\/90\"><\/tbody>\n                    <\/table>\n                <\/div>\n\n                <p id=\"sh-cardio-footer\" class=\"mt-8 text-[#667085] italic\"><\/p>\n            <\/div>\n            \n            <!-- FIXED HIGH QUALITY IMAGE: 13.webp -->\n            <div class=\"cardio-img-block sh-animate-up order-1 lg:order-2\" style=\"animation-delay: 0.2s;\">\n                <picture>\n                    <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/4-1.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/4-1.webp\" alt=\"Understanding the difference between heart disease and a heart attack\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/1.webp';\">\n                <\/picture>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    function initCardioSection() {\n        const data = {\n            en: {\n                kicker: \"Heart Health\",\n                title: \"Understanding the Difference Between Heart Disease and a Heart Attack\",\n                desc: \"Many people use these terms interchangeably, but they describe different medical conditions.\",\n                thead: [\"Feature\", \"Heart Disease\", \"Heart Attack\"],\n                tbody: [\n                    [\"Definition\", \"Conditions affecting the heart over time\", \"Sudden medical emergency (interrupted blood flow)\"],\n                    [\"Progression\", \"Develops gradually\", \"Occurs unexpectedly\"],\n                    [\"Management\", \"Ongoing treatment\", \"Requires immediate attention\"],\n                    [\"Includes\", \"Hypertension, valve disease, arrhythmias\", \"Usually coronary artery blockage\"]\n                ],\n                footer: \"Recognizing this difference helps patients understand why routine cardiac care is just as important as emergency treatment.\"\n            },\n            ar: {\n                kicker: \"\u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628\",\n                title: \"\u0641\u0647\u0645 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0646\u0648\u0628\u0629 \u0627\u0644\u0642\u0644\u0628\u064a\u0629\",\n                desc: \"\u064a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0643\u062b\u064a\u0631\u0648\u0646 \u0647\u0630\u0647 \u0627\u0644\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0628\u0627\u0644\u062a\u0628\u0627\u062f\u0644\u060c \u0644\u0643\u0646\u0647\u0627 \u062a\u0635\u0641 \u062d\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0645\u062e\u062a\u0644\u0641\u0629.\",\n                thead: [\"\u0627\u0644\u0645\u064a\u0632\u0629\", \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\", \"\u0627\u0644\u0646\u0648\u0628\u0629 \u0627\u0644\u0642\u0644\u0628\u064a\u0629\"],\n                tbody: [\n                    [\"\u0627\u0644\u062a\u0639\u0631\u064a\u0641\", \"\u062d\u0627\u0644\u0627\u062a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0642\u0644\u0628 \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a\", \"\u062d\u0627\u0644\u0629 \u0637\u0628\u064a\u0629 \u0637\u0627\u0631\u0626\u0629 \u0645\u0641\u0627\u062c\u0626\u0629 (\u0627\u0646\u0642\u0637\u0627\u0639 \u062a\u062f\u0641\u0642 \u0627\u0644\u062f\u0645)\"],\n                    [\"\u0627\u0644\u062a\u0637\u0648\u0631\", \"\u062a\u062a\u0637\u0648\u0631 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b\", \"\u062a\u062d\u062f\u062b \u0628\u0634\u0643\u0644 \u063a\u064a\u0631 \u0645\u062a\u0648\u0642\u0639\"],\n                    [\"\u0627\u0644\u0625\u062f\u0627\u0631\u0629\", \"\u0639\u0644\u0627\u062c \u0645\u0633\u062a\u0645\u0631\", \"\u062a\u062a\u0637\u0644\u0628 \u0627\u0647\u062a\u0645\u0627\u0645\u0627\u064b \u0641\u0648\u0631\u064a\u0627\u064b\"],\n                    [\"\u062a\u0634\u0645\u0644\", \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\u060c \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0635\u0645\u0627\u0645\u0627\u062a\u060c \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0646\u0638\u0645\", \"\u0639\u0627\u062f\u0629 \u0627\u0646\u0633\u062f\u0627\u062f \u0627\u0644\u0634\u0631\u064a\u0627\u0646 \u0627\u0644\u062a\u0627\u062c\u064a\"]\n                ],\n                footer: \"\u064a\u0633\u0627\u0639\u062f \u0625\u062f\u0631\u0627\u0643 \u0647\u0630\u0627 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0645\u0631\u0636\u0649 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0633\u0628\u0628 \u0623\u0647\u0645\u064a\u0629 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0645\u062b\u0644 \u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0637\u0627\u0631\u0626.\"\n            }\n        };\n\n        const htmlTag = document.documentElement;\n        const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.includes('ar');\n        const langData = isRtl ? data.ar : data.en;\n        \n        document.getElementById('sh-cardio-kicker').textContent = langData.kicker;\n        document.getElementById('sh-cardio-title').textContent = langData.title;\n        document.getElementById('sh-cardio-desc').textContent = langData.desc;\n        document.getElementById('sh-cardio-footer').textContent = langData.footer;\n\n        const thead = document.getElementById('sh-cardio-table-head');\n        thead.innerHTML = `<tr>${langData.thead.map(h => `<th>${h}<\/th>`).join('')}<\/tr>`;\n\n        const tbody = document.getElementById('sh-cardio-table-body');\n        tbody.innerHTML = langData.tbody.map(row => `<tr>${row.map(cell => `<td>${cell}<\/td>`).join('')}<\/tr>`).join('');\n    }\n\n    initCardioSection();\n    new MutationObserver(initCardioSection).observe(document.documentElement, { attributes: true });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID & Clean Container *\/\n    #sh-heart-risk-999 {\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-heart-risk-999 .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. Status Badges Styling *\/\n    .sh-badge-yes {\n        background-color: #e6f6f5;\n        color: #138b86;\n        border: 1px solid #b2e0df;\n    }\n    .sh-badge-no {\n        background-color: #fef3f2;\n        color: #b42318;\n        border: 1px solid #fecdca;\n    }\n    .sh-badge-manage {\n        background-color: #fff8eb;\n        color: #b54708;\n        border: 1px solid #fef0c7;\n    }\n\n    \/* 4. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-heart-risk-999\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-16 text-center max-w-3xl mx-auto sh-animate-up\">\n            <h3 id=\"sh-risk-title\" class=\"text-[30px] md:text-[36px] font-bold text-[#243b5a] mb-4\" style=\"font-family: var(--font-display);\">\n                Heart Disease Risk Assessment\n            <\/h3>\n            <p id=\"sh-risk-desc\" class=\"text-[#667085] text-[17px] leading-relaxed\">\n                Certain factors increase the likelihood of developing cardiovascular disease. While some risk factors cannot be modified, many can be improved through preventive care and regular follow-up.\n            <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 relative\">\n            \n            <div class=\"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition flex flex-col justify-between sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <div id=\"sh-risk-card1-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">High blood pressure<\/div>\n                <div class=\"mt-4\"><span id=\"sh-risk-card1-d\" class=\"sh-badge-yes text-sm font-semibold px-3 py-1.5 rounded-full inline-block\">Yes<\/span><\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition flex flex-col justify-between sh-animate-up\" style=\"animation-delay: 0.15s;\">\n                <div id=\"sh-risk-card2-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">High cholesterol<\/div>\n                <div class=\"mt-4\"><span id=\"sh-risk-card2-d\" class=\"sh-badge-yes text-sm font-semibold px-3 py-1.5 rounded-full inline-block\">Yes<\/span><\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition flex flex-col justify-between sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <div id=\"sh-risk-card3-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">Diabetes<\/div>\n                <div class=\"mt-4\"><span id=\"sh-risk-card3-d\" class=\"sh-badge-yes text-sm font-semibold px-3 py-1.5 rounded-full inline-block\">Yes<\/span><\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition flex flex-col justify-between sh-animate-up\" style=\"animation-delay: 0.25s;\">\n                <div id=\"sh-risk-card4-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">Smoking<\/div>\n                <div class=\"mt-4\"><span id=\"sh-risk-card4-d\" class=\"sh-badge-yes text-sm font-semibold px-3 py-1.5 rounded-full inline-block\">Yes<\/span><\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition flex flex-col justify-between sh-animate-up\" style=\"animation-delay: 0.3s;\">\n                <div id=\"sh-risk-card5-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">Obesity<\/div>\n                <div class=\"mt-4\"><span id=\"sh-risk-card5-d\" class=\"sh-badge-yes text-sm font-semibold px-3 py-1.5 rounded-full inline-block\">Yes<\/span><\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition flex flex-col justify-between sh-animate-up\" style=\"animation-delay: 0.35s;\">\n                <div id=\"sh-risk-card6-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">Physical inactivity<\/div>\n                <div class=\"mt-4\"><span id=\"sh-risk-card6-d\" class=\"sh-badge-yes text-sm font-semibold px-3 py-1.5 rounded-full inline-block\">Yes<\/span><\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition flex flex-col justify-between sh-animate-up\" style=\"animation-delay: 0.4s;\">\n                <div id=\"sh-risk-card7-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">Family history<\/div>\n                <div class=\"mt-4\"><span id=\"sh-risk-card7-d\" class=\"sh-badge-manage text-sm font-semibold px-3 py-1.5 rounded-xl inline-block\">Cannot be changed, but risk can be reduced through monitoring<\/span><\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition flex flex-col justify-between sh-animate-up\" style=\"animation-delay: 0.45s;\">\n                <div id=\"sh-risk-card8-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">Age<\/div>\n                <div class=\"mt-4\"><span id=\"sh-risk-card8-d\" class=\"sh-badge-no text-sm font-semibold px-3 py-1.5 rounded-full inline-block\">Cannot be changed<\/span><\/div>\n            <\/div>\n\n            <div class=\"bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-md transition flex flex-col justify-between sh-animate-up\" style=\"animation-delay: 0.5s;\">\n                <div id=\"sh-risk-card9-t\" class=\"font-bold text-[#243b5a] text-[20px] mb-3\" style=\"font-family: var(--font-display);\">Chronic stress<\/div>\n                <div class=\"mt-4\"><span id=\"sh-risk-card9-d\" class=\"sh-badge-manage text-sm font-semibold px-3 py-1.5 rounded-xl inline-block\">Often manageable through lifestyle and medical support<\/span><\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const riskData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                title: \"Heart Disease Risk Assessment\",\n                desc: \"Certain factors increase the likelihood of developing cardiovascular disease. While some risk factors cannot be modified, many can be improved through preventive care and regular follow-up.\",\n                cards: [\n                    { t: \"High blood pressure\", d: \"Yes\" },\n                    { t: \"High cholesterol\", d: \"Yes\" },\n                    { t: \"Diabetes\", d: \"Yes\" },\n                    { t: \"Smoking\", d: \"Yes\" },\n                    { t: \"Obesity\", d: \"Yes\" },\n                    { t: \"Physical inactivity\", d: \"Yes\" },\n                    { t: \"Family history\", d: \"Cannot be changed, but risk can be reduced through monitoring\" },\n                    { t: \"Age\", d: \"Cannot be changed\" },\n                    { t: \"Chronic stress\", d: \"Often manageable through lifestyle and medical support\" }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                title: \"\u062a\u0642\u064a\u064a\u0645 \u0645\u062e\u0627\u0637\u0631 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\",\n                desc: \"\u0647\u0646\u0627\u0643 \u0639\u0648\u0627\u0645\u0644 \u0645\u0639\u064a\u0646\u0629 \u062a\u0632\u064a\u062f \u0645\u0646 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629. \u0641\u064a \u062d\u064a\u0646 \u0623\u0646\u0647 \u0644\u0627 \u064a\u0645\u0643\u0646 \u062a\u063a\u064a\u064a\u0631 \u0628\u0639\u0636 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631\u060c \u0625\u0644\u0627 \u0623\u0646\u0647 \u064a\u0645\u0643\u0646 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629.\",\n                cards: [\n                    { t: \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\", d: \"\u0646\u0639\u0645 (\u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0647)\" },\n                    { t: \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644\", d: \"\u0646\u0639\u0645 (\u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0647)\" },\n                    { t: \"\u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a\", d: \"\u0646\u0639\u0645 (\u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0647)\" },\n                    { t: \"\u0627\u0644\u062a\u062f\u062e\u064a\u0646\", d: \"\u0646\u0639\u0645 (\u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0647)\" },\n                    { t: \"\u0627\u0644\u0633\u0645\u0646\u0629\", d: \"\u0646\u0639\u0645 (\u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0647)\" },\n                    { t: \"\u062e\u0645\u0648\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 \u0648\u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a\", d: \"\u0646\u0639\u0645 (\u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0647)\" },\n                    { t: \"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0639\u0627\u0626\u0644\u064a \u0644\u0644\u0645\u0631\u0636\", d: \"\u0644\u0627 \u064a\u0645\u0643\u0646 \u062a\u063a\u064a\u064a\u0631\u0647\u060c \u0648\u0644\u0643\u0646 \u064a\u0645\u0643\u0646 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062e\u0637\u0631 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629\" },\n                    { t: \"\u0627\u0644\u0639\u0645\u0631\", d: \"\u0644\u0627 \u064a\u0645\u0643\u0646 \u062a\u063a\u064a\u064a\u0631\u0647\" },\n                    { t: \"\u0627\u0644\u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0645\u0632\u0645\u0646\", d: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0645\u0643\u0646 \u0625\u062f\u0627\u0631\u062a\u0647 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0637\u0628\u064a\" }\n                ]\n            }\n        };\n\n        function initRiskSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? riskData.ar : riskData.en;\n            const section = document.getElementById('sh-heart-risk-999');\n            if (section) {\n                section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            }\n            \n            const titleEl = document.getElementById('sh-risk-title');\n            const descEl = document.getElementById('sh-risk-desc');\n            \n            if (titleEl && descEl) {\n                titleEl.textContent = data.title;\n                titleEl.style.fontFamily = data.font;\n                descEl.textContent = data.desc;\n                descEl.style.fontFamily = data.body;\n            }\n            \n            data.cards.forEach((card, i) => {\n                const cardTitle = document.getElementById(`sh-risk-card${i+1}-t`);\n                const cardDesc = document.getElementById(`sh-risk-card${i+1}-d`);\n                if (cardTitle && cardDesc) {\n                    cardTitle.textContent = card.t;\n                    cardTitle.style.fontFamily = data.font;\n                    cardDesc.textContent = card.d;\n                    cardDesc.style.fontFamily = data.body;\n                }\n            });\n        }\n        \n        initRiskSection();\n        new MutationObserver(initRiskSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-cardiac-777 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-cardiac-777 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-cardiac-777\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"relative rounded-3xl border-l-4 border-[#d8a321] bg-gradient-to-br from-[#d8a321]\/5 to-white p-8 md:p-12 shadow-sm sh-animate-up\">\n            \n            <div class=\"flex items-center gap-3 mb-4\">\n                <div class=\"w-12 h-12 rounded-full bg-[#d8a321] text-white grid place-items-center\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z\"><\/path><\/svg>\n                <\/div>\n                <h3 id=\"sh-cardiac-lang-title\" class=\"font-display text-[28px] md:text-[32px] text-[#243b5a] m-0\"><\/h3>\n            <\/div>\n            \n            <p id=\"sh-cardiac-lang-desc\" class=\"text-[#243b5a]\/85 mb-5 text-[17px]\"><\/p>\n            <p id=\"sh-cardiac-lang-criteria\" class=\"font-semibold text-[#243b5a] mb-3\"><\/p>\n            \n            <ul id=\"sh-cardiac-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-3 mb-6\">\n                <\/ul>\n            \n            <p id=\"sh-cardiac-lang-footer1\" class=\"text-[#667085]\"><\/p>\n            <p id=\"sh-cardiac-lang-footer2\" class=\"mt-3 text-[#667085]\"><\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const cardiacData = {\n            en: {\n                title: \"Cardiac Diagnostic Services\",\n                desc: \"Accurate diagnosis is the foundation of effective cardiac treatment. Depending on symptoms and medical history, your cardiologist may recommend one or more diagnostic investigations.\",\n                criteria: \"Common evaluations include:\",\n                f1: \"Each investigation provides different information, helping doctors understand how well the heart is functioning.\",\n                f2: \"\",\n                list: [\n                    \"Clinical examination\", \n                    \"Blood pressure assessment\", \n                    \"Electrocardiogram (ECG)\", \n                    \"Blood tests\", \n                    \"Echocardiography (when indicated)\", \n                    \"Heart rhythm monitoring\", \n                    \"Diagnostic imaging based on clinical need\"\n                ]\n            },\n            ar: {\n                title: \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0642\u0644\u0628\u064a\",\n                desc: \"\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0647\u0648 \u0623\u0633\u0627\u0633 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0641\u0639\u0627\u0644 \u0644\u0644\u0642\u0644\u0628. \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a\u060c \u0642\u062f \u064a\u0648\u0635\u064a \u0637\u0628\u064a\u0628 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0635 \u062a\u0634\u062e\u064a\u0635\u064a \u0648\u0627\u062d\u062f \u0623\u0648 \u0623\u0643\u062b\u0631.\",\n                criteria: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                f1: \"\u064a\u0642\u062f\u0645 \u0643\u0644 \u0641\u062d\u0635 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0645\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0645\u062f\u0649 \u0643\u0641\u0627\u0621\u0629 \u0639\u0645\u0644 \u0627\u0644\u0642\u0644\u0628.\",\n                f2: \"\",\n                list: [\n                    \"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\", \n                    \"\u062a\u0642\u064a\u064a\u0645 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\", \n                    \"\u062a\u062e\u0637\u064a\u0637 \u0643\u0647\u0631\u0628\u064a\u0629 \u0627\u0644\u0642\u0644\u0628 (ECG)\", \n                    \"\u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u062f\u0645\", \n                    \"\u062a\u062e\u0637\u064a\u0637 \u0635\u062f\u0649 \u0627\u0644\u0642\u0644\u0628 (\u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629)\", \n                    \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0625\u064a\u0642\u0627\u0639 \u0627\u0644\u0642\u0644\u0628\", \n                    \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062d\u0627\u062c\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629\"\n                ]\n            }\n        };\n\n        function initCardiac() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? cardiacData.ar : cardiacData.en;\n            const section = document.getElementById('sh-cardiac-777');\n            if(section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-cardiac-lang-title').textContent = data.title;\n            document.getElementById('sh-cardiac-lang-desc').textContent = data.desc;\n            document.getElementById('sh-cardiac-lang-criteria').textContent = data.criteria;\n            document.getElementById('sh-cardiac-lang-footer1').textContent = data.f1;\n            \n            const footer2 = document.getElementById('sh-cardiac-lang-footer2');\n            footer2.textContent = data.f2;\n            footer2.style.display = data.f2 ? 'block' : 'none'; \/\/ Hide if empty\n            \n            const grid = document.getElementById('sh-cardiac-grid');\n            grid.innerHTML = '';\n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start\";\n                li.innerHTML = `<span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">${item}<\/span>`;\n                grid.appendChild(li);\n            });\n        }\n        initCardiac();\n        new MutationObserver(initCardiac).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-cardiac-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-cardiac-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-cardiac-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    \/* Fully Responsive Image Framework for HIGH QUALITY IMAGE *\/\n    #sh-cardiac-555 .cardiac-img-block {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 4\/3; \/* Mobile\/Tablet layout *\/\n        border-radius: 1.5rem; \/* Matches rounded-3xl *\/\n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n    }\n\n    @media (min-width: 1024px) {\n        #sh-cardiac-555 .cardiac-img-block {\n            aspect-ratio: auto;\n            height: 100%; \/* Stretches to match the height of adjacent cards dynamically *\/\n            min-height: 480px;\n        }\n    }\n\n    #sh-cardiac-555 .cardiac-img-block img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n        display: block;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-cardiac-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-cardiac-lang-kicker\">Cardiology<\/span>\n            <\/div>\n            <h2 id=\"sh-cardiac-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\"><\/h2>\n            <p id=\"sh-cardiac-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\"><\/p>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-12 items-stretch mb-12 text-start\">\n            \n            <div class=\"cardiac-img-block sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <picture>\n                    <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/7-1.webp\">\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/8.webp\" alt=\"A doctor reviewing results for an ECG vs. Echocardiogram to assess heart health.\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n                <\/picture>\n            <\/div>\n            \n            <div class=\"grid gap-6 sh-animate-up h-full\" style=\"animation-delay: 0.2s;\">\n                <div id=\"sh-cardiac-cards-container\" class=\"grid gap-6 h-full\">\n                    <\/div>\n            <\/div>\n        <\/div>\n\n        <p id=\"sh-cardiac-lang-footer\" class=\"max-w-3xl mx-auto text-center text-[#667085] text-[17px] leading-relaxed sh-animate-up\" style=\"animation-delay: 0.3s;\">\n        <\/p>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const cardiacData = {\n            en: {\n                kicker: \"Cardiology\", \n                title: \"ECG vs. Echocardiogram: What's the Difference?\",\n                desc: \"Many patients are unsure why both tests may be recommended.\",\n                footer: \"These tests complement each other and may be requested together depending on the patient's condition.\",\n                cards: [\n                    { \n                        t: \"ECG\", \n                        list: [\n                            \"Measures the heart's electrical activity\", \n                            \"Detects rhythm abnormalities\", \n                            \"Usually completed within minutes\", \n                            \"Often used during the initial assessment\"\n                        ] \n                    },\n                    { \n                        t: \"Echocardiogram\", \n                        list: [\n                            \"Uses ultrasound to produce images of the heart\", \n                            \"Evaluates heart structure and valve function\", \n                            \"Provides detailed information about heart movement\", \n                            \"Recommended when additional structural evaluation is needed\"\n                        ] \n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\", \n                title: \"\u062a\u062e\u0637\u064a\u0637 \u0643\u0647\u0631\u0628\u064a\u0629 \u0627\u0644\u0642\u0644\u0628 \u0645\u0642\u0627\u0628\u0644 \u062a\u062e\u0637\u064a\u0637 \u0635\u062f\u0649 \u0627\u0644\u0642\u0644\u0628: \u0645\u0627 \u0627\u0644\u0641\u0631\u0642\u061f\",\n                desc: \"\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0631\u0636\u0649 \u063a\u064a\u0631 \u0645\u062a\u0623\u0643\u062f\u064a\u0646 \u0645\u0646 \u0633\u0628\u0628 \u0627\u0644\u062a\u0648\u0635\u064a\u0629 \u0628\u0643\u0644\u0627 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u064a\u0646.\",\n                footer: \"\u064a\u0643\u0645\u0644 \u0647\u0630\u0627\u0646 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u0646 \u0628\u0639\u0636\u0647\u0645\u0627 \u0627\u0644\u0628\u0639\u0636 \u0648\u0642\u062f \u064a\u064f\u0637\u0644\u0628 \u0625\u062c\u0631\u0627\u0624\u0647\u0645\u0627 \u0645\u0639\u0627\u064b \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0631\u064a\u0636.\",\n                cards: [\n                    { \n                        t: \"\u062a\u062e\u0637\u064a\u0637 \u0643\u0647\u0631\u0628\u064a\u0629 \u0627\u0644\u0642\u0644\u0628 (ECG)\", \n                        list: [\n                            \"\u064a\u0642\u064a\u0633 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a \u0644\u0644\u0642\u0644\u0628\", \n                            \"\u064a\u0643\u062a\u0634\u0641 \u062a\u0634\u0648\u0647\u0627\u062a \u0627\u0644\u0646\u0628\u0636 \u0648\u0627\u0644\u0625\u064a\u0642\u0627\u0639\", \n                            \"\u064a\u0643\u062a\u0645\u0644 \u0639\u0627\u062f\u0629 \u0641\u064a \u063a\u0636\u0648\u0646 \u062f\u0642\u0627\u0626\u0642\", \n                            \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0648\u0644\u064a\"\n                        ] \n                    },\n                    { \n                        t: \"\u062a\u062e\u0637\u064a\u0637 \u0635\u062f\u0649 \u0627\u0644\u0642\u0644\u0628 (Echocardiogram)\", \n                        list: [\n                            \"\u064a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0644\u0625\u0646\u062a\u0627\u062c \u0635\u0648\u0631 \u0644\u0644\u0642\u0644\u0628\", \n                            \"\u064a\u0642\u064a\u0651\u0645 \u0628\u0646\u064a\u0629 \u0627\u0644\u0642\u0644\u0628 \u0648\u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0635\u0645\u0627\u0645\u0627\u062a\", \n                            \"\u064a\u0648\u0641\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0641\u0635\u0644\u0629 \u062d\u0648\u0644 \u062d\u0631\u0643\u0629 \u0627\u0644\u0642\u0644\u0628\", \n                            \"\u064a\u064f\u0648\u0635\u0649 \u0628\u0647 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0647\u064a\u0643\u0644\u064a \u0625\u0636\u0627\u0641\u064a\"\n                        ] \n                    }\n                ]\n            }\n        };\n\n        function initCardiacSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? cardiacData.ar : cardiacData.en;\n            const section = document.getElementById('sh-cardiac-555');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-cardiac-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-cardiac-lang-title').textContent = data.title;\n            document.getElementById('sh-cardiac-lang-desc').textContent = data.desc;\n            document.getElementById('sh-cardiac-lang-footer').textContent = data.footer;\n\n            const container = document.getElementById('sh-cardiac-cards-container');\n            container.innerHTML = '';\n            data.cards.forEach(card => {\n                const div = document.createElement('div');\n                div.className = \"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm h-full flex flex-col\";\n                div.innerHTML = `<h3 class=\"font-bold text-[22px] text-[#243b5a] mb-5\">${card.t}<\/h3><ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 flex-grow\"><\/ul>`;\n                const ul = div.querySelector('ul');\n                card.list.forEach(liText => {\n                    const li = document.createElement('li');\n                    li.className = \"flex gap-3 items-start\";\n                    li.innerHTML = `<span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">${liText}<\/span>`;\n                    ul.appendChild(li);\n                });\n                container.appendChild(div);\n            });\n        }\n        \n        initCardiacSection();\n        new MutationObserver(initCardiacSection).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-heart-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-heart-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-heart-666\" 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-heart-lang-kicker\">Cardiology<\/span>\n            <\/div>\n            <h2 id=\"sh-heart-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\"><\/h2>\n            <p id=\"sh-heart-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\"><\/p>\n        <\/div>\n\n        <div class=\"max-w-4xl mx-auto bg-white rounded-3xl p-8 md:p-10 border border-[#e4edf3] shadow-sm sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <h3 id=\"sh-heart-lang-list-title\" class=\"font-display text-[22px] md:text-[24px] text-[#243b5a] mb-6 border-b border-[#e4edf3] pb-4\"><\/h3>\n            \n            <ul id=\"sh-heart-list-grid\" class=\"grid sm:grid-cols-2 gap-x-8 gap-y-4 mb-8\">\n                <\/ul>\n            \n            <div class=\"bg-[#f8fbfd] rounded-2xl p-5 border border-[#e4edf3]\/50\">\n                <p id=\"sh-heart-lang-footer\" class=\"m-0 text-[#596b82] text-[16px] leading-relaxed font-medium\"><\/p>\n            <\/div>\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 heartData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Cardiology\", \n                title: \"Heart Screening: Who Should Consider It?\",\n                desc: \"Routine heart screening may be beneficial for individuals with increased cardiovascular risk, even if they feel well.\",\n                listTitle: \"Screening is commonly recommended for:\",\n                footer: \"Early detection often allows treatment to begin before significant complications develop.\",\n                list: [\n                    \"Adults with high blood pressure\",\n                    \"Individuals with diabetes\",\n                    \"People with elevated cholesterol\",\n                    \"Smokers\",\n                    \"Adults over 40 with multiple risk factors\",\n                    \"Patients with a family history of heart disease\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\", \n                title: \"\u0641\u062d\u0635 \u0627\u0644\u0642\u0644\u0628: \u0645\u0646 \u0627\u0644\u0630\u064a \u064a\u062c\u0628 \u0623\u0646 \u064a\u0641\u0643\u0631 \u0641\u064a\u0647\u061f\",\n                desc: \"\u0642\u062f \u064a\u0643\u0648\u0646 \u0641\u062d\u0635 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a \u0645\u0641\u064a\u062f\u0627\u064b \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u0645\u0639\u0631\u0636\u064a\u0646 \u0644\u0632\u064a\u0627\u062f\u0629 \u062e\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\u060c \u062d\u062a\u0649 \u0644\u0648 \u0643\u0627\u0646\u0648\u0627 \u064a\u0634\u0639\u0631\u0648\u0646 \u0628\u0635\u062d\u0629 \u062c\u064a\u062f\u0629.\",\n                listTitle: \"\u064a\u0648\u0635\u0649 \u0628\u0627\u0644\u0641\u062d\u0635 \u0639\u0627\u062f\u0629 \u0644\u0643\u0644 \u0645\u0646:\",\n                footer: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u062a\u064a\u062d \u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0628\u0643\u0631 \u0628\u062f\u0621 \u0627\u0644\u0639\u0644\u0627\u062c \u0642\u0628\u0644 \u062d\u062f\u0648\u062b \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u062e\u0637\u064a\u0631\u0629.\",\n                list: [\n                    \"\u0627\u0644\u0628\u0627\u0644\u063a\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\",\n                    \"\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u0645\u0635\u0627\u0628\u064a\u0646 \u0628\u062f\u0627\u0621 \u0627\u0644\u0633\u0643\u0631\u064a\",\n                    \"\u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u0627\u0631\u062a\u0641\u0627\u0639 \u0646\u0633\u0628\u0629 \u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644\",\n                    \"\u0627\u0644\u0645\u062f\u062e\u0646\u064a\u0646\",\n                    \"\u0627\u0644\u0628\u0627\u0644\u063a\u064a\u0646 \u0641\u0648\u0642 \u0633\u0646 40 \u0645\u0639 \u0639\u0648\u0627\u0645\u0644 \u062e\u0637\u0631 \u0645\u062a\u0639\u062f\u062f\u0629\",\n                    \"\u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u0644\u062f\u064a\u0647\u0645 \u062a\u0627\u0631\u064a\u062e \u0639\u0627\u0626\u0644\u064a \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\"\n                ]\n            }\n        };\n\n        function initHeartScreening() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? heartData.ar : heartData.en;\n            const section = document.getElementById('sh-heart-666');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Inject Texts\n            document.getElementById('sh-heart-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-heart-lang-title').textContent = data.title;\n            document.getElementById('sh-heart-lang-desc').textContent = data.desc;\n            document.getElementById('sh-heart-lang-list-title').textContent = data.listTitle;\n            document.getElementById('sh-heart-lang-footer').textContent = data.footer;\n            \n            \/\/ Build Grid List\n            const listGrid = document.getElementById('sh-heart-list-grid');\n            listGrid.innerHTML = '';\n            data.list.forEach(text => {\n                listGrid.innerHTML += `\n                    <li class=\"flex gap-3 items-start\">\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=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                        <\/span>\n                        <span class=\"text-[16.5px] text-[#243b5a]\/90 font-medium leading-relaxed\">${text}<\/span>\n                    <\/li>`;\n            });\n        }\n\n        \/\/ Initialize and setup observer for language switches\n        initHeartScreening();\n        new MutationObserver(initHeartScreening).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Astra Breakout & Hexa Background *\/\n    #sh-cardio-journey-444 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-cardio-journey-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-cardio-journey-444 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-cardio-journey-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-cj-lang-kicker\">Cardiology<\/span>\n            <\/div>\n            <h2 id=\"sh-cj-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\"><\/h2>\n            <p id=\"sh-cj-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\"><\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 gap-6 sh-animate-up mb-12 max-w-5xl mx-auto\" style=\"animation-delay: 0.1s;\" id=\"sh-cj-steps-grid\">\n            <\/div>\n\n        <div class=\"bg-white rounded-3xl p-8 md:p-10 border border-[#e4edf3] shadow-sm max-w-5xl mx-auto sh-animate-up\" style=\"animation-delay: 0.2s;\">\n            <div class=\"flex items-start gap-4 mb-5\">\n                <div class=\"w-12 h-12 rounded-full bg-red-50 text-red-600 flex items-center justify-center 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=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                <\/div>\n                <div>\n                    <h3 id=\"sh-cj-chest-title\" class=\"font-bold text-[22px] md:text-[26px] text-[#243b5a] mb-3\"><\/h3>\n                    <p id=\"sh-cj-chest-desc\" class=\"text-[#667085] text-[16.5px] leading-relaxed m-0\"><\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"border-t border-[#e4edf3] pt-6 mt-6\">\n                <p id=\"sh-cj-seek-intro\" class=\"font-bold text-[#243b5a] text-[18px] mb-5\"><\/p>\n                <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 mb-8\" id=\"sh-cj-seek-grid\">\n                    <\/ul>\n                <div class=\"bg-[#f8fbfd] rounded-xl p-5 border border-[#e4edf3]\/50\">\n                    <p id=\"sh-cj-chest-footer\" class=\"m-0 text-[#243b5a]\/80 font-medium leading-relaxed\"><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const cardioData = {\n            en: {\n                kicker: \"Patient Guide\", \n                title: \"A Patient's Cardiology Journey\",\n                desc: \"Every patient's experience is different, but a cardiology consultation often follows a structured pathway.\",\n                steps: [\n                    { t: \"Step 1 \u2013 Initial Consultation\", d: \"The cardiologist reviews symptoms, lifestyle habits, medical history, and family history to understand potential cardiovascular risks.\" },\n                    { t: \"Step 2 \u2013 Physical Examination\", d: \"Blood pressure, heart sounds, pulse, and other clinical findings help guide further evaluation.\" },\n                    { t: \"Step 3 \u2013 Diagnostic Testing\", d: \"Based on the assessment, appropriate investigations may be recommended to confirm or rule out underlying heart conditions.\" },\n                    { t: \"Step 4 \u2013 Diagnosis & Planning\", d: \"Once the results are available, the cardiologist explains the findings and discusses suitable treatment options, which may include lifestyle changes, medication, ongoing monitoring, or referral for additional procedures if clinically indicated.\" }\n                ],\n                chestTitle: \"Chest Pain: When Should You Seek Immediate Medical Care?\",\n                chestDesc: \"Chest discomfort can have many causes, ranging from muscle strain to serious cardiovascular conditions. While not every episode is related to the heart, persistent or severe symptoms should always be evaluated by a medical professional.\",\n                seekIntro: \"Seek urgent medical attention if chest pain:\",\n                seekList: [\n                    \"Lasts longer than a few minutes\",\n                    \"Occurs during physical activity or emotional stress\",\n                    \"Spreads to the arm, jaw, neck, shoulder, or back\",\n                    \"Is accompanied by shortness of breath\",\n                    \"Causes dizziness or fainting\",\n                    \"Occurs with nausea, cold sweats, or unusual weakness\"\n                ],\n                chestFooter: \"Prompt medical assessment helps identify the cause and allows treatment to begin as early as possible when necessary.\"\n            },\n            ar: {\n                kicker: \"\u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u0631\u064a\u0636\", \n                title: \"\u0631\u062d\u0644\u0629 \u0645\u0631\u064a\u0636 \u0627\u0644\u0642\u0644\u0628\",\n                desc: \"\u062a\u062e\u062a\u0644\u0641 \u062a\u062c\u0631\u0628\u0629 \u0643\u0644 \u0645\u0631\u064a\u0636 \u0639\u0646 \u0627\u0644\u0622\u062e\u0631\u060c \u0648\u0644\u0643\u0646 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0642\u0644\u0628 \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u062a\u062a\u0628\u0639 \u0645\u0633\u0627\u0631\u0627\u064b \u0645\u0646\u0638\u0645\u0627\u064b.\",\n                steps: [\n                    { t: \"\u0627\u0644\u062e\u0637\u0648\u0629 1 \u2013 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u064a\u0629\", d: \"\u064a\u0631\u0627\u062c\u0639 \u0637\u0628\u064a\u0628 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0639\u0627\u062f\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0639\u0627\u0626\u0644\u064a \u0644\u0641\u0647\u0645 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629.\" },\n                    { t: \"\u0627\u0644\u062e\u0637\u0648\u0629 2 \u2013 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a\", d: \"\u064a\u0633\u0627\u0639\u062f \u0636\u063a\u0637 \u0627\u0644\u062f\u0645 \u0648\u0623\u0635\u0648\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0646\u0628\u0636 \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649 \u0641\u064a \u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0625\u0636\u0627\u0641\u064a.\" },\n                    { t: \"\u0627\u0644\u062e\u0637\u0648\u0629 3 \u2013 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\", d: \"\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u060c \u0642\u062f \u064a\u0648\u0635\u0649 \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0648\u0635\u0627\u062a \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u062a\u0623\u0643\u064a\u062f \u0623\u0648 \u0627\u0633\u062a\u0628\u0639\u0627\u062f \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0644\u0628\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0646\u0629.\" },\n                    { t: \"\u0627\u0644\u062e\u0637\u0648\u0629 4 \u2013 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u062e\u0637\u0629 \u0627\u0644\u0639\u0644\u0627\u062c\", d: \"\u0628\u0645\u062c\u0631\u062f \u062a\u0648\u0641\u0631 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u060c \u064a\u0634\u0631\u062d \u0637\u0628\u064a\u0628 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u064a\u0646\u0627\u0642\u0634 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0648\u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0634\u0645\u0644 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0623\u0648 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0623\u0648 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0623\u0648 \u0627\u0644\u0625\u062d\u0627\u0644\u0629 \u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629.\" }\n                ],\n                chestTitle: \"\u0623\u0644\u0645 \u0627\u0644\u0635\u062f\u0631: \u0645\u062a\u0649 \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0637\u0644\u0628 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629\u061f\",\n                chestDesc: \"\u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0644\u0627\u0646\u0632\u0639\u0627\u062c \u0627\u0644\u0635\u062f\u0631 \u0623\u0633\u0628\u0627\u0628 \u0639\u062f\u064a\u062f\u0629\u060c \u062a\u062a\u0631\u0627\u0648\u062d \u0645\u0646 \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0625\u0644\u0649 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0627\u0644\u062e\u0637\u064a\u0631\u0629. \u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u0644\u064a\u0633 \u0643\u0644 \u0646\u0648\u0628\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0642\u0644\u0628\u060c \u064a\u062c\u0628 \u062f\u0627\u0626\u0645\u0627\u064b \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0623\u0648 \u0627\u0644\u0634\u062f\u064a\u062f\u0629 \u0645\u0646 \u0642\u0628\u0644 \u0623\u062e\u0635\u0627\u0626\u064a \u0637\u0628\u064a.\",\n                seekIntro: \"\u0627\u0637\u0644\u0628 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0639\u0627\u062c\u0644\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0623\u0644\u0645 \u0627\u0644\u0635\u062f\u0631:\",\n                seekList: [\n                    \"\u064a\u0633\u062a\u0645\u0631 \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 \u0628\u0636\u0639 \u062f\u0642\u0627\u0626\u0642\",\n                    \"\u064a\u062d\u062f\u062b \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a \u0623\u0648 \u0627\u0644\u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0639\u0627\u0637\u0641\u064a\",\n                    \"\u064a\u0645\u062a\u062f \u0625\u0644\u0649 \u0627\u0644\u0630\u0631\u0627\u0639 \u0623\u0648 \u0627\u0644\u0641\u0643 \u0623\u0648 \u0627\u0644\u0631\u0642\u0628\u0629 \u0623\u0648 \u0627\u0644\u0643\u062a\u0641 \u0623\u0648 \u0627\u0644\u0638\u0647\u0631\",\n                    \"\u0645\u0635\u062d\u0648\u0628\u0627\u064b \u0628\u0636\u064a\u0642 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u0633\",\n                    \"\u064a\u0633\u0628\u0628 \u0627\u0644\u062f\u0648\u062e\u0629 \u0623\u0648 \u0627\u0644\u0625\u063a\u0645\u0627\u0621\",\n                    \"\u064a\u062d\u062f\u062b \u0645\u0639 \u063a\u062b\u064a\u0627\u0646 \u0623\u0648 \u062a\u0639\u0631\u0642 \u0628\u0627\u0631\u062f \u0623\u0648 \u0636\u0639\u0641 \u063a\u064a\u0631 \u0639\u0627\u062f\u064a\"\n                ],\n                chestFooter: \"\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\u062d\u062f\u064a\u062f \u0627\u0644\u0633\u0628\u0628 \u0648\u064a\u0633\u0645\u062d \u0628\u0628\u062f\u0621 \u0627\u0644\u0639\u0644\u0627\u062c \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629.\"\n            }\n        };\n\n        function initCardioJourney() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? cardioData.ar : cardioData.en;\n            const section = document.getElementById('sh-cardio-journey-444');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Apply Header Texts\n            document.getElementById('sh-cj-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-cj-lang-title').textContent = data.title;\n            document.getElementById('sh-cj-lang-desc').textContent = data.desc;\n\n            \/\/ Render 4 Steps Grid\n            const stepsGrid = document.getElementById('sh-cj-steps-grid');\n            stepsGrid.innerHTML = '';\n            data.steps.forEach((step, index) => {\n                stepsGrid.innerHTML += `\n                    <div class=\"bg-white rounded-2xl p-6 md:p-8 border border-[#e4edf3] shadow-sm flex flex-col hover:-translate-y-1 transition-transform duration-300\">\n                        <div class=\"w-10 h-10 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center font-bold text-lg mb-4\">\n                            ${index + 1}\n                        <\/div>\n                        <h4 class=\"font-bold text-[20px] text-[#243b5a] mb-3\">${step.t}<\/h4>\n                        <p class=\"text-[#596b82] text-[16px] leading-relaxed m-0\">${step.d}<\/p>\n                    <\/div>\n                `;\n            });\n\n            \/\/ Apply Chest Pain Texts\n            document.getElementById('sh-cj-chest-title').textContent = data.chestTitle;\n            document.getElementById('sh-cj-chest-desc').textContent = data.chestDesc;\n            document.getElementById('sh-cj-seek-intro').textContent = data.seekIntro;\n            document.getElementById('sh-cj-chest-footer').textContent = data.chestFooter;\n\n            \/\/ Render Seek List Grid\n            const seekGrid = document.getElementById('sh-cj-seek-grid');\n            seekGrid.innerHTML = '';\n            data.seekList.forEach(text => {\n                seekGrid.innerHTML += `\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-red-50 text-red-500 grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium leading-relaxed\">${text}<\/span>\n                    <\/li>\n                `;\n            });\n        }\n        \n        initCardioJourney();\n        new MutationObserver(initCardioJourney).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-heartattack-333 {\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-heartattack-333::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    \/* Set Max-Width 1475px *\/\n    #sh-heartattack-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        position: relative;\n        z-index: 10;\n    }\n\n    \/* Fully Responsive Image Framework for HIGH QUALITY IMAGE *\/\n    #sh-heartattack-333 .cond-img-block {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 4\/3;\n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n    }\n\n    @media (min-width: 1024px) {\n        #sh-heartattack-333 .cond-img-block {\n            aspect-ratio: auto;\n            height: 100%;\n            min-height: 400px;\n        }\n    }\n\n    #sh-heartattack-333 .cond-img-block img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n        display: block;\n    }\n\n    \/* Table Styles *\/\n    #sh-heartattack-333 .sh-table-wrapper {\n        overflow-x: auto;\n        border-radius: 1.5rem;\n        border: 1px solid #e4edf3;\n        background: #ffffff;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.03);\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-heartattack-333\" 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-ha-lang-kicker\">Cardiology Guide<\/span>\n            <\/div>\n            <h2 id=\"sh-ha-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\"><\/h2>\n            <p id=\"sh-ha-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\"><\/p>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-[1fr_1.5fr] gap-10 items-stretch mb-10 sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <div class=\"cond-img-block\">\n                <picture>\n                    <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/2.1.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/7.webp\" alt=\"Doctor evaluating a patient to identify whether symptoms indicate a heart attack or heartburn.\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n                <\/picture>\n            <\/div>\n\n            <div class=\"sh-table-wrapper w-full h-full flex flex-col\">\n                <table class=\"w-full text-left border-collapse min-w-[600px] flex-grow\">\n                    <thead>\n                        <tr class=\"bg-[#f8fbfd] border-b border-[#e4edf3]\">\n                            <th id=\"sh-ha-th-1\" class=\"py-5 px-6 font-bold text-[#243b5a] text-[17px] w-1\/4\"><\/th>\n                            <th id=\"sh-ha-th-2\" class=\"py-5 px-6 font-bold text-[#d4af37] text-[17px] w-[37.5%] border-l border-[#e4edf3]\"><\/th>\n                            <th id=\"sh-ha-th-3\" class=\"py-5 px-6 font-bold text-[#138b86] text-[17px] w-[37.5%] border-l border-[#e4edf3]\"><\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"sh-ha-table-body\" class=\"text-[15.5px]\">\n                        <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n\n        <div class=\"max-w-4xl mx-auto bg-red-50 border border-red-100 rounded-2xl p-6 flex items-start gap-4 sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <div class=\"mt-1 text-red-500 shrink-0\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n            <\/div>\n            <p id=\"sh-ha-lang-footer\" class=\"m-0 text-[#243b5a] text-[16.5px] leading-relaxed font-medium\"><\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const haData = {\n            en: {\n                kicker: \"Cardiology Guide\", \n                title: \"Heart Attack or Heartburn? Understanding the Difference\",\n                desc: \"Heart-related pain and digestive discomfort may sometimes feel similar, making self-diagnosis unreliable.\",\n                headers: [\"Symptom\", \"Heart Attack\", \"Heartburn\"],\n                rows: [\n                    [\"Location\", \"Chest, may spread to arm, neck, jaw, or back\", \"Usually behind the breastbone\"],\n                    [\"Trigger\", \"Physical activity or may occur unexpectedly\", \"Often after meals or when lying down\"],\n                    [\"Associated Symptoms\", \"Shortness of breath, sweating, nausea, dizziness\", \"Sour taste, acid reflux, bloating\"],\n                    [\"Duration\", \"Often persistent or worsening\", \"May improve with antacids\"],\n                    [\"Medical Attention\", \"Immediate evaluation recommended\", \"Medical review if symptoms are frequent or severe\"]\n                ],\n                footer: \"If there is uncertainty, it is safer to seek emergency medical evaluation rather than assume the symptoms are related to indigestion.\"\n            },\n            ar: {\n                kicker: \"\u062f\u0644\u064a\u0644 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\", \n                title: \"\u0646\u0648\u0628\u0629 \u0642\u0644\u0628\u064a\u0629 \u0623\u0645 \u062d\u0631\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u0639\u062f\u0629\u061f \u0641\u0647\u0645 \u0627\u0644\u0641\u0631\u0642\",\n                desc: \"\u0642\u062f \u062a\u062a\u0634\u0627\u0628\u0647 \u0623\u062d\u064a\u0627\u0646\u0627\u064b \u0622\u0644\u0627\u0645 \u0627\u0644\u0642\u0644\u0628 \u0645\u0639 \u0627\u0644\u0627\u0646\u0632\u0639\u0627\u062c \u0627\u0644\u0647\u0636\u0645\u064a\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0630\u0627\u062a\u064a \u063a\u064a\u0631 \u0645\u0648\u062b\u0648\u0642.\",\n                headers: [\"\u0627\u0644\u0639\u0631\u0636\", \"\u0627\u0644\u0646\u0648\u0628\u0629 \u0627\u0644\u0642\u0644\u0628\u064a\u0629\", \"\u062d\u0631\u0642\u0629 \u0627\u0644\u0645\u0639\u062f\u0629\"],\n                rows: [\n                    [\"\u0627\u0644\u0645\u0648\u0642\u0639\", \"\u0627\u0644\u0635\u062f\u0631\u060c \u0642\u062f \u064a\u0645\u062a\u062f \u0625\u0644\u0649 \u0627\u0644\u0630\u0631\u0627\u0639 \u0623\u0648 \u0627\u0644\u0631\u0642\u0628\u0629 \u0623\u0648 \u0627\u0644\u0641\u0643 \u0623\u0648 \u0627\u0644\u0638\u0647\u0631\", \"\u0639\u0627\u062f\u0629 \u062e\u0644\u0641 \u0639\u0638\u0645\u0629 \u0627\u0644\u0635\u062f\u0631\"],\n                    [\"\u0627\u0644\u0645\u062d\u0641\u0632\", \"\u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a \u0623\u0648 \u0642\u062f \u064a\u062d\u062f\u062b \u0628\u0634\u0643\u0644 \u063a\u064a\u0631 \u0645\u062a\u0648\u0642\u0639\", \"\u063a\u0627\u0644\u0628\u0627\u064b \u0628\u0639\u062f \u0627\u0644\u0648\u062c\u0628\u0627\u062a \u0623\u0648 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0642\u0627\u0621\"],\n                    [\"\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0635\u0627\u062d\u0628\u0629\", \"\u0636\u064a\u0642 \u0627\u0644\u062a\u0646\u0641\u0633\u060c \u0627\u0644\u062a\u0639\u0631\u0642\u060c \u0627\u0644\u063a\u062b\u064a\u0627\u0646\u060c \u0627\u0644\u062f\u0648\u062e\u0629\", \"\u0637\u0639\u0645 \u062d\u0627\u0645\u0636\u060c \u0627\u0631\u062a\u062c\u0627\u0639 \u062d\u0645\u0636\u064a\u060c \u0627\u0646\u062a\u0641\u0627\u062e\"],\n                    [\"\u0627\u0644\u0645\u062f\u0629\", \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0633\u062a\u0645\u0631 \u0623\u0648 \u064a\u0632\u062f\u0627\u062f \u0633\u0648\u0621\u0627\u064b\", \"\u0642\u062f \u064a\u062a\u062d\u0633\u0646 \u0645\u0639 \u0645\u0636\u0627\u062f\u0627\u062a \u0627\u0644\u062d\u0645\u0648\u0636\u0629\"],\n                    [\"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629\", \"\u064a\u0648\u0635\u0649 \u0628\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0641\u0648\u0631\u064a\", \"\u0645\u0631\u0627\u062c\u0639\u0629 \u0637\u0628\u064a\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0645\u062a\u0643\u0631\u0631\u0629 \u0623\u0648 \u0634\u062f\u064a\u062f\u0629\"]\n                ],\n                footer: \"\u0641\u064a \u062d\u0627\u0644\u0629 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646\u060c \u0645\u0646 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645 \u0637\u0628\u064a \u0637\u0627\u0631\u0626 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0641\u062a\u0631\u0627\u0636 \u0623\u0646 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0639\u0633\u0631 \u0627\u0644\u0647\u0636\u0645.\"\n            }\n        };\n\n        function initHeartAttackSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? haData.ar : haData.en;\n            const section = document.getElementById('sh-heartattack-333');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Set Header and Footer Texts\n            document.getElementById('sh-ha-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-ha-lang-title').textContent = data.title;\n            document.getElementById('sh-ha-lang-desc').textContent = data.desc;\n            document.getElementById('sh-ha-lang-footer').textContent = data.footer;\n            \n            \/\/ Set Table Headers\n            document.getElementById('sh-ha-th-1').textContent = data.headers[0];\n            document.getElementById('sh-ha-th-2').textContent = data.headers[1];\n            document.getElementById('sh-ha-th-3').textContent = data.headers[2];\n            \n            \/\/ Build Table Rows\n            const tbody = document.getElementById('sh-ha-table-body');\n            tbody.innerHTML = '';\n            data.rows.forEach(row => {\n                const tr = document.createElement('tr');\n                tr.className = \"border-b border-[#e4edf3] last:border-0 hover:bg-[#f8fbfd] transition-colors\";\n                tr.innerHTML = `\n                    <td class=\"py-4 px-6 font-semibold text-[#243b5a] whitespace-nowrap\">${row[0]}<\/td>\n                    <td class=\"py-4 px-6 text-[#596b82] leading-relaxed border-l border-[#e4edf3]\">${row[1]}<\/td>\n                    <td class=\"py-4 px-6 text-[#596b82] leading-relaxed border-l border-[#e4edf3]\">${row[2]}<\/td>\n                `;\n                tbody.appendChild(tr);\n            });\n        }\n        \n        initHeartAttackSection();\n        new MutationObserver(initHeartAttackSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-preventive-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-preventive-555 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-preventive-555\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"mb-12 max-w-4xl 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\">Cardiology<\/span>\n            <\/div>\n            <h2 id=\"sh-prev-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\"><\/h2>\n            <p id=\"sh-prev-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\"><\/p>\n        <\/div>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 max-w-6xl sh-animate-up\" style=\"animation-delay: 0.1s;\" id=\"sh-prev-grid\"><\/div>\n        \n        <p id=\"sh-prev-lang-footer\" class=\"mt-8 text-[#667085] max-w-3xl sh-animate-up\" style=\"animation-delay: 0.2s;\"><\/p>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const prevData = {\n            en: {\n                kicker: \"Cardiology\", \n                title: \"Preventive Cardiology: Protecting Your Heart Before Problems Develop\",\n                desc: \"Preventive cardiology focuses on identifying cardiovascular risk factors before they lead to serious disease. Regular heart assessments may help detect:\",\n                footer: \"Early intervention may reduce the likelihood of future complications and support long-term cardiovascular wellness.\",\n                list: [\n                    \"Elevated blood pressure\", \n                    \"High cholesterol\", \n                    \"Early changes in heart rhythm\", \n                    \"Diabetes-related cardiovascular risk\", \n                    \"Lifestyle factors affecting heart health\"\n                ]\n            },\n            ar: {\n                kicker: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\", \n                title: \"\u0637\u0628 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0648\u0642\u0627\u0626\u064a: \u062d\u0645\u0627\u064a\u0629 \u0642\u0644\u0628\u0643 \u0642\u0628\u0644 \u062a\u0637\u0648\u0631 \u0627\u0644\u0645\u0634\u0627\u0643\u0644\",\n                desc: \"\u064a\u0631\u0643\u0632 \u0637\u0628 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0648\u0642\u0627\u0626\u064a \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0639\u0648\u0627\u0645\u0644 \u062e\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0624\u062f\u064a \u0625\u0644\u0649 \u0623\u0645\u0631\u0627\u0636 \u062e\u0637\u064a\u0631\u0629. \u0642\u062f \u062a\u0633\u0627\u0639\u062f \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0641\u064a \u0627\u0643\u062a\u0634\u0627\u0641:\",\n                footer: \"\u0642\u062f \u064a\u0642\u0644\u0644 \u0627\u0644\u062a\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0643\u0631 \u0645\u0646 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u062d\u062f\u0648\u062b \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0648\u064a\u062f\u0639\u0645 \u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\",\n                list: [\n                    \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\", \n                    \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0646\u0633\u0628\u0629 \u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644\", \n                    \"\u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0628\u0643\u0631\u0629 \u0641\u064a \u0625\u064a\u0642\u0627\u0639 \u0627\u0644\u0642\u0644\u0628\", \n                    \"\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a\", \n                    \"\u0639\u0648\u0627\u0645\u0644 \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628\"\n                ]\n            }\n        };\n\n        function initPreventiveSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? prevData.ar : prevData.en;\n            const section = document.getElementById('sh-preventive-555');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-prev-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-prev-lang-title').textContent = data.title;\n            document.getElementById('sh-prev-lang-desc').textContent = data.desc;\n            document.getElementById('sh-prev-lang-footer').textContent = data.footer;\n            \n            const grid = document.getElementById('sh-prev-grid');\n            grid.innerHTML = '';\n            data.list.forEach(text => {\n                grid.innerHTML += `\n                    <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                        <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z\"\/><\/svg>\n                        <\/div>\n                        <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">${text}<\/span>\n                    <\/div>`;\n            });\n        }\n        initPreventiveSection();\n        new MutationObserver(initPreventiveSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-delivery-444 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-delivery-444::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-delivery-444 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Alignment Support *\/\n    #sh-delivery-444 .sh-text-start { text-align: left !important; }\n    #sh-delivery-444[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-delivery-444 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s ease forwards; \n    }\n<\/style>\n\n<section id=\"sh-delivery-444\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-del-lang-kicker\"><\/span>\n            <\/div>\n            <h2 id=\"sh-del-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\"><\/h2>\n            <p id=\"sh-del-desc1\" class=\"text-[#596b82] text-[18px] leading-relaxed mb-2\"><\/p>\n            <p id=\"sh-del-desc2\" class=\"text-[#596b82] text-[16px]\"><\/p>\n        <\/div>\n\n        <div class=\"max-w-4xl mx-auto bg-white rounded-3xl p-8 md:p-10 border border-[#e4edf3] shadow-sm sh-animate-up\" style=\"animation-delay: 0.1s;\">\n            <h3 id=\"sh-del-list-title\" class=\"text-[22px] md:text-[24px] text-[#243b5a] mb-6 border-b border-[#e4edf3] pb-4 font-bold\" style=\"font-family: var(--font-display);\"><\/h3>\n            \n            <ul id=\"sh-del-list-grid\" class=\"grid sm:grid-cols-2 gap-x-8 gap-y-4 mb-8\">\n                <\/ul>\n            \n            <div class=\"bg-[#f8fbfd] rounded-2xl p-5 border border-[#e4edf3]\/50\">\n                <p id=\"sh-del-lang-footer\" class=\"m-0 text-[#596b82] text-[16px] leading-relaxed font-medium\"><\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const delData = {\n            en: {\n                kicker: \"Cardiology\", \n                title: \"Managing High Blood Pressure and Cholesterol\",\n                desc1: \"High blood pressure and elevated cholesterol often develop without noticeable symptoms, yet both increase the risk of cardiovascular disease.\",\n                desc2: \"Regular monitoring helps doctors evaluate whether treatment is needed.\",\n                listTitle: \"Management may include:\",\n                list: [\n                    \"Blood pressure monitoring\",\n                    \"Cholesterol testing\",\n                    \"Dietary guidance\",\n                    \"Physical activity recommendations\",\n                    \"Weight management\",\n                    \"Medication when clinically indicated\",\n                    \"Ongoing cardiovascular follow-up\"\n                ],\n                footer: \"Keeping these risk factors under control plays an important role in maintaining heart health.\"\n            },\n            ar: {\n                kicker: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\", \n                title: \"\u0625\u062f\u0627\u0631\u0629 \u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645 \u0648\u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644\",\n                desc1: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u062a\u0637\u0648\u0631 \u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645 \u0648\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644 \u062f\u0648\u0646 \u0623\u0639\u0631\u0627\u0636 \u0645\u0644\u062d\u0648\u0638\u0629\u060c \u0648\u0645\u0639 \u0630\u0644\u0643 \u064a\u0632\u064a\u062f \u0643\u0644\u0627\u0647\u0645\u0627 \u0645\u0646 \u062e\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629.\",\n                desc2: \"\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0639\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0644\u0644\u0639\u0644\u0627\u062c.\",\n                listTitle: \"\u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0625\u062f\u0627\u0631\u0629:\",\n                list: [\n                    \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\",\n                    \"\u0641\u062d\u0635 \u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644\",\n                    \"\u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\",\n                    \"\u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a\",\n                    \"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0632\u0646\",\n                    \"\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629\",\n                    \"\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\"\n                ],\n                footer: \"\u064a\u0644\u0639\u0628 \u0625\u0628\u0642\u0627\u0621 \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631 \u0647\u0630\u0647 \u062a\u062d\u062a \u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u062f\u0648\u0631\u0627\u064b \u0645\u0647\u0645\u0627\u064b \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628.\"\n            }\n        };\n\n        function initDelSection() {\n            \/\/ Determine language context\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? delData.ar : delData.en;\n            \n            \/\/ Set Section Direction\n            const section = document.getElementById('sh-delivery-444');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Populate Text\n            document.getElementById('sh-del-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-del-lang-title').textContent = data.title;\n            document.getElementById('sh-del-desc1').textContent = data.desc1;\n            document.getElementById('sh-del-desc2').textContent = data.desc2;\n            document.getElementById('sh-del-list-title').textContent = data.listTitle;\n            document.getElementById('sh-del-lang-footer').textContent = data.footer;\n            \n            \/\/ Populate List\n            const listGrid = document.getElementById('sh-del-list-grid');\n            listGrid.innerHTML = '';\n            data.list.forEach(text => {\n                listGrid.innerHTML += `\n                    <li class=\"flex gap-3 items-start\">\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=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                        <\/span>\n                        <span class=\"text-[16.5px] text-[#243b5a]\/90 font-medium leading-relaxed\">${text}<\/span>\n                    <\/li>`;\n            });\n        }\n\n        \/\/ Initialize and setup mutation observer for real-time translation switching\n        initDelSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initDelSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-pilgrim-heart-555 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* No Hexa Pattern *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-pilgrim-heart-555 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-pilgrim-heart-555 .sh-text-start { text-align: left !important; }\n    #sh-pilgrim-heart-555[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Fully Responsive Image Framework for HIGH QUALITY IMAGE *\/\n    #sh-pilgrim-heart-555 .ph-img-block {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 4\/3; \/* Mobile\/Tablet layout *\/\n        border-radius: 1.5rem; \/* 24px - rounded-3xl *\/\n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n    }\n\n    @media (min-width: 1024px) {\n        #sh-pilgrim-heart-555 .ph-img-block {\n            aspect-ratio: 1\/1.1;\n            height: 100%;\n            min-height: 520px;\n        }\n    }\n\n    #sh-pilgrim-heart-555 .ph-img-block img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n        display: block;\n    }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-pilgrim-heart-555 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n<\/style>\n\n<section id=\"sh-pilgrim-heart-555\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <div class=\"grid lg:grid-cols-[1.1fr_1fr] gap-12 items-center sh-animate\">\n            <div class=\"sh-text-start\">\n                <div class=\"mb-8 max-w-3xl\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                        <span id=\"sh-ph-kicker\"><\/span>\n                    <\/div>\n                    <h2 id=\"sh-ph-title\" class=\"text-[34px] md:text-[42px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\"><\/h2>\n                    <p id=\"sh-ph-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed\"><\/p>\n                <\/div>\n                \n                <div class=\"bg-[#f8fbfd] border border-[#e4edf3] p-6 md:p-8 rounded-2xl mb-6\">\n                    <p id=\"sh-ph-subtitle\" class=\"font-bold text-[#243b5a] text-[19px] mb-5\"><\/p>\n                    <ul id=\"sh-ph-list\" class=\"grid sm:grid-cols-1 gap-y-3\"><\/ul>\n                <\/div>\n                \n                <p id=\"sh-ph-footer\" class=\"text-[#138b86] font-medium text-[16px] leading-relaxed\"><\/p>\n            <\/div>\n            \n            <div>\n                <div class=\"ph-img-block\">\n                    <picture>\n                        <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/2-1.webp\" type=\"image\/webp\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/9.webp\" alt=\"Doctor providing heart health advice to pilgrims visiting Makkah for safe travel.\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n                    <\/picture>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const phData = {\n            en: {\n                kicker: \"Pilgrim Health\",\n                title: \"Heart Health Considerations for Pilgrims Visiting Makkah\",\n                desc: \"Large crowds, warm weather, and increased physical activity during Umrah and Hajj can place additional demands on the cardiovascular system, particularly for individuals with existing heart conditions.\",\n                subtitle: \"Patients with known cardiovascular disease should consider:\",\n                list: [\n                    \"Carrying prescribed medications at all times\",\n                    \"Staying adequately hydrated unless advised otherwise\",\n                    \"Taking regular rest breaks\",\n                    \"Avoiding excessive physical exertion during extreme heat\",\n                    \"Wearing comfortable footwear for extended walking\",\n                    \"Keeping emergency contact information readily available\",\n                    \"Seeking medical attention promptly if concerning symptoms develop\"\n                ],\n                footer: \"Planning ahead can help reduce unnecessary health risks during travel.\"\n            },\n            ar: {\n                kicker: \"\u0635\u062d\u0629 \u0627\u0644\u062d\u062c\u0627\u062c\",\n                title: \"\u0627\u0639\u062a\u0628\u0627\u0631\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628 \u0644\u0644\u062d\u062c\u0627\u062c \u0648\u0627\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0641\u064a \u0645\u0643\u0629\",\n                desc: \"\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0636\u0639 \u0627\u0644\u062d\u0634\u0648\u062f \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0648\u0627\u0644\u0637\u0642\u0633 \u0627\u0644\u062f\u0627\u0641\u0626 \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u0645\u0631\u0629 \u0648\u0627\u0644\u062d\u062c \u0623\u0639\u0628\u0627\u0621\u064b \u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0644\u0649 \u0646\u0638\u0627\u0645 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\u060c \u062e\u0627\u0635\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u062d\u0627\u0644\u064a\u0629.\",\n                subtitle: \"\u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0627\u0644\u0645\u0639\u0631\u0648\u0641\u0629 \u0645\u0631\u0627\u0639\u0627\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                list: [\n                    \"\u062d\u0645\u0644 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u0645\u0648\u0635\u0648\u0641\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0648\u0642\u0627\u062a\",\n                    \"\u0627\u0644\u0628\u0642\u0627\u0621 \u0631\u0637\u0628\u0627\u064b \u0628\u0634\u0643\u0644 \u0643\u0627\u0641\u064d \u0645\u0627 \u0644\u0645 \u064a\u064f\u0646\u0635\u062d \u0628\u062e\u0644\u0627\u0641 \u0630\u0644\u0643\",\n                    \"\u0623\u062e\u0630 \u0641\u062a\u0631\u0627\u062a \u0631\u0627\u062d\u0629 \u0645\u0646\u062a\u0638\u0645\u0629\",\n                    \"\u062a\u062c\u0646\u0628 \u0627\u0644\u0645\u062c\u0647\u0648\u062f \u0627\u0644\u0628\u062f\u0646\u064a \u0627\u0644\u0645\u0641\u0631\u0637 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0634\u062f\u064a\u062f\u0629\",\n                    \"\u0627\u0631\u062a\u062f\u0627\u0621 \u0623\u062d\u0630\u064a\u0629 \u0645\u0631\u064a\u062d\u0629 \u0644\u0644\u0645\u0634\u064a \u0644\u0641\u062a\u0631\u0627\u062a \u0637\u0648\u064a\u0644\u0629\",\n                    \"\u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \u0641\u064a \u0645\u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u064a\u062f\",\n                    \"\u0637\u0644\u0628 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631 \u0625\u0630\u0627 \u0638\u0647\u0631\u062a \u0623\u0639\u0631\u0627\u0636 \u0645\u0642\u0644\u0642\u0629\"\n                ],\n                footer: \"\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0633\u0628\u0642 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0635\u062d\u064a\u0629 \u063a\u064a\u0631 \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0633\u0641\u0631.\"\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>`;\n\n        function buildSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? phData.ar : phData.en;\n            \n            const section = document.getElementById('sh-pilgrim-heart-555');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-ph-kicker').textContent = data.kicker;\n            document.getElementById('sh-ph-title').textContent = data.title;\n            document.getElementById('sh-ph-desc').textContent = data.desc;\n            document.getElementById('sh-ph-subtitle').textContent = data.subtitle;\n            document.getElementById('sh-ph-footer').textContent = data.footer;\n            \n            document.getElementById('sh-ph-list').innerHTML = data.list.map(item => `\n                <li class=\"flex gap-3 items-start\">\n                    ${checkIcon}\n                    <span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed font-medium\">${item}<\/span>\n                <\/li>\n            `).join('');\n        }\n\n        buildSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') buildSection();\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-appointment-888 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Base color for Hexa *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* Lightweight SVG Hexagon Background Pattern *\/\n    #sh-appointment-888::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-appointment-888 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-appointment-888 .sh-text-start { text-align: left !important; }\n    #sh-appointment-888[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n    \n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpAppt {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-appointment-888 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpAppt 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n<\/style>\n\n<section id=\"sh-appointment-888\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-appt-kicker\"><\/span>\n            <\/div>\n            <h2 id=\"sh-appt-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\"><\/h2>\n            <p id=\"sh-appt-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed\"><\/p>\n        <\/div>\n\n        <!-- Content Card -->\n        <div class=\"max-w-5xl mx-auto bg-white rounded-3xl p-8 md:p-10 border border-[#e4edf3] shadow-sm sh-animate sh-text-start\" style=\"animation-delay: 0.1s;\">\n            <p id=\"sh-appt-subtitle\" class=\"font-bold text-[#243b5a] text-[20px] mb-6\"><\/p>\n            \n            <ul id=\"sh-appt-list\" class=\"grid sm:grid-cols-2 gap-x-8 gap-y-5 mb-8\">\n                <!-- Injected via JS -->\n            <\/ul>\n            \n            <div class=\"bg-[#f8fbfd] rounded-2xl p-5 border border-[#e4edf3]\/50\">\n                <p id=\"sh-appt-footer\" class=\"m-0 text-[#596b82] text-[16px] leading-relaxed font-medium\"><\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const apptData = {\n            en: {\n                kicker: \"Patient Guide\",\n                title: \"Questions to Ask During a Cardiology Consultation\",\n                desc: \"Preparing questions before your appointment can help you better understand your heart health and treatment plan.\",\n                subtitle: \"You may wish to ask:\",\n                list: [\n                    \"What is the likely cause of my symptoms?\",\n                    \"Which diagnostic tests do I need and why?\",\n                    \"Are my blood pressure and cholesterol within healthy ranges?\",\n                    \"What lifestyle changes would benefit my heart?\",\n                    \"Do I need medication, and how should I take it?\",\n                    \"How often should I have follow-up evaluations?\",\n                    \"Are there warning signs that should prompt immediate medical attention?\"\n                ],\n                footer: \"Clear communication helps patients participate actively in their care.\"\n            },\n            ar: {\n                kicker: \"\u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u0631\u064a\u0636\",\n                title: \"\u0623\u0633\u0626\u0644\u0629 \u064a\u062c\u0628 \u0637\u0631\u062d\u0647\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0642\u0644\u0628\",\n                desc: \"\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0642\u0628\u0644 \u0645\u0648\u0639\u062f\u0643 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0635\u062d\u0629 \u0642\u0644\u0628\u0643 \u0648\u062e\u0637\u0629 \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644.\",\n                subtitle: \"\u0642\u062f \u062a\u0631\u063a\u0628 \u0641\u064a \u0623\u0646 \u062a\u0633\u0623\u0644:\",\n                list: [\n                    \"\u0645\u0627 \u0647\u0648 \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0644\u0623\u0639\u0631\u0627\u0636\u064a\u061f\",\n                    \"\u0645\u0627 \u0647\u064a \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0627\u0644\u062a\u064a \u0623\u062d\u062a\u0627\u062c\u0647\u0627 \u0648\u0644\u0645\u0627\u0630\u0627\u061f\",\n                    \"\u0647\u0644 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645 \u0648\u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644 \u0636\u0645\u0646 \u0627\u0644\u0646\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629\u061f\",\n                    \"\u0645\u0627 \u0647\u064a \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0641\u064a\u062f \u0642\u0644\u0628\u064a\u061f\",\n                    \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062f\u0648\u0627\u0621\u060c \u0648\u0643\u064a\u0641 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062a\u0646\u0627\u0648\u0644\u0647\u061f\",\n                    \"\u0643\u0645 \u0645\u0631\u0629 \u064a\u062c\u0628 \u0623\u0646 \u0623\u0642\u0648\u0645 \u0628\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\u061f\",\n                    \"\u0647\u0644 \u0647\u0646\u0627\u0643 \u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062d\u0630\u064a\u0631\u064a\u0629 \u062a\u0633\u062a\u062f\u0639\u064a \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629\u061f\"\n                ],\n                footer: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0648\u0627\u0636\u062d \u0627\u0644\u0645\u0631\u0636\u0649 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0628\u0646\u0634\u0627\u0637 \u0641\u064a \u0631\u0639\u0627\u064a\u062a\u0647\u0645.\"\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\"><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 renderApptSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? apptData.ar : apptData.en;\n            \n            const section = document.getElementById('sh-appointment-888');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Populate Text\n            document.getElementById('sh-appt-kicker').textContent = data.kicker;\n            document.getElementById('sh-appt-title').textContent = data.title;\n            document.getElementById('sh-appt-desc').textContent = data.desc;\n            document.getElementById('sh-appt-subtitle').textContent = data.subtitle;\n            document.getElementById('sh-appt-footer').textContent = data.footer;\n            \n            \/\/ Populate List\n            document.getElementById('sh-appt-list').innerHTML = data.list.map(item => `\n                <li class=\"flex gap-3 items-start\">\n                    ${checkIcon}\n                    <span class=\"text-[16.5px] text-[#243b5a]\/90 leading-relaxed font-medium\">${item}<\/span>\n                <\/li>\n            `).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer\n        renderApptSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    renderApptSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-awareness-202 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA - Solid White *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-awareness-202 .sh-aw-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-awareness-202 .sh-aw-text-start { text-align: left !important; }\n    #sh-awareness-202[dir=\"rtl\"] .sh-aw-text-start { text-align: right !important; }\n\n    \/* 4. Entrance Animation *\/\n    @keyframes shFadeInUpAw {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-awareness-202 .sh-aw-animate { \n        opacity: 0; \n        animation: shFadeInUpAw 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 5. Responsive Cards & Hover Effects *\/\n    #sh-awareness-202 .sh-aw-card {\n        background-color: rgba(212, 175, 55, 0.05) !important; \/* bg-gold\/5 *\/\n        border-radius: 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-awareness-202[dir=\"ltr\"] .sh-aw-card { border-left: 4px solid #d4af37 !important; border-right: none !important; }\n    #sh-awareness-202[dir=\"rtl\"] .sh-aw-card { border-right: 4px solid #d4af37 !important; border-left: none !important; }\n\n    @media (min-width: 768px) {\n        #sh-awareness-202 .sh-aw-card:hover {\n            transform: translateY(-4px) !important;\n            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.15) !important;\n        }\n    }\n<\/style>\n\n<section id=\"sh-awareness-202\" dir=\"ltr\">\n    <div class=\"sh-aw-wrapper\">\n        \n        <div class=\"mb-12 max-w-3xl sh-aw-text-start sh-aw-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-aw-lang-kicker\">Awareness<\/span>\n            <\/div>\n            <h2 id=\"sh-aw-lang-title\" class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\n                Common Misconceptions About Heart Disease\n            <\/h2>\n            <p id=\"sh-aw-lang-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed hidden\"><\/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            <\/div>\n\n        <p id=\"sh-aw-lang-footer\" class=\"mt-8 text-[#596b82] max-w-3xl sh-aw-text-start sh-aw-animate text-[16px] hidden\" style=\"animation-delay: 0.2s;\"><\/p>\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 Misconceptions About Heart Disease\",\n                desc: \"\",\n                items: [\n                    {\n                        q: `\"Heart disease only affects older adults.\"`,\n                        a: \"Although age is a risk factor, cardiovascular disease can also affect younger adults, particularly those with diabetes, hypertension, obesity, or a strong family history.\"\n                    },\n                    {\n                        q: `\"If I don't have chest pain, my heart is healthy.\"`,\n                        a: \"Some heart conditions develop silently or present with symptoms such as fatigue, shortness of breath, dizziness, or irregular heartbeat rather than chest pain.\"\n                    },\n                    {\n                        q: `\"Medication alone is enough.\"`,\n                        a: \"Medicines play an important role, but healthy eating, regular activity, smoking cessation, and routine medical follow-up remain essential parts of long-term cardiovascular care.\"\n                    },\n                    {\n                        q: `\"Once my blood pressure improves, I can stop treatment.\"`,\n                        a: \"Any changes to medication should only be made after consulting your healthcare provider. Stopping treatment without medical advice may increase cardiovascular risk.\"\n                    }\n                ],\n                footer: \"\"\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0635\u062d\u064a\",\n                title: \"\u0645\u0641\u0627\u0647\u064a\u0645 \u062e\u0627\u0637\u0626\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\",\n                desc: \"\",\n                items: [\n                    {\n                        q: `\"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u062a\u0635\u064a\u0628 \u0643\u0628\u0627\u0631 \u0627\u0644\u0633\u0646 \u0641\u0642\u0637.\"`,\n                        a: \"\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646 \u0627\u0644\u0639\u0645\u0631 \u0639\u0627\u0645\u0644 \u062e\u0637\u0631\u060c \u0625\u0644\u0627 \u0623\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0623\u064a\u0636\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u0628\u0627\u0644\u063a\u064a\u0646 \u0627\u0644\u0623\u0635\u063a\u0631 \u0633\u0646\u0627\u064b\u060c \u0648\u062e\u0627\u0635\u0629 \u0623\u0648\u0644\u0626\u0643 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a \u0623\u0648 \u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645 \u0623\u0648 \u0627\u0644\u0633\u0645\u0646\u0629 \u0623\u0648 \u0644\u062f\u064a\u0647\u0645 \u062a\u0627\u0631\u064a\u062e \u0639\u0627\u0626\u0644\u064a \u0642\u0648\u064a.\"\n                    },\n                    {\n                        q: `\"\u0625\u0630\u0627 \u0644\u0645 \u0623\u0643\u0646 \u0623\u0639\u0627\u0646\u064a \u0645\u0646 \u0623\u0644\u0645 \u0641\u064a \u0627\u0644\u0635\u062f\u0631\u060c \u0641\u0642\u0644\u0628\u064a \u0633\u0644\u064a\u0645.\"`,\n                        a: \"\u062a\u062a\u0637\u0648\u0631 \u0628\u0639\u0636 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0628\u0635\u0645\u062a \u0623\u0648 \u062a\u0638\u0647\u0631 \u0628\u0623\u0639\u0631\u0627\u0636 \u0645\u062b\u0644 \u0627\u0644\u062a\u0639\u0628\u060c \u0636\u064a\u0642 \u0627\u0644\u062a\u0646\u0641\u0633\u060c \u0627\u0644\u062f\u0648\u062e\u0629\u060c \u0623\u0648 \u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0636\u0631\u0628\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0623\u0644\u0645 \u0627\u0644\u0635\u062f\u0631.\"\n                    },\n                    {\n                        q: `\"\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0648\u062d\u062f\u0647\u0627 \u062a\u0643\u0641\u064a.\"`,\n                        a: \"\u062a\u0644\u0639\u0628 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u062f\u0648\u0631\u0627\u064b \u0645\u0647\u0645\u0627\u064b\u060c \u0644\u0643\u0646 \u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0637\u0639\u0627\u0645 \u0627\u0644\u0635\u062d\u064a\u060c \u0648\u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u060c \u0648\u0627\u0644\u0625\u0642\u0644\u0627\u0639 \u0639\u0646 \u0627\u0644\u062a\u062f\u062e\u064a\u0646\u060c \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u062a\u0638\u0644 \u0623\u062c\u0632\u0627\u0621 \u0623\u0633\u0627\u0633\u064a\u0629 \u0645\u0646 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\"\n                    },\n                    {\n                        q: `\"\u0628\u0645\u062c\u0631\u062f \u062a\u062d\u0633\u0646 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645 \u0644\u062f\u064a\u060c \u064a\u0645\u0643\u0646\u0646\u064a \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0639\u0644\u0627\u062c.\"`,\n                        a: \"\u064a\u062c\u0628 \u0639\u062f\u0645 \u0625\u062c\u0631\u0627\u0621 \u0623\u064a \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0625\u0644\u0627 \u0628\u0639\u062f \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u0642\u062f\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643. \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0639\u0644\u0627\u062c \u062f\u0648\u0646 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0629 \u0642\u062f \u064a\u0632\u064a\u062f \u0645\u0646 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629.\"\n                    }\n                ],\n                footer: \"\"\n            }\n        };\n\n        \/\/ Alert SVG Icon (Gold Color)\n        const alertIcon = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#d4af37] mt-1 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>`;\n\n        function shInitAwarenessData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shAwData.ar : shAwData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-awareness-202');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Texts\n            document.getElementById('sh-aw-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-aw-lang-title').textContent = data.title;\n            \n            const descEl = document.getElementById('sh-aw-lang-desc');\n            if (data.desc) {\n                descEl.textContent = data.desc;\n                descEl.classList.remove('hidden');\n            } else {\n                descEl.classList.add('hidden');\n            }\n\n            const footerEl = document.getElementById('sh-aw-lang-footer');\n            if (data.footer) {\n                footerEl.textContent = data.footer;\n                footerEl.classList.remove('hidden');\n            } else {\n                footerEl.classList.add('hidden');\n            }\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-faq-303 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Background color for Hexa *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Lightweight SVG Hexagon Background *\/\n    #sh-faq-303::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Constrained Wrapper (Max 1475px) *\/\n    #sh-faq-303 .sh-faq-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 4. RTL & LTR Typography Handling *\/\n    #sh-faq-303 .sh-faq-text-start { text-align: left !important; }\n    #sh-faq-303[dir=\"rtl\"] .sh-faq-text-start { text-align: right !important; }\n    \n    \/* Chevron flip for RTL *\/\n    #sh-faq-303[dir=\"rtl\"] .sh-faq-btn .sh-chevron { margin-right: auto; margin-left: 0; }\n    #sh-faq-303[dir=\"ltr\"] .sh-faq-btn .sh-chevron { margin-left: auto; margin-right: 0; }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpFaq {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-faq-303 .sh-faq-animate { \n        opacity: 0; \n        animation: shFadeInUpFaq 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 6. Accordion Functionality Styles *\/\n    #sh-faq-303 .sh-faq-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.35s ease-out, padding 0.35s ease-out;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n    #sh-faq-303 .sh-faq-item.active .sh-faq-content {\n        padding-top: 1rem;\n        padding-bottom: 1.5rem;\n    }\n    #sh-faq-303 .sh-faq-item.active .sh-chevron {\n        transform: rotate(180deg);\n    }\n    #sh-faq-303 .sh-chevron {\n        transition: transform 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-faq-303\" dir=\"ltr\">\n    <div class=\"sh-faq-wrapper\">\n        \n        <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            <\/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: \"When should I see a cardiologist?\", \n                        a: \"You should consider a cardiology consultation if you experience chest discomfort, shortness of breath, palpitations, dizziness, fainting episodes, uncontrolled high blood pressure, or if you have a strong family history of heart disease.\" \n                    },\n                    { \n                        q: \"What does a cardiologist treat?\", \n                        a: \"Cardiologists diagnose and manage conditions affecting the heart and blood vessels, including coronary artery disease, hypertension, heart rhythm disorders, heart failure, and valve diseases.\" \n                    },\n                    { \n                        q: \"Is an ECG enough to diagnose every heart condition?\", \n                        a: \"No. An ECG provides important information about the heart's electrical activity, but additional tests such as echocardiography, blood investigations, or other imaging studies may be required depending on your symptoms and clinical findings.\" \n                    },\n                    { \n                        q: \"How often should I have a heart checkup?\", \n                        a: \"The frequency depends on your age, medical history, existing health conditions, and cardiovascular risk factors. Individuals with hypertension, diabetes, or previous heart disease often require regular follow-up.\" \n                    },\n                    { \n                        q: \"Can heart disease be prevented?\", \n                        a: \"Although not every heart condition can be prevented, controlling blood pressure, cholesterol, diabetes, maintaining a healthy lifestyle, avoiding tobacco, and attending regular medical checkups can significantly reduce cardiovascular risk.\" \n                    },\n                    { \n                        q: \"Do women experience different heart disease symptoms?\", \n                        a: \"Yes. Some women may experience symptoms such as unusual fatigue, nausea, shortness of breath, upper back discomfort, or jaw pain instead of the classic chest pain associated with heart attacks.\" \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\u062a\u0649 \u064a\u062c\u0628 \u0623\u0646 \u0623\u0631\u0627\u062c\u0639 \u0637\u0628\u064a\u0628 \u0642\u0644\u0628\u061f\", \n                        a: \"\u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0641\u064a \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0628 \u0627\u0644\u0642\u0644\u0628 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a \u0645\u0646 \u0627\u0646\u0632\u0639\u0627\u062c \u0641\u064a \u0627\u0644\u0635\u062f\u0631\u060c \u0636\u064a\u0642 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u0633\u060c \u062e\u0641\u0642\u0627\u0646\u060c \u062f\u0648\u062e\u0629\u060c \u0646\u0648\u0628\u0627\u062a \u0625\u063a\u0645\u0627\u0621\u060c \u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645 \u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u0636\u0628\u0637\u060c \u0623\u0648 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643 \u062a\u0627\u0631\u064a\u062e \u0639\u0627\u0626\u0644\u064a \u0642\u0648\u064a \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628.\" \n                    },\n                    { \n                        q: \"\u0645\u0627\u0630\u0627 \u064a\u0639\u0627\u0644\u062c \u0637\u0628\u064a\u0628 \u0627\u0644\u0642\u0644\u0628\u061f\", \n                        a: \"\u064a\u0642\u0648\u0645 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0642\u0644\u0628 \u0628\u062a\u0634\u062e\u064a\u0635 \u0648\u0639\u0644\u0627\u062c \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0645\u0631\u0636 \u0627\u0644\u0634\u0631\u064a\u0627\u0646 \u0627\u0644\u062a\u0627\u062c\u064a\u060c \u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\u060c \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0625\u064a\u0642\u0627\u0639 \u0627\u0644\u0642\u0644\u0628\u060c \u0642\u0635\u0648\u0631 \u0627\u0644\u0642\u0644\u0628\u060c \u0648\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0635\u0645\u0627\u0645\u0627\u062a.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u062a\u062e\u0637\u064a\u0637 \u0643\u0647\u0631\u0628\u064a\u0629 \u0627\u0644\u0642\u0644\u0628 (ECG) \u0643\u0627\u0641\u064d \u0644\u062a\u0634\u062e\u064a\u0635 \u0643\u0644 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\u061f\", \n                        a: \"\u0644\u0627. \u064a\u0648\u0641\u0631 \u062a\u062e\u0637\u064a\u0637 \u0643\u0647\u0631\u0628\u064a\u0629 \u0627\u0644\u0642\u0644\u0628 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0647\u0645\u0629 \u062d\u0648\u0644 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a \u0644\u0644\u0642\u0644\u0628\u060c \u0648\u0644\u0643\u0646 \u0642\u062f \u062a\u0643\u0648\u0646 \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0645\u062b\u0644 \u062a\u062e\u0637\u064a\u0637 \u0635\u062f\u0649 \u0627\u0644\u0642\u0644\u0628 \u0623\u0648 \u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u062f\u0645 \u0623\u0648 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0623\u062e\u0631\u0649 \u0627\u0639\u062a\u0645\u0627\u062f\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629.\" \n                    },\n                    { \n                        q: \"\u0643\u0645 \u0645\u0631\u0629 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062c\u0631\u064a \u0641\u062d\u0635\u0627\u064b \u0644\u0644\u0642\u0644\u0628\u061f\", \n                        a: \"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u062a\u0643\u0631\u0627\u0631 \u0639\u0644\u0649 \u0639\u0645\u0631\u0643 \u0648\u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a \u0648\u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629. \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u0645\u0635\u0627\u0628\u0648\u0646 \u0628\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645 \u0623\u0648 \u0627\u0644\u0633\u0643\u0631\u064a \u0623\u0648 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u062a\u0638\u0645\u0629.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\u061f\", \n                        a: \"\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646\u0647 \u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0643\u0644 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\u060c \u0625\u0644\u0627 \u0623\u0646 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0636\u063a\u0637 \u0627\u0644\u062f\u0645 \u0648\u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644 \u0648\u0627\u0644\u0633\u0643\u0631\u064a\u060c \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0646\u0645\u0637 \u062d\u064a\u0627\u0629 \u0635\u062d\u064a\u060c \u0648\u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u0628\u063a\u060c \u0648\u062d\u0636\u0648\u0631 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0642\u0644\u0644 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0645\u0646 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u062a\u0639\u0627\u0646\u064a \u0627\u0644\u0646\u0633\u0627\u0621 \u0645\u0646 \u0623\u0639\u0631\u0627\u0636 \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\u061f\", \n                        a: \"\u0646\u0639\u0645. \u0642\u062f \u062a\u0639\u0627\u0646\u064a \u0628\u0639\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0645\u0646 \u0623\u0639\u0631\u0627\u0636 \u0645\u062b\u0644 \u0627\u0644\u062a\u0639\u0628 \u063a\u064a\u0631 \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u060c \u0627\u0644\u063a\u062b\u064a\u0627\u0646\u060c \u0636\u064a\u0642 \u0627\u0644\u062a\u0646\u0641\u0633\u060c \u0627\u0646\u0632\u0639\u0627\u062c \u0641\u064a \u0623\u0639\u0644\u0649 \u0627\u0644\u0638\u0647\u0631\u060c \u0623\u0648 \u0623\u0644\u0645 \u0641\u064a \u0627\u0644\u0641\u0643 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0623\u0644\u0645 \u0627\u0644\u0635\u062f\u0631 \u0627\u0644\u0643\u0644\u0627\u0633\u064a\u0643\u064a \u0627\u0644\u0645\u0631\u062a\u0628\u0637 \u0628\u0627\u0644\u0646\u0648\u0628\u0627\u062a \u0627\u0644\u0642\u0644\u0628\u064a\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-faq-303');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts\n            document.getElementById('sh-faq-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-faq-lang-title').textContent = data.title;\n            \n            \/\/ Build Accordions\n            const listContainer = document.getElementById('sh-faq-accordion-list');\n            listContainer.innerHTML = data.faqs.map(faq => `\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">${faq.q}<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            ${faq.a}\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Accordion Toggle Logic Function (Global Scope to be callable from inline HTML)\n        window.shToggleFaqAccordion = function(btn) {\n            const item = btn.parentElement;\n            const content = item.querySelector('.sh-faq-content');\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all other accordions\n            document.querySelectorAll('#sh-faq-303 .sh-faq-item').forEach(el => {\n                el.classList.remove('active');\n                el.querySelector('.sh-faq-content').style.maxHeight = null;\n            });\n\n            \/\/ Open clicked accordion\n            if (!isActive) {\n                item.classList.add('active');\n                content.style.maxHeight = content.scrollHeight + 50 + \"px\"; \/\/ +50px for padding\n            }\n        };\n\n        \/\/ Initialize Data\n        shInitFaqData();\n        \n        \/\/ Listen for Theme\/Language switches\n        const shFaqObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitFaqData();\n                }\n            }\n        });\n        shFaqObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-trust-404 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA - Solid White *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-trust-404 .sh-trust-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-trust-404 .sh-trust-text-start { text-align: left !important; }\n    #sh-trust-404[dir=\"rtl\"] .sh-trust-text-start { text-align: right !important; }\n\n    \/* 4. Entrance Animation *\/\n    @keyframes shFadeInUpTrust {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-trust-404 .sh-trust-animate { \n        opacity: 0; \n        animation: shFadeInUpTrust 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    \n    \/* 5. Emphasized Text Styling (SEO Bold terms) *\/\n    #sh-trust-404 strong {\n        color: #243b5a;\n        font-weight: 700;\n    }\n<\/style>\n\n<section id=\"sh-trust-404\" dir=\"ltr\">\n    <div class=\"sh-trust-wrapper\">\n        \n        <div class=\"max-w-4xl mx-auto sh-trust-text-start sh-trust-animate\">\n            \n            <div class=\"mb-10 text-center md:text-start\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-trust-lang-kicker\">Trust<\/span>\n                <\/div>\n                <h2 id=\"sh-trust-lang-title\" class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\n                    Why Choose Shefa Hospital for Cardiology Care in Makkah?\n                <\/h2>\n            <\/div>\n\n            <div class=\"space-y-6 text-[17.5px] leading-[1.85] text-[#596b82]\">\n                <p id=\"sh-trust-lang-p1\"><\/p>\n                <p id=\"sh-trust-lang-p2\"><\/p>\n                <p id=\"sh-trust-lang-p3\"><\/p>\n            <\/div>\n            \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 shTrustData = {\n            en: {\n                kicker: \"Trust\",\n                title: \"Why Choose Shefa Hospital for Cardiology Care in Makkah?\",\n                p1: \"People searching for the <strong>best cardiology hospital in Makkah<\/strong> often look for more than specialist consultations. They value access to diagnostic services, coordinated medical care, and ongoing follow-up within one healthcare facility.\",\n                p2: \"Located in <strong>Al Mansur, Makkah<\/strong>, <strong>Shefa Hospital<\/strong> provides cardiology services focused on evaluating heart-related symptoms, identifying cardiovascular risk factors, and supporting patients with both acute and chronic heart conditions. The hospital's integrated approach allows physicians to combine clinical assessment with appropriate diagnostic investigations and individualized treatment planning.\",\n                p3: \"Whether you require a routine heart checkup, evaluation of chest discomfort, blood pressure management, or long-term cardiac follow-up, receiving care in a hospital setting supports continuity throughout every stage of treatment.\"\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062b\u0642\u0629\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621 \u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0642\u0644\u0628 \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u061f\",\n                p1: \"\u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 <strong>\u0623\u0641\u0636\u0644 \u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0641\u064a \u0645\u0643\u0629<\/strong> \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629. \u0625\u0646\u0647\u0645 \u064a\u0642\u062f\u0631\u0648\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\u060c \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0646\u0633\u0642\u0629\u060c \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u062f\u0627\u062e\u0644 \u0645\u0646\u0634\u0623\u0629 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0648\u0627\u062d\u062f\u0629.\",\n                p2: \"\u064a\u0642\u0639 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621<\/strong> \u0641\u064a <strong>\u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u0628\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629<\/strong>\u060c \u0648\u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u062a\u064a \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0642\u0644\u0628\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0639\u0648\u0627\u0645\u0644 \u062e\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u062d\u0627\u062f\u0629 \u0648\u0627\u0644\u0645\u0632\u0645\u0646\u0629. \u064a\u062a\u064a\u062d \u0627\u0644\u0646\u0647\u062c \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0648\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0641\u0631\u062f\u064a \u0644\u0644\u0639\u0644\u0627\u062c.\",\n                p3: \"\u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u0628\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0641\u062d\u0635 \u0631\u0648\u062a\u064a\u0646\u064a \u0644\u0644\u0642\u0644\u0628\u060c \u0623\u0648 \u062a\u0642\u064a\u064a\u0645 \u0644\u0627\u0646\u0632\u0639\u0627\u062c \u0627\u0644\u0635\u062f\u0631\u060c \u0623\u0648 \u0625\u062f\u0627\u0631\u0629 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\u060c \u0623\u0648 \u0645\u062a\u0627\u0628\u0639\u0629 \u0642\u0644\u0628\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f\u060c \u0641\u0625\u0646 \u062a\u0644\u0642\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u064a\u062f\u0639\u0645 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0644\u0627\u062c.\"\n            }\n        };\n\n        function shInitTrustData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shTrustData.ar : shTrustData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-trust-404');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject HTML Content\n            document.getElementById('sh-trust-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-trust-lang-title').textContent = data.title;\n            \n            \/\/ Using innerHTML to preserve the <strong> tags for SEO formatting\n            document.getElementById('sh-trust-lang-p1').innerHTML = data.p1;\n            document.getElementById('sh-trust-lang-p2').innerHTML = data.p2;\n            document.getElementById('sh-trust-lang-p3').innerHTML = data.p3;\n        }\n\n        \/\/ Run Initialization\n        shInitTrustData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const shTrustObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitTrustData();\n                }\n            }\n        });\n        shTrustObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<!-- \u0642\u0633\u0645 \u0627\u0644\u062e\u0627\u062a\u0645\u0629 - Scoped, Responsive & Clean Conclusion Banner -->\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-book-505 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: transparent !important;\n        overflow: hidden !important;\n        padding-top: 6rem !important;\n        padding-bottom: 6rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n        z-index: 1 !important;\n    }\n\n    \/* 1A. Dedicated Background Layer *\/\n    #sh-book-505 .sh-bg-layer {\n        position: absolute !important;\n        top: 0 !important;\n        bottom: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        overflow: hidden !important;\n        z-index: -1 !important;\n    }\n\n    \/* Fully Responsive Background Image *\/\n    #sh-book-505 .sh-bg-layer img {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important; \/* Prevents stretching *\/\n        object-position: center !important;\n        display: block;\n    }\n\n    \/* 2. Constrained Centered Wrapper (Max 1000px for balanced reading) *\/\n    #sh-book-505 .sh-book-wrapper {\n        width: 100% !important;\n        max-width: 1000px !important; \n        margin: 0 auto !important;\n        padding: 0 1.5rem !important;\n        position: relative !important;\n        z-index: 10 !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-book-505 .sh-text-center { text-align: center !important; }\n\n    \/* 4. Remove Links Underline *\/\n    #sh-book-505 a {\n        text-decoration: none !important;\n        outline: none !important;\n    }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpBook {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-book-505 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpBook 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n<\/style>\n\n<section id=\"sh-book-505\" dir=\"ltr\">\n    \n    <!-- Background Layer with Gradient Overlay & High Quality Image -->\n    <div class=\"sh-bg-layer\">\n        <picture>\n            <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/13.webp\" type=\"image\/webp\">\n            <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/13.webp\" alt=\"Shefa Hospital Makkah\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n        <\/picture>\n        <div class=\"absolute inset-0\" style=\"background: linear-gradient(135deg, rgba(36, 59, 90, 0.95) 0%, rgba(36, 59, 90, 0.88) 50%, rgba(19, 139, 134, 0.85) 100%);\"><\/div>\n    <\/div>\n\n    <!-- Centered Content Wrapper -->\n    <div class=\"sh-book-wrapper text-white relative z-10 sh-text-center\">\n        \n        <div class=\"sh-animate\">\n            <!-- Kicker Badge -->\n            <div class=\"inline-flex items-center gap-2 bg-white\/10 backdrop-blur px-4 py-1.5 rounded-full text-[13.5px] font-semibold mb-6 border border-white\/20 shadow-sm\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#d4af37]\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \n                <span id=\"sh-book-lang-kicker\">Conclusion<\/span>\n            <\/div>\n            \n            <!-- Main Title -->\n            <h2 id=\"sh-book-lang-title\" class=\"text-[36px] md:text-[48px] lg:text-[52px] leading-tight font-bold text-white m-0 max-w-3xl mx-auto\" style=\"font-family: var(--font-display);\"><\/h2>\n            \n            <!-- Description Paragraphs -->\n            <div class=\"mt-6 space-y-5 text-white\/90 text-[17px] md:text-[18px] leading-relaxed max-w-3xl mx-auto font-normal\">\n                <p id=\"sh-book-lang-p1\"><\/p>\n                <p id=\"sh-book-lang-p2\"><\/p>\n            <\/div>\n            \n            <!-- Call to Action Buttons -->\n            <div class=\"mt-9 flex flex-wrap justify-center items-center gap-4 shefa-popup-trigger\">\n                <!-- Note: Update href=\"\/contact\" to your actual booking page link -->\n                <a href=\"#\" class=\"inline-flex items-center gap-2.5 bg-[#d4af37] text-white rounded-full px-8 py-4 font-bold hover:bg-[#b5952f] hover:scale-[1.02] transition-all duration-300 shadow-xl text-[16px]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg> \n                    <span id=\"sh-book-lang-btn1\">Book Appointment<\/span>\n                <\/a>\n                <a href=\"tel:+966125333555\" class=\"inline-flex items-center gap-2.5 bg-white text-[#243b5a] rounded-full px-8 py-4 font-bold hover:bg-gray-100 hover:scale-[1.02] transition-all duration-300 shadow-xl text-[16px]\" dir=\"ltr\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg> \n                    <span id=\"sh-book-lang-btn2\">+966 12 533 3555<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Scoped JavaScript (Translation Only - Form Logic Removed) -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ --- Translation Data ---\n        const shBookData = {\n            en: {\n                kicker: \"Conclusion\",\n                title: \"Schedule Your Women's Health Consultation Today\",\n                p1: \"Choosing the <strong class='text-white font-semibold'>best gynecologist in Makkah<\/strong> is an important step toward maintaining long-term reproductive and maternal health. Whether you are planning a pregnancy, expecting a baby, managing PCOS, seeking infertility support, or attending routine preventive screenings, regular consultations with an experienced obstetrics and gynecology team can help detect health concerns early and guide appropriate treatment.\",\n                p2: \"<strong class='text-white font-semibold'>Shefa Hospital<\/strong> is committed to supporting women through every stage of life with comprehensive obstetrics and gynecology services in a patient-focused hospital environment. From routine checkups and pregnancy care to fertility evaluation and specialized women's health services, the hospital aims to provide safe, coordinated, and evidence-based care for every patient.\",\n                btnAppt: \"Book Appointment\",\n                btnCall: \"+966 12 533 3555\"\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                title: \"\u0627\u062d\u062c\u0632\u064a \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u064a\u0648\u0645\",\n                p1: \"\u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 <strong class='text-white font-semibold'>\u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0641\u064a \u0645\u0643\u0629<\/strong> \u064a\u064f\u0639\u062f \u062e\u0637\u0648\u0629 \u0645\u0647\u0645\u0629 \u0646\u062d\u0648 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0635\u062d\u062a\u0643 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a\u0650 \u062a\u062e\u0637\u0637\u064a\u0646 \u0644\u0644\u062d\u0645\u0644\u060c \u0623\u0648 \u062a\u0646\u062a\u0638\u0631\u064a\u0646 \u0645\u0648\u0644\u0648\u062f\u0627\u064b\u060c \u0623\u0648 \u062a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636\u060c \u0623\u0648 \u062a\u0628\u062d\u062b\u064a\u0646 \u0639\u0646 \u062f\u0639\u0645 \u0644\u0644\u062e\u0635\u0648\u0628\u0629\u060c \u0641\u0625\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0635\u062d\u064a\u0629 \u0645\u0628\u0643\u0631\u0627\u064b \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\",\n                p2: \"\u064a\u0644\u062a\u0632\u0645 <strong class='text-white font-semibold'>\u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621<\/strong> \u0628\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u062d\u064a\u0627\u062a\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0628\u064a\u0626\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u064a\u0636\u0629 \u0623\u0648\u0644\u0627\u064b. \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0625\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0646\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0631\u0639\u0627\u064a\u0629 \u0622\u0645\u0646\u0629\u060c \u0645\u0646\u0633\u0642\u0629\u060c \u0648\u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0623\u0633\u0633 \u0639\u0644\u0645\u064a\u0629 \u0644\u0643\u0644 \u0645\u0631\u064a\u0636\u0629.\",\n                btnAppt: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"+966 12 533 3555\"\n            }\n        };\n\n        function shInitBookData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const currentLang = isAr ? 'ar' : 'en';\n            const data = shBookData[currentLang];\n            \n            const section = document.getElementById('sh-book-505');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Content Texts\n            const kickerEl = document.getElementById('sh-book-lang-kicker');\n            const titleEl = document.getElementById('sh-book-lang-title');\n            const p1El = document.getElementById('sh-book-lang-p1');\n            const p2El = document.getElementById('sh-book-lang-p2');\n            const btn1El = document.getElementById('sh-book-lang-btn1');\n            const btn2El = document.getElementById('sh-book-lang-btn2');\n\n            if(kickerEl) kickerEl.textContent = data.kicker;\n            if(titleEl) titleEl.textContent = data.title;\n            if(p1El) p1El.innerHTML = data.p1;\n            if(p2El) p2El.innerHTML = data.p2;\n            if(btn1El) btn1El.textContent = data.btnAppt;\n            if(btn2El) btn2El.textContent = data.btnCall;\n        }\n\n        \/\/ Initialize Translation & Listen for Language\/Dir Changes\n        shInitBookData();\n        const shBookObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitBookData();\n                }\n            }\n        });\n        shBookObserver.observe(document.documentElement, { attributes: true });\n\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-appointment-888 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Base color for Hexa *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* Lightweight SVG Hexagon Background Pattern *\/\n    #sh-appointment-888::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-appointment-888 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-appointment-888 .sh-text-start { text-align: left !important; }\n    #sh-appointment-888[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n    \n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpAppt {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-appointment-888 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpAppt 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n<\/style>\n\n<section id=\"sh-appointment-888\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-appt-kicker\"><\/span>\n            <\/div>\n            <h2 id=\"sh-appt-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\"><\/h2>\n            <p id=\"sh-appt-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed hidden\"><\/p>\n        <\/div>\n\n        <div class=\"max-w-5xl mx-auto bg-white rounded-3xl p-8 md:p-10 border border-[#e4edf3] shadow-sm sh-animate sh-text-start\" style=\"animation-delay: 0.1s;\">\n            \n            <h3 id=\"sh-appt-subtitle\" class=\"font-bold text-[#243b5a] text-[24px] mb-6\" style=\"font-family: var(--font-display);\"><\/h3>\n            <ul id=\"sh-appt-list\" class=\"grid sm:grid-cols-2 gap-x-8 gap-y-5 mb-10\">\n                <\/ul>\n            \n            <div class=\"border-t border-[#e4edf3] pt-8\">\n                <h3 id=\"sh-appt-conc-title\" class=\"font-bold text-[#243b5a] text-[24px] mb-5\" style=\"font-family: var(--font-display);\"><\/h3>\n                <div class=\"space-y-4 text-[#596b82] text-[17px] leading-relaxed\">\n                    <p id=\"sh-appt-conc-p1\"><\/p>\n                    <p id=\"sh-appt-conc-p2\" class=\"[&#038;_strong]:text-[#243b5a] [&#038;_strong]:font-bold\"><\/p>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const apptData = {\n            en: {\n                kicker: \"Summary\",\n                title: \"Key Takeaways & Conclusion\",\n                desc: \"\",\n                subtitle: \"Key Points to Remember\",\n                list: [\n                    \"Many cardiovascular conditions develop gradually and may not produce early symptoms.\",\n                    \"Regular heart assessments can help identify risk factors before complications occur.\",\n                    \"Chest pain, breathing difficulty, and sudden fainting require prompt medical evaluation.\",\n                    \"Lifestyle improvements and ongoing medical care work together to support long-term heart health.\",\n                    \"Early diagnosis allows doctors to recommend appropriate treatment before heart disease progresses.\"\n                ],\n                concTitle: \"Conclusion\",\n                p1: \"Maintaining heart health involves more than responding to symptoms\u2014it requires regular assessment, early identification of cardiovascular risk factors, and consistent medical follow-up when needed. Whether you are managing an existing heart condition or seeking preventive cardiac care, choosing a hospital with experienced physicians and comprehensive diagnostic support is an important part of your healthcare journey.\",\n                p2: \"For patients looking for the <strong>best cardiology hospital in Makkah<\/strong>, <strong>Shefa Hospital<\/strong> in <strong>Al Mansur<\/strong> offers hospital-based cardiology services focused on accurate diagnosis, evidence-based treatment, and ongoing cardiovascular care. Through coordinated clinical evaluation and patient-centered management, the hospital aims to support healthier hearts and improved long-term wellbeing.\"\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                desc: \"\",\n                subtitle: \"\u0646\u0642\u0627\u0637 \u0631\u0626\u064a\u0633\u064a\u0629 \u064a\u062c\u0628 \u062a\u0630\u0643\u0631\u0647\u0627\",\n                list: [\n                    \"\u062a\u062a\u0637\u0648\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u0627\u064b \u0648\u0642\u062f \u0644\u0627 \u062a\u0638\u0647\u0631 \u0644\u0647\u0627 \u0623\u0639\u0631\u0627\u0636 \u0645\u0628\u0643\u0631\u0629.\",\n                    \"\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0639\u062f \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631 \u0642\u0628\u0644 \u062d\u062f\u0648\u062b \u0627\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a.\",\n                    \"\u0623\u0644\u0645 \u0627\u0644\u0635\u062f\u0631\u060c \u0648\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u062a\u0646\u0641\u0633\u060c \u0648\u0627\u0644\u0625\u063a\u0645\u0627\u0621 \u0627\u0644\u0645\u0641\u0627\u062c\u0626 \u062a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0641\u0648\u0631\u064a\u0627\u064b.\",\n                    \"\u062a\u0639\u0645\u0644 \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u0639\u0627\u064b \u0644\u062f\u0639\u0645 \u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\",\n                    \"\u064a\u062a\u064a\u062d \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u062a\u0648\u0635\u064a\u0629 \u0628\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0642\u0628\u0644 \u062a\u0637\u0648\u0631 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628.\"\n                ],\n                concTitle: \"\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                p1: \"\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628 \u064a\u062a\u0637\u0644\u0628 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0644\u0623\u0639\u0631\u0627\u0636\u2014\u0625\u0646\u0647 \u064a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0645\u0646\u062a\u0638\u0645\u0627\u064b\u060c \u0648\u062a\u062d\u062f\u064a\u062f\u0627\u064b \u0645\u0628\u0643\u0631\u0627\u064b \u0644\u0639\u0648\u0627\u0645\u0644 \u062e\u0637\u0631 \u0627\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0637\u0628\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u062f\u064a\u0631 \u062d\u0627\u0644\u0629 \u0642\u0644\u0628\u064a\u0629 \u062d\u0627\u0644\u064a\u0629 \u0623\u0648 \u062a\u0628\u062d\u062b \u0639\u0646 \u0631\u0639\u0627\u064a\u0629 \u0642\u0644\u0628\u064a\u0629 \u0648\u0642\u0627\u0626\u064a\u0629\u060c \u0641\u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0633\u062a\u0634\u0641\u0649 \u064a\u0636\u0645 \u0623\u0637\u0628\u0627\u0621 \u0630\u0648\u064a \u062e\u0628\u0631\u0629 \u0648\u062f\u0639\u0645\u0627\u064b \u062a\u0634\u062e\u064a\u0635\u064a\u0627\u064b \u0634\u0627\u0645\u0644\u0627\u064b \u064a\u0639\u062f \u062c\u0632\u0621\u0627\u064b \u0645\u0647\u0645\u0627\u064b \u0645\u0646 \u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643.\",\n                p2: \"\u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 <strong>\u0623\u0641\u0636\u0644 \u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0641\u064a \u0645\u0643\u0629<\/strong>\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 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0648\u0627\u0644\u062a\u064a \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062f\u0642\u064a\u0642\u060c \u0648\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0644\u0629\u060c \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0627\u0644\u0645\u0646\u0633\u0642 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u0645\u062d\u0648\u0631\u0629 \u062d\u0648\u0644 \u0627\u0644\u0645\u0631\u064a\u0636\u060c \u064a\u0647\u062f\u0641 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0625\u0644\u0649 \u062f\u0639\u0645 \u0642\u0644\u0648\u0628 \u0623\u0643\u062b\u0631 \u0635\u062d\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\"\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\"><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 renderApptSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? apptData.ar : apptData.en;\n            \n            const section = document.getElementById('sh-appointment-888');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Populate Header Text\n            document.getElementById('sh-appt-kicker').textContent = data.kicker;\n            document.getElementById('sh-appt-title').textContent = data.title;\n            \n            const descEl = document.getElementById('sh-appt-desc');\n            if(data.desc) {\n                descEl.textContent = data.desc;\n                descEl.classList.remove('hidden');\n            } else {\n                descEl.classList.add('hidden');\n            }\n\n            \/\/ Populate Takeaways\n            document.getElementById('sh-appt-subtitle').textContent = data.subtitle;\n            document.getElementById('sh-appt-list').innerHTML = data.list.map(item => `\n                <li class=\"flex gap-3 items-start\">\n                    ${checkIcon}\n                    <span class=\"text-[16.5px] text-[#243b5a]\/90 leading-relaxed font-medium\">${item}<\/span>\n                <\/li>\n            `).join('');\n\n            \/\/ Populate Conclusion\n            document.getElementById('sh-appt-conc-title').textContent = data.concTitle;\n            document.getElementById('sh-appt-conc-p1').textContent = data.p1;\n            document.getElementById('sh-appt-conc-p2').innerHTML = data.p2;\n        }\n\n        \/\/ Initialize and bind Mutation Observer\n        renderApptSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    renderApptSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n  \/* Extremely lightweight CSS animation - Zero JS required *\/\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(15px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  .animate-fade-in-up {\n    animation: fadeInUp 0.5s ease-out forwards;\n  }\n<\/style>\n\n<section class=\"py-10 md:py-16 w-full\">\n  <div class=\"mx-auto px-4 md:px-6 lg:px-8 max-w-[1475px]\">\n    \n    <div class=\"bg-slate-50 rounded-2xl p-6 md:p-8 border border-slate-200 flex flex-col sm:flex-row gap-4 sm:gap-6 items-start transition-all duration-300 hover:shadow-lg hover:border-slate-300 animate-fade-in-up\">\n      \n      <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-xl bg-white border border-slate-200 text-slate-800 flex items-center justify-center shrink-0 shadow-sm\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 md:w-7 md:h-7\" aria-hidden=\"true\">\n          <path d=\"M10 12h4\"><\/path>\n          <path d=\"M10 8h4\"><\/path>\n          <path d=\"M14 21v-3a2 2 0 0 0-4 0v3\"><\/path>\n          <path d=\"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\"><\/path>\n          <path d=\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <div class=\"text-left\">\n        <h3 class=\"text-lg md:text-[20px] font-semibold text-slate-900 mb-2 tracking-tight\">Medical Disclaimer<\/h3>\n        <p class=\"text-[13.5px] md:text-sm text-slate-600 leading-relaxed\">\n          This information is provided for educational purposes only and should not be considered a substitute for professional medical advice, diagnosis, or treatment. Heart-related symptoms can vary widely between individuals. If you experience severe chest pain, sudden shortness of breath, loss of consciousness, or other signs of a medical emergency, seek immediate medical attention.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Home Departments Cardiology CBAHI Accredited \u00b7 Al Mansur, Makkah Best Cardiology Hospital in Makkah Expert Cardiac Care for Every Stage [&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":"normal-width-container","site-content-style":"unboxed","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-567","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/567","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=567"}],"version-history":[{"count":21,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/567\/revisions"}],"predecessor-version":[{"id":716,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/567\/revisions\/716"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}