{"id":583,"date":"2026-07-06T11:54:11","date_gmt":"2026-07-06T11:54:11","guid":{"rendered":"https:\/\/shefahospital.sa\/medical-laboratory-makkah\/"},"modified":"2026-07-21T18:39:53","modified_gmt":"2026-07-21T18:39:53","slug":"medical-laboratory-makkah","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/medical-laboratory-makkah\/","title":{"rendered":"Laboratory"},"content":{"rendered":"\n<style>\n    \/* 1. Highly Unique Scoped CLASS for Astra Breakout (Full Width Background) *\/\n    .sh-lab-hero-unique-999 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f4f9fc !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important;\n        padding-bottom: 4.5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 1024px) {\n        .sh-lab-hero-unique-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Responsive Dotted Hexagon Pattern *\/\n    .sh-lab-hero-unique-999::before {\n        content: '';\n        position: absolute !important;\n        inset: 0 !important;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%23138b86' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%23138b86' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n        background-size: 90px 78px !important;\n        background-repeat: repeat !important;\n        background-position: center top !important;\n        z-index: 0 !important;\n        pointer-events: none !important;\n        opacity: 0.15 !important;\n    }\n\n    @media (min-width: 768px) {\n        .sh-lab-hero-unique-999::before {\n            background-size: 180px 156px !important;\n        }\n    }\n\n    \/* 3. Protected Inner Container *\/\n    .sh-lab-hero-unique-999 .sh-lab-inner-wrapper-999 {\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. Links & Transitions *\/\n    .sh-lab-hero-unique-999 a {\n        text-decoration: none !important;\n        box-shadow: none !important;\n    }\n    .sh-lab-hero-unique-999 a:hover {\n        text-decoration: none !important;\n    }\n\n    .sh-lab-hero-unique-999 * {\n        transition: font-family 0.3s ease;\n    }\n\n    \/* 5. Responsive Image Framework with Aspect Ratio Control *\/\n    .sh-lab-hero-unique-999 .sh-lab-img-container-999 {\n        width: 100% !important;\n        position: relative !important;\n        aspect-ratio: 16 \/ 11 !important;\n        border-radius: 1.5rem !important;\n        overflow: hidden !important;\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15) !important;\n        border: 4px solid #ffffff !important;\n        background-color: #ffffff !important;\n    }\n\n    @media (min-width: 1024px) {\n        .sh-lab-hero-unique-999 .sh-lab-img-container-999 {\n            aspect-ratio: 4 \/ 3 !important;\n            height: 520px !important;\n        }\n    }\n\n    .sh-lab-hero-unique-999 .sh-lab-img-container-999 img {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important;\n        object-position: center !important;\n        display: block !important;\n    }\n<\/style>\n\n<section id=\"sh-lab-hero-999\" class=\"sh-lab-hero-unique-999\" dir=\"ltr\">\n    <div class=\"sh-lab-inner-wrapper-999 grid lg:grid-cols-[1.15fr_1fr] gap-12 lg:gap-20 items-center text-start\">\n        \n        <!-- Left Content Area -->\n        <div class=\"animate-fadeup !mx-0 order-1\">\n            \n            <!-- Dynamic Breadcrumbs -->\n            <nav class=\"flex items-center gap-2 text-[13px] text-slate-500 mb-6 font-medium flex-wrap\">\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\">Medical Laboratory<\/span>\n            <\/nav>\n\n            <!-- Accreditation Badge -->\n            <div class=\"inline-flex items-center gap-2 bg-amber-100\/60 text-[#d97706] px-4 py-1.5 rounded-full text-[13px] font-bold mb-6\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg> \n                <span id=\"sh-hero-lang-badge\">CBAHI Accredited \u00b7 Al Mansur, Makkah<\/span>\n            <\/div>\n\n            <!-- Dynamic Main and Sub Titles -->\n            <h1 id=\"sh-hero-title-main\" class=\"text-[36px] sm:text-[44px] md:text-[52px] font-bold leading-[1.1] text-[#0f172a] mb-2\" style=\"font-family: var(--font-display);\">\n                Best Medical Laboratory in Makkah\n            <\/h1>\n            <h2 id=\"sh-hero-title-sub\" class=\"text-[22px] sm:text-[28px] md:text-[34px] font-bold leading-[1.2] text-[#0d9488]\" style=\"font-family: var(--font-display);\">\n                Reliable Diagnostic Testing That Supports Better Medical Decisions\n            <\/h2>\n\n            <!-- Main Description -->\n            <p id=\"sh-hero-lang-desc\" class=\"mt-6 text-[15px] md:text-[17px] text-slate-600 leading-relaxed max-w-xl\">\n                <!-- Content injected by JS below -->\n            <\/p>\n\n            <!-- Call to Actions -->\n            <div class=\"mt-8 flex flex-wrap gap-3\">\n                <!-- 1. Book Appointment Button (Directs to form ID) -->\n                <a href=\"#appointment-form\" id=\"shefa-popup-trigger\" class=\"shefa-popup-trigger !no-underline inline-flex items-center justify-center gap-2 bg-[#12776b] !text-white rounded-full px-6 py-3.5 font-semibold hover:bg-[#0f6258] transition-all shadow-[0_8px_20px_-8px_rgba(18,119,107,0.6)]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-book\">Book Appointment<\/span>\n                <\/a>\n\n                <!-- 2. Call Hospital Button -->\n                <a href=\"tel:+966125333555\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-white !text-[#0f172a] border border-slate-200 rounded-full px-6 py-3.5 font-semibold hover:border-[#12776b] hover:!text-[#12776b] transition-all shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-call\">Call Hospital<\/span>\n                <\/a>\n\n                <!-- 3. WhatsApp Button -->\n                <a href=\"https:\/\/wa.me\/966125333555\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-[#25d366] hover:bg-[#20ba5a] !text-white rounded-full px-6 py-3.5 font-semibold transition-all shadow-md\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 16 16\" class=\"shrink-0\">\n                        <path d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.949h.004c4.368 0 7.926-3.559 7.93-7.927a7.843 7.843 0 0 0-2.327-5.596zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.618-4.985c-.199-.1-.179-.199-.496-.362-.07-.034-.14-.07-.21-.106l-.315-.155c-.198-.1-.417-.2-.596-.1-.179.1-.358.3-.478.419-.12.12-.24.279-.358.279-.12 0-.24-.059-.478-.179a4.822 4.822 0 0 1-1.392-1.213 4.417 4.417 0 0 1-.776-1.137c-.1-.199 0-.3.1-.399.07-.07.14-.14.21-.21.05-.05.105-.11.155-.165l.12-.13c.1-.12.1-.24.05-.358-.05-.12-.2-.479-.279-.658-.078-.199-.158-.179-.238-.179h-.08a1.272 1.272 0 0 0-.44.078c-.16.07-.358.179-.517.338-.2.199-.518.518-.518 1.254 0 .736.538 1.453.618 1.553.079.1 1.058 1.613 2.564 2.261.358.15.638.24.858.31.358.115.688.1.948.06.299-.045.917-.375 1.047-.736.13-.36.13-.678.09-.736-.04-.06-.15-.1-.349-.199z\"><\/path>\n                    <\/svg>\n                    <span id=\"sh-hero-lang-btn-whatsapp\">WhatsApp<\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Features Grid -->\n            <div class=\"mt-12 grid grid-cols-2 sm:grid-cols-4 gap-3 md:gap-4\">\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/80 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\/80 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=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Accurate Results<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/80 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\">Modern Analyzers<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/80 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\">Comprehensive Panels<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Image Area -->\n        <div class=\"relative mt-8 lg:mt-0 !mx-0 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            <div class=\"sh-lab-img-container-999\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/lab_1.webp\" alt=\"Best Medical Laboratory at Shefa Hospital in Makkah.\" loading=\"eager\">\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Translation Script -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Safe Text Setter Function to prevent console errors for missing elements\n        const safeSetText = (id, text) => {\n            const el = document.getElementById(id);\n            if (el) el.textContent = text;\n        };\n\n        const heroData = {\n            en: { \n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, -apple-system, sans-serif\",\n                home: \"Home\",\n                dept: \"Departments\",\n                subdept: \"Medical Laboratory\",\n                badge: \"CBAHI Accredited \u00b7 Al Mansur, Makkah\",\n                titleMain: \"Best Medical Laboratory in Makkah\",\n                titleSub: \"Reliable Diagnostic Testing That Supports Better Medical Decisions\",\n                desc: \"Medical treatment begins with understanding what is happening inside the body. While symptoms provide important clues, laboratory testing often confirms a diagnosis, monitors ongoing conditions, evaluates treatment response, and detects health problems before noticeable symptoms appear. A modern medical laboratory serves as an essential part of patient care by providing accurate diagnostic information that helps physicians make informed clinical decisions. If you are searching for the best medical laboratory in Makkah, <a href='https:\/\/shefahospital.sa\/' style='color:#0d9488; font-weight:700; text-decoration:underline;'>Shefa Hospital<\/a>, located in Al Mansur, Makkah, offers comprehensive laboratory services supporting preventive health screenings, routine medical evaluations, emergency care, inpatient treatment, and specialist consultations.\",\n                btnBook: \"Book Appointment\",\n                btnCall: \"Call Hospital\",\n                btnWhatsapp: \"WhatsApp\",\n                feats: [\n                    \"CBAHI Accredited\",\n                    \"Accurate Results\",\n                    \"Modern Analyzers\",\n                    \"Comprehensive Panels\"\n                ],\n                floatSub: \"Trusted by\",\n                floatMain: \"1,240+ 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: \"\u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0637\u0628\u064a\",\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\u062e\u062a\u0628\u0631 \u0637\u0628\u064a \u0641\u064a \u0645\u0643\u0629\",\n                titleSub: \"\u062a\u062d\u0627\u0644\u064a\u0644 \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u062a\u062f\u0639\u0645 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0637\u0628\u064a\u0629 \u0623\u0641\u0636\u0644\",\n                desc: \"\u064a\u0628\u062f\u0623 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0637\u0628\u064a \u0628\u0641\u0647\u0645 \u0645\u0627 \u064a\u062d\u062f\u062b \u062f\u0627\u062e\u0644 \u0627\u0644\u062c\u0633\u0645. \u0648\u0628\u064a\u0646\u0645\u0627 \u062a\u0648\u0641\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0623\u062f\u0644\u0629 \u0645\u0647\u0645\u0629\u060c \u0641\u0625\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u062a\u0624\u0643\u062f \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u060c \u0648\u062a\u0631\u0627\u0642\u0628 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\u060c \u0648\u062a\u0642\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0644\u0639\u0644\u0627\u062c\u060c \u0648\u062a\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0642\u0628\u0644 \u0638\u0647\u0648\u0631 \u0623\u0639\u0631\u0627\u0636 \u0645\u0644\u062d\u0648\u0638\u0629. \u064a\u0639\u062a\u0628\u0631 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u062d\u062f\u064a\u062b \u062c\u0632\u0621\u064b\u0627 \u0623\u0633\u0627\u0633\u064a\u064b\u0627 \u0645\u0646 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u0636\u0649 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0648\u0641\u064a\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0633\u0631\u064a\u0631\u064a\u0629 \u0645\u062f\u0631\u0648\u0633\u0629. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0623\u0641\u0636\u0644 \u0645\u062e\u062a\u0628\u0631 \u0637\u0628\u064a \u0641\u064a \u0645\u0643\u0629\u060c \u0641\u0625\u0646 <a href='https:\/\/shefahospital.sa\/' style='color:#0d9488; font-weight:700; text-decoration:underline;'>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/a>\u060c \u0627\u0644\u0648\u0627\u0642\u0639 \u0641\u064a \u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u0628\u0645\u0643\u0629\u060c \u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062e\u0628\u0631\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u062f\u0639\u0645 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u060c \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0648\u0627\u0631\u0626\u060c \u0648\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0645\u0646\u0648\u0645\u064a\u0646\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u0629.\",\n                btnBook: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"\u0627\u062a\u0635\u0644 \u0628\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\",\n                btnWhatsapp: \"\u0648\u0627\u062a\u0633\u0627\u0628\",\n                feats: [\n                    \"\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a\",\n                    \"\u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629\",\n                    \"\u0623\u062c\u0647\u0632\u0629 \u062a\u062d\u0644\u064a\u0644 \u062d\u062f\u064a\u062b\u0629\",\n                    \"\u0628\u0627\u0642\u0627\u062a \u0641\u062d\u0635 \u0634\u0627\u0645\u0644\u0629\"\n                ],\n                floatSub: \"\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0645\u0646 \u0642\u0628\u0644\",\n                floatMain: \"+1,240 \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            \/\/ Target the specific section safely by ID for the script, but styling relies on class\n            const section = document.getElementById('sh-lab-hero-999');\n            if (!section) return;\n\n            \/\/ Set logical flow directions safely\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            safeSetText('sh-hero-lang-home', content.home);\n            safeSetText('sh-hero-lang-dept', content.dept);\n            safeSetText('sh-hero-lang-subdept', content.subdept);\n            safeSetText('sh-hero-lang-badge', content.badge);\n            \n            const titleMain = document.getElementById('sh-hero-title-main');\n            if(titleMain) {\n                titleMain.textContent = content.titleMain;\n                titleMain.style.fontFamily = content.headerFont;\n            }\n\n            const titleSub = document.getElementById('sh-hero-title-sub');\n            if(titleSub) {\n                titleSub.textContent = content.titleSub;\n                titleSub.style.fontFamily = content.headerFont;\n            }\n\n            const desc = document.getElementById('sh-hero-lang-desc');\n            if(desc) {\n                \/\/ Changed to innerHTML to process the <a> tag\n                desc.innerHTML = content.desc;\n                desc.style.fontFamily = content.bodyFont;\n            }\n\n            safeSetText('sh-hero-lang-btn-book', content.btnBook);\n            safeSetText('sh-hero-lang-btn-call', content.btnCall);\n            safeSetText('sh-hero-lang-btn-whatsapp', content.btnWhatsapp);\n            \n            safeSetText('sh-hero-lang-float-sub', content.floatSub);\n            \n            const floatMain = document.getElementById('sh-hero-lang-float-main');\n            if(floatMain) {\n                floatMain.textContent = content.floatMain;\n                floatMain.style.fontFamily = content.headerFont;\n            }\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        \/\/ Watch for dynamic RTL or Language changes\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, attributeFilter: ['dir', 'lang'] });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Global Section Optimization with Unique Scoping *\/\n    .sh-intro-unique-section {\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n    }\n\n    \/* 2. Seamless Aspect Ratio & Skeleton Frame *\/\n    .sh-intro-unique-section .sh-img-frame-unique {\n        position: relative !important;\n        width: 100% !important;\n        \/* Mobile gets compact 16:10, Desktop gets natural scaling *\/\n        aspect-ratio: 16\/10 !important; \n        border-radius: 1rem !important;\n        border: 4px solid #f8fafc !important;\n        background-color: #f1f5f9 !important; \/* Prevents CLS (Layout Shift) *\/\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;\n        overflow: hidden !important;\n    }\n\n    @media (min-width: 1024px) {\n        .sh-intro-unique-section .sh-img-frame-unique {\n            aspect-ratio: auto !important;\n        }\n    }\n\n    \/* 3. Fluid Image Behavior *\/\n    .sh-intro-unique-section .sh-img-fluid-unique {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: contain !important;\n        object-position: center !important;\n        display: block !important;\n    }\n\n    \/* 4. Adaptive RTL\/LTR Typography spacing *\/\n    [dir=\"rtl\"] .sh-intro-unique-section .sh-list-unique {\n        padding-right: 1.5rem !important;\n        padding-left: 0 !important;\n    }\n    [dir=\"ltr\"] .sh-intro-unique-section .sh-list-unique {\n        padding-left: 1.5rem !important;\n        padding-right: 0 !important;\n    }\n<\/style>\n\n<section id=\"intro-section\" class=\"sh-intro-unique-section py-16 md:py-24\" dir=\"ltr\">\n    <div class=\"max-w-7xl mx-auto px-5 lg:px-8 w-full\">\n        \n        <!-- Smart Flex\/Grid Wrapper for Order Control -->\n        <div class=\"flex flex-col lg:grid lg:grid-cols-[1.2fr_1fr] gap-8 lg:gap-x-16 lg:gap-y-5\">\n            \n            <!-- 1. Title Block (First on Mobile, Top Left on Desktop) -->\n            <div class=\"order-1 lg:col-start-1 lg:row-start-1 lg:self-end text-start w-full !mx-0\">\n                <div class=\"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\">Medical Laboratory<\/span>\n                    <\/div>\n                    \n                    <h2 id=\"intro-title\" class=\"text-[32px] md:text-[42px] font-bold leading-[1.15] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                        What Is a Medical Laboratory?\n                    <\/h2>\n                <\/div>\n            <\/div>\n\n            <!-- 2. Image Block (Middle on Mobile, Spanning Right Column on Desktop) -->\n            <div class=\"order-2 lg:col-start-2 lg:row-start-1 lg:row-span-2 lg:self-center w-full relative !mx-0 my-2 lg:my-0\">\n                <div class=\"absolute -top-6 -left-6 w-32 h-32 bg-[#138b86]\/10 rounded-full blur-2xl pointer-events-none\"><\/div>\n                \n                <div class=\"sh-img-frame-unique\">\n                    <picture>\n                        <source srcset=\"\/wp-content\/uploads\/2026\/07\/lab_2.webp\" type=\"image\/webp\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/lab_2.webp\" alt=\"Advanced Medical Diagnostic Laboratory\" class=\"sh-img-fluid-unique\" loading=\"lazy\">\n                    <\/picture>\n                <\/div>\n            <\/div>\n\n            <!-- 3. Text Content Block (Last on Mobile, Bottom Left on Desktop) -->\n            <div class=\"order-3 lg:col-start-1 lg:row-start-2 lg:self-start text-start w-full !mx-0\">\n                <div id=\"intro-content\" class=\"space-y-5 text-[16px] md:text-[17px] leading-[1.75] text-[#243b5a]\/85 [&#038;_strong]:font-bold [&#038;_strong]:text-[#243b5a] [&#038;_ul]:sh-list-unique [&#038;_ul]:list-disc [&#038;_ul]:space-y-2 [&#038;_ul]:my-5 !mx-0\">\n                    <!-- JS Injected Content -->\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    \/\/ Translation Data Engine for Medical Laboratory\n    const introData = {\n        en: { \n            headerFont: \"var(--font-display)\", \n            bodyFont: \"var(--font-sans)\",\n            kicker: \"Medical Laboratory\",\n            title: \"What Is a Medical Laboratory?\",\n            content: `\n                <p>A medical laboratory is a specialized healthcare facility where biological samples are analyzed to provide critical information about a person's health status.<\/p>\n                <p>Common laboratory samples include:<\/p>\n                <ul>\n                    <li><strong>Blood<\/strong> (Complete counts, biochemistry, and metabolic panels)<\/li>\n                    <li><strong>Urine<\/strong> (Renal screening and metabolic assessments)<\/li>\n                    <li><strong>Stool<\/strong> (Digestive track screening and microbial checks)<\/li>\n                    <li><strong>Body fluids<\/strong> (Specialized physiological fluid analysis)<\/li>\n                    <li><strong>Tissue samples<\/strong> (Biopsies and histopathology examinations)<\/li>\n                    <li><strong>Swab specimens<\/strong> (Respiratory and infectious disease cultures)<\/li>\n                <\/ul>\n                <p>Laboratory professionals examine these samples using standardized scientific methods and advanced diagnostics to assist physicians in diagnosing diseases, monitoring chronic health conditions, and evaluating treatment effectiveness accurately.<\/p>\n            `\n        },\n        ar: { \n            headerFont: \"var(--font-arabic)\", \n            bodyFont: \"var(--font-arabic)\",\n            kicker: \"\u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0637\u0628\u064a\",\n            title: \"\u0645\u0627 \u0647\u0648 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0637\u0628\u064a\u061f\",\n            content: `\n                <p>\u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0637\u0628\u064a \u0647\u0648 \u0645\u0646\u0634\u0623\u0629 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u064a\u062a\u0645 \u0641\u064a\u0647\u0627 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0639\u064a\u0646\u0627\u062a \u0627\u0644\u0628\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0648\u062d\u0627\u0633\u0645\u0629 \u062d\u0648\u0644 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0644\u0644\u0641\u0631\u062f.<\/p>\n                <p>\u062a\u0634\u0645\u0644 \u0639\u064a\u0646\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0645\u0627 \u064a\u0644\u064a:<\/p>\n                <ul>\n                    <li><strong>\u0627\u0644\u062f\u0645<\/strong> (\u0635\u0648\u0631\u0629 \u0627\u0644\u062f\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\u0629\u060c \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621 \u0627\u0644\u062d\u064a\u0648\u064a\u0629\u060c \u0648\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u063a\u0630\u0627\u0626\u064a)<\/li>\n                    <li><strong>\u0627\u0644\u0628\u0648\u0644<\/strong> (\u0641\u062d\u0635 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0644\u0649 \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0623\u064a\u0636\u064a\u0629)<\/li>\n                    <li><strong>\u0627\u0644\u0628\u0631\u0627\u0632<\/strong> (\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0647\u0636\u0645\u064a \u0648\u0627\u0644\u0643\u0634\u0641 \u0639\u0646 \u0627\u0644\u0645\u064a\u0643\u0631\u0648\u0628\u0627\u062a)<\/li>\n                    <li><strong>\u0633\u0648\u0627\u0626\u0644 \u0627\u0644\u062c\u0633\u0645<\/strong> (\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0627\u0626\u0644 \u0627\u0644\u0641\u0633\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629)<\/li>\n                    <li><strong>\u0639\u064a\u0646\u0627\u062a \u0627\u0644\u0623\u0646\u0633\u062c\u0629<\/strong> (\u0627\u0644\u062e\u0632\u0639\u0627\u062a \u0648\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0645\u0631\u0636\u064a\u0629)<\/li>\n                    <li><strong>\u0639\u064a\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u062d\u0627\u062a<\/strong> (\u0645\u0632\u0627\u0631\u0639 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062a\u0646\u0641\u0633\u064a \u0648\u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0639\u062f\u064a\u0629)<\/li>\n                <\/ul>\n                <p>\u064a\u0642\u0648\u0645 \u0623\u062e\u0635\u0627\u0626\u064a\u0648 \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0628\u0641\u062d\u0635 \u0647\u0630\u0647 \u0627\u0644\u0639\u064a\u0646\u0627\u062a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0637\u0631\u0642 \u0639\u0644\u0645\u064a\u0629 \u0645\u0639\u064a\u0627\u0631\u064a\u0629 \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0641\u064a \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0623\u0645\u0631\u0627\u0636\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\u060c \u0648\u062a\u0642\u064a\u064a\u0645 \u0645\u062f\u0649 \u0641\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0643\u0644 \u062f\u0642\u0629.<\/p>\n            `\n        }\n    };\n\n    function initIntroSection() {\n        const htmlElement = document.documentElement;\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        \/\/ Apply global direction context safely\n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        const kickerEl = document.getElementById('intro-kicker');\n        if (kickerEl) {\n            kickerEl.textContent = data.kicker;\n            kickerEl.style.fontFamily = data.bodyFont;\n        }\n\n        const titleEl = document.getElementById('intro-title');\n        if (titleEl) {\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n        }\n\n        const contentEl = document.getElementById('intro-content');\n        if (contentEl) {\n            contentEl.innerHTML = data.content;\n            contentEl.style.fontFamily = data.bodyFont;\n        }\n    }\n\n    \/\/ Initialize layout on load\n    initIntroSection();\n    \n    \/\/ Watch for dynamic language changes securely (Optimized Observer)\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, attributeFilter: ['dir', 'lang'] });\n});\n<\/script>\n\n\n\n<section id=\"lab-importance-section\" class=\"py-16 md:py-24 bg-slate-50\" dir=\"ltr\">\n    <div class=\"max-w-7xl mx-auto px-5 lg:px-8 w-full\">\n        \n        <!-- Smart Flex\/Grid Wrapper for Order Control -->\n        <div class=\"flex flex-col lg:grid lg:grid-cols-[1.25fr_1fr] gap-8 lg:gap-x-16 lg:gap-y-4 items-start\">\n            \n            <!-- 1. Title Block (First on Mobile, Top Left on Desktop) -->\n            <div class=\"order-1 lg:col-start-1 lg:row-start-1 w-full text-start !mx-0\">\n                <h2 id=\"lab-title\" class=\"text-[32px] md:text-[42px] font-bold leading-[1.2] text-[#243b5a] mb-2 lg:mb-4\" style=\"font-family: var(--font-display);\">\n                    Why Laboratory Testing Is Important\n                <\/h2>\n            <\/div>\n\n            <!-- 2. Image Block (Middle on Mobile, Right Column on Desktop) -->\n            <div class=\"order-2 lg:col-start-2 lg:row-start-1 lg:row-span-2 w-full relative !mx-0 my-4 lg:my-0\">\n                <div class=\"absolute -bottom-6 -right-6 w-36 h-36 bg-[#0d9488]\/10 rounded-full blur-2xl pointer-events-none\"><\/div>\n                \n                <div class=\"relative overflow-hidden rounded-2xl border-4 border-white shadow-lg aspect-[4\/3] sm:aspect-[16\/10] lg:aspect-[4\/3] bg-slate-200\">\n                    <picture>\n                        <source srcset=\"\/wp-content\/uploads\/2026\/07\/lab_3.webp\" type=\"image\/webp\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/lab_3.webp\" srcset=\"\n                                \/wp-content\/uploads\/2026\/07\/lab_3.webp 300w, \n                               \/wp-content\/uploads\/2026\/07\/lab_3.webp 800w\n                            \" sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 800px\" alt=\"Advanced diagnostic laboratory testing\" class=\"w-full h-full object-cover object-center block transition-transform duration-500 hover:scale-105\" loading=\"lazy\">\n                    <\/picture>\n                <\/div>\n            <\/div>\n\n            <!-- 3. Text Content Block (Last on Mobile, Bottom Left on Desktop) -->\n            <div class=\"order-3 lg:col-start-1 lg:row-start-2 w-full text-start !mx-0\">\n                <div class=\"mb-8 max-w-3xl !mx-0\">\n                    <p id=\"lab-intro\" class=\"text-[16px] md:text-[18px] text-slate-600 leading-relaxed\">\n                        Many medical conditions cannot be diagnosed through symptoms or physical examination alone. Laboratory investigations help healthcare providers:\n                    <\/p>\n                <\/div>\n\n                <div id=\"lab-list-container\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-3 md:gap-4 mb-8 !mx-0\">\n                    <!-- JavaScript Injected List -->\n                <\/div>\n\n                <div class=\"bg-white p-5 rounded-xl border border-slate-200\/60 shadow-sm max-w-3xl !mx-0\">\n                    <div class=\"flex gap-4 items-start\">\n                        <div class=\"bg-[#e0f2f1] text-[#0d9488] p-2 rounded-full shrink-0\">\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.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                        <\/div>\n                        <p id=\"lab-outro\" class=\"text-[15px] md:text-[16px] text-slate-700 font-medium leading-relaxed m-0 pt-0.5\">\n                            Reliable laboratory results contribute to more informed treatment decisions and better patient care.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    \/\/ Translation Data Engine for Laboratory Importance\n    const labImportanceData = {\n        en: { \n            headerFont: \"var(--font-display)\", \n            bodyFont: \"var(--font-sans)\",\n            title: \"Why Laboratory Testing Is Important\",\n            intro: \"Many medical conditions cannot be diagnosed through symptoms or physical examination alone. Laboratory investigations help healthcare providers:\",\n            points: [\n                \"Confirm suspected illnesses\",\n                \"Detect infections\",\n                \"Monitor chronic diseases\",\n                \"Evaluate organ function\",\n                \"Identify nutritional deficiencies\",\n                \"Assess hormonal balance\",\n                \"Monitor medication response\",\n                \"Support preventive health screening\"\n            ],\n            outro: \"Reliable laboratory results contribute to more informed treatment decisions and better patient care.\"\n        },\n        ar: { \n            headerFont: \"var(--font-arabic)\", \n            bodyFont: \"var(--font-arabic)\",\n            title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u0639\u062a\u0628\u0631 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0645\u0647\u0645\u0629\u061f\",\n            intro: \"\u0644\u0627 \u064a\u0645\u0643\u0646 \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0623\u0648 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a \u0648\u062d\u062f\u0647. \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0639\u0644\u0649:\",\n            points: [\n                \"\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0634\u062a\u0628\u0647 \u0628\u0647\u0627\",\n                \"\u0627\u0644\u0643\u0634\u0641 \u0639\u0646 \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0648\u0627\u0644\u0639\u062f\u0648\u0649\",\n                \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\",\n                \"\u062a\u0642\u064a\u064a\u0645 \u0648\u0638\u0627\u0626\u0641 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062c\u0633\u0645\",\n                \"\u062a\u062d\u062f\u064a\u062f \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0646\u0642\u0635 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\",\n                \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\",\n                \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0644\u0623\u062f\u0648\u064a\u0629\",\n                \"\u062f\u0639\u0645 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\"\n            ],\n            outro: \"\u062a\u0633\u0627\u0647\u0645 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u0629 \u0641\u064a \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0639\u0644\u0627\u062c\u064a\u0629 \u0623\u0643\u062b\u0631 \u062f\u0642\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0631\u0639\u0627\u064a\u0629 \u0623\u0641\u0636\u0644 \u0644\u0644\u0645\u0631\u0636\u0649.\"\n        }\n    };\n\n    function initLabImportanceSection() {\n        const htmlElement = document.documentElement;\n        const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n        const lang = isRtl ? 'ar' : 'en';\n        const data = labImportanceData[lang];\n\n        const section = document.getElementById('lab-importance-section');\n        if (!section) return;\n\n        \/\/ Set direction dynamically\n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        \/\/ Apply Text and Fonts safely\n        const titleEl = document.getElementById('lab-title');\n        if (titleEl) {\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n        }\n\n        const introEl = document.getElementById('lab-intro');\n        if (introEl) {\n            introEl.textContent = data.intro;\n            introEl.style.fontFamily = data.bodyFont;\n        }\n\n        const outroEl = document.getElementById('lab-outro');\n        if (outroEl) {\n            outroEl.textContent = data.outro;\n            outroEl.style.fontFamily = data.bodyFont;\n        }\n\n        \/\/ Generate the List Items Dynamically with Checkmarks\n        const listContainer = document.getElementById('lab-list-container');\n        if (listContainer) {\n            listContainer.innerHTML = ''; \/\/ Clear container\n\n            data.points.forEach(point => {\n                const itemHTML = `\n                    <div class=\"flex items-center gap-3 p-3.5 bg-white rounded-xl border border-slate-100 shadow-sm hover:shadow-md transition-all duration-200\">\n                        <div class=\"bg-[#e0f2f1] text-[#0d9488] p-1.5 rounded-full shrink-0\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                        <\/div>\n                        <span class=\"text-[15px] md:text-[16px] text-[#243b5a] font-medium leading-tight\" style=\"font-family: ${data.bodyFont};\">\n                            ${point}\n                        <\/span>\n                    <\/div>\n                `;\n                listContainer.insertAdjacentHTML('beforeend', itemHTML);\n            });\n        }\n    }\n\n    \/\/ Initialize layout execution\n    initLabImportanceSection();\n    \n    \/\/ Watch for dynamic HTML lang\/dir updates\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n            if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                initLabImportanceSection();\n            }\n        });\n    });\n    \n    if (document.documentElement) {\n        observer.observe(document.documentElement, { attributes: true });\n    }\n});\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Unique Class for Clean Background (Astra Breakout) *\/\n    .sh-lab-rec-unique-996 {\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;\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: 1024px) {\n        .sh-lab-rec-unique-996 { padding-top: 6rem !important; padding-bottom: 6rem !important; }\n    }\n\n    \/* 2. Container Max-Width *\/\n    .sh-lab-rec-unique-996 .sh-lab-rec-inner-996 {\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. Global Responsive Image Framework *\/\n    .sh-lab-rec-unique-996 .sh-lab-rec-img-cont-996 {\n        position: relative !important;\n        width: 100% !important;\n        height: auto !important;\n        aspect-ratio: auto !important;\n        border-radius: 1.5rem !important;\n        background-color: #f1f5f9 !important; \/* Smart Skeleton\/Placeholder State *\/\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15) !important;\n        overflow: hidden !important;\n    }\n\n    .sh-lab-rec-unique-996 .sh-lab-rec-img-996 {\n        width: 100% !important;\n        height: auto !important;\n        object-fit: contain !important; \n        object-position: center !important;\n        display: block !important;\n    }\n\n    \/* 4. Fluid Micro-animations *\/\n    @keyframes shFadeInUp996 { \n        from { opacity: 0; transform: translateY(30px); } \n        to { opacity: 1; transform: translateY(0); } \n    }\n    .sh-lab-rec-anim-996 { opacity: 0; animation: shFadeInUp996 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n<\/style>\n\n<section id=\"sh-lab-recommendations-996\" class=\"sh-lab-rec-unique-996\" dir=\"ltr\">\n    <!-- Changed to Flex Column for mobile, Grid for Desktop to allow order swapping -->\n    <div class=\"sh-lab-rec-inner-996 px-5 lg:px-8 flex flex-col lg:grid lg:grid-cols-[1fr_1.3fr] gap-12 lg:gap-16 items-center\">\n        \n        <!-- Left Column (Visuals): Second on Mobile, First on Desktop -->\n        <div class=\"relative sh-lab-rec-anim-996 !mx-0 lg:sticky lg:top-24 order-2 lg:order-1 w-full\">\n            <div class=\"sh-lab-rec-img-cont-996\">\n                <picture>\n                    <source srcset=\"\/wp-content\/uploads\/2026\/07\/lab_4.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/lab_4.webp\" alt=\"Advanced medical diagnostic testing laboratory equipment.\" class=\"sh-lab-rec-img-996\" loading=\"lazy\">\n                <\/picture>\n            <\/div>\n        <\/div>\n\n        <!-- Right Column (Text Content): First on Mobile, Second on Desktop -->\n        <div class=\"sh-lab-rec-anim-996 !mx-0 text-start order-1 lg:order-2 w-full\" 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-lab-kicker\">Diagnostic Services<\/span>\n                <\/div>\n                <h2 id=\"sh-lab-title\" class=\"text-[34px] md:text-[44px] font-bold leading-[1.15] text-[#243b5a]\" style=\"font-family: var(--font-display);\">When Might Your Doctor Recommend Laboratory Tests?<\/h2>\n                <p id=\"sh-lab-p1\" class=\"mt-4 text-slate-500 text-[16px] md:text-[17px] leading-relaxed\">Laboratory investigations may be requested during many different stages of healthcare to provide vital insights into your physical wellbeing.<\/p>\n                <p id=\"sh-lab-p2\" class=\"text-[#243b5a]\/90 mt-4 text-[16px] md:text-[17px] leading-relaxed font-bold\">Your doctor may recommend testing for:<\/p>\n            <\/div>\n\n            <!-- Robust Grid List (Supports 10 Items cleanly) -->\n            <div id=\"sh-lab-list-container\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8\"><\/div>\n\n            <!-- Dynamic Outro Footer Container -->\n            <div class=\"bg-slate-50 p-5 rounded-2xl border border-slate-100 max-w-full !mx-0\">\n                <div class=\"flex gap-4 items-center\">\n                    <div class=\"bg-white text-[#138b86] p-2 rounded-xl shrink-0 shadow-sm border border-slate-100\">\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.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                    <\/div>\n                    <p id=\"sh-lab-outro\" class=\"text-[14px] md:text-[15px] text-slate-600 font-semibold leading-relaxed m-0\">\n                        Testing is selected according to your symptoms, medical history, and clinical findings.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const labSectionData = {\n            en: {\n                kicker: \"Diagnostic Services\", \n                title: \"When Might Your Doctor Recommend Laboratory Tests?\",\n                p1: \"Laboratory investigations may be requested during many different stages of healthcare to provide vital insights into your physical wellbeing.\",\n                p2: \"Your doctor may recommend testing for:\",\n                outro: \"Testing is selected according to your symptoms, medical history, and clinical findings.\",\n                items: [\n                    { title: \"Routine health checkups\", desc: \"Essential baseline parameters to evaluate general physical wellness.\" },\n                    { title: \"Fever or suspected infection\", desc: \"Identifying underlying biological pathogens or microbial causes.\" },\n                    { title: \"Diabetes monitoring\", desc: \"Tracking ongoing glucose levels and long-term HbA1c control metrics.\" },\n                    { title: \"Thyroid evaluation\", desc: \"Assessing fundamental endocrine hormones ruling out systemic imbalances.\" },\n                    { title: \"Kidney function assessment\", desc: \"Screening metabolic filtration health via detailed serum biomarkers.\" },\n                    { title: \"Liver function assessment\", desc: \"Evaluating essential hepatic enzyme production and synthetic status.\" },\n                    { title: \"Pregnancy-related care\", desc: \"Comprehensive diagnostic support protecting maternal-fetal pathways.\" },\n                    { title: \"Preoperative assessment\", desc: \"Ensuring secure biological readiness parameters prior to any surgery.\" },\n                    { title: \"Annual wellness screening\", desc: \"Proactive baseline mapping identifying subtle changes before symptoms surface.\" },\n                    { title: \"Follow-up of chronic conditions\", desc: \"Long-term clinical observation assessing structural therapy efficacy.\" }\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\", \n                title: \"\u0645\u062a\u0649 \u0642\u062f \u064a\u0648\u0635\u064a \u0637\u0628\u064a\u0628\u0643 \u0628\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\u061f\",\n                p1: \"\u0642\u062f \u064a\u062a\u0645 \u0637\u0644\u0628 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u0631\u0624\u0649 \u062d\u064a\u0648\u064a\u0629 \u062d\u0648\u0644 \u0635\u062d\u062a\u0643 \u0627\u0644\u0628\u062f\u0646\u064a\u0629.\",\n                p2: \"\u0642\u062f \u064a\u0648\u0635\u064a \u0637\u0628\u064a\u0628\u0643 \u0628\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0645\u0646 \u0623\u062c\u0644:\",\n                outro: \"\u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0628\u062f\u0642\u0629 \u0648\u0641\u0642\u0627\u064b \u0644\u0623\u0639\u0631\u0627\u0636\u0643\u060c \u0648\u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a\u060c \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629.\",\n                items: [\n                    { title: \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\", desc: \"\u0645\u0624\u0634\u0631\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u062a\u0642\u064a\u064a\u0645 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u062d\u064a\u0648\u064a\u0629.\" },\n                    { title: \"\u0627\u0644\u062d\u0645\u0649 \u0623\u0648 \u0627\u0644\u0627\u0634\u062a\u0628\u0627\u0647 \u0641\u064a \u0648\u062c\u0648\u062f \u0639\u062f\u0648\u0649\", desc: \"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u0628\u0628\u0627\u062a \u0627\u0644\u0628\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0628\u062f\u0642\u0629 \u0644\u062a\u0648\u062c\u064a\u0647 \u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0635\u062d\u064a\u062d.\" },\n                    { title: \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a\", desc: \"\u062a\u062a\u0628\u0639 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0633\u0643\u0631 \u0641\u064a \u0627\u0644\u062f\u0645 \u0648\u0645\u0639\u062f\u0644 \u0627\u0644\u0633\u0643\u0631 \u0627\u0644\u062a\u0631\u0627\u0643\u0645\u064a \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\" },\n                    { title: \"\u062a\u0642\u064a\u064a\u0645 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629\", desc: \"\u0642\u064a\u0627\u0633 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u0629 \u0639\u0646 \u062a\u0646\u0638\u064a\u0645 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0623\u064a\u0636 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u063a\u0630\u0627\u0626\u064a.\" },\n                    { title: \"\u062a\u0642\u064a\u064a\u0645 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0644\u0649\", desc: \"\u0641\u062d\u0635 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0641\u0644\u062a\u0631\u0629 \u0648\u0627\u0644\u062a\u0646\u0642\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0642\u064a\u0627\u0633 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0635\u0644.\" },\n                    { title: \"\u062a\u0642\u064a\u064a\u0645 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0628\u062f\", desc: \"\u062a\u062d\u0644\u064a\u0644 \u0625\u0646\u0632\u064a\u0645\u0627\u062a \u0648\u0628\u0631\u0648\u062a\u064a\u0646\u0627\u062a \u0627\u0644\u0643\u0628\u062f \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0633\u0644\u0627\u0645\u062a\u0647 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0648\u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629.\" },\n                    { title: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062d\u0645\u0644\", desc: \"\u062f\u0639\u0645 \u062a\u0634\u062e\u064a\u0635\u064a \u0634\u0627\u0645\u0644 \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u062c\u0646\u064a\u0646 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u062d\u0645\u0644.\" },\n                    { title: \"\u062a\u0642\u064a\u064a\u0645 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629\", desc: \"\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0641\u0633\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0644\u0644\u062c\u0633\u0645 \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0631\u064a\u0636 \u0642\u0628\u0644 \u0627\u0644\u062c\u0631\u0627\u062d\u0629.\" },\n                    { title: \"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\", desc: \"\u0631\u0635\u062f \u0627\u0633\u062a\u0628\u0627\u0642\u064a \u0644\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0635\u0627\u0645\u062a\u0629 \u0642\u0628\u0644 \u0638\u0647\u0648\u0631 \u0623\u064a \u0623\u0639\u0631\u0627\u0636 \u0633\u0631\u064a\u0631\u064a\u0629.\" },\n                    { title: \"\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\", desc: \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0644\u062a\u0642\u064a\u064a\u0645 \u0645\u062f\u0649 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u062c\u0633\u0645 \u0644\u0644\u0639\u0644\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629.\" }\n                ]\n            }\n        };\n\n        function initLabSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? labSectionData.ar : labSectionData.en;\n            \n            \/\/ Script targets the ID\n            const section = document.getElementById('sh-lab-recommendations-996');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            document.getElementById('sh-lab-kicker').textContent = data.kicker;\n            document.getElementById('sh-lab-title').textContent = data.title;\n            document.getElementById('sh-lab-p1').textContent = data.p1;\n            document.getElementById('sh-lab-p2').textContent = data.p2;\n            document.getElementById('sh-lab-outro').textContent = data.outro;\n\n            const listContainer = document.getElementById('sh-lab-list-container');\n            if (listContainer) {\n                listContainer.innerHTML = '';\n                data.items.forEach(item => {\n                    const div = document.createElement('div');\n                    div.className = \"flex gap-3.5 items-start bg-slate-50 p-4 md:p-5 rounded-xl border border-slate-100 transition-all hover:bg-slate-100\/50 hover:shadow-sm\";\n                    div.innerHTML = `\n                        <span class=\"mt-0.5 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=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <div>\n                            <h3 class=\"text-[15.5px] font-bold text-[#243b5a] mb-1 leading-snug\" style=\"font-family: var(--font-display);\">${item.title}<\/h3>\n                            <p class=\"text-[13.5px] leading-relaxed text-slate-500 font-medium m-0\">${item.desc}<\/p>\n                        <\/div>\n                    `;\n                    listContainer.appendChild(div);\n                });\n            }\n        }\n        \n        initLabSection();\n        \n        \/\/ Lightweight Performance Mutation Observer\n        new MutationObserver(initLabSection).observe(document.documentElement, { \n            attributes: true, \n            attributeFilter: ['dir', 'lang'] \n        });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Universal Breakout for Full-Width Sections (Astra-Proof) *\/\n    .sh-section-breakout {\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        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    \/* 2. Responsive Dotted Hexagon Background *\/\n    .sh-hex-bg {\n        position: absolute !important;\n        inset: 0 !important;\n        pointer-events: none !important;\n        z-index: 0 !important;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%23138b86' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%23138b86' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n        background-size: 90px 78px !important;\n        background-repeat: repeat !important;\n        background-position: center top !important;\n        opacity: 0.18 !important;\n    }\n\n    @media (min-width: 768px) {\n        .sh-hex-bg { background-size: 180px 156px !important; }\n    }\n\n    \/* Specific Section Formatting *\/\n    #sh-lab-services-999 {\n        background-color: #f8fbfd !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    #sh-lab-services-999 .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.5rem !important;\n    }\n\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n    @keyframes shFadeUp { from { opacity: 0; transform: translateY(25px); } to { opacity: 1; transform: translateY(0); } }\n<\/style>\n\n<section id=\"sh-lab-services-999\" class=\"sh-section-breakout\" dir=\"ltr\">\n    <div class=\"sh-hex-bg\"><\/div>\n\n    <div class=\"sh-inner-wrapper\">\n        <!-- Main Header Block -->\n        <div class=\"mb-14 text-center max-w-4xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-lab-lang-kicker\">Laboratory Departments<\/span>\n            <\/div>\n            <h2 id=\"sh-lab-lang-title\" class=\"text-[32px] md:text-[44px] font-bold leading-[1.15] text-[#243b5a] mb-5\">Types of Laboratory Services<\/h2>\n            <p id=\"sh-lab-lang-p1\" class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed max-w-3xl mx-auto\">Medical laboratories perform a wide variety of diagnostic investigations across different areas of medicine.<\/p>\n        <\/div>\n\n        <!-- Adaptive Grid System for the 5 Pillars -->\n        <div id=\"sh-lab-cards-container\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8 sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <!-- Cards will inject smoothly via Dynamic Translation Matrix -->\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const labServicesData = {\n            en: {\n                kicker: \"Laboratory Departments\",\n                title: \"Types of Laboratory Services\",\n                p1: \"Medical laboratories perform a wide variety of diagnostic investigations across different areas of medicine.\",\n                departments: [\n                    {\n                        title: \"Clinical Biochemistry\",\n                        desc: \"Evaluates essential chemical compounds and molecular substances present in blood and other body fluids.\",\n                        subheading: \"Common assessments include:\",\n                        items: [\"Blood glucose\", \"Cholesterol profile\", \"Kidney function\", \"Liver function\", \"Electrolytes\", \"Uric acid\"],\n                        footer: \"These tests provide valuable information about how different organs are functioning.\"\n                    },\n                    {\n                        title: \"Hematology\",\n                        desc: \"Focuses comprehensively on cellular blood elements, bone marrow analysis, and blood-related physiological disorders.\",\n                        subheading: \"Frequently requested investigations:\",\n                        items: [\"Complete blood count (CBC)\", \"Hemoglobin level\", \"Platelet count\", \"Blood clotting studies\"],\n                        footer: \"These tests help physicians evaluate anemia, infections, bleeding disorders, and other blood-related conditions.\"\n                    },\n                    {\n                        title: \"Microbiology\",\n                        desc: \"Identifies pathological bacteria, active viruses, fungi, and other microorganisms that cause complex infections.\",\n                        subheading: \"Testing configurations involve:\",\n                        items: [\"Urine cultures\", \"Throat swabs\", \"Wound swabs\", \"Blood cultures\", \"Stool cultures\"],\n                        footer: \"Accurate microbial identification helps guide appropriate targeted treatment decisions.\"\n                    },\n                    {\n                        title: \"Immunology & Serology\",\n                        desc: \"Assesses precise immune system activity and detects specific antibodies associated with external infections.\",\n                        subheading: \"Requested during investigations for:\",\n                        items: [\"Certain infectious diseases\", \"Autoimmune disorders\", \"Immune response evaluation\"],\n                        footer: \"The custom choice of specific testing parameters depends entirely on the patient's clinical presentation.\"\n                    },\n                    {\n                        title: \"Clinical Pathology\",\n                        desc: \"Examines extracted bodily tissues and structural cells to assist in diagnosing structural changes accurately.\",\n                        subheading: \"Biological samples obtained during:\",\n                        items: [\"Surgical procedures\", \"Targeted biopsies\", \"Minor clinical procedures\"],\n                        footer: \"The diagnostic results help physicians understand the biological nature of tissue changes to plan further care.\"\n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\",\n                title: \"\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\",\n                p1: \"\u062a\u0642\u0648\u0645 \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0628\u0625\u062c\u0631\u0627\u0621 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0648\u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0639\u0628\u0631 \u0645\u062e\u062a\u0644\u0641 \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628.\",\n                departments: [\n                    {\n                        title: \"\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621 \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629\",\n                        desc: \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062c\u0632\u064a\u0626\u064a\u0629 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u062f\u0645 \u0648\u0633\u0648\u0627\u0626\u0644 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0623\u062e\u0631\u0649.\",\n                        subheading: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629:\",\n                        items: [\"\u0646\u0633\u0628\u0629 \u0627\u0644\u062c\u0644\u0648\u0643\u0648\u0632 \u0641\u064a \u0627\u0644\u062f\u0645\", \"\u0645\u0624\u0634\u0631 \u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644 \u0627\u0644\u0643\u0627\u0645\u0644\", \"\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0644\u0649 \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a\u0647\u0627\", \"\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0628\u062f \u0648\u0625\u0646\u0632\u064a\u0645\u0627\u062a\u0647\", \"\u0627\u0644\u0623\u0645\u0644\u0627\u062d \u0648\u0627\u0644\u0645\u0639\u0627\u062f\u0646 (\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0644\u064a\u062a\u0627\u062a)\", \"\u062d\u0645\u0636 \u0627\u0644\u064a\u0648\u0631\u064a\u0643 (\u062d\u0645\u0636 \u0627\u0644\u0628\u0648\u0644)\"],\n                        footer: \"\u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0642\u064a\u0645\u0629 \u0648\u0634\u0627\u0645\u0644\u0629 \u062d\u0648\u0644 \u0643\u064a\u0641\u064a\u0629 \u0639\u0645\u0644 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\"\n                    },\n                    {\n                        title: \"\u0639\u0644\u0645 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u062f\u0645 (\u0627\u0644\u0647\u064a\u0645\u0627\u062a\u0648\u0644\u0648\u062c\u064a)\",\n                        desc: \"\u064a\u0631\u0643\u0632 \u0628\u0634\u0643\u0644 \u0634\u0627\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062e\u0644\u0648\u064a\u0629 \u0627\u0644\u0645\u0643\u0648\u0646\u0629 \u0644\u0644\u062f\u0645\u060c \u0648\u062a\u062d\u0644\u064a\u0644 \u0646\u062e\u0627\u0639 \u0627\u0644\u0639\u0638\u0645\u060c \u0648\u0627\u0644\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0641\u0633\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647.\",\n                        subheading: \"\u0627\u0644\u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0628\u0634\u0643\u0644 \u0645\u062a\u0643\u0631\u0631:\",\n                        items: [\"\u0641\u062d\u0635 \u0635\u0648\u0631\u0629 \u0627\u0644\u062f\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 (CBC)\", \"\u0642\u064a\u0627\u0633 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0647\u064a\u0645\u0648\u062c\u0644\u0648\u0628\u064a\u0646\", \"\u0645\u0639\u062f\u0644 \u0639\u062f\u062f \u0627\u0644\u0635\u0641\u0627\u0626\u062d \u0627\u0644\u062f\u0645\u0648\u064a\u0629\", \"\u062f\u0631\u0627\u0633\u0627\u062a \u062a\u062e\u062b\u0631 \u0648\u062a\u062c\u0644\u0637 \u0627\u0644\u062f\u0645\"],\n                        footer: \"\u062a\u0633\u0627\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0641\u064a \u062a\u0642\u064a\u064a\u0645 \u0641\u0642\u0631 \u0627\u0644\u062f\u0645\u060c \u0648\u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u062d\u0627\u062f\u0629\u060c \u0648\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0646\u0632\u064a\u0641\u060c \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649.\"\n                    },\n                    {\n                        title: \"\u0627\u0644\u0623\u062d\u064a\u0627\u0621 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 (\u0627\u0644\u0645\u064a\u0643\u0631\u0648\u0628\u064a\u0648\u0644\u0648\u062c\u064a)\",\n                        desc: \"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0628\u0643\u062a\u064a\u0631\u064a\u0627 \u0627\u0644\u0645\u0633\u0628\u0628\u0629 \u0644\u0644\u0623\u0645\u0631\u0627\u0636\u060c \u0627\u0644\u0641\u064a\u0631\u0648\u0633\u0627\u062a \u0627\u0644\u0646\u0634\u0637\u0629\u060c \u0627\u0644\u0641\u0637\u0631\u064a\u0627\u062a\u060c \u0648\u0627\u0644\u0643\u0627\u0626\u0646\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0627\u0644\u0623\u062e\u0631\u0649 \u0627\u0644\u062a\u064a \u062a\u0633\u0628\u0628 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u062f\u0648\u0649.\",\n                        subheading: \"\u062a\u0634\u0645\u0644 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u062e\u0628\u0631\u064a:\",\n                        items: [\"\u0645\u0632\u0627\u0631\u0639 \u0627\u0644\u0628\u0648\u0644 \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\", \"\u0645\u0633\u062d\u0627\u062a \u0627\u0644\u062d\u0644\u0642 \u0648\u0627\u0644\u0628\u0644\u0639\u0648\u0645\", \"\u0645\u0633\u062d\u0627\u062a \u0627\u0644\u062c\u0631\u0648\u062d \u0648\u0627\u0644\u0642\u0631\u0648\u062d\", \"\u0645\u0632\u0627\u0631\u0639 \u0627\u0644\u062f\u0645 \u0627\u0644\u062d\u064a\u0648\u064a\u0629\", \"\u0645\u0632\u0627\u0631\u0639 \u0627\u0644\u0628\u0631\u0627\u0632 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0639\u0648\u064a\"],\n                        footer: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062f\u0642\u064a\u0642 \u0644\u0644\u0645\u064a\u0643\u0631\u0648\u0628\u0627\u062a \u0641\u064a \u062a\u0648\u062c\u064a\u0647 \u0642\u0631\u0627\u0631\u0627\u062a \u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0648\u0627\u0644\u0645\u0646\u0627\u0633\u0628.\"\n                    },\n                    {\n                        title: \"\u0627\u0644\u0645\u0646\u0627\u0639\u0629 \u0648\u0627\u0644\u0623\u0645\u0635\u0627\u0644\",\n                        desc: \"\u062a\u0642\u064a\u064a\u0645 \u062f\u0642\u064a\u0642 \u0644\u0646\u0634\u0627\u0637 \u062e\u0644\u0627\u064a\u0627 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u0643\u0634\u0641 \u0639\u0646 \u0623\u062c\u0633\u0627\u0645 \u0645\u0636\u0627\u062f\u0629 \u0645\u062d\u062f\u062f\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0639\u062f\u0648\u0649 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629.\",\n                        subheading: \"\u064a\u062a\u0645 \u0637\u0644\u0628 \u0627\u0644\u0641\u062d\u0635 \u0623\u062b\u0646\u0627\u0621 \u0627\u0633\u062a\u0642\u0635\u0627\u0621:\",\n                        items: [\"\u0628\u0639\u0636 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0639\u062f\u064a\u0629 \u0627\u0644\u062d\u0627\u062f\u0629\", \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0648\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u0646\u0627\u0639\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629\", \"\u062a\u0642\u064a\u064a\u0645 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0645\u0646\u0627\u0639\u064a\u0629 \u0644\u0644\u062c\u0633\u0645\"],\n                        footer: \"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u062e\u0635\u0635 \u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u062e\u0628\u0631\u064a \u062a\u0645\u0627\u0645\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0627\u0644\u0645\u0639\u0631\u0648\u0636\u0629 \u0644\u0644\u0645\u0631\u064a\u0636.\"\n                    },\n                    {\n                        title: \"\u0639\u0644\u0645 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0633\u0631\u064a\u0631\u064a (\u0627\u0644\u0628\u0627\u062b\u0648\u0644\u0648\u062c\u064a)\",\n                        desc: \"\u0641\u062d\u0635 \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0645\u0633\u062a\u0623\u0635\u0644\u0629 \u0648\u0627\u0644\u062e\u0644\u0627\u064a\u0627 \u0627\u0644\u0628\u0646\u064a\u0648\u064a\u0629 \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0628\u0634\u0643\u0644 \u062f\u0642\u064a\u0642 \u0644\u0644\u063a\u0627\u064a\u0629.\",\n                        subheading: \"\u064a\u062a\u0645 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u064a\u0646\u0627\u062a \u0627\u0644\u0628\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0623\u062b\u0646\u0627\u0621:\",\n                        items: [\"\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\", \"\u0627\u0644\u062e\u0632\u0639\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629\", \"\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0627\u0644\u0635\u063a\u0631\u0649\"],\n                        footer: \"\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0628\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0644\u0631\u0633\u0645 \u062e\u0637\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0644\u0627\u062d\u0642\u0629.\"\n                    }\n                ]\n            }\n        };\n\n        function initLabServices() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? labServicesData.ar : labServicesData.en;\n            const section = document.getElementById('sh-lab-services-999');\n            if (!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            document.getElementById('sh-lab-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-lab-lang-title').textContent = data.title;\n            document.getElementById('sh-lab-lang-p1').textContent = data.p1;\n            \n            const container = document.getElementById('sh-lab-cards-container');\n            if (container) {\n                container.innerHTML = data.departments.map(dept => {\n                    const listItemsHTML = dept.items.map(item => `\n                        <div class=\"flex items-start gap-2.5\">\n                            <span class=\"mt-1 shrink-0 w-[18px] h-[18px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                            <\/span>\n                            <span class=\"text-[14.5px] font-semibold text-[#243b5a] leading-tight\">${item}<\/span>\n                        <\/div>\n                    `).join('');\n\n                    return `\n                        <div class=\"bg-white rounded-2xl border border-[#e4edf3] p-6 shadow-sm flex flex-col justify-between hover:shadow-md transition-all duration-300\">\n                            <div>\n                                <!-- Card Header -->\n                                <div class=\"pb-4 mb-4 border-b border-slate-100\">\n                                    <h3 class=\"text-[20px] font-bold text-[#243b5a] mb-2\" style=\"font-family: var(--font-display);\">${dept.title}<\/h3>\n                                    <p class=\"text-[14px] text-slate-500 leading-relaxed font-medium m-0\">${dept.desc}<\/p>\n                                <\/div>\n                                \n                                <!-- Core List Elements -->\n                                <p class=\"text-[13.5px] font-bold uppercase tracking-wider text-[#138b86] mb-3\">${dept.subheading}<\/p>\n                                <div class=\"space-y-2.5 mb-6\">\n                                    ${listItemsHTML}\n                                <\/div>\n                            <\/div>\n\n                            <!-- Card Functional Footer Notice -->\n                            <div class=\"mt-auto bg-slate-50 p-4 rounded-xl border border-slate-100\/70\">\n                                <p class=\"text-[13px] text-slate-600 font-medium leading-relaxed m-0\">${dept.footer}<\/p>\n                            <\/div>\n                        <\/div>\n                    `;\n                }).join('');\n            }\n        }\n\n        initLabServices();\n        new MutationObserver(initLabServices).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Universal Breakout for Full-Width Sections (Astra-Proof) *\/\n    .sh-section-breakout {\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        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    \/* 2. Responsive Dotted Hexagon Background *\/\n    .sh-hex-bg {\n        position: absolute !important;\n        inset: 0 !important;\n        pointer-events: none !important;\n        z-index: 0 !important;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%23138b86' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%23138b86' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n        background-size: 90px 78px !important;\n        background-repeat: repeat !important;\n        background-position: center top !important;\n        opacity: 0.15 !important;\n    }\n\n    @media (min-width: 768px) {\n        .sh-hex-bg { background-size: 180px 156px !important; }\n    }\n\n    \/* Section Specific Styles *\/\n    #sh-monitoring-887 {\n        background-color: #ffffff !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    #sh-monitoring-887 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 3. FIXED: Responsive Image Framework without Corner Gaps *\/\n    #sh-monitoring-887 .sh-img-container {\n        position: relative !important;\n        width: 100% !important;\n        height: auto !important;\n        border-radius: 1.5rem !important;\n        background-color: transparent !important; \/* Removed to prevent showing behind image *\/\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.12) !important;\n        overflow: hidden !important; \n        line-height: 0 !important; \/* Prevents bottom whitespace gap in the wrapper *\/\n    }\n\n    #sh-monitoring-887 .sh-responsive-img {\n        width: 100% !important;\n        height: auto !important; \/* Allows natural scaling *\/\n        display: block !important;\n        border-radius: 1.5rem !important; \/* Apply rounded corners directly to the image *\/\n        object-fit: cover !important; \n    }\n\n    \/* Custom Table styling styling to prevent layout shift *\/\n    .sh-custom-table th {\n        background-color: #f8fafc !important;\n        color: #243b5a !important;\n        font-weight: 700 !important;\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-monitoring-887\" class=\"sh-section-breakout\" dir=\"ltr\">\n    <div class=\"sh-hex-bg\"><\/div>\n\n    <div class=\"sh-inner-wrapper\">\n        <!-- FIRST BLOCK: Journey Description & Table + Updated Hero Image Asset -->\n        <div class=\"grid lg:grid-cols-[1.2fr_0.9fr] gap-12 items-start mb-20\">\n            <div class=\"sh-animate-up text-start\">\n                <div class=\"mb-6 max-w-6xl\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-3\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                        <span id=\"sh-lbl-journey-kicker\">Patient Care Integration<\/span>\n                    <\/div>\n                    <h2 id=\"sh-lbl-journey-title\" class=\"font-display text-[32px] md:text-[42px] font-bold leading-[1.15] text-[#243b5a]\">Laboratory Testing Throughout the Patient Journey<\/h2>\n                    <p id=\"sh-lbl-journey-desc\" class=\"mt-4 text-[#667085] text-[17px] leading-relaxed\">\n                        Laboratory services support medical care at multiple stages rather than only confirming a diagnosis.\n                    <\/p>\n                <\/div>\n\n                <!-- Journey Table -->\n                <div class=\"overflow-x-auto border border-slate-100 rounded-xl shadow-sm bg-white mb-6\">\n                    <table class=\"w-full text-start border-collapse sh-custom-table text-[15px]\">\n                        <thead>\n                            <tr class=\"border-b border-slate-100\">\n                                <th id=\"sh-th-col1\" class=\"p-4 text-start font-bold bg-slate-50 text-[#243b5a] w-[35%]\">Stage of Care<\/th>\n                                <th id=\"sh-th-col2\" class=\"p-4 text-start font-bold bg-slate-50 text-[#243b5a] w-[65%]\">Role of Laboratory Testing<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody id=\"sh-journey-table-body\" class=\"divide-y divide-slate-50 font-medium text-slate-700\">\n                            <!-- Dynamic Table Rows Injection -->\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n\n                <div class=\"bg-teal-50\/50 border-s-4 border-[#138b86] p-4 rounded-e-xl\">\n                    <p id=\"sh-lbl-journey-footer\" class=\"text-[14.5px] text-slate-600 font-medium m-0 leading-relaxed\">\n                        Because many healthcare decisions depend on laboratory findings, timely and accurate testing plays an important role throughout the patient&#8217;s care.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Side Hero Image Block with updated asset path 14-1.webp -->\n            <div class=\"sh-animate-up lg:sticky lg:top-6\" style=\"animation-delay: 0.15s;\">\n                <div class=\"sh-img-container\">\n                    <picture>\n                        <source srcset=\"\/wp-content\/uploads\/2026\/07\/lab5.webp\" type=\"image\/webp\">\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/lab5.webp\" alt=\"Healthcare medical diagnostics lab specialist checking clinical results.\" class=\"sh-responsive-img\" loading=\"lazy\">\n                    <\/picture>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- SECOND BLOCK: 3-Column Premium Information Dashboard -->\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-stretch sh-animate-up\" style=\"animation-delay: 0.25s;\">\n            \n            <!-- Card 1: Common Health Screenings -->\n            <div class=\"bg-slate-50\/50 rounded-2xl border border-slate-100 p-6 flex flex-col justify-between hover:shadow-sm transition-shadow duration-300\">\n                <div>\n                    <div class=\"w-10 h-10 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-4 shadow-sm\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\n                    <\/div>\n                    <h3 id=\"sh-lbl-c1-title\" class=\"text-[20px] font-bold text-[#243b5a] mb-2\">Common Health Screenings<\/h3>\n                    <p id=\"sh-lbl-c1-desc\" class=\"text-[14px] text-slate-500 mb-4 leading-relaxed\">Preventive laboratory testing may identify health concerns before noticeable symptoms appear.<\/p>\n                    \n                    <div id=\"sh-c1-list\" class=\"space-y-2 mb-6\">\n                        <!-- Items injected dynamically -->\n                    <\/div>\n                <\/div>\n                <div class=\"pt-4 border-t border-slate-100\/80\">\n                    <p id=\"sh-lbl-c1-footer\" class=\"text-[13px] font-medium text-slate-500 italic m-0\"><\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Card 2: Understanding Laboratory Reports -->\n            <div class=\"bg-slate-50\/50 rounded-2xl border border-slate-100 p-6 flex flex-col justify-between hover:shadow-sm transition-shadow duration-300\">\n                <div>\n                    <div class=\"w-10 h-10 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-4 shadow-sm\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                    <\/div>\n                    <h3 id=\"sh-lbl-c2-title\" class=\"text-[20px] font-bold text-[#243b5a] mb-2\">Understanding Reports<\/h3>\n                    <p id=\"sh-lbl-c2-desc\" class=\"text-[14px] text-slate-500 mb-4 leading-relaxed\">Receiving laboratory results can sometimes feel confusing, especially when values fall outside reference ranges.<\/p>\n                    \n                    <div id=\"sh-c2-list\" class=\"space-y-3\">\n                        <!-- Items injected dynamically -->\n                    <\/div>\n                <\/div>\n                <div class=\"mt-6 pt-4 border-t border-slate-100\/80\">\n                    <p id=\"sh-lbl-c2-footer\" class=\"text-[13px] font-semibold text-[#138b86] m-0\"><\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Card 3: Preparing for Laboratory Tests -->\n            <div class=\"bg-slate-50\/50 rounded-2xl border border-slate-100 p-6 flex flex-col justify-between hover:shadow-sm transition-shadow duration-300\">\n                <div>\n                    <div class=\"w-10 h-10 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-4 shadow-sm\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                    <\/div>\n                    <h3 id=\"sh-lbl-c3-title\" class=\"text-[20px] font-bold text-[#243b5a] mb-2\">Preparing for Tests<\/h3>\n                    <p id=\"sh-lbl-c3-desc\" class=\"text-[14px] text-slate-500 mb-4 leading-relaxed\">Some laboratory investigations require specific preparation to ensure highly accurate clinical results.<\/p>\n                    \n                    <div id=\"sh-c3-list\" class=\"space-y-2.5\">\n                        <!-- Items injected dynamically -->\n                    <\/div>\n                <\/div>\n                <div class=\"mt-6 pt-4 border-t border-slate-100\/80\">\n                    <p id=\"sh-lbl-c3-footer\" class=\"text-[13px] font-medium text-slate-500 m-0\"><\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const diagnosticModuleData = {\n            en: {\n                journeyKicker: \"Patient Care Integration\",\n                journeyTitle: \"Laboratory Testing Throughout the Patient Journey\",\n                journeyDesc: \"Laboratory services support medical care at multiple stages rather than only confirming a diagnosis.\",\n                thCol1: \"Stage of Care\",\n                thCol2: \"Role of Laboratory Testing\",\n                journeyRows: [\n                    [\"Preventive health screening\", \"Detects health concerns before symptoms develop\"],\n                    [\"Diagnosis\", \"Confirms or excludes possible medical conditions\"],\n                    [\"Treatment planning\", \"Provides information that guides clinical decisions\"],\n                    [\"Ongoing monitoring\", \"Tracks disease progression and treatment response\"],\n                    [\"Recovery\", \"Helps assess improvement following treatment\"]\n                ],\n                journeyFooter: \"Because many healthcare decisions depend on laboratory findings, timely and accurate testing plays an important role throughout the patient's care.\",\n                \n                c1Title: \"Common Health Screenings\",\n                c1Desc: \"Preventive laboratory testing may identify health concerns before noticeable symptoms appear. Common investigations:\",\n                c1Items: [\"Blood sugar evaluation\", \"Lipid profile\", \"Complete blood count\", \"Kidney function tests\", \"Liver function tests\", \"Thyroid function tests\", \"Vitamin deficiency assessments\", \"Urine analysis\"],\n                c1Footer: \"Healthcare providers recommend screening tests according to age, medical history, family history, and individual risk factors.\",\n\n                c2Title: \"Understanding Reports\",\n                c2Desc: \"Receiving laboratory results can sometimes feel confusing, especially when values fall outside the reference range. Remember that:\",\n                c2Items: [\n                    \"Results should always be interpreted alongside your symptoms and medical history.\",\n                    \"A slightly abnormal value does not necessarily indicate disease.\",\n                    \"Normal ranges may vary according to age, sex, and the testing method.\",\n                    \"Additional investigations may sometimes be required before reaching a diagnosis.\"\n                ],\n                c2Footer: \"Your treating physician explains the significance of laboratory findings within the context of your overall health.\",\n\n                c3Title: \"Preparing for Tests\",\n                c3Desc: \"Some laboratory investigations require specific preparation to ensure accurate results. Depending on the test, you may be advised to:\",\n                c3Items: [\"Fast for several hours\", \"Drink adequate water\", \"Continue or temporarily stop certain medications under medical advice\", \"Avoid strenuous exercise before testing\", \"Attend the laboratory at a specific time of day\", \"Inform staff if you are pregnant\"],\n                c3Footer: \"Following preparation instructions helps reduce the likelihood of inaccurate or misleading results.\"\n            },\n            ar: {\n                journeyKicker: \"\u062a\u0643\u0627\u0645\u0644 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u0636\u0649\",\n                journeyTitle: \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u062e\u0644\u0627\u0644 \u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u0631\u064a\u0636 \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629\",\n                journeyDesc: \"\u062a\u062f\u0639\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u064a \u0645\u0631\u0627\u062d\u0644 \u0645\u062a\u0639\u062f\u062f\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0645\u062c\u0631\u062f \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0641\u062d\u0633\u0628.\",\n                thCol1: \"\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\",\n                thCol2: \"\u062f\u0648\u0631 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u062e\u0628\u0631\u064a\",\n                journeyRows: [\n                    [\"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\", \"\u064a\u0643\u0634\u0641 \u0639\u0646 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0635\u062d\u064a\u0629 \u0642\u0628\u0644 \u062a\u0637\u0648\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0638\u0647\u0648\u0631\u0647\u0627.\"],\n                    [\"\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0637\u0628\u064a\", \"\u064a\u0624\u0643\u062f \u0623\u0648 \u064a\u0633\u062a\u0628\u0639\u062f \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0628\u062f\u0642\u0629.\"],\n                    [\"\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0644\u0627\u062c\", \"\u064a\u0648\u0641\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062d\u064a\u0648\u064a\u0629 \u062a\u0648\u062c\u0647 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \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\", \"\u064a\u062a\u062a\u0628\u0639 \u062a\u0637\u0648\u0631 \u0627\u0644\u0645\u0631\u0636 \u0648\u0645\u062f\u0649 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u062c\u0633\u0645 \u0644\u0644\u0639\u0644\u0627\u062c.\"],\n                    [\"\u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0648\u0627\u0644\u0634\u0641\u0627\u0621\", \"\u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u0642\u064a\u064a\u0645 \u0645\u062f\u0649 \u0627\u0644\u062a\u062d\u0633\u0646 \u0627\u0644\u0635\u062d\u064a \u0628\u0639\u062f \u062a\u0644\u0642\u064a \u0627\u0644\u0639\u0644\u0627\u062c.\"]\n                ],\n                journeyFooter: \"\u0646\u0638\u0631\u0627\u064b \u0644\u0623\u0646 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\u060c \u0641\u0625\u0646 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u064a\u0644\u0639\u0628 \u062f\u0648\u0631\u0627\u064b \u0645\u062d\u0648\u0631\u064a\u0627\u064b \u0637\u0648\u0627\u0644 \u0631\u062d\u0644\u0629 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u064a\u0636.\",\n                \n                c1Title: \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\",\n                c1Desc: \"\u0642\u062f \u064a\u062d\u062f\u062f \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u062e\u0628\u0631\u064a \u0627\u0644\u0648\u0642\u0627\u0626\u064a \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0635\u062d\u064a\u0629 \u0642\u0628\u0644 \u0638\u0647\u0648\u0631 \u0623\u0639\u0631\u0627\u0636 \u0645\u0644\u062d\u0648\u0638\u0629. \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0642\u0635\u0627\u0626\u064a\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629:\",\n                c1Items: [\"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0643\u0631 \u0641\u064a \u0627\u0644\u062f\u0645\", \"\u062a\u062d\u0644\u064a\u0644 \u0645\u0644\u0641 \u0627\u0644\u062f\u0647\u0648\u0646 \u0627\u0644\u0643\u0627\u0645\u0644\", \"\u0635\u0648\u0631\u0629 \u0627\u0644\u062f\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 (CBC)\", \"\u0641\u062d\u0648\u0635\u0627\u062a \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0644\u0649\", \"\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0628\u062f\", \"\u0641\u062d\u0635 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629\", \"\u062a\u0642\u064a\u064a\u0645 \u0646\u0642\u0635 \u0627\u0644\u0641\u064a\u062a\u0627\u0645\u064a\u0646\u0627\u062a\", \"\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u0648\u0644 \u0627\u0644\u0643\u0627\u0645\u0644\"],\n                c1Footer: \"\u064a\u0648\u0635\u064a \u0645\u0642\u062f\u0645\u0648 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0628\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0631\u060c \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a\u060c \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0639\u0627\u0626\u0644\u064a\u060c \u0648\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631 \u0627\u0644\u0641\u0631\u062f\u064a\u0629.\",\n\n                c2Title: \"\u0641\u0647\u0645 \u0648\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\",\n                c2Desc: \"\u0642\u062f \u064a\u0643\u0648\u0646 \u0627\u0633\u062a\u0644\u0627\u0645 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0645\u0631\u0628\u0643\u0627\u064b \u0623\u062d\u064a\u0627\u0646\u0627\u064b\u060c \u062e\u0627\u0635\u0629 \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u0627\u0644\u0642\u064a\u0645 \u062e\u0627\u0631\u062c \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0631\u062c\u0639\u064a \u0627\u0644\u0637\u0628\u064a\u0639\u064a. \u062a\u0630\u0643\u0631 \u062f\u0627\u0626\u0645\u0627\u064b \u0623\u0646:\",\n                c2Items: [\n                    \"\u064a\u062c\u0628 \u062f\u0627\u0626\u0645\u0627\u064b \u062a\u0641\u0633\u064a\u0631 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u062c\u0646\u0628\u0627\u064b \u0625\u0644\u0649 \u062c\u0646\u0628 \u0645\u0639 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0645\u0633\u0628\u0642.\",\n                    \"\u0627\u0644\u0642\u064a\u0645\u0629 \u063a\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0627\u0644\u0637\u0641\u064a\u0641\u0629 \u0644\u0627 \u062a\u0639\u0646\u064a \u0628\u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u0648\u062c\u0648\u062f \u062d\u0627\u0644\u0629 \u0645\u0631\u0636\u064a\u0629.\",\n                    \"\u0642\u062f \u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u0646\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0639\u0645\u0631\u060c \u0627\u0644\u062c\u0646\u0633\u060c \u0648\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629.\",\n                    \"\u0642\u062f \u062a\u0643\u0648\u0646 \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0623\u062d\u064a\u0627\u0646\u0627\u064b \u0625\u0644\u0649 \u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0646\u0647\u0627\u0626\u064a.\"\n                ],\n                c2Footer: \"\u064a\u0642\u0648\u0645 \u0637\u0628\u064a\u0628\u0643 \u0627\u0644\u0645\u0639\u0627\u0644\u062c \u0628\u0634\u0631\u062d \u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0648\u062f\u0644\u0627\u0644\u0627\u062a\u0647\u0627 \u0641\u064a \u0633\u064a\u0627\u0642 \u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629.\",\n\n                c3Title: \"\u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a\",\n                c3Desc: \"\u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u062a\u062d\u0636\u064a\u0631\u0627\u064b \u062e\u0627\u0635\u0627\u064b \u0648\u0645\u0633\u0628\u0642\u0627\u064b \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629. \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0641\u062d\u0635\u060c \u0642\u062f \u064a\u064f\u0637\u0644\u0628 \u0645\u0646\u0643:\",\n                c3Items: [\"\u0627\u0644\u0635\u064a\u0627\u0645 \u0639\u0646 \u0627\u0644\u0637\u0639\u0627\u0645 \u0648\u0627\u0644\u0634\u0631\u0627\u0628 \u0644\u0639\u062f\u0629 \u0633\u0627\u0639\u0627\u062a\", \"\u0634\u0631\u0628 \u0643\u0645\u064a\u0629 \u0643\u0627\u0641\u064a\u0629 \u0648\u0646\u0642\u064a\u0629 \u0645\u0646 \u0627\u0644\u0645\u0627\u0621\", \"\u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0623\u0648 \u0625\u064a\u0642\u0627\u0641 \u0628\u0639\u0636 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0645\u0624\u0642\u062a\u0627\u064b \u062a\u062d\u062a \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629\", \"\u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0644\u0634\u0627\u0642\u0629 \u0648\u0627\u0644\u0625\u062c\u0647\u0627\u062f \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635\", \"\u0627\u0644\u062d\u0636\u0648\u0631 \u0625\u0644\u0649 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0641\u064a \u0648\u0642\u062a \u0645\u062d\u062f\u062f \u0645\u0646 \u0627\u0644\u064a\u0648\u0645\", \"\u0625\u0628\u0644\u0627\u063a \u0627\u0644\u0637\u0627\u0642\u0645 \u0627\u0644\u0645\u062e\u0628\u0631\u064a \u0641\u064a \u062d\u0627\u0644\u0629 \u0648\u062c\u0648\u062f \u062d\u0645\u0644\"],\n                c3Footer: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u062a\u0627\u0645 \u0628\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0645\u0633\u0628\u0642 \u0641\u064a \u062a\u0642\u0644\u064a\u0644 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u063a\u064a\u0631 \u062f\u0642\u064a\u0642\u0629 \u0623\u0648 \u0645\u0636\u0644\u0644\u0629.\"\n            }\n        };\n\n        function renderDiagnosticModule() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const translation = isRtl ? diagnosticModuleData.ar : diagnosticModuleData.en;\n            const container = document.getElementById('sh-monitoring-887');\n            if (!container) return;\n\n            \/\/ Align elements layout direction automatically\n            container.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ 1. Process Main Layout Headings & Intro\n            document.getElementById('sh-lbl-journey-kicker').textContent = translation.journeyKicker;\n            document.getElementById('sh-lbl-journey-title').textContent = translation.journeyTitle;\n            document.getElementById('sh-lbl-journey-desc').textContent = translation.journeyDesc;\n            document.getElementById('sh-lbl-journey-footer').textContent = translation.journeyFooter;\n            document.getElementById('sh-th-col1').textContent = translation.thCol1;\n            document.getElementById('sh-th-col2').textContent = translation.thCol2;\n\n            \/\/ 2. Populate Journey Table Matrix Rows\n            const tableBody = document.getElementById('sh-journey-table-body');\n            if (tableBody) {\n                tableBody.innerHTML = translation.journeyRows.map(row => `\n                    <tr class=\"hover:bg-slate-50\/70 transition-colors\">\n                        <td class=\"p-4 font-bold text-[#243b5a] align-middle\">${row[0]}<\/td>\n                        <td class=\"p-4 text-slate-600 align-middle leading-relaxed\">${row[1]}<\/td>\n                    <\/tr>\n                `).join('');\n            }\n\n            \/\/ 3. Populate Card 1 Elements (Common Screening Lists with inline dynamic RTL\/LTR layouts)\n            document.getElementById('sh-lbl-c1-title').textContent = translation.c1Title;\n            document.getElementById('sh-lbl-c1-desc').textContent = translation.c1Desc;\n            document.getElementById('sh-lbl-c1-footer').textContent = translation.c1Footer;\n            const c1List = document.getElementById('sh-c1-list');\n            if (c1List) {\n                c1List.innerHTML = translation.c1Items.map(item => `\n                    <div class=\"flex items-center gap-2.5\">\n                        <span class=\"w-1.5 h-1.5 rounded-full bg-[#138b86] shrink-0\"><\/span>\n                        <span class=\"text-[14.5px] font-semibold text-[#243b5a]\/90\">${item}<\/span>\n                    <\/div>\n                `).join('');\n            }\n\n            \/\/ 4. Populate Card 2 Elements (Understanding Reports Flow)\n            document.getElementById('sh-lbl-c2-title').textContent = translation.c2Title;\n            document.getElementById('sh-lbl-c2-desc').textContent = translation.c2Desc;\n            document.getElementById('sh-lbl-c2-footer').textContent = translation.c2Footer;\n            const c2List = document.getElementById('sh-c2-list');\n            if (c2List) {\n                c2List.innerHTML = translation.c2Items.map(item => `\n                    <div class=\"flex items-start gap-2.5\">\n                        <span class=\"mt-1 shrink-0 w-4 h-4 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[14px] font-medium text-slate-600 leading-normal\">${item}<\/span>\n                    <\/div>\n                `).join('');\n            }\n\n            \/\/ 5. Populate Card 3 Elements (Preparing Instructions Steps)\n            document.getElementById('sh-lbl-c3-title').textContent = translation.c3Title;\n            document.getElementById('sh-lbl-c3-desc').textContent = translation.c3Desc;\n            document.getElementById('sh-lbl-c3-footer').textContent = translation.c3Footer;\n            const c3List = document.getElementById('sh-c3-list');\n            if (c3List) {\n                c3List.innerHTML = translation.c3Items.map((item, index) => `\n                    <div class=\"flex items-start gap-3\">\n                        <span class=\"shrink-0 w-5 h-5 rounded-md bg-slate-100 font-mono text-[11px] font-bold text-slate-500 grid place-items-center\">${index + 1}<\/span>\n                        <span class=\"text-[14px] font-semibold text-[#243b5a]\/90 leading-tight pt-0.5\">${item}<\/span>\n                    <\/div>\n                `).join('');\n            }\n        }\n\n        \/\/ Initialize element population\n        renderDiagnosticModule();\n\n        \/\/ Setup DOM Tree Observer tracking document attribute changes dynamically\n        new MutationObserver(renderDiagnosticModule).observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Background *\/\n    #sh-sample-collection-889 {\n        width: 100%;\n        background-color: #f8fafc !important; \/* Slight off-white to distinguish from standard sections *\/\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-sample-collection-889 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-sample-collection-889\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-4xl mx-auto sh-animate-up\">\n            <h2 id=\"sh-collection-title\" class=\"text-[32px] md:text-[40px] font-bold text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                What Happens During Sample Collection?\n            <\/h2>\n            <p id=\"sh-collection-desc\" class=\"text-[#667085] text-[16px] md:text-[18px] leading-relaxed\">\n                Many patients feel uncertain before laboratory testing, particularly if blood samples are required. The collection process generally involves:\n            <\/p>\n        <\/div>\n\n        <div id=\"sh-collection-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6 relative\">\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Translation Data Engine for Sample Collection\n        const collectionData = {\n            en: {\n                fontDisplay: \"var(--font-display)\", \n                fontBody: \"system-ui, sans-serif\",\n                title: \"What Happens During Sample Collection?\",\n                desc: \"Many patients feel uncertain before laboratory testing, particularly if blood samples are required. The collection process generally involves:\",\n                steps: [\n                    {\n                        title: \"Step 1 \u2013 Registration\",\n                        text: \"Your test request and personal information are verified before sample collection.\"\n                    },\n                    {\n                        title: \"Step 2 \u2013 Sample Collection\",\n                        text: \"Depending on the requested investigation, trained laboratory personnel collect blood, urine, swab, or other samples using standardized procedures designed to maintain sample quality.\"\n                    },\n                    {\n                        title: \"Step 3 \u2013 Laboratory Analysis\",\n                        text: \"Samples are labeled, processed, and analyzed using appropriate laboratory equipment and quality control procedures.\"\n                    },\n                    {\n                        title: \"Step 4 \u2013 Reporting\",\n                        text: \"Validated laboratory results are made available to the treating physician, who interprets them alongside your medical history and clinical examination.\"\n                    }\n                ]\n            },\n            ar: {\n                fontDisplay: \"var(--font-arabic)\", \n                fontBody: \"var(--font-arabic)\",\n                title: \"\u0645\u0627\u0630\u0627 \u064a\u062d\u062f\u062b \u0623\u062b\u0646\u0627\u0621 \u062c\u0645\u0639 \u0627\u0644\u0639\u064a\u0646\u0627\u062a\u061f\",\n                desc: \"\u064a\u0634\u0639\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0631\u0636\u0649 \u0628\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\u060c \u062e\u0627\u0635\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0639\u064a\u0646\u0627\u062a \u0627\u0644\u062f\u0645 \u0645\u0637\u0644\u0648\u0628\u0629. \u062a\u062a\u0636\u0645\u0646 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062c\u0645\u0639 \u0639\u0645\u0648\u0645\u064b\u0627 \u0645\u0627 \u064a\u0644\u064a:\",\n                steps: [\n                    {\n                        title: \"\u0627\u0644\u062e\u0637\u0648\u0629 1 \u2013 \u0627\u0644\u062a\u0633\u062c\u064a\u0644\",\n                        text: \"\u064a\u062a\u0645 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0637\u0644\u0628 \u0627\u0644\u0641\u062d\u0635 \u0648\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621 \u0641\u064a \u062c\u0645\u0639 \u0627\u0644\u0639\u064a\u0646\u0629.\"\n                    },\n                    {\n                        title: \"\u0627\u0644\u062e\u0637\u0648\u0629 2 \u2013 \u062c\u0645\u0639 \u0627\u0644\u0639\u064a\u0646\u0629\",\n                        text: \"\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u060c \u064a\u0642\u0648\u0645 \u0645\u0648\u0638\u0641\u0648 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0645\u062f\u0631\u0628\u0648\u0646 \u0628\u062c\u0645\u0639 \u0639\u064a\u0646\u0627\u062a \u0627\u0644\u062f\u0645 \u0623\u0648 \u0627\u0644\u0628\u0648\u0644 \u0623\u0648 \u0627\u0644\u0645\u0633\u062d\u0627\u062a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0642\u064a\u0627\u0633\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u064a\u0646\u0629.\"\n                    },\n                    {\n                        title: \"\u0627\u0644\u062e\u0637\u0648\u0629 3 \u2013 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0628\u0631\u064a\",\n                        text: \"\u064a\u062a\u0645 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0639\u064a\u0646\u0627\u062a \u0648\u0645\u0639\u0627\u0644\u062c\u062a\u0647\u0627 \u0648\u062a\u062d\u0644\u064a\u0644\u0647\u0627 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0648\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629.\"\n                    },\n                    {\n                        title: \"\u0627\u0644\u062e\u0637\u0648\u0629 4 \u2013 \u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\",\n                        text: \"\u064a\u062a\u0645 \u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0644\u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u060c \u0648\u0627\u0644\u0630\u064a \u064a\u0642\u0648\u0645 \u0628\u062a\u0641\u0633\u064a\u0631\u0647\u0627 \u062c\u0646\u0628\u064b\u0627 \u0625\u0644\u0649 \u062c\u0646\u0628 \u0645\u0639 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a \u0648\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0633\u0631\u064a\u0631\u064a.\"\n                    }\n                ]\n            }\n        };\n\n        function initCollectionSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? collectionData.ar : collectionData.en;\n            const section = document.getElementById('sh-sample-collection-889');\n            \n            if (!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Apply Header Data\n            const titleEl = document.getElementById('sh-collection-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.fontDisplay;\n\n            const descEl = document.getElementById('sh-collection-desc');\n            descEl.textContent = data.desc;\n            descEl.style.fontFamily = data.fontBody;\n            \n            \/\/ Generate Grid Items\n            const grid = document.getElementById('sh-collection-grid');\n            grid.innerHTML = '';\n            \n            data.steps.forEach((step, i) => {\n                const stepNumber = i + 1;\n                const div = document.createElement('div');\n                \n                \/\/ Added flex-col and h-full to make cards equal height and align properly\n                div.className = \"relative bg-white border border-[#e4edf3] rounded-2xl p-6 lg:p-8 shadow-sm hover:shadow-xl transition-all duration-300 text-center sh-animate-up flex flex-col items-center cursor-default h-full group\";\n                div.style.animationDelay = `${i * 0.1}s`;\n                \n                div.innerHTML = `\n                    <div class=\"w-14 h-14 rounded-full bg-[#138b86] text-white flex items-center justify-center text-xl font-bold mb-5 shadow-md group-hover:scale-110 transition-transform duration-300 shrink-0\">\n                        ${stepNumber}\n                    <\/div>\n                    <h3 class=\"font-bold text-[#243b5a] text-[18px] mb-3 leading-snug w-full\" style=\"font-family: ${data.fontDisplay};\">\n                        ${step.title}\n                    <\/h3>\n                    <p class=\"text-[#667085] text-[15px] leading-relaxed flex-grow\" style=\"font-family: ${data.fontBody};\">\n                        ${step.text}\n                    <\/p>\n                `;\n                grid.appendChild(div);\n            });\n        }\n        \n        \/\/ Initial setup\n        initCollectionSection();\n        \n        \/\/ Watch for HTML direction\/language changes (for dynamic sites like WordPress)\n        if(document.documentElement) {\n            new MutationObserver((mutations) => {\n                mutations.forEach((mutation) => {\n                    if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                        initCollectionSection();\n                    }\n                });\n            }).observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Strict Isolation & Breakout Container *\/\n    #sh-qa-lab-779 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box;\n    }\n\n    \/* Container Max-Width 1475px *\/\n    #sh-qa-lab-779 .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-qa-lab-779\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper max-w-5xl mx-auto\">\n        <div class=\"relative rounded-3xl border border-[#e4edf3] bg-white p-8 md:p-12 shadow-sm sh-animate-up\">\n            \n            <div class=\"flex flex-col md:flex-row gap-5 items-start mb-8\">\n                <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\">\n                    <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                <\/div>\n                <div>\n                    <h2 id=\"sh-qa-title\" class=\"font-bold text-[28px] md:text-[34px] text-[#243b5a] m-0 leading-tight mb-4\" style=\"font-family: var(--font-display);\">\n                        Quality Assurance: Why Accuracy Matters in Laboratory Testing\n                    <\/h2>\n                    <p id=\"sh-qa-desc-1\" class=\"text-[#667085] text-[16px] md:text-[17px] leading-relaxed mb-3\">\n                        Every laboratory result has the potential to influence a medical decision. For this reason, diagnostic laboratories follow standardized procedures to reduce errors and maintain consistent testing quality.\n                    <\/p>\n                    <p id=\"sh-qa-desc-2\" class=\"text-[#667085] text-[16px] md:text-[17px] leading-relaxed\">\n                        Quality assurance extends beyond laboratory equipment. It includes every stage of the testing process, from verifying patient information to reporting results. A quality-focused laboratory typically emphasizes:\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <div id=\"sh-qa-list\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8\">\n                <\/div>\n\n            <div class=\"bg-[#f8fafc] rounded-xl p-5 border-l-4 border-[#138b86]\">\n                <p id=\"sh-qa-outro\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0\">\n                    Maintaining these standards helps healthcare providers make treatment decisions based on reliable diagnostic information.\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const qaData = {\n            en: {\n                fontDisplay: \"var(--font-display)\",\n                fontBody: \"system-ui, sans-serif\",\n                title: \"Quality Assurance: Why Accuracy Matters in Laboratory Testing\",\n                desc1: \"Every laboratory result has the potential to influence a medical decision. For this reason, diagnostic laboratories follow standardized procedures to reduce errors and maintain consistent testing quality.\",\n                desc2: \"Quality assurance extends beyond laboratory equipment. It includes every stage of the testing process, from verifying patient information to reporting results. A quality-focused laboratory typically emphasizes:\",\n                outro: \"Maintaining these standards helps healthcare providers make treatment decisions based on reliable diagnostic information.\",\n                points: [\n                    \"Standardized sample collection procedures\",\n                    \"Proper specimen identification and labeling\",\n                    \"Routine equipment calibration\",\n                    \"Internal quality control checks\",\n                    \"Qualified laboratory professionals\",\n                    \"Timely reporting of results\",\n                    \"Secure handling of patient information\"\n                ]\n            },\n            ar: {\n                fontDisplay: \"var(--font-arabic)\",\n                fontBody: \"var(--font-arabic)\",\n                title: \"\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629: \u0644\u0645\u0627\u0630\u0627 \u062a\u0639\u062a\u0628\u0631 \u0627\u0644\u062f\u0642\u0629 \u0645\u0647\u0645\u0629 \u0641\u064a \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\",\n                desc1: \"\u0643\u0644 \u0646\u062a\u064a\u062c\u0629 \u0645\u062e\u0628\u0631\u064a\u0629 \u0644\u062f\u064a\u0647\u0627 \u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0641\u064a \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0637\u0628\u064a. \u0644\u0647\u0630\u0627 \u0627\u0644\u0633\u0628\u0628\u060c \u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0645\u0648\u062d\u062f\u0629 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062a\u0633\u0642\u0629.\",\n                desc2: \"\u064a\u0645\u062a\u062f \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0625\u0644\u0649 \u0645\u0627 \u0647\u0648 \u0623\u0628\u0639\u062f \u0645\u0646 \u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631. \u0641\u0647\u0648 \u064a\u0634\u0645\u0644 \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0641\u062d\u0635\u060c \u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u064a\u0636 \u0648\u062d\u062a\u0649 \u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0646\u062a\u0627\u0626\u062c. \u064a\u0631\u0643\u0632 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0645\u0647\u062a\u0645 \u0628\u0627\u0644\u062c\u0648\u062f\u0629 \u0639\u0627\u062f\u0629\u064b \u0639\u0644\u0649:\",\n                outro: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0639\u0644\u0627\u062c\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629.\",\n                points: [\n                    \"\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0645\u0648\u062d\u062f\u0629 \u0644\u062c\u0645\u0639 \u0627\u0644\u0639\u064a\u0646\u0627\u062a\",\n                    \"\u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0648\u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0633\u0644\u064a\u0645 \u0644\u0644\u0639\u064a\u0646\u0627\u062a\",\n                    \"\u0627\u0644\u0645\u0639\u0627\u064a\u0631\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0644\u0644\u0645\u0639\u062f\u0627\u062a\",\n                    \"\u0641\u062d\u0648\u0635\u0627\u062a \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\",\n                    \"\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0645\u0624\u0647\u0644\u0648\u0646 \u0641\u064a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a\",\n                    \"\u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\",\n                    \"\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0622\u0645\u0646 \u0645\u0639 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u064a\u0636\"\n                ]\n            }\n        };\n\n        function initQASection() {\n            const htmlNode = document.documentElement;\n            const isRtl = htmlNode.dir === 'rtl' || htmlNode.lang.includes('ar');\n            const data = isRtl ? qaData.ar : qaData.en;\n            const section = document.getElementById('sh-qa-lab-779');\n            \n            if (!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Text and Fonts Integration\n            document.getElementById('sh-qa-title').textContent = data.title;\n            document.getElementById('sh-qa-title').style.fontFamily = data.fontDisplay;\n            \n            document.getElementById('sh-qa-desc-1').textContent = data.desc1;\n            document.getElementById('sh-qa-desc-1').style.fontFamily = data.fontBody;\n            \n            document.getElementById('sh-qa-desc-2').textContent = data.desc2;\n            document.getElementById('sh-qa-desc-2').style.fontFamily = data.fontBody;\n\n            document.getElementById('sh-qa-outro').textContent = data.outro;\n            document.getElementById('sh-qa-outro').style.fontFamily = data.fontBody;\n            \n            \/\/ Inject List Items\n            const listGrid = document.getElementById('sh-qa-list');\n            listGrid.innerHTML = '';\n            \n            data.points.forEach((point, i) => {\n                const item = document.createElement('div');\n                item.className = \"flex items-center gap-3 bg-[#f8fafc] p-3.5 rounded-xl border border-slate-100\/60 sh-animate-up hover:border-[#138b86]\/30 transition-colors\";\n                item.style.animationDelay = `${i * 0.05}s`;\n                item.innerHTML = `\n                    <div class=\"w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] shrink-0 flex items-center justify-center\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <\/div>\n                    <span class=\"text-[#243b5a] text-[15px] font-medium leading-tight\" style=\"font-family: ${data.fontBody};\">\n                        ${point}\n                    <\/span>\n                `;\n                listGrid.appendChild(item);\n            });\n        }\n        \n        initQASection();\n        \n        \/\/ Listen for language\/direction toggle\n        if(document.documentElement) {\n            new MutationObserver(initQASection).observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Universal Breakout for Full-Width Sections (Astra-Proof) *\/\n    .sh-section-breakout {\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        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    \/* 2. Responsive Dotted Hexagon Background *\/\n    .sh-hex-bg-alt {\n        position: absolute !important;\n        inset: 0 !important;\n        pointer-events: none !important;\n        z-index: 0 !important;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%23138b86' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%23138b86' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n        background-size: 90px 78px !important; \/* Mobile Size *\/\n        background-repeat: repeat !important;\n        background-position: center top !important;\n        opacity: 0.12 !important; \/* Slightly lighter for variation *\/\n    }\n\n    @media (min-width: 768px) {\n        .sh-hex-bg-alt {\n            background-size: 180px 156px !important; \/* Desktop Size *\/\n        }\n    }\n\n    \/* Section Specific Styles *\/\n    #sh-icu-sample-556 {\n        background-color: #ffffff !important; \/* Clean white background *\/\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    #sh-icu-sample-556 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-icu-sample-556\" class=\"sh-section-breakout\" dir=\"ltr\">\n    <div class=\"sh-hex-bg-alt\"><\/div>\n\n    <div class=\"sh-inner-wrapper\">\n        <!-- Centered Card without Image -->\n        <div class=\"max-w-4xl mx-auto bg-white rounded-3xl p-8 lg:p-12 border border-[#e4edf3] shadow-sm sh-animate-up relative overflow-hidden\" style=\"animation-delay: 0.1s;\">\n            \n            <div class=\"absolute top-0 left-0 w-full h-1.5 bg-gradient-to-r from-[#138b86] to-[#0d9488]\"><\/div>\n\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-5\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-sample-lang-kicker\">Collection Standards<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-sample-lang-title\" class=\"text-[32px] md:text-[40px] font-bold leading-[1.15] text-[#243b5a] mb-6\" style=\"font-family: var(--font-display);\">\n                The Importance of Proper Sample Collection\n            <\/h2>\n            \n            <p id=\"sh-sample-lang-intro\" class=\"text-[#667085] text-[16px] md:text-[18px] leading-relaxed mb-6\">\n                Accurate laboratory results begin before testing takes place. Even advanced laboratory equipment cannot compensate for samples that are collected or handled incorrectly. Proper sample collection helps ensure:\n            <\/p>\n            \n            <!-- Items injected by JS -->\n            <ul id=\"sh-sample-list\" class=\"space-y-4 mb-8\">\n            <\/ul>\n\n            <div class=\"bg-[#f8fafc] p-4 md:p-5 rounded-xl border-l-4 border-[#138b86]\">\n                <p id=\"sh-sample-lang-footer\" class=\"text-[#243b5a] font-medium text-[15px] md:text-[16px] leading-relaxed m-0\">\n                    For this reason, laboratory staff follow established protocols throughout the collection process.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const sampleData = {\n            en: {\n                kicker: \"Collection Standards\",\n                title: \"The Importance of Proper Sample Collection\",\n                intro: \"Accurate laboratory results begin before testing takes place. Even advanced laboratory equipment cannot compensate for samples that are collected or handled incorrectly. Proper sample collection helps ensure:\",\n                footer: \"For this reason, laboratory staff follow established protocols throughout the collection process.\",\n                items: [\n                    \"Correct patient identification\",\n                    \"Appropriate sample type\",\n                    \"Adequate specimen quantity\",\n                    \"Reduced risk of contamination\",\n                    \"Preservation of sample integrity during transport and analysis\"\n                ],\n                fontDisplay: \"var(--font-display)\",\n                fontBody: \"system-ui, sans-serif\"\n            },\n            ar: {\n                kicker: \"\u0645\u0639\u0627\u064a\u064a\u0631 \u062c\u0645\u0639 \u0627\u0644\u0639\u064a\u0646\u0627\u062a\",\n                title: \"\u0623\u0647\u0645\u064a\u0629 \u062c\u0645\u0639 \u0627\u0644\u0639\u064a\u0646\u0627\u062a \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d\",\n                intro: \"\u062a\u0628\u062f\u0623 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0642\u0628\u0644 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0641\u0639\u0644\u064a. \u062d\u062a\u0649 \u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0627 \u064a\u0645\u0643\u0646\u0647\u0627 \u0627\u0644\u062a\u0639\u0648\u064a\u0636 \u0639\u0646 \u0627\u0644\u0639\u064a\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u062c\u0645\u0639\u0647\u0627 \u0623\u0648 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639\u0647\u0627 \u0628\u0634\u0643\u0644 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d. \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062c\u0645\u0639 \u0627\u0644\u0635\u062d\u064a\u062d \u0644\u0644\u0639\u064a\u0646\u0627\u062a \u0641\u064a \u0636\u0645\u0627\u0646:\",\n                footer: \"\u0644\u0647\u0630\u0627 \u0627\u0644\u0633\u0628\u0628\u060c \u064a\u062a\u0628\u0639 \u0645\u0648\u0638\u0641\u0648 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0645\u0639\u062a\u0645\u062f\u0629 \u0637\u0648\u0627\u0644 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062c\u0645\u0639.\",\n                items: [\n                    \"\u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0635\u062d\u064a\u062d \u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0645\u0631\u064a\u0636\",\n                    \"\u0646\u0648\u0639 \u0627\u0644\u0639\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\",\n                    \"\u0643\u0645\u064a\u0629 \u0643\u0627\u0641\u064a\u0629 \u0645\u0646 \u0627\u0644\u0639\u064a\u0646\u0629\",\n                    \"\u062a\u0642\u0644\u064a\u0644 \u062e\u0637\u0631 \u0627\u0644\u062a\u0644\u0648\u062b\",\n                    \"\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0639\u064a\u0646\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\"\n                ],\n                fontDisplay: \"var(--font-arabic)\",\n                fontBody: \"var(--font-arabic)\"\n            }\n        };\n\n        function initSampleSection() {\n            const htmlNode = document.documentElement;\n            const isRtl = htmlNode.dir === 'rtl' || htmlNode.lang.includes('ar');\n            const data = isRtl ? sampleData.ar : sampleData.en;\n            const section = document.getElementById('sh-icu-sample-556');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply Text and Fonts\n            const titleEl = document.getElementById('sh-sample-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.fontDisplay;\n\n            document.getElementById('sh-sample-lang-kicker').textContent = data.kicker;\n            \n            const introEl = document.getElementById('sh-sample-lang-intro');\n            introEl.textContent = data.intro;\n            introEl.style.fontFamily = data.fontBody;\n\n            const footerEl = document.getElementById('sh-sample-lang-footer');\n            footerEl.textContent = data.footer;\n            footerEl.style.fontFamily = data.fontBody;\n\n            \/\/ Generate List Items\n            const ul = document.getElementById('sh-sample-list');\n            ul.innerHTML = '';\n            data.items.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex items-start gap-3.5\";\n                li.innerHTML = `\n                    <div class=\"mt-0.5 shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center shadow-sm\">\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\"><\/path><\/svg>\n                    <\/div>\n                    <span class=\"text-[16px] md:text-[17px] text-[#243b5a] leading-snug font-medium\" style=\"font-family: ${data.fontBody};\">${item}<\/span>\n                `;\n                ul.appendChild(li);\n            });\n        }\n        \n        initSampleSection();\n        \n        if (document.documentElement) {\n            new MutationObserver(initSampleSection).observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-icu-screening-667 {\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: #f8fafc !important; \/* Slight off-white to contrast with adjacent sections *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Container Max-Width *\/\n    #sh-icu-screening-667 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    \/* Table Styling *\/\n    .sh-screen-table { width: 100%; border-collapse: collapse; text-align: left; }\n    [dir=\"rtl\"] .sh-screen-table { text-align: right; }\n    .sh-screen-table th { background-color: #138b86; color: #ffffff; padding: 1.25rem 1rem; border-bottom: 2px solid #0e6c68; font-size: 16px; font-weight: bold; line-height: 1.3; }\n    .sh-screen-table td { padding: 1.25rem 1rem; border-bottom: 1px solid #e4edf3; color: #243b5a; font-size: 15.5px; line-height: 1.5; vertical-align: top; }\n    .sh-screen-table tr:last-child td { border-bottom: none; }\n<\/style>\n\n<section id=\"sh-icu-screening-667\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper max-w-5xl mx-auto\">\n        \n        <!-- Header -->\n        <div class=\"mb-10 text-center 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-screen-lang-kicker\">Preventive Care<\/span>\n            <\/div>\n            <h2 id=\"sh-screen-lang-title\" class=\"text-[32px] md:text-[42px] font-bold leading-[1.15] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Routine Health Screening at Different Stages of Life\n            <\/h2>\n            <p id=\"sh-screen-lang-intro\" class=\"mt-5 text-[#667085] text-[17px] md:text-[18px] leading-relaxed max-w-3xl mx-auto\">\n                Preventive laboratory testing varies according to age, lifestyle, medical history, and individual health risks. Regular health assessments can identify certain conditions before noticeable symptoms develop.\n            <\/p>\n        <\/div>\n\n        <!-- Table Card -->\n        <div class=\"bg-white rounded-3xl border border-[#e4edf3] p-6 md:p-10 shadow-sm sh-animate-up overflow-hidden\" style=\"animation-delay: 0.15s;\">\n            <div class=\"overflow-x-auto w-full pb-2\">\n                <table class=\"sh-screen-table min-w-[650px] mb-6 bg-white rounded-xl overflow-hidden shadow-sm border border-[#e4edf3]\">\n                    <thead>\n                        <tr>\n                            <th id=\"sh-screen-lang-col1\" class=\"w-[30%] whitespace-nowrap\">Age Group<\/th>\n                            <th id=\"sh-screen-lang-col2\" class=\"w-[70%]\">Common Laboratory Assessments*<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"sh-screen-list\">\n                        <!-- Table rows injected by JS -->\n                    <\/tbody>\n                <\/table>\n            <\/div>\n            \n            <!-- Footer Disclaimer -->\n            <div class=\"pt-5 border-t border-[#e4edf3] flex gap-3 items-start\">\n                <div class=\"mt-0.5 text-[#138b86] shrink-0\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                <\/div>\n                <p id=\"sh-screen-lang-footer\" class=\"text-[#667085] text-[14px] md:text-[15px] leading-relaxed m-0 italic\">\n                    *The exact tests recommended depend on an individual&#8217;s medical history, symptoms, and physician&#8217;s clinical judgment.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const screeningData = {\n            en: {\n                fontDisplay: \"var(--font-display)\", \n                fontBody: \"system-ui, sans-serif\",\n                kicker: \"Health Screening\",\n                title: \"Routine Health Screening at Different Stages of Life\",\n                intro: \"Preventive laboratory testing varies according to age, lifestyle, medical history, and individual health risks. Regular health assessments can identify certain conditions before noticeable symptoms develop.\",\n                col1: \"Age Group\", \n                col2: \"Common Laboratory Assessments*\",\n                footer: \"*The exact tests recommended depend on an individual's medical history, symptoms, and physician's clinical judgment.\",\n                items: [\n                    { group: \"Young adults\", tests: \"Complete blood count, blood glucose, lipid profile, urine analysis\" },\n                    { group: \"Adults over 40\", tests: \"Blood sugar, cholesterol, kidney function, liver function, thyroid function (when indicated)\" },\n                    { group: \"Older adults\", tests: \"Chronic disease monitoring, nutritional assessments, kidney and liver evaluation\" },\n                    { group: \"Pregnant women\", tests: \"Blood group, blood count, glucose screening, urine analysis, pregnancy-related investigations\" },\n                    { group: \"Patients with chronic diseases\", tests: \"Regular monitoring based on the diagnosed condition\" }\n                ]\n            },\n            ar: {\n                fontDisplay: \"var(--font-arabic)\", \n                fontBody: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a\",\n                title: \"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a \u0641\u064a \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\",\n                intro: \"\u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0639\u0645\u0631 \u0648\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\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0641\u0631\u062f\u064a\u0629. \u064a\u0645\u0643\u0646 \u0644\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u062a\u062d\u062f\u064a\u062f \u0628\u0639\u0636 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0642\u0628\u0644 \u0638\u0647\u0648\u0631 \u0623\u0639\u0631\u0627\u0636 \u0645\u0644\u062d\u0648\u0638\u0629.\",\n                col1: \"\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629\", \n                col2: \"\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629*\",\n                footer: \"*\u062a\u0639\u062a\u0645\u062f \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a \u0644\u0644\u0641\u0631\u062f\u060c \u0648\u0627\u0644\u0623\u0639\u0631\u0627\u0636\u060c \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0644\u0644\u0637\u0628\u064a\u0628.\",\n                items: [\n                    { group: \"\u0627\u0644\u0634\u0628\u0627\u0628 \u0627\u0644\u0628\u0627\u0644\u063a\u0648\u0646\", tests: \"\u0635\u0648\u0631\u0629 \u0627\u0644\u062f\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\u0629\u060c \u0646\u0633\u0628\u0629 \u0627\u0644\u0633\u0643\u0631 \u0641\u064a \u0627\u0644\u062f\u0645\u060c \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062f\u0647\u0648\u0646\u060c \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u0648\u0644\" },\n                    { group: \"\u0627\u0644\u0628\u0627\u0644\u063a\u0648\u0646 \u0641\u0648\u0642 40 \u0639\u0627\u0645\u0627\u064b\", tests: \"\u0633\u0643\u0631 \u0627\u0644\u062f\u0645\u060c \u0627\u0644\u0643\u0648\u0644\u064a\u0633\u062a\u0631\u0648\u0644\u060c \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0644\u0649\u060c \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0628\u062f\u060c \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629 (\u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629)\" },\n                    { group: \"\u0643\u0628\u0627\u0631 \u0627\u0644\u0633\u0646\", tests: \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\u060c \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629\u060c \u062a\u0642\u064a\u064a\u0645 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0644\u0649 \u0648\u0627\u0644\u0643\u0628\u062f\" },\n                    { group: \"\u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u062d\u0648\u0627\u0645\u0644\", tests: \"\u0641\u0635\u064a\u0644\u0629 \u0627\u0644\u062f\u0645\u060c \u0635\u0648\u0631\u0629 \u0627\u0644\u062f\u0645\u060c \u0641\u062d\u0635 \u0627\u0644\u062c\u0644\u0648\u0643\u0648\u0632\u060c \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u0648\u0644\u060c \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062d\u0645\u0644\" },\n                    { group: \"\u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u0623\u0645\u0631\u0627\u0636 \u0645\u0632\u0645\u0646\u0629\", tests: \"\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u062e\u0635\u0629\" }\n                ]\n            }\n        };\n\n        function initScreeningSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? screeningData.ar : screeningData.en;\n            const section = document.getElementById('sh-icu-screening-667');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Text Replacements\n            document.getElementById('sh-screen-lang-kicker').textContent = data.kicker;\n            \n            const titleEl = document.getElementById('sh-screen-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.fontDisplay;\n            \n            const introEl = document.getElementById('sh-screen-lang-intro');\n            introEl.textContent = data.intro;\n            introEl.style.fontFamily = data.fontBody;\n            \n            document.getElementById('sh-screen-lang-col1').textContent = data.col1;\n            document.getElementById('sh-screen-lang-col1').style.fontFamily = data.fontBody;\n            \n            document.getElementById('sh-screen-lang-col2').textContent = data.col2;\n            document.getElementById('sh-screen-lang-col2').style.fontFamily = data.fontBody;\n            \n            const footerEl = document.getElementById('sh-screen-lang-footer');\n            footerEl.textContent = data.footer;\n            footerEl.style.fontFamily = data.fontBody;\n            \n            \/\/ Generate Table Rows\n            const listContainer = document.getElementById('sh-screen-list');\n            listContainer.innerHTML = '';\n            \n            data.items.forEach((item, index) => {\n                const tr = document.createElement('tr');\n                tr.className = index % 2 === 0 ? \"bg-slate-50\/50\" : \"bg-white\";\n                tr.innerHTML = `\n                    <td class=\"font-bold border-r border-[#e4edf3] text-[#138b86]\" style=\"font-family: ${data.fontBody};\">\n                        ${item.group}\n                    <\/td>\n                    <td style=\"font-family: ${data.fontBody};\">\n                        ${item.tests}\n                    <\/td>\n                `;\n                listContainer.appendChild(tr);\n            });\n        }\n        \n        initScreeningSection();\n        \n        if (document.documentElement) {\n            new MutationObserver(initScreeningSection).observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Universal Breakout for Full-Width Sections (Astra-Proof) *\/\n    .sh-section-breakout {\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        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    \/* 2. Responsive Dotted Hexagon Background *\/\n    .sh-hex-bg {\n        position: absolute !important;\n        inset: 0 !important;\n        pointer-events: none !important;\n        z-index: 0 !important;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%23138b86' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%23138b86' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n        background-size: 90px 78px !important;\n        background-repeat: repeat !important;\n        background-position: center top !important;\n        opacity: 0.12 !important;\n    }\n\n    @media (min-width: 768px) {\n        .sh-hex-bg {\n            background-size: 180px 156px !important;\n        }\n    }\n\n    \/* Section Specific Styles *\/\n    #sh-lab-chronic-999 {\n        background-color: #ffffff !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    #sh-lab-chronic-999 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1200px !important; \/* Slightly narrower for better reading width *\/\n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Animations *\/\n    @keyframes shFadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-lab-chronic-999\" class=\"sh-section-breakout\" dir=\"ltr\">\n    <!-- Hexagon Background -->\n    <div class=\"sh-hex-bg\"><\/div>\n\n    <div class=\"sh-wrapper\">\n        <!-- Header Section -->\n        <div class=\"mb-12 text-center max-w-4xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-chronic-lang-kicker\">Chronic Care<\/span>\n            <\/div>\n            <h2 id=\"sh-chronic-lang-title\" class=\"text-[32px] md:text-[42px] font-bold leading-[1.15] text-[#243b5a] mb-5\">\n                Laboratory Testing for Chronic Disease Management\n            <\/h2>\n            <p id=\"sh-chronic-lang-intro\" class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed\">\n                Many long-term medical conditions require ongoing laboratory monitoring to evaluate disease control and treatment effectiveness. Examples include:\n            <\/p>\n        <\/div>\n\n        <!-- 2x2 Grid Section -->\n        <div class=\"grid md:grid-cols-2 gap-5 md:gap-6 mb-10\" id=\"sh-chronic-list\">\n            <!-- Cards will be injected by JavaScript -->\n        <\/div>\n\n        <!-- Footer Highlight Box -->\n        <div class=\"sh-animate-up\" style=\"animation-delay: 0.6s;\">\n            <div class=\"bg-[#f8fafc] border border-[#e4edf3] border-l-4 border-l-[#138b86] p-5 md:p-6 rounded-2xl max-w-4xl mx-auto shadow-sm flex items-start gap-4\">\n                <div class=\"shrink-0 text-[#138b86] mt-0.5\">\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\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 16v-4\"><\/path><path d=\"M12 8h.01\"><\/path><\/svg>\n                <\/div>\n                <p id=\"sh-chronic-lang-footer\" class=\"text-[#243b5a] text-[16px] md:text-[17px] font-medium leading-relaxed m-0\">\n                    Routine monitoring allows physicians to make informed adjustments to treatment when necessary.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Data & Translations\n        const chronicData = {\n            en: {\n                kicker: \"Chronic Care\",\n                title: \"Laboratory Testing for Chronic Disease Management\",\n                intro: \"Many long-term medical conditions require ongoing laboratory monitoring to evaluate disease control and treatment effectiveness. Examples include:\",\n                footer: \"Routine monitoring allows physicians to make informed adjustments to treatment when necessary.\",\n                fontDisplay: \"var(--font-display)\",\n                fontBody: \"system-ui, sans-serif\",\n                items: [\n                    { \n                        title: \"Diabetes\", \n                        desc: \"Regular blood glucose and other recommended investigations help assess diabetes management over time.\",\n                        icon: `<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 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>`\n                    },\n                    { \n                        title: \"Kidney Disease\", \n                        desc: \"Kidney function tests assist physicians in monitoring disease progression and evaluating treatment plans.\",\n                        icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22.29 9.29a4 4 0 0 0-5.65-5.65L12 8.28l-4.64-4.64a4 4 0 1 0-5.65 5.65L6.35 14 12 19.65 17.65 14 22.29 9.29Z\"><\/path><\/svg>`\n                    },\n                    { \n                        title: \"Liver Disorders\", \n                        desc: \"Liver function tests provide information about liver health and help monitor certain medical conditions or medications.\",\n                        icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>`\n                    },\n                    { \n                        title: \"Thyroid Conditions\", \n                        desc: \"Hormone testing supports the diagnosis and follow-up of thyroid disorders.\",\n                        icon: `<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\"><\/path><\/svg>`\n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\",\n                title: \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\",\n                intro: \"\u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u062e\u0628\u0631\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u0636 \u0648\u0641\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u062c. \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0645\u062b\u0644\u0629:\",\n                footer: \"\u062a\u0633\u0645\u062d \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0644\u0644\u0623\u0637\u0628\u0627\u0621 \u0628\u0625\u062c\u0631\u0627\u0621 \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0645\u0633\u062a\u0646\u064a\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0639\u0644\u0627\u062c \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629.\",\n                fontDisplay: \"var(--font-arabic)\",\n                fontBody: \"var(--font-arabic)\",\n                items: [\n                    { \n                        title: \"\u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a\", \n                        desc: \"\u062a\u0633\u0627\u0639\u062f \u0641\u062d\u0648\u0635\u0627\u062a \u062c\u0644\u0648\u0643\u0648\u0632 \u0627\u0644\u062f\u0645 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647\u0627 \u0641\u064a \u062a\u0642\u064a\u064a\u0645 \u0625\u062f\u0627\u0631\u0629 \u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a.\",\n                        icon: `<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 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>`\n                    },\n                    { \n                        title: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0643\u0644\u0649\", \n                        desc: \"\u062a\u0633\u0627\u0639\u062f \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0644\u0649 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0641\u064a \u0645\u0631\u0627\u0642\u0628\u0629 \u062a\u0637\u0648\u0631 \u0627\u0644\u0645\u0631\u0636 \u0648\u062a\u0642\u064a\u064a\u0645 \u062e\u0637\u0637 \u0627\u0644\u0639\u0644\u0627\u062c.\",\n                        icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22.29 9.29a4 4 0 0 0-5.65-5.65L12 8.28l-4.64-4.64a4 4 0 1 0-5.65 5.65L6.35 14 12 19.65 17.65 14 22.29 9.29Z\"><\/path><\/svg>`\n                    },\n                    { \n                        title: \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0643\u0628\u062f\", \n                        desc: \"\u062a\u0648\u0641\u0631 \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0628\u062f \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062d\u0648\u0644 \u0635\u062d\u0629 \u0627\u0644\u0643\u0628\u062f \u0648\u062a\u0633\u0627\u0639\u062f \u0641\u064a \u0645\u0631\u0627\u0642\u0628\u0629 \u0628\u0639\u0636 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0623\u0648 \u0627\u0644\u0623\u062f\u0648\u064a\u0629.\",\n                        icon: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>`\n                    },\n                    { \n                        title: \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629\", \n                        desc: \"\u064a\u062f\u0639\u0645 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u0627\u062a \u062a\u0634\u062e\u064a\u0635 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629.\",\n                        icon: `<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\"><\/path><\/svg>`\n                    }\n                ]\n            }\n        };\n\n        function renderChronicSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.startsWith('ar');\n            const data = isRtl ? chronicData.ar : chronicData.en;\n            const section = document.getElementById('sh-lab-chronic-999');\n            \n            if (!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Header & Footer Text\n            document.getElementById('sh-chronic-lang-kicker').textContent = data.kicker;\n            \n            const titleEl = document.getElementById('sh-chronic-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.fontDisplay;\n            \n            const introEl = document.getElementById('sh-chronic-lang-intro');\n            introEl.textContent = data.intro;\n            introEl.style.fontFamily = data.fontBody;\n\n            const footerEl = document.getElementById('sh-chronic-lang-footer');\n            footerEl.textContent = data.footer;\n            footerEl.style.fontFamily = data.fontBody;\n\n            \/\/ Generate Grid Items dynamically\n            const listDiv = document.getElementById('sh-chronic-list');\n            listDiv.innerHTML = data.items.map((item, index) => `\n                <div class=\"bg-white p-6 md:p-8 rounded-2xl border border-[#e4edf3] shadow-sm hover:shadow-md hover:border-[#138b86]\/30 transition-all duration-300 sh-animate-up group\" style=\"animation-delay: ${(index * 0.1) + 0.2}s\">\n                    <div class=\"flex items-center gap-4 mb-4\">\n                        <div class=\"w-12 h-12 shrink-0 rounded-2xl bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center group-hover:bg-[#138b86] group-hover:text-white transition-colors duration-300\">\n                            ${item.icon}\n                        <\/div>\n                        <h3 class=\"text-[20px] font-bold text-[#243b5a] m-0 leading-tight\" style=\"font-family: ${data.fontDisplay};\">\n                            ${item.title}\n                        <\/h3>\n                    <\/div>\n                    <p class=\"text-[#667085] text-[16px] leading-relaxed m-0\" style=\"font-family: ${data.fontBody};\">\n                        ${item.desc}\n                    <\/p>\n                <\/div>\n            `).join('');\n        }\n        \n        \/\/ Initialization and Mutation Observer for dynamic WP\/Theme changes\n        renderChronicSection();\n        if (document.documentElement) {\n            new MutationObserver(renderChronicSection).observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Universal Breakout for Full-Width Sections (Astra-Proof) *\/\n    .sh-section-breakout {\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        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    \/* Section Specific Styles *\/\n    #sh-turnaround-time-444 {\n        background-color: #f8fafc !important; \/* Soft contrast background *\/\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    #sh-turnaround-time-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    \/* 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-turnaround-time-444\" class=\"sh-section-breakout\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper max-w-4xl mx-auto\">\n        \n        <div class=\"bg-white rounded-3xl border border-[#e4edf3] p-8 md:p-12 shadow-sm sh-animate-up relative overflow-hidden\">\n            \n            <div class=\"absolute top-0 left-0 w-full h-1.5 bg-gradient-to-r from-[#138b86] to-[#0d9488]\"><\/div>\n\n            <div class=\"text-center 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-tat-lang-kicker\">Patient Information<\/span>\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <\/div>\n                <h2 id=\"sh-tat-lang-title\" class=\"text-[32px] md:text-[40px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                    Understanding Turnaround Time for Test Results\n                <\/h2>\n                <p id=\"sh-tat-lang-intro\" class=\"text-[#667085] text-[16px] md:text-[18px] leading-relaxed max-w-3xl mx-auto\">\n                    Patients often wonder when laboratory reports will be available. The reporting time depends on the type and complexity of the requested investigation. Factors that influence turnaround time include:\n                <\/p>\n            <\/div>\n\n            <div id=\"sh-tat-list\" class=\"grid sm:grid-cols-2 gap-4 mb-8\">\n                <\/div>\n\n            <div class=\"bg-[#f8fbfd] p-5 md:p-6 rounded-2xl border border-[#e4edf3] flex items-start gap-4\">\n                <div class=\"w-10 h-10 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center shrink-0\">\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\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                <\/div>\n                <p id=\"sh-tat-lang-footer\" class=\"text-[#243b5a] font-medium text-[15.5px] md:text-[16px] leading-relaxed m-0 pt-0.5\">\n                    Some routine investigations may be completed relatively quickly, while more specialized tests may require additional processing time.\n                <\/p>\n            <\/div>\n\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const tatData = {\n            en: {\n                fontDisplay: \"var(--font-display)\", \n                fontBody: \"system-ui, sans-serif\",\n                kicker: \"Patient Information\",\n                title: \"Understanding Turnaround Time for Test Results\",\n                intro: \"Patients often wonder when laboratory reports will be available. The reporting time depends on the type and complexity of the requested investigation. Factors that influence turnaround time include:\",\n                footer: \"Some routine investigations may be completed relatively quickly, while more specialized tests may require additional processing time.\",\n                items: [\n                    \"Type of laboratory test\",\n                    \"Need for specialized analysis\",\n                    \"Sample processing requirements\",\n                    \"Quality verification procedures\",\n                    \"Whether additional confirmatory testing is required\"\n                ]\n            },\n            ar: {\n                fontDisplay: \"var(--font-arabic)\", \n                fontBody: \"var(--font-arabic)\",\n                kicker: \"\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u064a\u0636\",\n                title: \"\u0641\u0647\u0645 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062a\u063a\u0631\u0642 \u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a\",\n                intro: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u062a\u0633\u0627\u0621\u0644 \u0627\u0644\u0645\u0631\u0636\u0649 \u0645\u062a\u0649 \u0633\u062a\u0643\u0648\u0646 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0645\u062a\u0627\u062d\u0629. \u064a\u0639\u062a\u0645\u062f \u0648\u0642\u062a \u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0644\u0649 \u0646\u0648\u0639 \u0648\u062a\u0639\u0642\u064a\u062f \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u0637\u0644\u0648\u0628. \u062a\u0634\u0645\u0644 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062a\u063a\u0631\u0642 \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u0642\u062f \u062a\u0643\u062a\u0645\u0644 \u0628\u0639\u0636 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0628\u0633\u0631\u0639\u0629 \u0646\u0633\u0628\u064a\u0627\u064b\u060c \u0628\u064a\u0646\u0645\u0627 \u0642\u062f \u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0642\u062a\u0627\u064b \u0625\u0636\u0627\u0641\u064a\u0627\u064b \u0644\u0644\u0645\u0639\u0627\u0644\u062c\u0629.\",\n                items: [\n                    \"\u0646\u0648\u0639 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u062e\u0628\u0631\u064a\",\n                    \"\u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0645\u062a\u062e\u0635\u0635\",\n                    \"\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0639\u064a\u0646\u0629\",\n                    \"\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u062c\u0648\u062f\u0629\",\n                    \"\u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u062a\u0623\u0643\u064a\u062f\u064a\u0629 \u0625\u0636\u0627\u0641\u064a\u0629\"\n                ]\n            }\n        };\n\n        function initTATSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? tatData.ar : tatData.en;\n            const section = document.getElementById('sh-turnaround-time-444');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Text Replacements\n            document.getElementById('sh-tat-lang-kicker').textContent = data.kicker;\n            \n            const titleEl = document.getElementById('sh-tat-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.fontDisplay;\n            \n            const introEl = document.getElementById('sh-tat-lang-intro');\n            introEl.textContent = data.intro;\n            introEl.style.fontFamily = data.fontBody;\n            \n            const footerEl = document.getElementById('sh-tat-lang-footer');\n            footerEl.textContent = data.footer;\n            footerEl.style.fontFamily = data.fontBody;\n            \n            \/\/ Generate Grid Items\n            const listContainer = document.getElementById('sh-tat-list');\n            listContainer.innerHTML = '';\n            \n            data.items.forEach((item, index) => {\n                const div = document.createElement('div');\n                div.className = \"flex items-center gap-3 bg-[#f8fafc] p-4 rounded-xl border border-slate-100\/60 sh-animate-up hover:border-[#138b86]\/30 transition-colors\";\n                div.style.animationDelay = `${index * 0.05}s`;\n                div.innerHTML = `\n                    <div class=\"w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] shrink-0 flex items-center justify-center\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <\/div>\n                    <span class=\"text-[#243b5a] text-[15px] font-medium leading-tight\" style=\"font-family: ${data.fontBody};\">\n                        ${item}\n                    <\/span>\n                `;\n                listContainer.appendChild(div);\n            });\n        }\n        \n        initTATSection();\n        \n        if (document.documentElement) {\n            new MutationObserver(initTATSection).observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Universal Breakout for Full-Width Sections (Astra-Proof) *\/\n    .sh-section-breakout {\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        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    \/* 2. Responsive Dotted Hexagon Background *\/\n    .sh-hex-bg {\n        position: absolute !important;\n        inset: 0 !important;\n        pointer-events: none !important;\n        z-index: 0 !important;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%23138b86' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%23138b86' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n        background-size: 90px 78px !important; \/* Mobile size *\/\n        background-repeat: repeat !important;\n        background-position: center top !important;\n        opacity: 0.15 !important;\n    }\n\n    @media (min-width: 768px) {\n        .sh-hex-bg {\n            background-size: 180px 156px !important; \/* Desktop size *\/\n        }\n    }\n\n    \/* Section Specific Styles *\/\n    #sh-lab-misconceptions-101 {\n        background-color: #f8fbfd !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    #sh-lab-misconceptions-101 .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    \/* Animations & Utilities *\/\n    @keyframes shFadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n    \n<\/style>\n\n<section id=\"sh-lab-misconceptions-101\" class=\"sh-section-breakout\" dir=\"ltr\">\n    <div class=\"sh-hex-bg\"><\/div>\n\n    <div class=\"sh-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-misc-lang-kicker\">Patient Education<\/span>\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n            <\/div>\n            <h2 id=\"sh-misc-lang-title\" class=\"text-[34px] md:text-[44px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                Common Misconceptions About Laboratory Testing\n            <\/h2>\n            <p id=\"sh-misc-lang-intro\" class=\"text-[#596b82] text-[17px] md:text-[18px] leading-relaxed mb-3\">\n                Incorrect assumptions about diagnostic testing can lead to unnecessary anxiety or delayed medical care.\n            <\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 gap-6\" id=\"sh-misc-list\"><\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const misconceptionsData = {\n            en: {\n                fontDisplay: \"var(--font-display)\", \n                fontBody: \"system-ui, sans-serif\",\n                kicker: \"Patient Education\", \n                title: \"Common Misconceptions About Laboratory Testing\",\n                intro: \"Incorrect assumptions about diagnostic testing can lead to unnecessary anxiety or delayed medical care.\",\n                items: [\n                    { \n                        title: \"\\\"Normal laboratory results mean I cannot have a medical condition.\\\"\", \n                        desc: \"Laboratory findings are only one part of a medical assessment. Physicians interpret results together with symptoms, physical examination, and medical history.\" \n                    },\n                    { \n                        title: \"\\\"Every abnormal result indicates a serious illness.\\\"\", \n                        desc: \"Some values may vary due to temporary conditions, medications, diet, hydration, or laboratory reference ranges. Additional evaluation may be required before reaching a diagnosis.\" \n                    },\n                    { \n                        title: \"\\\"Fasting is required before every blood test.\\\"\", \n                        desc: \"Only certain investigations require fasting. Your healthcare provider or laboratory staff will explain whether preparation is necessary for your specific tests.\" \n                    },\n                    { \n                        title: \"\\\"Laboratory tests replace a doctor's consultation.\\\"\", \n                        desc: \"Laboratory investigations support clinical decision-making but do not replace a medical examination or professional diagnosis.\" \n                    }\n                ]\n            },\n            ar: {\n                fontDisplay: \"var(--font-arabic)\", \n                fontBody: \"var(--font-arabic)\",\n                kicker: \"\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0645\u0631\u0636\u0649\", \n                title: \"\u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u062e\u0627\u0637\u0626\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\",\n                intro: \"\u0642\u062f \u062a\u0624\u062f\u064a \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u0627\u062a \u0627\u0644\u062e\u0627\u0637\u0626\u0629 \u062d\u0648\u0644 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0625\u0644\u0649 \u0642\u0644\u0642 \u0644\u0627 \u062f\u0627\u0639\u064a \u0644\u0647 \u0623\u0648 \u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629.\",\n                items: [\n                    { \n                        title: \"\\\"\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u062a\u0639\u0646\u064a \u0623\u0646\u0646\u064a \u0644\u0627 \u0623\u0639\u0627\u0646\u064a \u0645\u0646 \u0623\u064a \u062d\u0627\u0644\u0629 \u0637\u0628\u064a\u0629.\\\"\", \n                        desc: \"\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0647\u064a \u0645\u062c\u0631\u062f \u062c\u0632\u0621 \u0648\u0627\u062d\u062f \u0645\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a. \u064a\u0641\u0633\u0631 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u062c\u0646\u0628\u0627\u064b \u0625\u0644\u0649 \u062c\u0646\u0628 \u0645\u0639 \u0627\u0644\u0623\u0639\u0631\u0627\u0636\u060c \u0648\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a\u060c \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a.\" \n                    },\n                    { \n                        title: \"\\\"\u0643\u0644 \u0646\u062a\u064a\u062c\u0629 \u063a\u064a\u0631 \u0637\u0628\u064a\u0639\u064a\u0629 \u062a\u0634\u064a\u0631 \u0625\u0644\u0649 \u0645\u0631\u0636 \u062e\u0637\u064a\u0631.\\\"\", \n                        desc: \"\u0642\u062f \u062a\u062e\u062a\u0644\u0641 \u0628\u0639\u0636 \u0627\u0644\u0642\u064a\u0645 \u0628\u0633\u0628\u0628 \u062d\u0627\u0644\u0627\u062a \u0645\u0624\u0642\u062a\u0629\u060c \u0623\u0648 \u0627\u0644\u0623\u062f\u0648\u064a\u0629\u060c \u0623\u0648 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u060c \u0623\u0648 \u0627\u0644\u062a\u0631\u0637\u064a\u0628\u060c \u0623\u0648 \u0627\u0644\u0646\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0631\u062c\u0639\u064a\u0629 \u0644\u0644\u0645\u062e\u062a\u0628\u0631. \u0642\u062f \u064a\u062a\u0637\u0644\u0628 \u0627\u0644\u0623\u0645\u0631 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0625\u0636\u0627\u0641\u064a\u0627\u064b \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0635\u0644 \u0625\u0644\u0649 \u062a\u0634\u062e\u064a\u0635.\" \n                    },\n                    { \n                        title: \"\\\"\u0627\u0644\u0635\u064a\u0627\u0645 \u0645\u0637\u0644\u0648\u0628 \u0642\u0628\u0644 \u0643\u0644 \u0641\u062d\u0635 \u062f\u0645.\\\"\", \n                        desc: \"\u062a\u062a\u0637\u0644\u0628 \u0641\u062d\u0648\u0635\u0627\u062a \u0645\u0639\u064a\u0646\u0629 \u0641\u0642\u0637 \u0627\u0644\u0635\u064a\u0627\u0645. \u0633\u064a\u0634\u0631\u062d \u0644\u0643 \u0645\u0642\u062f\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0623\u0648 \u0637\u0627\u0642\u0645 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0636\u0631\u0648\u0631\u064a\u0627\u064b \u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a\u0643 \u0627\u0644\u0645\u062d\u062f\u062f\u0629.\" \n                    },\n                    { \n                        title: \"\\\"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u062a\u062d\u0644 \u0645\u062d\u0644 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0628.\\\"\", \n                        desc: \"\u062a\u062f\u0639\u0645 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0648\u0644\u0643\u0646\u0647\u0627 \u0644\u0627 \u062a\u062d\u0644 \u0645\u062d\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0623\u0648 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0647\u0646\u064a.\" \n                    }\n                ]\n            }\n        };\n\n        function renderMisconceptions() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.startsWith('ar');\n            const data = isRtl ? misconceptionsData.ar : misconceptionsData.en;\n            const section = document.getElementById('sh-lab-misconceptions-101');\n            \n            if(section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Content\n            document.getElementById('sh-misc-lang-kicker').textContent = data.kicker;\n            \n            const titleEl = document.getElementById('sh-misc-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.fontDisplay;\n            \n            const introEl = document.getElementById('sh-misc-lang-intro');\n            introEl.textContent = data.intro;\n            introEl.style.fontFamily = data.fontBody;\n\n            \/\/ Generate Grid Items\n            const listDiv = document.getElementById('sh-misc-list');\n            listDiv.innerHTML = data.items.map((item, index) => `\n                <div class=\"bg-white p-6 md:p-8 rounded-2xl border border-[#e4edf3] shadow-sm hover:shadow-md transition-shadow duration-300 sh-animate-up\" style=\"animation-delay: ${(index * 0.1) + 0.2}s\">\n                    <div class=\"flex items-start gap-4 mb-4\">\n                        <div class=\"w-10 h-10 shrink-0 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center mt-0.5\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                        <\/div>\n                        <h4 class=\"text-[18px] md:text-[19px] font-bold text-[#243b5a] m-0 leading-snug\" style=\"font-family: ${data.fontDisplay};\">${item.title}<\/h4>\n                    <\/div>\n                    <p class=\"text-[#667085] text-[16px] leading-relaxed m-0\" style=\"font-family: ${data.fontBody};\">${item.desc}<\/p>\n                <\/div>\n            `).join('');\n        }\n        \n        renderMisconceptions();\n        \n        if (document.documentElement) {\n            new MutationObserver(renderMisconceptions).observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Universal Breakout for Full-Width Sections (Astra-Proof) *\/\n    .sh-section-breakout {\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        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    \/* 2. Responsive Dotted Hexagon Background *\/\n    .sh-hex-bg {\n        position: absolute !important;\n        inset: 0 !important;\n        pointer-events: none !important;\n        z-index: 0 !important;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%23138b86' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%23138b86' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n        background-size: 90px 78px !important; \/* Mobile size *\/\n        background-repeat: repeat !important;\n        background-position: center top !important;\n        opacity: 0.15 !important;\n    }\n\n    @media (min-width: 768px) {\n        .sh-hex-bg {\n            background-size: 180px 156px !important; \/* Desktop size *\/\n        }\n    }\n\n    \/* Section Specific Styles *\/\n    #sh-lab-questions-202 {\n        background-color: #ffffff !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    #sh-lab-questions-202 .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    \/* Animations *\/\n    @keyframes shFadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-lab-questions-202\" class=\"sh-section-breakout\" dir=\"ltr\">\n    <!-- Hexagon Background -->\n    <div class=\"sh-hex-bg\"><\/div>\n\n    <div class=\"sh-wrapper max-w-5xl mx-auto\">\n        <div class=\"mb-10 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-lab-q-kicker\">Patient Guide<\/span>\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n            <\/div>\n            <h2 id=\"sh-lab-q-title\" class=\"text-[34px] md:text-[44px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                Questions to Ask Before Your Laboratory Test\n            <\/h2>\n            <p id=\"sh-lab-q-intro1\" class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed mb-2\">\n                Understanding the testing process helps patients prepare appropriately.\n            <\/p>\n            <p id=\"sh-lab-q-intro2\" class=\"text-[#243b5a] font-semibold text-[17px] md:text-[18px]\">\n                You may wish to ask:\n            <\/p>\n        <\/div>\n\n        <!-- Questions Grid -->\n        <div class=\"grid md:grid-cols-2 gap-4 mb-10\" id=\"sh-lab-q-list\"><\/div>\n\n        <!-- Footer Highlight -->\n        <div class=\"bg-[#f8fbfd] p-5 md:p-6 rounded-2xl border border-[#e4edf3] flex items-center justify-center text-center sh-animate-up shadow-sm\" style=\"animation-delay: 0.6s;\">\n            <p id=\"sh-lab-q-footer\" class=\"text-[#138b86] font-medium text-[16px] md:text-[17px] leading-relaxed m-0\">\n                Clear communication helps ensure that testing is completed under the most appropriate conditions.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const questionsData = {\n            en: {\n                fontDisplay: \"var(--font-display)\", \n                fontBody: \"system-ui, sans-serif\",\n                kicker: \"Patient Guide\", \n                title: \"Questions to Ask Before Your Laboratory Test\",\n                intro1: \"Understanding the testing process helps patients prepare appropriately.\",\n                intro2: \"You may wish to ask:\",\n                footer: \"Clear communication helps ensure that testing is completed under the most appropriate conditions.\",\n                items: [\n                    \"Do I need to fast before this test?\",\n                    \"Can I take my regular medications?\",\n                    \"How long will the sample collection take?\",\n                    \"When will the results be available?\",\n                    \"Will additional testing be required?\",\n                    \"Should I avoid exercise before the test?\",\n                    \"Do I need to schedule a follow-up appointment to discuss the results?\"\n                ]\n            },\n            ar: {\n                fontDisplay: \"var(--font-arabic)\", \n                fontBody: \"var(--font-arabic)\",\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 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u062e\u0628\u0631\u064a\",\n                intro1: \"\u0641\u0647\u0645 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0641\u062d\u0635 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0631\u0636\u0649 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0628\u0634\u0643\u0644 \u0645\u0646\u0627\u0633\u0628.\",\n                intro2: \"\u0642\u062f \u062a\u0631\u063a\u0628 \u0641\u064a \u0623\u0646 \u062a\u0633\u0623\u0644:\",\n                footer: \"\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0648\u0627\u0636\u062d \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0636\u0645\u0627\u0646 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0635 \u0641\u064a \u0638\u0644 \u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0644\u0627\u0621\u0645\u0629.\",\n                items: [\n                    \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0635\u064a\u0627\u0645 \u0642\u0628\u0644 \u0647\u0630\u0627 \u0627\u0644\u0641\u062d\u0635\u061f\",\n                    \"\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u062a\u0646\u0627\u0648\u0644 \u0623\u062f\u0648\u064a\u062a\u064a \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u0629\u061f\",\n                    \"\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u0633\u064a\u0633\u062a\u063a\u0631\u0642 \u062c\u0645\u0639 \u0627\u0644\u0639\u064a\u0646\u0629\u061f\",\n                    \"\u0645\u062a\u0649 \u0633\u062a\u0643\u0648\u0646 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0645\u062a\u0627\u062d\u0629\u061f\",\n                    \"\u0647\u0644 \u0633\u062a\u0643\u0648\u0646 \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629\u061f\",\n                    \"\u0647\u0644 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062a\u062c\u0646\u0628 \u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635\u061f\",\n                    \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0645\u062a\u0627\u0628\u0639\u0629 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u061f\"\n                ]\n            }\n        };\n\n        function renderQuestions() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.startsWith('ar');\n            const data = isRtl ? questionsData.ar : questionsData.en;\n            const section = document.getElementById('sh-lab-questions-202');\n            \n            if(section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply Texts and Fonts\n            document.getElementById('sh-lab-q-kicker').textContent = data.kicker;\n            \n            const titleEl = document.getElementById('sh-lab-q-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.fontDisplay;\n            \n            const intro1El = document.getElementById('sh-lab-q-intro1');\n            intro1El.textContent = data.intro1;\n            intro1El.style.fontFamily = data.fontBody;\n\n            const intro2El = document.getElementById('sh-lab-q-intro2');\n            intro2El.textContent = data.intro2;\n            intro2El.style.fontFamily = data.fontBody;\n\n            const footerEl = document.getElementById('sh-lab-q-footer');\n            footerEl.textContent = data.footer;\n            footerEl.style.fontFamily = data.fontBody;\n\n            \/\/ Generate List Grid\n            const listDiv = document.getElementById('sh-lab-q-list');\n            listDiv.innerHTML = data.items.map((item, index) => `\n                <div class=\"bg-white p-5 rounded-2xl border border-[#e4edf3] shadow-sm flex items-center gap-4 sh-animate-up hover:border-[#138b86]\/40 transition-colors\" style=\"animation-delay: ${(index * 0.05) + 0.15}s\">\n                    <div class=\"w-10 h-10 shrink-0 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n                    <\/div>\n                    <span class=\"text-[15px] md:text-[16px] text-[#243b5a] font-medium leading-tight\" style=\"font-family: ${data.fontBody};\">${item}<\/span>\n                <\/div>\n            `).join('');\n        }\n        \n        renderQuestions();\n        if (document.documentElement) {\n            new MutationObserver(renderQuestions).observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Universal Breakout for Full-Width Sections (Astra-Proof) *\/\n    .sh-section-breakout {\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        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    \/* 2. Responsive Dotted Hexagon Background *\/\n    .sh-hex-bg {\n        position: absolute !important;\n        inset: 0 !important;\n        pointer-events: none !important;\n        z-index: 0 !important;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%23138b86' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%23138b86' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n        background-size: 90px 78px !important; \/* Mobile Size *\/\n        background-repeat: repeat !important;\n        background-position: center top !important;\n        opacity: 0.15 !important;\n    }\n\n    @media (min-width: 768px) {\n        .sh-hex-bg {\n            background-size: 180px 156px !important; \/* Desktop Size *\/\n        }\n    }\n\n    \/* Section Specific Styles *\/\n    #sh-contrast-666 {\n        background-color: #f8fbfd !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    #sh-contrast-666 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Animations *\/\n    @keyframes shFadeInUpCards { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n    .sh-animate { opacity: 0; animation: shFadeInUpCards 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n<\/style>\n\n<section id=\"sh-contrast-666\" class=\"sh-section-breakout\" dir=\"ltr\">\n    <div class=\"sh-hex-bg\"><\/div>\n\n    <div class=\"sh-wrapper\">\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-con-kicker\">Imaging Enhancement<\/span>\n            <\/div>\n            <h2 id=\"sh-con-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\">What Is Contrast Material?<\/h2>\n            <p id=\"sh-con-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">Certain imaging examinations require the use of contrast material to improve visualization of blood vessels, organs, or specific tissues.<\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n            <div class=\"bg-white rounded-3xl p-8 border border-[#e4edf3] shadow-sm text-start\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-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\"><path d=\"M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2\"><\/path><path d=\"M6.453 15h11.094\"><\/path><path d=\"M8.5 2h7\"><\/path><\/svg>\n                <\/div>\n                <h3 id=\"sh-con-list1-title\" class=\"font-bold text-[22px] text-[#243b5a] mb-5\">Contrast agents may help physicians:<\/h3>\n                <ul id=\"sh-con-list1\" class=\"space-y-4\"><\/ul>\n            <\/div>\n\n            <div class=\"bg-white rounded-3xl p-8 border border-[#e4edf3] shadow-sm text-start\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-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\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                <\/div>\n                <h3 id=\"sh-con-list2-title\" class=\"font-bold text-[22px] text-[#243b5a] mb-5\">Before administering contrast, professionals review:<\/h3>\n                <ul id=\"sh-con-list2\" class=\"space-y-4\"><\/ul>\n            <\/div>\n        <\/div>\n\n        <p id=\"sh-con-footer\" class=\"mt-10 text-center text-[#596b82] text-[17px] font-medium max-w-3xl mx-auto sh-animate\" style=\"animation-delay: 0.2s;\">\n            Not every imaging examination requires contrast enhancement.\n        <\/p>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const contrastData = {\n            en: {\n                kicker: \"Imaging Enhancement\", title: \"What Is Contrast Material?\",\n                desc: \"Certain imaging examinations require the use of contrast material to improve visualization of blood vessels, organs, or specific tissues.\",\n                list1Title: \"Contrast agents may help physicians:\",\n                list1: [\"Differentiate normal and abnormal tissues\", \"Improve visibility of blood vessels\", \"Evaluate organ function\", \"Detect inflammation or certain structural changes\", \"Plan medical or surgical treatment\"],\n                list2Title: \"Before administering contrast, healthcare professionals review:\",\n                list2: [\"Allergy history\", \"Kidney function (when appropriate)\", \"Previous reactions to contrast agents\", \"Current medications\", \"Pregnancy status when relevant\"],\n                footer: \"Not every imaging examination requires contrast enhancement.\"\n            },\n            ar: {\n                kicker: \"\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\", title: \"\u0645\u0627 \u0647\u064a \u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0628\u0627\u064a\u0646\u061f\",\n                desc: \"\u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0628\u0627\u064a\u0646 (\u0627\u0644\u0635\u0628\u063a\u0629) \u0644\u062a\u062d\u0633\u064a\u0646 \u0631\u0624\u064a\u0629 \u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0623\u0648 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0623\u0648 \u0623\u0646\u0633\u062c\u0629 \u0645\u0639\u064a\u0646\u0629.\",\n                list1Title: \"\u0642\u062f \u062a\u0633\u0627\u0639\u062f \u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0628\u0627\u064a\u0646 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0641\u064a:\",\n                list1: [\"\u0627\u0644\u062a\u0645\u064a\u064a\u0632 \u0628\u064a\u0646 \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u063a\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629\", \"\u062a\u062d\u0633\u064a\u0646 \u0631\u0624\u064a\u0629 \u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\", \"\u062a\u0642\u064a\u064a\u0645 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0623\u0639\u0636\u0627\u0621\", \"\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0623\u0648 \u0628\u0639\u0636 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629\", \"\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0637\u0628\u064a \u0623\u0648 \u0627\u0644\u062c\u0631\u0627\u062d\u064a\"],\n                list2Title: \"\u0642\u0628\u0644 \u0625\u0639\u0637\u0627\u0621 \u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0628\u0627\u064a\u0646\u060c \u064a\u0631\u0627\u062c\u0639 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0648\u0646:\",\n                list2: [\"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629\", \"\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0644\u0649 (\u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621)\", \"\u0631\u062f\u0648\u062f \u0627\u0644\u0641\u0639\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0628\u0627\u064a\u0646\", \"\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\", \"\u062d\u0627\u0644\u0629 \u0627\u0644\u062d\u0645\u0644 (\u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621)\"],\n                footer: \"\u0644\u0627 \u064a\u062a\u0637\u0644\u0628 \u0643\u0644 \u0641\u062d\u0635 \u062a\u0635\u0648\u064a\u0631 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0628\u0627\u064a\u0646.\"\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\"><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 buildContrastCare() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.startsWith('ar');\n            const data = isRtl ? contrastData.ar : contrastData.en;\n            const section = document.getElementById('sh-contrast-666');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-con-kicker').textContent = data.kicker;\n            document.getElementById('sh-con-title').textContent = data.title;\n            document.getElementById('sh-con-desc').textContent = data.desc;\n            document.getElementById('sh-con-list1-title').textContent = data.list1Title;\n            document.getElementById('sh-con-list2-title').textContent = data.list2Title;\n            document.getElementById('sh-con-footer').textContent = data.footer;\n\n            document.getElementById('sh-con-list1').innerHTML = data.list1.map(item => `<li class=\"flex gap-3 items-start\">${checkIcon}<span class=\"text-[#243b5a]\/90 text-[16px]\">${item}<\/span><\/li>`).join('');\n            document.getElementById('sh-con-list2').innerHTML = data.list2.map(item => `<li class=\"flex gap-3 items-start\">${checkIcon}<span class=\"text-[#243b5a]\/90 text-[16px]\">${item}<\/span><\/li>`).join('');\n        }\n        buildContrastCare();\n        new MutationObserver(buildContrastCare).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\r\n    \/* Scoped Container & Breakout Reset *\/\r\n    #sh-quality-777 {\r\n        width: 100vw !important;\r\n        position: relative !important;\r\n        left: 50% !important;\r\n        right: 50% !important;\r\n        margin-left: -50vw !important;\r\n        margin-right: -50vw !important;\r\n        max-width: 100vw !important;\r\n        background-color: #ffffff !important; \/* NO HEXA BACKGROUND *\/\r\n        overflow: hidden !important;\r\n        padding-top: 5rem !important;\r\n        padding-bottom: 5rem !important;\r\n        box-sizing: border-box !important;\r\n        font-family: inherit;\r\n    }\r\n\r\n    \/* 1475px Max Width Wrapper *\/\r\n    #sh-quality-777 .sh-wrapper {\r\n        width: 100% !important;\r\n        max-width: 1475px !important; \r\n        margin: 0 auto !important;\r\n        padding: 0 1.25rem !important;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* RTL Support for text alignment *\/\r\n    #sh-quality-777 .sh-text-start { text-align: left !important; }\r\n    #sh-quality-777[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\r\n\r\n    \/* Lightweight Animations *\/\r\n    @keyframes shFadeInUpQuality {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    #sh-quality-777 .sh-animate { \r\n        opacity: 0; \r\n        animation: shFadeInUpQuality 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \r\n    }\r\n\r\n    \/* Hover Effects for Cards *\/\r\n    #sh-quality-777 .sh-hover-card {\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n    }\r\n    @media (min-width: 768px) {\r\n        #sh-quality-777 .sh-hover-card:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(19, 139, 134, 0.08);\r\n            border-color: #138b86;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"sh-quality-777\" dir=\"ltr\">\r\n    <div class=\"sh-wrapper\">\r\n        \r\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\r\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\r\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\r\n                <span id=\"sh-qual-kicker\">Diagnostic Quality<\/span>\r\n            <\/div>\r\n            <h2 id=\"sh-qual-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\r\n                Factors That Affect Image Quality\r\n            <\/h2>\r\n            <p id=\"sh-qual-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\r\n                Obtaining clear diagnostic images depends on more than advanced equipment. Several patient-related and technical factors contribute to image quality. These include:\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div id=\"sh-qual-cards-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\r\n            <\/div>\r\n\r\n        <div class=\"mt-10 text-center max-w-3xl mx-auto sh-animate\" style=\"animation-delay: 0.2s;\">\r\n            <div class=\"p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3] inline-block\">\r\n                <p id=\"sh-qual-footer\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0\">\r\n                    Clear images reduce the need for repeat examinations and assist radiologists in providing accurate interpretations.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        \r\n        \/\/ Data containing English and Arabic content\r\n        const qualityData = {\r\n            en: {\r\n                kicker: \"Diagnostic Quality\",\r\n                title: \"Factors That Affect Image Quality\",\r\n                desc: \"Obtaining clear diagnostic images depends on more than advanced equipment. Several patient-related and technical factors contribute to image quality. These include:\",\r\n                list: [\r\n                    \"Remaining still during the examination\",\r\n                    \"Following breathing instructions\",\r\n                    \"Appropriate patient positioning\",\r\n                    \"Proper preparation before the scan\",\r\n                    \"Correct imaging protocol\",\r\n                    \"Equipment performance\",\r\n                    \"Cooperation between the patient and radiology team\"\r\n                ],\r\n                footer: \"Clear images reduce the need for repeat examinations and assist radiologists in providing accurate interpretations.\"\r\n            },\r\n            ar: {\r\n                kicker: \"\u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\",\r\n                title: \"\u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0635\u0648\u0631\u0629\",\r\n                desc: \"\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0635\u0648\u0631 \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629. \u062a\u0633\u0627\u0647\u0645 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0645\u0631\u064a\u0636 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u062c\u0648\u062f\u0629 \u0627\u0644\u0635\u0648\u0631\u0629. \u0648\u062a\u0634\u0645\u0644 \u0647\u0630\u0647:\",\r\n                list: [\r\n                    \"\u0627\u0644\u0628\u0642\u0627\u0621 \u062b\u0627\u0628\u062a\u0627\u064b \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0641\u062d\u0635\",\r\n                    \"\u0627\u062a\u0628\u0627\u0639 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u0633\",\r\n                    \"\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0645\u0631\u064a\u0636\",\r\n                    \"\u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0633\u0644\u064a\u0645 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635\",\r\n                    \"\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0635\u062d\u064a\u062d\",\r\n                    \"\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0639\u062f\u0627\u062a\",\r\n                    \"\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0628\u064a\u0646 \u0627\u0644\u0645\u0631\u064a\u0636 \u0648\u0641\u0631\u064a\u0642 \u0627\u0644\u0623\u0634\u0639\u0629\"\r\n                ],\r\n                footer: \"\u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0648\u0627\u0636\u062d\u0629 \u062a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0648\u062a\u0633\u0627\u0639\u062f \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0634\u0639\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u062a\u0641\u0633\u064a\u0631\u0627\u062a \u062f\u0642\u064a\u0642\u0629.\"\r\n            }\r\n        };\r\n\r\n        const checkIcon = `<span class=\"shrink-0 w-8 h-8 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" 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>`;\r\n\r\n        function buildQualitySection() {\r\n            const htmlTag = document.documentElement;\r\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\r\n            const data = isRtl ? qualityData.ar : qualityData.en;\r\n            \r\n            const section = document.getElementById('sh-quality-777');\r\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\r\n\r\n            \/\/ Set Header & Footer Texts\r\n            document.getElementById('sh-qual-kicker').textContent = data.kicker;\r\n            document.getElementById('sh-qual-title').textContent = data.title;\r\n            document.getElementById('sh-qual-desc').textContent = data.desc;\r\n            document.getElementById('sh-qual-footer').textContent = data.footer;\r\n\r\n            \/\/ Build List Cards\r\n            const grid = document.getElementById('sh-qual-cards-grid');\r\n            grid.innerHTML = data.list.map((item) => {\r\n                return `\r\n                    <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start flex items-center gap-4 cursor-default\">\r\n                        ${checkIcon}\r\n                        <span class=\"text-[16px] text-[#243b5a] font-medium leading-snug\">\r\n                            ${item}\r\n                        <\/span>\r\n                    <\/div>\r\n                `;\r\n            }).join('');\r\n        }\r\n\r\n        \/\/ Initialize and bind Mutation Observer\r\n        buildQualitySection();\r\n        const observer = new MutationObserver((mutations) => {\r\n            mutations.forEach((m) => {\r\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\r\n                    buildQualitySection();\r\n                }\r\n            });\r\n        });\r\n        observer.observe(document.documentElement, { attributes: true });\r\n    });\r\n})();\r\n<\/script>\n\n\n\n<style>\r\n    \/* Scoped Container & Breakout Reset *\/\r\n    #sh-prev-imaging-777 {\r\n        width: 100vw !important;\r\n        position: relative !important;\r\n        left: 50% !important;\r\n        right: 50% !important;\r\n        margin-left: -50vw !important;\r\n        margin-right: -50vw !important;\r\n        max-width: 100vw !important;\r\n        background-color: #ffffff !important; \/* NO HEXA BACKGROUND *\/\r\n        overflow: hidden !important;\r\n        padding-top: 5rem !important;\r\n        padding-bottom: 5rem !important;\r\n        box-sizing: border-box !important;\r\n        font-family: inherit;\r\n    }\r\n\r\n    \/* 1475px Max Width Wrapper *\/\r\n    #sh-prev-imaging-777 .sh-wrapper {\r\n        width: 100% !important;\r\n        max-width: 1475px !important; \r\n        margin: 0 auto !important;\r\n        padding: 0 1.25rem !important;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* RTL Support for text alignment *\/\r\n    #sh-prev-imaging-777 .sh-text-start { text-align: left !important; }\r\n    #sh-prev-imaging-777[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\r\n\r\n    \/* Lightweight Animations *\/\r\n    @keyframes shFadeInUpImaging {\r\n        from { opacity: 0; transform: translateY(20px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n    #sh-prev-imaging-777 .sh-animate { \r\n        opacity: 0; \r\n        animation: shFadeInUpImaging 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \r\n    }\r\n\r\n    \/* Hover Effects for Cards *\/\r\n    #sh-prev-imaging-777 .sh-hover-card {\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n    }\r\n    @media (min-width: 768px) {\r\n        #sh-prev-imaging-777 .sh-hover-card:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 20px rgba(19, 139, 134, 0.08);\r\n            border-color: #138b86;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"sh-prev-imaging-777\" dir=\"ltr\">\r\n    <div class=\"sh-wrapper\">\r\n        \r\n        <!-- Header -->\r\n        <div class=\"mb-10 text-center max-w-3xl mx-auto sh-animate\">\r\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\r\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\r\n                <span id=\"sh-pi-kicker\">Ongoing Care<\/span>\r\n            <\/div>\r\n            <h2 id=\"sh-pi-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\r\n                Imaging for Preventive and Ongoing Healthcare\r\n            <\/h2>\r\n            <p id=\"sh-pi-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\r\n                Radiology is not limited to emergency situations. Imaging is frequently used as part of preventive care and long-term disease monitoring.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <p id=\"sh-pi-subtitle\" class=\"text-center font-bold text-[#243b5a] text-[20px] mb-6 sh-animate\" style=\"animation-delay: 0.1s;\">\r\n            Diagnostic imaging may assist with:\r\n        <\/p>\r\n\r\n        <!-- Cards Grid -->\r\n        <div id=\"sh-pi-cards-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.15s;\">\r\n            <!-- Cards will be dynamically injected here -->\r\n        <\/div>\r\n\r\n        <!-- Footer -->\r\n        <div class=\"mt-10 text-center max-w-3xl mx-auto sh-animate\" style=\"animation-delay: 0.2s;\">\r\n            <div class=\"p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3] inline-block\">\r\n                <p id=\"sh-pi-footer\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0\">\r\n                    Your physician determines when imaging is appropriate based on your medical history and current clinical findings.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        \r\n        \/\/ Data containing English and Arabic content\r\n        const imagingData = {\r\n            en: {\r\n                kicker: \"Ongoing Care\",\r\n                title: \"Imaging for Preventive and Ongoing Healthcare\",\r\n                desc: \"Radiology is not limited to emergency situations. Imaging is frequently used as part of preventive care and long-term disease monitoring.\",\r\n                subtitle: \"Diagnostic imaging may assist with:\",\r\n                list: [\r\n                    \"Routine health evaluations\",\r\n                    \"Monitoring chronic medical conditions\",\r\n                    \"Assessing recovery after surgery\",\r\n                    \"Follow-up of previous injuries\",\r\n                    \"Evaluating treatment progress\",\r\n                    \"Investigating new or persistent symptoms\"\r\n                ],\r\n                footer: \"Your physician determines when imaging is appropriate based on your medical history and current clinical findings.\"\r\n            },\r\n            ar: {\r\n                kicker: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\",\r\n                title: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0644\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\",\r\n                desc: \"\u0644\u0627 \u064a\u0642\u062a\u0635\u0631 \u062f\u0648\u0631 \u0627\u0644\u0623\u0634\u0639\u0629 \u0639\u0644\u0649 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0648\u0627\u0631\u0626. \u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0634\u0643\u0644 \u0645\u062a\u0643\u0631\u0631 \u0643\u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\",\r\n                subtitle: \"\u0642\u062f \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0641\u064a:\",\r\n                list: [\r\n                    \"\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\",\r\n                    \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\",\r\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0628\u0639\u062f \u0627\u0644\u062c\u0631\u0627\u062d\u0629\",\r\n                    \"\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629\",\r\n                    \"\u062a\u0642\u064a\u064a\u0645 \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0644\u0627\u062c\",\r\n                    \"\u0641\u062d\u0635 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0623\u0648 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\"\r\n                ],\r\n                footer: \"\u064a\u062d\u062f\u062f \u0637\u0628\u064a\u0628\u0643 \u0645\u062a\u0649 \u064a\u0643\u0648\u0646 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0645\u0646\u0627\u0633\u0628\u0627\u064b \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629.\"\r\n            }\r\n        };\r\n\r\n        const checkIcon = `<span class=\"shrink-0 w-8 h-8 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" 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>`;\r\n\r\n        function buildImagingSection() {\r\n            const htmlTag = document.documentElement;\r\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\r\n            const data = isRtl ? imagingData.ar : imagingData.en;\r\n            \r\n            const section = document.getElementById('sh-prev-imaging-777');\r\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\r\n\r\n            \/\/ Set Header & Footer Texts\r\n            document.getElementById('sh-pi-kicker').textContent = data.kicker;\r\n            document.getElementById('sh-pi-title').textContent = data.title;\r\n            document.getElementById('sh-pi-desc').textContent = data.desc;\r\n            document.getElementById('sh-pi-subtitle').textContent = data.subtitle;\r\n            document.getElementById('sh-pi-footer').textContent = data.footer;\r\n\r\n            \/\/ Build List Cards\r\n            const grid = document.getElementById('sh-pi-cards-grid');\r\n            grid.innerHTML = data.list.map((item) => {\r\n                return `\r\n                    <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start flex items-center gap-4 cursor-default\">\r\n                        ${checkIcon}\r\n                        <span class=\"text-[16px] text-[#243b5a] font-medium leading-snug\">\r\n                            ${item}\r\n                        <\/span>\r\n                    <\/div>\r\n                `;\r\n            }).join('');\r\n        }\r\n\r\n        \/\/ Initialize and bind Mutation Observer\r\n        buildImagingSection();\r\n        const observer = new MutationObserver((mutations) => {\r\n            mutations.forEach((m) => {\r\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\r\n                    buildImagingSection();\r\n                }\r\n            });\r\n        });\r\n        observer.observe(document.documentElement, { attributes: true });\r\n    });\r\n})();\r\n<\/script>\n\n\n\n<style>\n    \/* 1. Universal Breakout for Full-Width Sections (Astra-Proof) *\/\n    .sh-section-breakout {\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        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    \/* 2. Responsive Dotted Hexagon Background *\/\n    .sh-hex-bg {\n        position: absolute !important;\n        inset: 0 !important;\n        pointer-events: none !important;\n        z-index: 0 !important;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%23138b86' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%23138b86' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n        background-size: 90px 78px !important; \/* Mobile size *\/\n        background-repeat: repeat !important;\n        background-position: center top !important;\n        opacity: 0.15 !important;\n    }\n\n    @media (min-width: 768px) {\n        .sh-hex-bg {\n            background-size: 180px 156px !important; \/* Desktop size *\/\n        }\n    }\n\n    \/* Section Specific Styles *\/\n    #sh-lab-questions-202 {\n        background-color: #ffffff !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    #sh-lab-questions-202 .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    \/* Animations *\/\n    @keyframes shFadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-lab-questions-202\" class=\"sh-section-breakout\" dir=\"ltr\">\n    <!-- Hexagon Background -->\n    <div class=\"sh-hex-bg\"><\/div>\n\n    <div class=\"sh-wrapper max-w-5xl mx-auto\">\n        <div class=\"mb-10 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-lab-q-kicker\">Patient Guide<\/span>\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n            <\/div>\n            <h2 id=\"sh-lab-q-title\" class=\"text-[34px] md:text-[44px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                Questions to Ask Before Your Laboratory Test\n            <\/h2>\n            <p id=\"sh-lab-q-intro1\" class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed mb-2\">\n                Understanding the testing process helps patients prepare appropriately.\n            <\/p>\n            <p id=\"sh-lab-q-intro2\" class=\"text-[#243b5a] font-semibold text-[17px] md:text-[18px]\">\n                You may wish to ask:\n            <\/p>\n        <\/div>\n\n        <!-- Questions Grid -->\n        <div class=\"grid md:grid-cols-2 gap-4 mb-10\" id=\"sh-lab-q-list\"><\/div>\n\n        <!-- Footer Highlight -->\n        <div class=\"bg-[#f8fbfd] p-5 md:p-6 rounded-2xl border border-[#e4edf3] flex items-center justify-center text-center sh-animate-up shadow-sm\" style=\"animation-delay: 0.6s;\">\n            <p id=\"sh-lab-q-footer\" class=\"text-[#138b86] font-medium text-[16px] md:text-[17px] leading-relaxed m-0\">\n                Clear communication helps ensure that testing is completed under the most appropriate conditions.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const questionsData = {\n            en: {\n                fontDisplay: \"var(--font-display)\", \n                fontBody: \"system-ui, sans-serif\",\n                kicker: \"Patient Guide\", \n                title: \"Questions to Ask Before Your Laboratory Test\",\n                intro1: \"Understanding the testing process helps patients prepare appropriately.\",\n                intro2: \"You may wish to ask:\",\n                footer: \"Clear communication helps ensure that testing is completed under the most appropriate conditions.\",\n                items: [\n                    \"Do I need to fast before this test?\",\n                    \"Can I take my regular medications?\",\n                    \"How long will the sample collection take?\",\n                    \"When will the results be available?\",\n                    \"Will additional testing be required?\",\n                    \"Should I avoid exercise before the test?\",\n                    \"Do I need to schedule a follow-up appointment to discuss the results?\"\n                ]\n            },\n            ar: {\n                fontDisplay: \"var(--font-arabic)\", \n                fontBody: \"var(--font-arabic)\",\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 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u062e\u0628\u0631\u064a\",\n                intro1: \"\u0641\u0647\u0645 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0641\u062d\u0635 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0631\u0636\u0649 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0628\u0634\u0643\u0644 \u0645\u0646\u0627\u0633\u0628.\",\n                intro2: \"\u0642\u062f \u062a\u0631\u063a\u0628 \u0641\u064a \u0623\u0646 \u062a\u0633\u0623\u0644:\",\n                footer: \"\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0648\u0627\u0636\u062d \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0636\u0645\u0627\u0646 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0635 \u0641\u064a \u0638\u0644 \u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0623\u0643\u062b\u0631 \u0645\u0644\u0627\u0621\u0645\u0629.\",\n                items: [\n                    \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0635\u064a\u0627\u0645 \u0642\u0628\u0644 \u0647\u0630\u0627 \u0627\u0644\u0641\u062d\u0635\u061f\",\n                    \"\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u062a\u0646\u0627\u0648\u0644 \u0623\u062f\u0648\u064a\u062a\u064a \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u0629\u061f\",\n                    \"\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u0633\u064a\u0633\u062a\u063a\u0631\u0642 \u062c\u0645\u0639 \u0627\u0644\u0639\u064a\u0646\u0629\u061f\",\n                    \"\u0645\u062a\u0649 \u0633\u062a\u0643\u0648\u0646 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0645\u062a\u0627\u062d\u0629\u061f\",\n                    \"\u0647\u0644 \u0633\u062a\u0643\u0648\u0646 \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629\u061f\",\n                    \"\u0647\u0644 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062a\u062c\u0646\u0628 \u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635\u061f\",\n                    \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0645\u062a\u0627\u0628\u0639\u0629 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u061f\"\n                ]\n            }\n        };\n\n        function renderQuestions() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.startsWith('ar');\n            const data = isRtl ? questionsData.ar : questionsData.en;\n            const section = document.getElementById('sh-lab-questions-202');\n            \n            if(section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply Texts and Fonts\n            document.getElementById('sh-lab-q-kicker').textContent = data.kicker;\n            \n            const titleEl = document.getElementById('sh-lab-q-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.fontDisplay;\n            \n            const intro1El = document.getElementById('sh-lab-q-intro1');\n            intro1El.textContent = data.intro1;\n            intro1El.style.fontFamily = data.fontBody;\n\n            const intro2El = document.getElementById('sh-lab-q-intro2');\n            intro2El.textContent = data.intro2;\n            intro2El.style.fontFamily = data.fontBody;\n\n            const footerEl = document.getElementById('sh-lab-q-footer');\n            footerEl.textContent = data.footer;\n            footerEl.style.fontFamily = data.fontBody;\n\n            \/\/ Generate List Grid\n            const listDiv = document.getElementById('sh-lab-q-list');\n            listDiv.innerHTML = data.items.map((item, index) => `\n                <div class=\"bg-white p-5 rounded-2xl border border-[#e4edf3] shadow-sm flex items-center gap-4 sh-animate-up hover:border-[#138b86]\/40 transition-colors\" style=\"animation-delay: ${(index * 0.05) + 0.15}s\">\n                    <div class=\"w-10 h-10 shrink-0 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n                    <\/div>\n                    <span class=\"text-[15px] md:text-[16px] text-[#243b5a] font-medium leading-tight\" style=\"font-family: ${data.fontBody};\">${item}<\/span>\n                <\/div>\n            `).join('');\n        }\n        \n        renderQuestions();\n        if (document.documentElement) {\n            new MutationObserver(renderQuestions).observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-why-choose-lab-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: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-why-choose-lab-303 .sh-wc-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-why-choose-lab-303 .sh-wc-text-start { text-align: left !important; }\n    #sh-why-choose-lab-303[dir=\"rtl\"] .sh-wc-text-start { text-align: right !important; }\n\n    \/* 4. Entrance Animation *\/\n    @keyframes shFadeInUpWc {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-why-choose-lab-303 .sh-wc-animate { \n        opacity: 0; \n        animation: shFadeInUpWc 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 5. Responsive Cards & Hover Effects *\/\n    #sh-why-choose-lab-303 .sh-wc-card {\n        background-color: #f8fafc !important;\n        border: 1px solid #e4edf3 !important;\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, border-color 0.3s ease !important;\n    }\n    \n    \/* Handle Borders for LTR and RTL separately *\/\n    #sh-why-choose-lab-303[dir=\"ltr\"] .sh-wc-card { border-left: 4px solid #138b86 !important; }\n    #sh-why-choose-lab-303[dir=\"rtl\"] .sh-wc-card { border-right: 4px solid #138b86 !important; }\n\n    @media (min-width: 768px) {\n        #sh-why-choose-lab-303 .sh-wc-card:hover {\n            transform: translateY(-4px) !important;\n            box-shadow: 0 10px 20px rgba(19, 139, 134, 0.1) !important;\n            border-color: rgba(19, 139, 134, 0.3) !important;\n        }\n    }\n<\/style>\n\n<section id=\"sh-why-choose-lab-303\" dir=\"ltr\">\n    <div class=\"sh-wc-wrapper\">\n        \n        <div class=\"mb-12 max-w-4xl sh-wc-text-start sh-wc-animate mx-auto md:mx-0 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-wc-lang-kicker\">Excellence in Diagnostics<\/span>\n            <\/div>\n            <h2 id=\"sh-wc-lang-title\" class=\"text-[32px] md:text-[44px] text-[#243b5a] m-0 font-bold leading-tight mb-5\" style=\"font-family: var(--font-display);\">\n                Why Choose Shefa Hospital Medical Laboratory in Makkah?\n            <\/h2>\n            <p id=\"sh-wc-lang-desc\" class=\"text-[#596b82] text-[17px] md:text-[18px] leading-relaxed\">\n                Patients searching for the best medical laboratory in Makkah need diagnostic services that combine accuracy, efficiency, and integration with hospital-based care.\n            <\/p>\n        <\/div>\n\n        <!-- Grid Cards injected via JS to split the dense text into readable benefits -->\n        <div id=\"sh-wc-lang-grid\" class=\"grid sm:grid-cols-2 gap-6 sh-wc-animate\" style=\"animation-delay: 0.15s;\">\n            <!-- Content populates here -->\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 shWcData = {\n            en: {\n                kicker: \"Excellence in Diagnostics\",\n                title: \"Why Choose Shefa Hospital Medical Laboratory in Makkah?\",\n                desc: \"Patients searching for the best medical laboratory in Makkah need diagnostic services that combine accuracy, efficiency, and integration with hospital-based care.\",\n                items: [\n                    {\n                        title: \"Integrated Hospital Care\",\n                        desc: \"Located in Al Mansur, Makkah, we provide services that seamlessly support emergency medicine, outpatient consultations, and inpatient treatment.\"\n                    },\n                    {\n                        title: \"Clinical Collaboration\",\n                        desc: \"The laboratory works closely with physicians across multiple departments, ensuring diagnostic findings contribute effectively to clinical decision-making.\"\n                    },\n                    {\n                        title: \"Comprehensive Services\",\n                        desc: \"From routine blood investigations and health screening panels to highly specialized pathology and microbiology services.\"\n                    },\n                    {\n                        title: \"Continuous Patient Support\",\n                        desc: \"Fully equipped to assist in diagnosing medical conditions, monitoring treatment progress, and supporting ongoing preventive and specialist care.\"\n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0645\u062e\u062a\u0628\u0631 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0627\u0644\u0637\u0628\u064a \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u061f\",\n                desc: \"\u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 \u0623\u0641\u0636\u0644 \u0645\u062e\u062a\u0628\u0631 \u0637\u0628\u064a \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629 \u0625\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649.\",\n                items: [\n                    {\n                        title: \"\u0631\u0639\u0627\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\",\n                        desc: \"\u064a\u0642\u0639 \u0645\u062e\u062a\u0628\u0631\u0646\u0627 \u0641\u064a \u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u0628\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0648\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u062f\u0639\u0645 \u0637\u0628 \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \u0648\u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0648\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0645\u0646\u0648\u0645\u064a\u0646 \u0628\u0633\u0644\u0627\u0633\u0629.\"\n                    },\n                    {\n                        title: \"\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\",\n                        desc: \"\u064a\u0639\u0645\u0644 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0628\u0634\u0643\u0644 \u0648\u062b\u064a\u0642 \u0645\u0639 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0639\u0628\u0631 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0623\u0642\u0633\u0627\u0645\u060c \u0644\u0636\u0645\u0627\u0646 \u0645\u0633\u0627\u0647\u0645\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0628\u0641\u0639\u0627\u0644\u064a\u0629 \u0641\u064a \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629.\"\n                    },\n                    {\n                        title: \"\u062e\u062f\u0645\u0627\u062a \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0634\u0627\u0645\u0644\u0629\",\n                        desc: \"\u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062f\u0645 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0648\u0628\u0627\u0642\u0627\u062a \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a\u060c \u0648\u0648\u0635\u0648\u0644\u0627\u064b \u0625\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0639\u0644\u0645 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0648\u0627\u0644\u0623\u062d\u064a\u0627\u0621 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 (\u0627\u0644\u0645\u064a\u0643\u0631\u0648\u0628\u064a\u0648\u0644\u0648\u062c\u064a) \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629.\"\n                    },\n                    {\n                        title: \"\u062f\u0639\u0645 \u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u0645\u0631\u0636\u0649\",\n                        desc: \"\u0645\u062c\u0647\u0632\u0648\u0646 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0644\u0627\u062c\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629.\"\n                    }\n                ]\n            }\n        };\n\n        \/\/ Custom Checkmark SVG Icon for Benefits\n        const checkIcon = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#138b86] mt-0.5 shrink-0\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>`;\n\n        function shInitWhyChooseData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shWcData.ar : shWcData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-why-choose-lab-303');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Texts\n            document.getElementById('sh-wc-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-wc-lang-title').textContent = data.title;\n            document.getElementById('sh-wc-lang-desc').textContent = data.desc;\n            \n            \/\/ Build the grid items dynamically\n            const gridContainer = document.getElementById('sh-wc-lang-grid');\n            gridContainer.innerHTML = data.items.map((item, index) => `\n                <div class=\"sh-wc-card\" style=\"animation-delay: ${(index * 0.1) + 0.2}s\">\n                    ${checkIcon}\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.title}<\/span>\n                        <span class=\"text-[#596b82] text-[15.5px] leading-relaxed\">${item.desc}<\/span>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Run Initialization\n        shInitWhyChooseData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically for WordPress\/Plugins\n        const shWcObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitWhyChooseData();\n                }\n            }\n        });\n        if(document.documentElement) {\n            shWcObserver.observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Universal Breakout for Full-Width Sections (Astra-Proof) *\/\n    .sh-section-breakout {\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        box-sizing: border-box !important;\n        overflow: hidden !important;\n    }\n\n    \/* 2. Responsive Dotted Hexagon Background *\/\n    .sh-hex-bg {\n        position: absolute !important;\n        inset: 0 !important;\n        pointer-events: none !important;\n        z-index: 0 !important;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%23138b86' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%23138b86' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n        background-size: 90px 78px !important; \/* Mobile Size *\/\n        background-repeat: repeat !important;\n        background-position: center top !important;\n        opacity: 0.15 !important;\n    }\n\n    @media (min-width: 768px) {\n        .sh-hex-bg {\n            background-size: 180px 156px !important; \/* Desktop Size *\/\n        }\n    }\n\n    \/* Section Specific Styles *\/\n    #sh-lab-faq-404 {\n        background-color: #f8fbfd !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    #sh-lab-faq-404 .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    }\n\n    \/* Animation *\/\n    @keyframes shFadeInUpCards { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n    .sh-faq-animate { opacity: 0; animation: shFadeInUpCards 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n\n    \/* Accordion Functionality Styles *\/\n    #sh-lab-faq-404 .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-lab-faq-404 .sh-faq-item.active .sh-faq-content {\n        padding-top: 1rem;\n        padding-bottom: 1.5rem;\n    }\n    #sh-lab-faq-404 .sh-faq-item.active .sh-chevron {\n        transform: rotate(180deg);\n    }\n    #sh-lab-faq-404 .sh-chevron {\n        transition: transform 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-lab-faq-404\" class=\"sh-section-breakout\" dir=\"ltr\">\n    <!-- Global Dotted Hexagon Background -->\n    <div class=\"sh-hex-bg\"><\/div>\n\n    <div class=\"sh-faq-wrapper\">\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);\">Frequently Asked Questions<\/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;\"><\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const shFaqData = {\n            en: {\n                kicker: \"FAQ\",\n                title: \"Frequently Asked Questions\",\n                faqs: [\n                    { \n                        q: \"What services does a medical laboratory provide?\", \n                        a: \"A medical laboratory performs diagnostic investigations using blood, urine, tissue, stool, swab, and other biological samples. These tests help diagnose illnesses, monitor chronic diseases, assess organ function, detect infections, and support preventive healthcare.\" \n                    },\n                    { \n                        q: \"Do I need a doctor's referral for laboratory testing?\", \n                        a: \"Some laboratory tests may be requested directly by a physician during a consultation, while others may be available as part of preventive health screening. The appropriate tests depend on your health needs and local healthcare policies.\" \n                    },\n                    { \n                        q: \"Why do some blood tests require fasting?\", \n                        a: \"Fasting helps ensure accurate measurement of certain substances in the blood, such as glucose or lipid levels. Not every laboratory investigation requires fasting, so patients should follow the preparation instructions provided for their specific test.\" \n                    },\n                    { \n                        q: \"How accurate are laboratory test results?\", \n                        a: \"Diagnostic laboratories follow standardized procedures, quality control protocols, and validated testing methods to maintain accuracy. Results are also reviewed in the context of a patient's symptoms and clinical findings.\" \n                    },\n                    { \n                        q: \"How often should routine health screening be performed?\", \n                        a: \"The frequency of laboratory screening depends on factors such as age, family history, lifestyle, existing medical conditions, and recommendations from your healthcare provider.\" \n                    },\n                    { \n                        q: \"What should I do if my laboratory report shows an abnormal value?\", \n                        a: \"An abnormal laboratory result does not always indicate a serious medical condition. Patients should review their report with a qualified physician, who will interpret the findings alongside their medical history, examination, and any additional investigations that may be needed.\" \n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\",\n                title: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\",\n                faqs: [\n                    { \n                        q: \"\u0645\u0627 \u0647\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0642\u062f\u0645\u0647\u0627 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0637\u0628\u064a\u061f\", \n                        a: \"\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u0637\u0628\u064a \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0648\u0635\u0627\u062a \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0639\u064a\u0646\u0627\u062a \u0627\u0644\u062f\u0645 \u0648\u0627\u0644\u0628\u0648\u0644 \u0648\u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0648\u0627\u0644\u0628\u0631\u0627\u0632 \u0648\u0627\u0644\u0645\u0633\u062d\u0627\u062a \u0648\u0627\u0644\u0639\u064a\u0646\u0627\u062a \u0627\u0644\u0628\u064a\u0648\u0644\u0648\u062c\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649. \u062a\u0633\u0627\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0641\u064a \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0632\u0645\u0646\u0629 \u0648\u062a\u0642\u064a\u064a\u0645 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0648\u0627\u0644\u0643\u0634\u0641 \u0639\u0646 \u0627\u0644\u0639\u062f\u0648\u0649 \u0648\u062f\u0639\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u062d\u0648\u064a\u0644 \u0637\u0628\u064a \u0644\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\u061f\", \n                        a: \"\u0642\u062f \u064a\u0637\u0644\u0628 \u0627\u0644\u0637\u0628\u064a\u0628 \u0645\u0628\u0627\u0634\u0631\u0629 \u0628\u0639\u0636 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\u060c \u0641\u064a \u062d\u064a\u0646 \u0642\u062f \u064a\u062a\u0648\u0641\u0631 \u0627\u0644\u0628\u0639\u0636 \u0627\u0644\u0622\u062e\u0631 \u0643\u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0648\u0642\u0627\u0626\u064a. \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0639\u0644\u0649 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629.\" \n                    },\n                    { \n                        q: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062f\u0645 \u0627\u0644\u0635\u064a\u0627\u0645\u061f\", \n                        a: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0635\u064a\u0627\u0645 \u0641\u064a \u0636\u0645\u0627\u0646 \u0627\u0644\u0642\u064a\u0627\u0633 \u0627\u0644\u062f\u0642\u064a\u0642 \u0644\u0628\u0639\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0641\u064a \u0627\u0644\u062f\u0645\u060c \u0645\u062b\u0644 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062c\u0644\u0648\u0643\u0648\u0632 \u0623\u0648 \u0627\u0644\u062f\u0647\u0648\u0646. \u0644\u0627 \u064a\u062a\u0637\u0644\u0628 \u0643\u0644 \u0641\u062d\u0635 \u0645\u062e\u0628\u0631\u064a \u0627\u0644\u0635\u064a\u0627\u0645\u060c \u0644\u0630\u0627 \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u062a\u0628\u0627\u0639 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0644\u0641\u062d\u0635\u0647\u0645 \u0627\u0644\u0645\u062d\u062f\u062f.\" \n                    },\n                    { \n                        q: \"\u0645\u0627 \u0645\u062f\u0649 \u062f\u0642\u0629 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\u061f\", \n                        a: \"\u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0645\u0648\u062d\u062f\u0629 \u0648\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0637\u0631\u0642 \u0641\u062d\u0635 \u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062f\u0642\u0629. \u062a\u062a\u0645 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0623\u064a\u0636\u064b\u0627 \u0641\u064a \u0633\u064a\u0627\u0642 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0631\u064a\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 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u061f\", \n                        a: \"\u064a\u0639\u062a\u0645\u062f \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u062e\u0628\u0631\u064a \u0639\u0644\u0649 \u0639\u0648\u0627\u0645\u0644 \u0645\u062b\u0644 \u0627\u0644\u0639\u0645\u0631 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0639\u0627\u0626\u0644\u064a \u0648\u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u062a\u0648\u0635\u064a\u0627\u062a \u0645\u0642\u062f\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643.\" \n                    },\n                    { \n                        q: \"\u0645\u0627\u0630\u0627 \u0623\u0641\u0639\u0644 \u0625\u0630\u0627 \u0623\u0638\u0647\u0631 \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0627\u0644\u062e\u0627\u0635 \u0628\u064a \u0642\u064a\u0645\u0629 \u063a\u064a\u0631 \u0637\u0628\u064a\u0639\u064a\u0629\u061f\", \n                        a: \"\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u063a\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0644\u0627 \u062a\u0634\u064a\u0631 \u062f\u0627\u0626\u0645\u064b\u0627 \u0625\u0644\u0649 \u062d\u0627\u0644\u0629 \u0637\u0628\u064a\u0629 \u062e\u0637\u064a\u0631\u0629. \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u0636\u0649 \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0642\u0631\u064a\u0631\u0647\u0645 \u0645\u0639 \u0637\u0628\u064a\u0628 \u0645\u0624\u0647\u0644\u060c \u0648\u0627\u0644\u0630\u064a \u0633\u064a\u0641\u0633\u0631 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u062c\u0646\u0628\u064b\u0627 \u0625\u0644\u0649 \u062c\u0646\u0628 \u0645\u0639 \u062a\u0627\u0631\u064a\u062e\u0647\u0645 \u0627\u0644\u0637\u0628\u064a \u0648\u0627\u0644\u0641\u062d\u0635 \u0648\u0623\u064a \u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0642\u062f \u062a\u0643\u0648\u0646 \u0645\u0637\u0644\u0648\u0628\u0629.\" \n                    }\n                ]\n            }\n        };\n\n        function shInitFaqData() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.startsWith('ar');\n            const data = isRtl ? shFaqData.ar : shFaqData.en;\n            const section = document.getElementById('sh-lab-faq-404');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-faq-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-faq-lang-title').textContent = data.title;\n            \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 justify-between text-start px-6 py-5 hover:bg-[#f8fbfd] transition-colors gap-4\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[17px] md:text-[18px] leading-snug\" 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.5\" 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 text-start\">\n                            ${faq.a}\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\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 items\n            document.querySelectorAll('#sh-lab-faq-404 .sh-faq-item').forEach(el => {\n                el.classList.remove('active');\n                el.querySelector('.sh-faq-content').style.maxHeight = null;\n            });\n            \n            \/\/ Open clicked item if it wasn't active\n            if (!isActive) {\n                item.classList.add('active');\n                content.style.maxHeight = content.scrollHeight + 50 + \"px\"; \/\/ +50px buffer for padding\n            }\n        };\n\n        shInitFaqData();\n        new MutationObserver(shInitFaqData).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-lab-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 (Image Removed, Gradient Only) *\/\n    #sh-lab-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        background: linear-gradient(135deg, #1e293b 0%, #138b86 100%) !important;\n    }\n\n    \/* 2. Constrained Centered Wrapper *\/\n    #sh-lab-book-505 .sh-book-wrapper {\n        width: 100% !important;\n        max-width: 1200px !important; \n        margin: 0 auto !important;\n        padding: 0 1.5rem !important;\n        position: relative !important;\n        z-index: 10 !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-lab-book-505 .sh-text-center { text-align: center !important; }\n    #sh-lab-book-505 .sh-text-start { text-align: left !important; }\n    #sh-lab-book-505[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* 4. Remove Links Underline *\/\n    #sh-lab-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-lab-book-505 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpBook 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Smooth Font Transitions *\/\n    #sh-lab-book-505 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-lab-book-505\" dir=\"ltr\">\n    \n    <!-- Background Layer (No Image, Premium Gradient Only) -->\n    <div class=\"sh-bg-layer\"><\/div>\n\n    <div class=\"sh-book-wrapper text-white relative z-10\">\n        \n        <div class=\"sh-animate sh-text-center\">\n            <!-- Kicker removed as requested -->\n            <h2 id=\"sh-book-lang-title\" class=\"text-[36px] md:text-[48px] lg:text-[52px] leading-tight font-bold text-white m-0 max-w-3xl mx-auto\" style=\"font-family: var(--font-display);\"><\/h2>\n        <\/div>\n        \n        <div class=\"grid lg:grid-cols-2 gap-10 mt-12 sh-animate\" style=\"animation-delay: 0.15s;\">\n            \n            <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 rounded-3xl p-8 shadow-lg sh-text-start\">\n                <h3 id=\"sh-book-lang-ta-title\" class=\"text-[26px] font-bold text-white mb-6\" style=\"font-family: var(--font-display);\"><\/h3>\n                <ul id=\"sh-book-lang-list\" class=\"space-y-4\">\n                    <!-- Injected via JS -->\n                <\/ul>\n            <\/div>\n\n            <div class=\"sh-text-start flex flex-col justify-center\">\n                <h3 id=\"sh-book-lang-concl-title\" class=\"text-[26px] font-bold text-[#d4af37] mb-5\" style=\"font-family: var(--font-display);\"><\/h3>\n                <div class=\"space-y-5 text-white\/90 text-[17px] md:text-[18px] leading-relaxed font-normal\">\n                    <p id=\"sh-book-lang-p1\"><\/p>\n                    <p id=\"sh-book-lang-p2\" class=\"[&#038;_strong]:text-white [&#038;_strong]:font-bold\"><\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n        \n        <div class=\"mt-12 flex flex-wrap justify-center items-center gap-4 sh-animate\" style=\"animation-delay: 0.3s;\">\n            <!-- Book Appointment Button -->\n            <a href=\"#appointment-form\" class=\"shefa-popup-trigger inline-flex items-center gap-2.5 bg-[#d4af37] text-white rounded-full px-8 py-4 font-bold hover:bg-[#b5952f] hover:scale-[1.02] transition-all duration-300 shadow-xl text-[16px]\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg> \n                <span id=\"sh-book-lang-btn1\">Book Appointment<\/span>\n            <\/a>\n            \n            <!-- Call Dialer Button -->\n            <a href=\"tel:+966125333555\" class=\"inline-flex items-center gap-2.5 bg-white text-[#243b5a] rounded-full px-8 py-4 font-bold hover:bg-gray-100 hover:scale-[1.02] transition-all duration-300 shadow-xl text-[16px]\" dir=\"ltr\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg> \n                <span id=\"sh-book-lang-btn2\">+966 12 533 3555<\/span>\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ --- Translation Data ---\n        const shLabBookData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                title: \"Key Takeaways & Conclusion\",\n                takeawaysTitle: \"Key Points to Remember\",\n                takeaways: [\n                    \"Medical laboratories provide essential diagnostic information that supports accurate medical decision-making.\",\n                    \"Laboratory investigations help diagnose diseases, monitor ongoing treatment, and detect health concerns during preventive screening.\",\n                    \"Proper sample collection and quality assurance contribute significantly to reliable test results.\",\n                    \"Routine laboratory assessments play an important role in maintaining long-term health and monitoring chronic conditions.\",\n                    \"Hospital-based laboratory services improve coordination between diagnostic testing and patient care.\"\n                ],\n                conclusionTitle: \"Conclusion\",\n                p1: \"Diagnostic testing is a foundational element of modern healthcare, providing physicians with the critical data needed to make informed treatment decisions. From routine health screenings to the management of chronic conditions, accurate laboratory results are essential for patient safety and effective care.\",\n                p2: \"For those seeking a reliable <a href='https:\/\/shefahospital.sa\/radiology-center-makkah\/' style='color:#d4af37; text-decoration:underline; font-weight:bold;'>Pediatrician in Makkah<\/a>, <strong>Shefa Hospital<\/strong> in <strong>Al Mansur<\/strong> offers comprehensive, hospital-integrated diagnostic services. By combining strict quality assurance, advanced testing capabilities, and direct clinical collaboration, the laboratory ensures that every patient receives precise and timely results to support their health journey.\",\n                btnAppt: \"Book Appointment\",\n                btnCall: \"+966 12 533 3555\"\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                title: \"\u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637 \u0648\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                takeawaysTitle: \"\u0646\u0642\u0627\u0637 \u0631\u0626\u064a\u0633\u064a\u0629 \u064a\u062c\u0628 \u062a\u0630\u0643\u0631\u0647\u0627\",\n                takeaways: [\n                    \"\u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u062a\u062f\u0639\u0645 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629.\",\n                    \"\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0641\u064a \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0635\u062d\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0648\u0642\u0627\u0626\u064a.\",\n                    \"\u064a\u0633\u0627\u0647\u0645 \u0627\u0644\u062c\u0645\u0639 \u0627\u0644\u0633\u0644\u064a\u0645 \u0644\u0644\u0639\u064a\u0646\u0627\u062a \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0641\u064a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0648\u062b\u0648\u0642\u0629.\",\n                    \"\u062a\u0644\u0639\u0628 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u062f\u0648\u0631\u0627\u064b \u0645\u0647\u0645\u0627\u064b \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0635\u062d\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0632\u0645\u0646\u0629.\",\n                    \"\u062a\u0639\u0645\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0628\u064a\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u0636\u0649.\"\n                ],\n                conclusionTitle: \"\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                p1: \"\u064a\u0639\u062f \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0639\u0646\u0635\u0631\u0627\u064b \u0623\u0633\u0627\u0633\u064a\u0627\u064b \u0641\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u062d\u064a\u062b \u064a\u0632\u0648\u062f \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0628\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0639\u0644\u0627\u062c\u064a\u0629 \u0645\u0633\u062a\u0646\u064a\u0631\u0629. \u0645\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0625\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0632\u0645\u0646\u0629\u060c \u062a\u0639\u062a\u0628\u0631 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0636\u0631\u0648\u0631\u064a\u0629 \u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0631\u0636\u0649 \u0648\u0641\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629.\",\n                p2: \"\u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0623\u0648\u0644\u0626\u0643 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 <a href='https:\/\/shefahospital.sa\/radiology-center-makkah\/' style='color:#d4af37; text-decoration:underline; font-weight:bold;'>\u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628 \u0623\u0637\u0641\u0627\u0644 \u0641\u064a \u0645\u0643\u0629<\/a>\u060c \u064a\u0642\u062f\u0645 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/strong> \u0641\u064a \u062d\u064a <strong>\u0627\u0644\u0645\u0646\u0635\u0648\u0631<\/strong> \u062e\u062f\u0645\u0627\u062a \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0635\u0627\u0631\u0645\u060c \u0648\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\u060c \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u060c \u064a\u0636\u0645\u0646 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u062d\u0635\u0648\u0644 \u0643\u0644 \u0645\u0631\u064a\u0636 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629 \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u062f\u0639\u0645 \u0631\u062d\u0644\u062a\u0647 \u0627\u0644\u0635\u062d\u064a\u0629.\",\n                btnAppt: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"+966 12 533 3555\"\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#d4af37] text-white flex items-center justify-center shadow-sm\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>`;\n\n        function shInitLabBookData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shLabBookData.ar : shLabBookData.en;\n            \n            const section = document.getElementById('sh-lab-book-505');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Content Texts and apply Fonts\n            const title = document.getElementById('sh-book-lang-title');\n            title.textContent = data.title;\n            title.style.fontFamily = data.headerFont;\n            \n            const taTitle = document.getElementById('sh-book-lang-ta-title');\n            taTitle.textContent = data.takeawaysTitle;\n            taTitle.style.fontFamily = data.headerFont;\n\n            const conclTitle = document.getElementById('sh-book-lang-concl-title');\n            conclTitle.textContent = data.conclusionTitle;\n            conclTitle.style.fontFamily = data.headerFont;\n            \n            const p1 = document.getElementById('sh-book-lang-p1');\n            p1.textContent = data.p1;\n            p1.style.fontFamily = data.bodyFont;\n\n            const p2 = document.getElementById('sh-book-lang-p2');\n            p2.innerHTML = data.p2; \/\/ innerHTML for strong tags\n            p2.style.fontFamily = data.bodyFont;\n            \n            const btn1 = document.getElementById('sh-book-lang-btn1');\n            btn1.textContent = data.btnAppt;\n            btn1.style.fontFamily = data.bodyFont;\n\n            const btn2 = document.getElementById('sh-book-lang-btn2');\n            btn2.textContent = data.btnCall;\n            btn2.style.fontFamily = data.bodyFont;\n\n            \/\/ Inject List\n            const listContainer = document.getElementById('sh-book-lang-list');\n            listContainer.innerHTML = data.takeaways.map(item => `\n                <li class=\"flex items-start gap-3\">\n                    ${checkIcon}\n                    <span class=\"text-white\/95 text-[16px] leading-relaxed\" style=\"font-family: ${data.bodyFont};\">${item}<\/span>\n                <\/li>\n            `).join('');\n        }\n\n        \/\/ Initialize Translation & Listen for Language\/Dir Changes\n        shInitLabBookData();\n        const shLabBookObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitLabBookData();\n                }\n            }\n        });\n        if (document.documentElement) {\n            shLabBookObserver.observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-lab-conclusion-606 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* Solid White Background *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-lab-conclusion-606 .sh-concl-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-lab-conclusion-606 .sh-concl-text-start { text-align: left !important; }\n    #sh-lab-conclusion-606[dir=\"rtl\"] .sh-concl-text-start { text-align: right !important; }\n\n    \/* 4. Entrance Animation *\/\n    @keyframes shFadeInUpConcl {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-lab-conclusion-606 .sh-concl-animate { \n        opacity: 0; \n        animation: shFadeInUpConcl 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    \n    \/* 5. Emphasized Text Styling (SEO Bold terms) *\/\n    #sh-lab-conclusion-606 strong {\n        color: #243b5a;\n        font-weight: 700;\n    }\n<\/style>\n\n<section id=\"sh-lab-conclusion-606\" dir=\"ltr\">\n    <div class=\"sh-concl-wrapper\">\n        \n        <div class=\"max-w-4xl mx-auto sh-concl-text-start sh-concl-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-lab-concl-lang-kicker\">Summary<\/span>\n                <\/div>\n                <h2 id=\"sh-lab-concl-lang-title\" class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\n                    Conclusion\n                <\/h2>\n            <\/div>\n\n            <div class=\"space-y-6 text-[17.5px] leading-[1.85] text-[#596b82]\">\n                <p id=\"sh-lab-concl-lang-p1\"><\/p>\n                <p id=\"sh-lab-concl-lang-p2\"><\/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 shLabConclData = {\n            en: {\n                kicker: \"Summary\",\n                title: \"Conclusion\",\n                p1: \"Laboratory medicine is a vital part of modern healthcare, providing the scientific information physicians rely on to diagnose illnesses, evaluate organ function, monitor chronic conditions, and guide treatment decisions. Accurate testing supports timely intervention and contributes to safer, more effective patient care.\",\n                p2: \"For individuals seeking the <strong>best medical laboratory in Makkah<\/strong>, <strong>Shefa Hospital<\/strong> in <strong>Al Mansur<\/strong> offers comprehensive diagnostic laboratory services within a hospital setting. With support for preventive health screening, outpatient consultations, emergency care, and specialized medical services, the laboratory plays an integral role in delivering dependable, evidence-based healthcare for patients of all ages.\"\n            },\n            ar: {\n                kicker: \"\u062e\u0644\u0627\u0635\u0629\",\n                title: \"\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                p1: \"\u064a\u0639\u062f \u0627\u0644\u0637\u0628 \u0627\u0644\u0645\u062e\u0628\u0631\u064a \u062c\u0632\u0621\u0627\u064b \u062d\u064a\u0648\u064a\u0627\u064b \u0645\u0646 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u062d\u064a\u062b \u064a\u0648\u0641\u0631 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0648\u062a\u0642\u064a\u064a\u0645 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0632\u0645\u0646\u0629 \u0648\u062a\u0648\u062c\u064a\u0647 \u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c. \u064a\u062f\u0639\u0645 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0627\u0644\u062a\u062f\u062e\u0644 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u064a\u0633\u0627\u0647\u0645 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0631\u0639\u0627\u064a\u0629 \u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0648\u0641\u0639\u0627\u0644\u064a\u0629 \u0644\u0644\u0645\u0631\u0636\u0649.\",\n                p2: \"\u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 <strong>\u0623\u0641\u0636\u0644 \u0645\u062e\u062a\u0628\u0631 \u0637\u0628\u064a \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\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 \u0645\u062e\u062a\u0628\u0631\u064a\u0629 \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062f\u0627\u062e\u0644 \u0628\u064a\u0626\u0629 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649. \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u062f\u0639\u0645 \u0644\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0648\u0642\u0627\u0626\u064a \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c \u064a\u0644\u0639\u0628 \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u062f\u0648\u0631\u0627\u064b \u0644\u0627 \u064a\u062a\u062c\u0632\u0623 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0644\u0629 \u0644\u0644\u0645\u0631\u0636\u0649 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0631.\"\n            }\n        };\n\n        function shInitLabConclData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shLabConclData.ar : shLabConclData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-lab-conclusion-606');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject HTML Content\n            document.getElementById('sh-lab-concl-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-lab-concl-lang-title').textContent = data.title;\n            \n            \/\/ Using innerHTML to preserve the <strong> tags for SEO formatting\n            document.getElementById('sh-lab-concl-lang-p1').innerHTML = data.p1;\n            document.getElementById('sh-lab-concl-lang-p2').innerHTML = data.p2;\n        }\n\n        \/\/ Run Initialization\n        shInitLabConclData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const shLabConclObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitLabConclData();\n                }\n            }\n        });\n        shLabConclObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n  \/* 1. Strict Isolation Container *\/\n  #sh-lab-disclaimer-707 {\n    width: 100%;\n    box-sizing: border-box;\n    display: block;\n  }\n\n  \/* 2. RTL & LTR Typography Handling *\/\n  #sh-lab-disclaimer-707 .sh-disc-text-start { text-align: left !important; }\n  #sh-lab-disclaimer-707[dir=\"rtl\"] .sh-disc-text-start { text-align: right !important; }\n\n  \/* 3. Lightweight CSS animation - Zero JS required for animation *\/\n  @keyframes shFadeInUpDisc {\n    from {\n      opacity: 0;\n      transform: translateY(15px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  #sh-lab-disclaimer-707 .animate-fade-in-up {\n    animation: shFadeInUpDisc 0.5s ease-out forwards;\n  }\n<\/style>\n\n<section id=\"sh-lab-disclaimer-707\" class=\"py-10 md:py-16 w-full\" dir=\"ltr\">\n  <div class=\"mx-auto px-4 md:px-6 lg:px-8 max-w-[1475px]\">\n    \n    <!-- Disclaimer Box -->\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      <!-- Hospital\/Medical Icon -->\n      <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-xl bg-white border border-slate-200 text-[#138b86] flex items-center justify-center shrink-0 shadow-sm mt-1\">\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      <!-- Text Content -->\n      <div class=\"sh-disc-text-start w-full\">\n        <h3 id=\"sh-lab-disc-title\" class=\"text-lg md:text-[20px] font-bold text-[#243b5a] mb-3 tracking-tight\" style=\"font-family: var(--font-display);\"><\/h3>\n        \n        <ul class=\"text-[13.5px] md:text-sm text-slate-700 space-y-1 mb-4\" style=\"font-family: var(--font-body);\">\n          <li id=\"sh-lab-disc-rev\"><\/li>\n          <li id=\"sh-lab-disc-date\"><\/li>\n          <li id=\"sh-lab-disc-acc\"><\/li>\n        <\/ul>\n\n        <p id=\"sh-lab-disc-desc\" class=\"text-[13.5px] md:text-sm text-slate-600 leading-relaxed m-0 font-medium\"><\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data Dictionary for EN and AR\n        const shLabDiscData = {\n            en: {\n                title: \"Medical Review & Disclaimer\",\n                rev: \"<strong>Reviewed By:<\/strong> Dr. Ehab Elokesh, Registrar OB-GYN (Languages: Arabic, English)\",\n                date: \"<strong>Last Updated:<\/strong> July 2026\",\n                acc: \"<strong>Hospital Accreditation:<\/strong> CBAHI Accredited Facility\",\n                desc: \"<strong>Disclaimer:<\/strong> The information provided on this page is for educational purposes only and should not be considered a substitute for professional medical advice, diagnosis, or treatment. Laboratory results should always be interpreted by a qualified healthcare professional in conjunction with your symptoms, medical history, and physical examination. If you experience severe or persistent symptoms, seek medical evaluation promptly rather than relying solely on laboratory findings.\",\n                fontDisplay: \"var(--font-display)\",\n                fontBody: \"system-ui, sans-serif\"\n            },\n            ar: {\n                title: \"\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0625\u062e\u0644\u0627\u0621 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629\",\n                rev: \"<strong>\u0645\u0631\u0627\u062c\u0639\u0629 \u0637\u0628\u064a\u0629:<\/strong> \u062f. \u0625\u064a\u0647\u0627\u0628 \u0627\u0644\u0639\u0643\u0634\u060c \u0623\u062e\u0635\u0627\u0626\u064a \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629 (\u0627\u0644\u0644\u063a\u0627\u062a: \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629)\",\n                date: \"<strong>\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:<\/strong> \u064a\u0648\u0644\u064a\u0648 2026\",\n                acc: \"<strong>\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649:<\/strong> \u0645\u0646\u0634\u0623\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646 \u0633\u0628\u0627\u0647\u064a (CBAHI)\",\n                desc: \"<strong>\u0625\u062e\u0644\u0627\u0621 \u0645\u0633\u0624\u0648\u0644\u064a\u0629:<\/strong> \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0641\u0642\u0637 \u0648\u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0647\u0627 \u0628\u062f\u064a\u0644\u0627\u064b \u0639\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0623\u0648 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0623\u0648 \u0627\u0644\u0639\u0644\u0627\u062c. \u064a\u062c\u0628 \u062f\u0627\u0626\u0645\u064b\u0627 \u062a\u0641\u0633\u064a\u0631 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0645\u0646 \u0642\u0628\u0644 \u0623\u062e\u0635\u0627\u0626\u064a \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0645\u0624\u0647\u0644 \u062c\u0646\u0628\u064b\u0627 \u0625\u0644\u0649 \u062c\u0646\u0628 \u0645\u0639 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a \u0648\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a \u0645\u0646 \u0623\u0639\u0631\u0627\u0636 \u0634\u062f\u064a\u062f\u0629 \u0623\u0648 \u0645\u0633\u062a\u0645\u0631\u0629\u060c \u0641\u0627\u0637\u0644\u0628 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629.\",\n                fontDisplay: \"var(--font-arabic)\",\n                fontBody: \"var(--font-arabic)\"\n            }\n        };\n\n        function shInitLabDiscData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shLabDiscData.ar : shLabDiscData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-lab-disclaimer-707');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Texts and Fonts\n            const titleEl = document.getElementById('sh-lab-disc-title');\n            if(titleEl) {\n                titleEl.textContent = data.title;\n                titleEl.style.fontFamily = data.fontDisplay;\n            }\n            \n            const revEl = document.getElementById('sh-lab-disc-rev');\n            if(revEl) revEl.innerHTML = data.rev;\n            \n            const dateEl = document.getElementById('sh-lab-disc-date');\n            if(dateEl) dateEl.innerHTML = data.date;\n            \n            const accEl = document.getElementById('sh-lab-disc-acc');\n            if(accEl) accEl.innerHTML = data.acc;\n\n            const descEl = document.getElementById('sh-lab-disc-desc');\n            if(descEl) {\n                descEl.innerHTML = data.desc;\n                descEl.style.fontFamily = data.fontBody;\n            }\n        }\n\n        \/\/ Run Initialization\n        shInitLabDiscData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        if(document.documentElement) {\n            const shLabDiscObserver = new MutationObserver((mutations) => {\n                for (let m of mutations) {\n                    if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                        shInitLabDiscData();\n                    }\n                }\n            });\n            shLabDiscObserver.observe(document.documentElement, { attributes: true });\n        }\n    });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Home Departments Medical Laboratory CBAHI Accredited \u00b7 Al Mansur, Makkah Best Medical Laboratory in Makkah Reliable Diagnostic Testing That Supports [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"boxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-583","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/583","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=583"}],"version-history":[{"count":33,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/583\/revisions"}],"predecessor-version":[{"id":1467,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/583\/revisions\/1467"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}