{"id":585,"date":"2026-07-06T11:54:12","date_gmt":"2026-07-06T11:54:12","guid":{"rendered":"https:\/\/shefahospital.sa\/radiology-center-makkah\/"},"modified":"2026-07-27T16:18:30","modified_gmt":"2026-07-27T16:18:30","slug":"radiology-center-makkah","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/radiology-center-makkah\/","title":{"rendered":"Radiology Center"},"content":{"rendered":"\n<style>\n    \/* 1. Highly Unique Scoped ID for Astra Breakout (Full Width Background) *\/\n    #sh-rad-hero-998 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f4f9fc !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important; \/* Mobile padding *\/\n        padding-bottom: 3.5rem !important; \/* Mobile padding *\/\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-rad-hero-998 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-rad-hero-998 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hex Pattern pseudo-element *\/\n    #sh-rad-hero-998::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23243B5A' stroke-opacity='0.04' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Protected Inner Container *\/\n    #sh-rad-hero-998 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        position: relative;\n        z-index: 10;\n        padding-left: 20px !important;\n        padding-right: 20px !important;\n    }\n\n    \/* 4. Force remove underlines from ALL links in this section *\/\n    #sh-rad-hero-998 a {\n        text-decoration: none !important;\n        box-shadow: none !important;\n    }\n    #sh-rad-hero-998 a:hover {\n        text-decoration: none !important;\n    }\n\n    #sh-rad-hero-998 * {\n        transition: font-family 0.3s ease;\n    }\n\n    \/* 5. Responsive Image Block *\/\n    #sh-rad-hero-998 .hero-img-container {\n        width: 100%;\n        height: auto;\n        position: relative;\n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);\n        border: 4px solid #ffffff;\n        background-color: transparent;\n    }\n\n    #sh-rad-hero-998 .hero-img-container img {\n        width: 100%;\n        height: auto;\n        aspect-ratio: auto;\n        object-fit: contain; \/* Prevents cropping *\/\n        object-position: center;\n        display: block;\n    }\n<\/style>\n\n<section id=\"sh-rad-hero-998\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper grid lg:grid-cols-[1.15fr_1fr] gap-10 lg:gap-20 items-center text-left\">\n        \n        <div class=\"animate-fadeup !mx-0\">\n            \n            <nav class=\"flex items-center gap-2 text-[12px] md:text-[13px] text-slate-500 mb-5 md: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\">Radiology<\/span>\n            <\/nav>\n\n            <div class=\"inline-flex items-center gap-2 bg-amber-100\/60 text-[#d97706] px-4 py-1.5 rounded-full text-[12px] md:text-[13px] font-bold mb-5 md: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            <!-- Fluid typography applied for smaller screens -->\n            <h1 id=\"sh-hero-title-main\" class=\"text-[32px] md:text-[44px] lg:text-[56px] font-bold leading-[1.2] lg:leading-[1.1] text-[#0f172a] mb-3 md:mb-2\" style=\"font-family: var(--font-display);\">\n                Best Radiology Center in Makkah\n            <\/h1>\n            <h2 id=\"sh-hero-title-sub\" class=\"text-[22px] md:text-[30px] lg:text-[38px] font-bold leading-[1.3] lg:leading-[1.2] text-[#0d9488]\" style=\"font-family: var(--font-display);\">\n                Diagnostic Imaging That Helps Physicians Make Informed Medical Decisions\n            <\/h2>\n\n            <p id=\"sh-hero-lang-desc\" class=\"mt-5 md:mt-6 text-[15px] md:text-[17px] text-slate-600 leading-relaxed max-w-xl\">\n                <!-- Content injected via JS below -->\n            <\/p>\n\n            <div class=\"mt-8 flex flex-wrap gap-3\">\n                <!-- ADDED shefa-popup-trigger strictly to this button as ID and Class -->\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-5 py-3 md:px-6 md: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 w-4 h-4 md:w-5 md:h-5\"><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                <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-5 py-3 md:px-6 md: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 w-4 h-4 md:w-5 md:h-5\"><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                <a href=\"https:\/\/wa.me\/966125333555\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-[#25D366] !text-white rounded-full px-5 py-3 md:px-6 md:py-3.5 font-semibold hover:bg-[#20bd5a] transition-all shadow-[0_8px_20px_-8px_rgba(37,211,102,0.5)]\" target=\"_blank\" rel=\"noopener\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 w-4 h-4 md:w-5 md:h-5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-wa\">WhatsApp<\/span>\n                <\/a>\n            <\/div>\n\n            <div class=\"mt-10 md: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\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 md:w-6 md:h-6 text-[#0d9488]\"><path d=\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">CBAHI Accredited<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 md:w-6 md:h-6 text-[#0d9488]\"><path d=\"M11 2v2\"><\/path><path d=\"M5 2v2\"><\/path><path d=\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"><\/path><path d=\"M8 15a6 6 0 0 0 12 0v-3\"><\/path><circle cx=\"20\" cy=\"10\" r=\"2\"><\/circle><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Expert Specialists<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 md:w-6 md:h-6 text-[#0d9488]\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Advanced Imaging<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md shadow-sm\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 md:w-6 md:h-6 text-[#0d9488]\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">24\/7 Hospital<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"relative mt-8 lg:mt-0 !mx-0\">\n            <div class=\"absolute -top-10 -left-10 w-48 h-48 bg-[#0d9488]\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n            <div class=\"absolute -bottom-10 -right-10 w-64 h-64 bg-[#d97706]\/15 rounded-full blur-3xl pointer-events-none\"><\/div>\n            \n            <div class=\"hero-img-container\">\n                <picture>\n                    <source srcset=\"\/wp-content\/uploads\/2026\/07\/radiology_1.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/radiology_1.webp\" alt=\"A modern radiology center in Makkah providing advanced diagnostic imaging for medical decisions.\" class=\"w-full h-auto aspect-auto object-contain object-center block\" loading=\"eager\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/radiology_1.webp';\">\n                <\/picture>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const heroData = {\n            en: { \n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                home: \"Home\",\n                dept: \"Departments\",\n                subdept: \"Radiology\",\n                badge: \"CBAHI Accredited \u00b7 Al Mansur, Makkah\",\n                titleMain: \"Best Radiology Center in Makkah\",\n                titleSub: \"Diagnostic Imaging That Helps Physicians Make Informed Medical Decisions\",\n                desc: \"Many medical conditions cannot be fully understood through symptoms and physical examination alone. Diagnostic imaging allows healthcare providers to visualize bones, organs, blood vessels, joints, and soft tissues without exploratory surgery, making it an essential part of modern healthcare. Radiology supports physicians by providing detailed images that assist in diagnosing illnesses, assessing injuries, monitoring treatment, and planning medical or surgical care. If you are searching for the best radiology center in Makkah, <a href='https:\/\/shefahospital.sa\/' style='color:#0d9488; font-weight:700; text-decoration:underline;'>Shefa Hospital<\/a>, located in Al Mansur, Makkah, provides hospital-based diagnostic imaging services that support emergency care, outpatient consultations, inpatient treatment, and preventive health assessments.\",\n                btnBook: \"Book Appointment\",\n                btnCall: \"Call Hospital\",\n                btnWa: \"WhatsApp\",\n                feats: [\n                    \"CBAHI Accredited\",\n                    \"Expert Specialists\",\n                    \"Advanced Imaging\",\n                    \"24\/7 Hospital\"\n                ]\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: \"\u0642\u0633\u0645 \u0627\u0644\u0623\u0634\u0639\u0629\",\n                badge: \"\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a \u00b7 \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629\",\n                titleMain: \"\u0623\u0641\u0636\u0644 \u0645\u0631\u0643\u0632 \u0623\u0634\u0639\u0629 \u0641\u064a \u0645\u0643\u0629\",\n                titleSub: \"\u062a\u0635\u0648\u064a\u0631 \u062a\u0634\u062e\u064a\u0635\u064a \u064a\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 \u0637\u0628\u064a\u0629 \u0645\u0633\u062a\u0646\u064a\u0631\u0629\",\n                desc: \"\u0644\u0627 \u064a\u0645\u0643\u0646 \u0641\u0647\u0645 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a \u0648\u062d\u062f\u0647. \u064a\u062a\u064a\u062d \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0644\u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0631\u0624\u064a\u0629 \u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0648\u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0631\u062e\u0648\u0629 \u062f\u0648\u0646 \u062c\u0631\u0627\u062d\u0629 \u0627\u0633\u062a\u0643\u0634\u0627\u0641\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647 \u062c\u0632\u0621\u0627\u064b \u0623\u0633\u0627\u0633\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. \u062a\u062f\u0639\u0645 \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0648\u0641\u064a\u0631 \u0635\u0648\u0631 \u0645\u0641\u0635\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0648\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0639\u0644\u0627\u062c \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0623\u0648 \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0623\u0641\u0636\u0644 \u0645\u0631\u0643\u0632 \u0623\u0634\u0639\u0629 \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 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0648\u0627\u0644\u062a\u064a \u062a\u062f\u0639\u0645 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\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 \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\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                btnWa: \"\u0648\u0627\u062a\u0633\u0627\u0628\",\n                feats: [\n                    \"\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a\",\n                    \"\u0623\u062e\u0635\u0627\u0626\u064a\u0648\u0646 \u062e\u0628\u0631\u0627\u0621\",\n                    \"\u062a\u0635\u0648\u064a\u0631 \u0645\u062a\u0642\u062f\u0645\",\n                    \"\u0645\u0633\u062a\u0634\u0641\u0649 24\/7\"\n                ]\n            }\n        };\n\n        function initUniqueHeroSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = heroData[lang];\n\n            const section = document.getElementById('sh-rad-hero-998');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-hero-lang-home').textContent = content.home;\n            document.getElementById('sh-hero-lang-dept').textContent = content.dept;\n            document.getElementById('sh-hero-lang-subdept').textContent = content.subdept;\n            document.getElementById('sh-hero-lang-badge').textContent = content.badge;\n            \n            const titleMain = document.getElementById('sh-hero-title-main');\n            titleMain.textContent = content.titleMain;\n            titleMain.style.fontFamily = content.headerFont;\n\n            const titleSub = document.getElementById('sh-hero-title-sub');\n            titleSub.textContent = content.titleSub;\n            titleSub.style.fontFamily = content.headerFont;\n\n            const desc = document.getElementById('sh-hero-lang-desc');\n            desc.innerHTML = content.desc; \/\/ Using innerHTML to render the <a> tag\n            desc.style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-hero-lang-btn-book').textContent = content.btnBook;\n            document.getElementById('sh-hero-lang-btn-call').textContent = content.btnCall;\n            document.getElementById('sh-hero-lang-btn-wa').textContent = content.btnWa;\n\n            const featureTitles = section.querySelectorAll('.sh-hero-feat');\n            content.feats.forEach((featText, index) => {\n                if(featureTitles[index]) {\n                    featureTitles[index].textContent = featText;\n                    featureTitles[index].style.fontFamily = content.bodyFont;\n                }\n            });\n        }\n\n        initUniqueHeroSection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initUniqueHeroSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<section id=\"intro-section\" class=\"py-20 md:py-24 bg-white\" dir=\"ltr\">\n    <div class=\"max-w-4xl mx-auto px-5 lg:px-8 w-full text-start\">\n        \n        <div class=\"mb-12 max-w-3xl !mx-0\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"intro-kicker\">Diagnostic Imaging<\/span>\n            <\/div>\n            \n            <h2 id=\"intro-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                What Is a Radiology Center?\n            <\/h2>\n        <\/div>\n\n        <div id=\"intro-content\" class=\"space-y-6 text-[18px] leading-[1.85] text-[#243b5a]\/85 [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a] !mx-0\">\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    \/\/ Translation Data Engine\n    const introData = {\n        en: { \n            headerFont: \"var(--font-display)\", \n            bodyFont: \"var(--font-sans)\",\n            kicker: \"Diagnostic Imaging\",\n            title: \"What Is a Radiology Center?\",\n            content: `\n                <p>A <strong>radiology center<\/strong> is a specialized medical facility where imaging technologies are used to examine structures inside the human body.<\/p>\n                <p>Unlike laboratory tests, which analyze biological samples, radiology creates visual images that help physicians evaluate anatomy, identify abnormalities, and monitor disease progression.<\/p>\n                <p><strong>Diagnostic imaging<\/strong> plays an important role in nearly every medical specialty, including emergency medicine, orthopedics, cardiology, general surgery, internal medicine, pediatrics, obstetrics, and urology.<\/p>\n            `\n        },\n        ar: { \n            headerFont: \"var(--font-arabic)\", \n            bodyFont: \"var(--font-arabic)\",\n            kicker: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\",\n            title: \"\u0645\u0627 \u0647\u0648 \u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0634\u0639\u0629\u061f\",\n            content: `\n                <p><strong>\u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0634\u0639\u0629<\/strong> \u0647\u0648 \u0645\u0646\u0634\u0623\u0629 \u0637\u0628\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0633\u062a\u062e\u062f\u0645 \u0641\u064a\u0647\u0627 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0644\u0641\u062d\u0635 \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u062f\u0627\u062e\u0644 \u062c\u0633\u0645 \u0627\u0644\u0625\u0646\u0633\u0627\u0646.<\/p>\n                <p>\u0639\u0644\u0649 \u0639\u0643\u0633 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u0644\u0644 \u0627\u0644\u0639\u064a\u0646\u0627\u062a \u0627\u0644\u0628\u064a\u0648\u0644\u0648\u062c\u064a\u0629\u060c \u062a\u0642\u0648\u0645 \u0627\u0644\u0623\u0634\u0639\u0629 \u0628\u0625\u0646\u0634\u0627\u0621 \u0635\u0648\u0631 \u0645\u0631\u0626\u064a\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0641\u064a \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062a\u0634\u0631\u064a\u062d \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0634\u0648\u0647\u0627\u062a \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u062a\u0637\u0648\u0631 \u0627\u0644\u0645\u0631\u0636.<\/p>\n                <p>\u064a\u0644\u0639\u0628 <strong>\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a<\/strong> \u062f\u0648\u0631\u0627\u064b \u0645\u0647\u0645\u0627\u064b \u0641\u064a \u0643\u0644 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u062a\u0642\u0631\u064a\u0628\u0627\u064b\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0637\u0628 \u0627\u0644\u0637\u0648\u0627\u0631\u0626\u060c \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645\u060c \u0648\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\u060c \u0648\u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\u060c \u0648\u0627\u0644\u0637\u0628 \u0627\u0644\u0628\u0627\u0637\u0646\u064a\u060c \u0648\u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\u060c \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f\u060c \u0648\u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629.<\/p>\n            `\n        }\n    };\n\n    function initIntroSection() {\n        const htmlElement = document.documentElement;\n        \/\/ Determine language from HTML tag or default to 'en'\n        const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n        const lang = isRtl ? 'ar' : 'en';\n        const data = introData[lang];\n\n        const section = document.getElementById('intro-section');\n        if (!section) return;\n\n        \/\/ Set Main RTL\/LTR directions specifically for this section\n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        \/\/ Apply Translations & Fonts\n        const kickerEl = document.getElementById('intro-kicker');\n        kickerEl.textContent = data.kicker;\n        kickerEl.style.fontFamily = data.bodyFont;\n\n        const titleEl = document.getElementById('intro-title');\n        titleEl.textContent = data.title;\n        titleEl.style.fontFamily = data.headerFont;\n\n        const contentEl = document.getElementById('intro-content');\n        contentEl.innerHTML = data.content; \/\/ innerHTML to parse <strong> tags\n        contentEl.style.fontFamily = data.bodyFont;\n    }\n\n    \/\/ Initialize the logic on load\n    initIntroSection();\n    \n    \/\/ Watch for dynamic HTML lang\/dir changes (helps in modern WordPress setups)\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n            if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                initIntroSection();\n            }\n        });\n    });\n    observer.observe(document.documentElement, { attributes: true });\n});\n<\/script>\n\n\n\n<style>\n    \/* 1. Astra Breakout for Full-Width Hexa Background *\/\n    #sh-reasons-999 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Soft blue background *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-reasons-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hexa Pattern Background *\/\n    #sh-reasons-999::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Set Max-Width to exactly 1475px as requested *\/\n    #sh-reasons-999 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1.25rem !important;\n        padding-right: 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 4. Lightweight Custom Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-fadeup {\n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    #sh-reasons-999 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-reasons-999\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-fadeup !mx-auto\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-rea-lang-kicker\">Medical Imaging<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-rea-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                Why Medical Imaging Is Important\n            <\/h2>\n            \n            <p id=\"sh-rea-lang-desc\" class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed\">\n                Medical imaging provides information that cannot always be obtained through a physical examination alone.\n            <\/p>\n        <\/div>\n\n        <p id=\"sh-rea-lang-mid\" class=\"text-center max-w-2xl mx-auto -mt-6 mb-12 text-[#243b5a]\/90 text-[17px] font-medium sh-animate-fadeup !mx-auto\" style=\"animation-delay: 0.1s;\">\n            Radiology helps physicians:\n        <\/p>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-5 sh-animate-fadeup\" style=\"animation-delay: 0.2s;\">\n            \n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Confirm suspected diagnoses<\/span>\n            <\/div>\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Detect fractures and injuries<\/span>\n            <\/div>\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"9\" cy=\"9\" r=\"2\"><\/circle><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Evaluate internal organs<\/span>\n            <\/div>\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Monitor chronic diseases<\/span>\n            <\/div>\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Guide treatment planning<\/span>\n            <\/div>\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Assess recovery after surgery<\/span>\n            <\/div>\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" x2=\"16.65\" y1=\"21\" y2=\"16.65\"><\/line><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Investigate unexplained symptoms<\/span>\n            <\/div>\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5 sh-rea-item\">Support preventive health evaluations<\/span>\n            <\/div>\n            \n        <\/div>\n\n        <p id=\"sh-rea-lang-footer\" class=\"mt-12 text-center max-w-3xl mx-auto text-[#667085] text-[17px] leading-relaxed sh-animate-fadeup !mx-auto\" style=\"animation-delay: 0.3s;\">\n            Accurate imaging contributes to faster diagnosis and more appropriate clinical decisions.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const reasonsData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Medical Imaging\",\n                title: \"Why Medical Imaging Is Important\",\n                desc: \"Medical imaging provides information that cannot always be obtained through a physical examination alone.\",\n                mid: \"Radiology helps physicians:\",\n                footer: \"Accurate imaging contributes to faster diagnosis and more appropriate clinical decisions.\",\n                reasons: [\n                    \"Confirm suspected diagnoses\", \n                    \"Detect fractures and injuries\", \n                    \"Evaluate internal organs\",\n                    \"Monitor chronic diseases\", \n                    \"Guide treatment planning\", \n                    \"Assess recovery after surgery\",\n                    \"Investigate unexplained symptoms\", \n                    \"Support preventive health evaluations\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u064a\u0639\u062a\u0628\u0631 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0637\u0628\u064a \u0645\u0647\u0645\u0627\u064b\",\n                desc: \"\u064a\u0648\u0641\u0631 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0637\u0628\u064a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u064a\u0647\u0627 \u062f\u0627\u0626\u0645\u064b\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a \u0648\u062d\u062f\u0647.\",\n                mid: \"\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0641\u064a:\",\n                footer: \"\u064a\u0633\u0627\u0647\u0645 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062f\u0642\u064a\u0642 \u0641\u064a \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0633\u0631\u064a\u0631\u064a\u0629 \u0623\u0643\u062b\u0631 \u0645\u0644\u0627\u0621\u0645\u0629.\",\n                reasons: [\n                    \"\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u0627\u062a \u0627\u0644\u0645\u0634\u062a\u0628\u0647 \u0628\u0647\u0627\", \n                    \"\u0627\u0644\u0643\u0634\u0641 \u0639\u0646 \u0627\u0644\u0643\u0633\u0648\u0631 \u0648\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a\", \n                    \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\",\n                    \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\", \n                    \"\u062a\u0648\u062c\u064a\u0647 \u062e\u0637\u0637 \u0627\u0644\u0639\u0644\u0627\u062c\", \n                    \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0628\u0639\u062f \u0627\u0644\u062c\u0631\u0627\u062d\u0629\",\n                    \"\u0641\u062d\u0635 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u063a\u064a\u0631 \u0627\u0644\u0645\u0628\u0631\u0631\u0629\", \n                    \"\u062f\u0639\u0645 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\"\n                ]\n            }\n        };\n\n        function initReasonsSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = reasonsData[lang];\n\n            const section = document.getElementById('sh-reasons-999');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply General Text\n            document.getElementById('sh-rea-lang-kicker').textContent = content.kicker;\n            document.getElementById('sh-rea-lang-kicker').style.fontFamily = content.bodyFont;\n\n            const titleEl = document.getElementById('sh-rea-lang-title');\n            titleEl.textContent = content.title;\n            titleEl.style.fontFamily = content.headerFont;\n\n            document.getElementById('sh-rea-lang-desc').textContent = content.desc;\n            document.getElementById('sh-rea-lang-desc').style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-rea-lang-mid').textContent = content.mid;\n            document.getElementById('sh-rea-lang-mid').style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-rea-lang-footer').textContent = content.footer;\n            document.getElementById('sh-rea-lang-footer').style.fontFamily = content.bodyFont;\n\n            \/\/ Apply Grid Text\n            const reasonElements = section.querySelectorAll('.sh-rea-item');\n            content.reasons.forEach((text, index) => {\n                if (reasonElements[index]) {\n                    reasonElements[index].textContent = text;\n                    reasonElements[index].style.fontFamily = content.bodyFont;\n                }\n            });\n        }\n\n        initReasonsSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initReasonsSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped Unique Class for Clean Background (No Hexa) *\/\n    .sh-choose-unique-995 {\n        width: 100%;\n        background-color: #ffffff;\n        overflow: hidden;\n        padding-top: 3.5rem; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem; \/* Reduced for mobile *\/\n        box-sizing: border-box;\n    }\n\n    @media (min-width: 768px) {\n        .sh-choose-unique-995 {\n            padding-top: 5rem;\n            padding-bottom: 5rem;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        .sh-choose-unique-995 {\n            padding-top: 6rem;\n            padding-bottom: 6rem;\n        }\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    .sh-choose-unique-995 .sh-inner-wrapper-995 {\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. Lightweight Custom Animation *\/\n    @keyframes shFadeInUp995 {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up-995 {\n        opacity: 0;\n        animation: shFadeInUp995 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    .sh-choose-unique-995 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-choose-995\" class=\"sh-choose-unique-995\" dir=\"ltr\">\n    <!-- Adjusted to flex-col for mobile ordering, grid for desktop -->\n    <div class=\"sh-inner-wrapper-995 px-5 lg:px-8 flex flex-col lg:grid lg:grid-cols-[1fr_1.1fr] gap-10 lg:gap-16 items-start\">\n        \n        <!-- Left Image: Second on Mobile, First on Desktop -->\n        <div class=\"relative sh-animate-up-995 !mx-0 mb-10 lg:mb-0 lg:sticky lg:top-24 order-2 lg:order-1 w-full\">\n            <!-- Fluid responsive image with proper contain & auto-height -->\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/radiology_2.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/radiology_2.webp'\" alt=\"Doctor recommending radiology and diagnostic imaging at Shefa Hospital in Makkah.\" class=\"rounded-[2rem] shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] w-full h-auto aspect-auto object-contain block\" loading=\"lazy\">\n        <\/div>\n\n        <!-- Right Text Content: First on Mobile, Second on Desktop -->\n        <div class=\"sh-animate-up-995 !mx-0 text-start order-1 lg:order-2 w-full\" style=\"animation-delay: 0.15s;\">\n            <div class=\"mb-8 md:mb-10 max-w-3xl !mx-0\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[12px] md:text-[13px] tracking-wider uppercase mb-3 md:mb-4\">\n                    <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-cho-lang-kicker\">Diagnostic Imaging<\/span>\n                <\/div>\n                \n                <h2 id=\"sh-cho-lang-title\" class=\"text-[28px] md:text-[36px] lg:text-[44px] font-bold leading-[1.2] lg:leading-[1.15] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    When Might Your Doctor Recommend Radiology?\n                <\/h2>\n                \n                <p id=\"sh-cho-lang-p1\" class=\"mt-4 md:mt-5 text-slate-500 text-[16px] md:text-[18px] leading-relaxed\">\n                    Imaging studies are requested for many different medical situations.\n                <\/p>\n            <\/div>\n\n            <p id=\"sh-cho-lang-p2\" class=\"text-[#243b5a]\/85 mb-6 md:mb-8 text-[16px] md:text-[17px] leading-relaxed [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a]\">\n                Your healthcare provider may recommend diagnostic imaging for:\n            <\/p>\n            \n            <p id=\"sh-cho-lang-list-title\" class=\"text-[#243b5a] text-[18px] md:text-[20px] font-bold mb-4 md:mb-5 hidden\" style=\"font-family: var(--font-display);\"><\/p>\n            \n            <ul id=\"sh-cho-grid\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 md:gap-y-3.5 mb-6 md:mb-8\">\n                <!-- Dynamically populated via JS -->\n            <\/ul>\n\n            <p id=\"sh-cho-lang-footer\" class=\"mt-5 md:mt-6 text-slate-500 text-[15px] md:text-[16px] leading-relaxed\">\n                The choice of imaging depends on the clinical question your physician is trying to answer.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const chooseData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Diagnostic Imaging\",\n                title: \"When Might Your Doctor Recommend Radiology?\",\n                p1: \"Imaging studies are requested for many different medical situations.\",\n                p2: \"Your healthcare provider may recommend <strong>diagnostic imaging<\/strong> for:\",\n                listTitle: \"\", \/\/ Left empty intentionally based on your copy\n                footer: \"The choice of imaging depends on the clinical question your physician is trying to answer.\",\n                list: [\n                    \"Persistent pain\",\n                    \"Bone or joint injuries\",\n                    \"Chest symptoms\",\n                    \"Abdominal discomfort\",\n                    \"Headaches with concerning features\",\n                    \"Sports injuries\",\n                    \"Pregnancy-related assessments\",\n                    \"Urinary tract concerns\",\n                    \"Follow-up after surgery\",\n                    \"Monitoring known medical conditions\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\",\n                title: \"\u0645\u062a\u0649 \u0642\u062f \u064a\u0648\u0635\u064a \u0637\u0628\u064a\u0628\u0643 \u0628\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0623\u0634\u0639\u0629\u061f\",\n                p1: \"\u062a\u064f\u0637\u0644\u0628 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\",\n                p2: \"\u0642\u062f \u064a\u0648\u0635\u064a \u0645\u0642\u062f\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0628\u0640 <strong>\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a<\/strong> \u0645\u0646 \u0623\u062c\u0644:\",\n                listTitle: \"\", \/\/ Left empty intentionally based on your copy\n                footer: \"\u064a\u0639\u062a\u0645\u062f \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0627\u0644\u0630\u064a \u064a\u062d\u0627\u0648\u0644 \u0637\u0628\u064a\u0628\u0643 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u064a\u0647.\",\n                list: [\n                    \"\u0627\u0644\u0623\u0644\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\",\n                    \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0639\u0638\u0627\u0645 \u0623\u0648 \u0627\u0644\u0645\u0641\u0627\u0635\u0644\",\n                    \"\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0635\u062f\u0631\",\n                    \"\u0627\u0646\u0632\u0639\u0627\u062c \u0641\u064a \u0627\u0644\u0628\u0637\u0646\",\n                    \"\u0627\u0644\u0635\u062f\u0627\u0639 \u0627\u0644\u0645\u0635\u062d\u0648\u0628 \u0628\u0623\u0639\u0631\u0627\u0636 \u0645\u0642\u0644\u0642\u0629\",\n                    \"\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629\",\n                    \"\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062d\u0645\u0644\",\n                    \"\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\",\n                    \"\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0628\u0639\u062f \u0627\u0644\u062c\u0631\u0627\u062d\u0629\",\n                    \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u0631\u0648\u0641\u0629\"\n                ]\n            }\n        };\n\n        function initChooseSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const data = chooseData[lang];\n\n            const section = document.getElementById('sh-choose-995');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Text & Fonts\n            document.getElementById('sh-cho-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-cho-lang-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-cho-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-cho-lang-p1').textContent = data.p1;\n            document.getElementById('sh-cho-lang-p1').style.fontFamily = data.bodyFont;\n\n            const p2 = document.getElementById('sh-cho-lang-p2');\n            p2.innerHTML = data.p2; \n            p2.style.fontFamily = data.bodyFont;\n\n            const listTitle = document.getElementById('sh-cho-lang-list-title');\n            if(data.listTitle) {\n                listTitle.textContent = data.listTitle;\n                listTitle.style.fontFamily = data.headerFont;\n                listTitle.classList.remove('hidden');\n            } else {\n                listTitle.classList.add('hidden');\n            }\n\n            document.getElementById('sh-cho-lang-footer').textContent = data.footer;\n            document.getElementById('sh-cho-lang-footer').style.fontFamily = data.bodyFont;\n\n            \/\/ Dynamically Render List with fluid sizing\n            const grid = document.getElementById('sh-cho-grid');\n            grid.innerHTML = ''; \/\/ Clear previous\n            data.list.forEach(itemText => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-2 md:gap-3 items-start\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15.5px] leading-relaxed text-[#243b5a]\/90 font-medium\" style=\"font-family: ${data.bodyFont};\">${itemText}<\/span>\n                `;\n                grid.appendChild(li);\n            });\n        }\n\n        initChooseSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initChooseSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-services-997 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-services-997::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-services-997 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        position: relative;\n        z-index: 10;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-services-997\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \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-ser-lang-kicker\">Services<\/span>\n            <\/div>\n            <h2 id=\"sh-ser-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Diagnostic Imaging Services<\/h2>\n            <p id=\"sh-ser-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">&#8230;<\/p>\n        <\/div>\n\n        <div class=\"mb-10 text-center max-w-2xl mx-auto sh-animate-up\" style=\"animation-delay: 0.1s;\">\n            <h3 id=\"sh-ser-lang-subtitle\" class=\"text-[26px] md:text-[32px] font-bold text-[#138b86] mb-3\" style=\"font-family: var(--font-display);\">Digital X-Ray<\/h3>\n            <p id=\"sh-ser-lang-subdesc\" class=\"text-[#243b5a]\/85 text-[17px] leading-relaxed\">&#8230;<\/p>\n        <\/div>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5\" id=\"sh-ser-grid\"><\/div>\n\n        <div class=\"mt-12 text-center max-w-3xl mx-auto sh-animate-up\" style=\"animation-delay: 0.4s;\">\n            <p id=\"sh-ser-lang-footer\" class=\"text-[#667085] text-[17px] leading-relaxed font-medium\">&#8230;<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Icon Library Object\n        const icons = {\n            activity: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg>`,\n            circleDot: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg>`,\n            shield: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>`,\n            sparkles: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg>`,\n            alert: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"\/><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"\/><\/svg>`,\n            microscope: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 18h8\"\/><path d=\"M3 22h18\"\/><path d=\"M14 22a7 7 0 1 0 0-14h-1\"\/><path d=\"M9 14h2\"\/><path d=\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"\/><path d=\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"\/><\/svg>`\n        };\n\n        const servicesData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Imaging Capabilities\", \n                title: \"Diagnostic Imaging Services\",\n                desc: \"Different imaging technologies provide different types of information. Your physician selects the examination that is most appropriate for your condition.\",\n                subtitle: \"Digital X-Ray\",\n                subdesc: \"Digital X-ray is one of the most commonly performed imaging examinations. It is frequently used to evaluate:\",\n                footer: \"Digital systems produce high-quality images that can be reviewed promptly by the medical team.\",\n                items: [\n                    { t: \"Bone fractures\", icon: icons.activity },\n                    { t: \"Joint injuries\", icon: icons.circleDot },\n                    { t: \"Chest conditions\", icon: icons.shield },\n                    { t: \"Lung assessment\", icon: icons.sparkles },\n                    { t: \"Degenerative bone changes\", icon: icons.alert },\n                    { t: \"Certain abdominal conditions\", icon: icons.microscope }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631\", \n                title: \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\",\n                desc: \"\u062a\u0648\u0641\u0631 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0623\u0646\u0648\u0627\u0639\u0627\u064b \u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a. \u064a\u062e\u062a\u0627\u0631 \u0637\u0628\u064a\u0628\u0643 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u062d\u0627\u0644\u062a\u0643.\",\n                subtitle: \"\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\",\n                subdesc: \"\u062a\u0639\u062f \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0645\u0646 \u0623\u0643\u062b\u0631 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0634\u064a\u0648\u0639\u0627\u064b. \u0648\u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u063a\u0627\u0644\u0628\u0627\u064b \u0644\u062a\u0642\u064a\u064a\u0645:\",\n                footer: \"\u062a\u0646\u062a\u062c \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0635\u0648\u0631\u0627\u064b \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u064a\u0645\u0643\u0646 \u0644\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0637\u0628\u064a \u0645\u0631\u0627\u062c\u0639\u062a\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631.\",\n                items: [\n                    { t: \"\u0643\u0633\u0648\u0631 \u0627\u0644\u0639\u0638\u0627\u0645\", icon: icons.activity },\n                    { t: \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u0635\u0644\", icon: icons.circleDot },\n                    { t: \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062f\u0631\", icon: icons.shield },\n                    { t: \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0631\u0626\u062a\u064a\u0646\", icon: icons.sparkles },\n                    { t: \"\u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u0646\u0643\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0638\u0627\u0645\", icon: icons.alert },\n                    { t: \"\u0628\u0639\u0636 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0628\u0637\u0646\", icon: icons.microscope }\n                ]\n            }\n        };\n\n        function initServices() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? servicesData.ar : servicesData.en;\n            const section = document.getElementById('sh-services-997');\n            if (!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-ser-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-ser-lang-title').textContent = data.title;\n            document.getElementById('sh-ser-lang-title').style.fontFamily = data.font;\n            document.getElementById('sh-ser-lang-desc').textContent = data.desc;\n            document.getElementById('sh-ser-lang-desc').style.fontFamily = data.body;\n            \n            document.getElementById('sh-ser-lang-subtitle').textContent = data.subtitle;\n            document.getElementById('sh-ser-lang-subtitle').style.fontFamily = data.font;\n            document.getElementById('sh-ser-lang-subdesc').textContent = data.subdesc;\n            document.getElementById('sh-ser-lang-subdesc').style.fontFamily = data.body;\n\n            document.getElementById('sh-ser-lang-footer').textContent = data.footer;\n            document.getElementById('sh-ser-lang-footer').style.fontFamily = data.body;\n            \n            const grid = document.getElementById('sh-ser-grid');\n            grid.innerHTML = '';\n            \n            data.items.forEach((item, i) => {\n                const div = document.createElement('div');\n                div.className = \"group bg-white border border-[#e4edf3] rounded-2xl p-5 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up flex items-center gap-4 cursor-default\";\n                div.style.animationDelay = `${(i * 0.05) + 0.15}s`;\n                div.innerHTML = `\n                    <div class=\"w-11 h-11 shrink-0 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center group-hover:bg-[#138b86] group-hover:text-white transition\">\n                        ${item.icon}\n                    <\/div>\n                    <h3 class=\"text-[17px] md:text-[18px] font-bold text-[#243b5a] leading-tight\" style=\"font-family: ${data.font}\">${item.t}<\/h3>\n                `;\n                grid.appendChild(div);\n            });\n        }\n        initServices();\n        new MutationObserver(initServices).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-ultrasound-887 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem !important; \/* Reduced for mobile *\/\n    }\n\n    @media (min-width: 768px) {\n        #sh-ultrasound-887 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-ultrasound-887 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-ultrasound-887 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Fully Responsive Image Framework *\/\n    #sh-ultrasound-887 .img-container {\n        width: 100%;\n        height: auto;\n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n    }\n\n    #sh-ultrasound-887 .img-container img {\n        width: 100%;\n        height: auto;\n        aspect-ratio: auto;\n        object-fit: contain;\n        display: block;\n    }\n\n    \/* Entry Animations Engine *\/\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    #sh-ultrasound-887 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-ultrasound-887\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-10 lg:gap-14 items-start\">\n            \n            <!-- Left Image Block -->\n            <div class=\"sh-animate-up img-container mb-8 lg:mb-0\">\n                <picture>\n                    <source srcset=\"\/wp-content\/uploads\/2026\/07\/radiology_3.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/radiology_3.webp\" alt=\"Doctor performing ultrasound imaging on a patient.\" loading=\"lazy\" class=\"w-full h-auto aspect-auto object-contain block\">\n                <\/picture>\n            <\/div>\n\n            <!-- Right Content Area -->\n            <div class=\"sh-animate-up text-start\" style=\"animation-delay: 0.1s;\">\n                <div class=\"mb-8 md:mb-10 max-w-xl\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[12px] md:text-[13px] tracking-wider uppercase mb-3 md:mb-4\">\n                        <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                        <span id=\"sh-vis-lang-kicker\">Diagnostic Imaging<\/span>\n                    <\/div>\n                    \n                    <h2 id=\"sh-vis-lang-title\" class=\"text-[28px] md:text-[38px] lg:text-[46px] font-bold leading-[1.2] lg:leading-[1.1] text-[#243b5a] mb-4 md:mb-5\" style=\"font-family: var(--font-display);\">\n                        Ultrasound Imaging\n                    <\/h2>\n                    <p id=\"sh-vis-lang-desc\" class=\"text-[#667085] text-[16px] md:text-[18px] leading-relaxed\"><\/p>\n                <\/div>\n\n                <p id=\"sh-vis-lang-subtitle\" class=\"font-bold text-[#243b5a] text-[18px] md:text-[20px] mb-4 md:mb-6\" style=\"font-family: var(--font-display);\"><\/p>\n                \n                <ul id=\"sh-vis-grid\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 md:gap-y-4 mb-6 md:mb-8\">\n                    <!-- Dynamic List Items -->\n                <\/ul>\n\n                <p id=\"sh-vis-lang-footer\" class=\"text-[#667085] text-[15px] md:text-[16px] leading-relaxed pt-4 md:pt-5 border-t border-[#e4edf3]\"><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const visData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Diagnostic Imaging\",\n                title: \"Ultrasound Imaging\",\n                desc: \"Ultrasound uses sound waves rather than ionizing radiation to produce real-time images.\",\n                subtitle: \"It is commonly requested for:\",\n                footer: \"Ultrasound is widely used because it is non-invasive and suitable for many patient groups.\",\n                items: [\n                    \"Pregnancy monitoring\",\n                    \"Abdominal organs\",\n                    \"Pelvic examinations\",\n                    \"Soft tissue evaluation\",\n                    \"Thyroid assessment\",\n                    \"Blood flow studies (when applicable)\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\",\n                title: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\",\n                desc: \"\u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0645\u0648\u062c\u0627\u062a \u0635\u0648\u062a\u064a\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0625\u0634\u0639\u0627\u0639 \u0627\u0644\u0645\u0624\u064a\u0646 \u0644\u0625\u0646\u062a\u0627\u062c \u0635\u0648\u0631 \u0641\u0648\u0631\u064a\u0629.\",\n                subtitle: \"\u0639\u0627\u062f\u0629 \u0645\u0627 \u064a\u062a\u0645 \u0637\u0644\u0628\u0647\u0627 \u0645\u0646 \u0623\u062c\u0644:\",\n                footer: \"\u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0648\u0627\u0633\u0639 \u0644\u0623\u0646\u0647 \u063a\u064a\u0631 \u062c\u0631\u0627\u062d\u064a \u0648\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0641\u0626\u0627\u062a \u0627\u0644\u0645\u0631\u0636\u0649.\",\n                items: [\n                    \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0645\u0644\",\n                    \"\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0628\u0637\u0646\",\n                    \"\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062d\u0648\u0636\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0631\u062e\u0648\u0629\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629\",\n                    \"\u062f\u0631\u0627\u0633\u0627\u062a \u062a\u062f\u0641\u0642 \u0627\u0644\u062f\u0645 (\u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621)\"\n                ]\n            }\n        };\n\n        function initVisionSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? visData.ar : visData.en;\n            const section = document.getElementById('sh-ultrasound-887');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-vis-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-vis-lang-kicker').style.fontFamily = data.body;\n            \n            const title = document.getElementById('sh-vis-lang-title');\n            title.textContent = data.title;\n            title.style.fontFamily = data.font;\n            \n            document.getElementById('sh-vis-lang-desc').textContent = data.desc;\n            document.getElementById('sh-vis-lang-desc').style.fontFamily = data.body;\n            \n            const subtitle = document.getElementById('sh-vis-lang-subtitle');\n            subtitle.textContent = data.subtitle;\n            subtitle.style.fontFamily = data.font;\n            \n            document.getElementById('sh-vis-lang-footer').textContent = data.footer;\n            document.getElementById('sh-vis-lang-footer').style.fontFamily = data.body;\n            \n            const grid = document.getElementById('sh-vis-grid');\n            grid.innerHTML = '';\n            data.items.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-2 md:gap-3 items-start\";\n                li.innerHTML = `<span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#138b86]\/10 text-[#138b86] grid place-items-center shadow-sm\"><svg class=\"w-[10px] h-[10px] md:w-3 md:h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[14px] md:text-[15.5px] text-[#243b5a]\/90 font-medium leading-relaxed\" style=\"font-family: ${data.body}\">${item}<\/span>`;\n                grid.appendChild(li);\n            });\n        }\n        \n        initVisionSection();\n        new MutationObserver(initVisionSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID & Clean Container *\/\n    #sh-ct-scan-888 {\n        width: 100%;\n        background-color: #ffffff !important;\n        overflow: hidden;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box;\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-ct-scan-888 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. 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-ct-scan-888\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <h3 id=\"sh-ct-lang-title\" class=\"text-[30px] md:text-[36px] font-bold text-[#243b5a] mb-4\" style=\"font-family: var(--font-display);\">\n                Computed Tomography (CT Scan)\n            <\/h3>\n            <p id=\"sh-ct-lang-desc\" class=\"text-[#667085] text-[17px] leading-relaxed\">\n                CT scanning combines multiple X-ray images to create detailed cross-sectional views of the body. CT imaging may assist in evaluating:\n            <\/p>\n        <\/div>\n\n        <div id=\"sh-ct-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 relative mb-12\">\n            <\/div>\n\n        <div class=\"text-center max-w-2xl mx-auto sh-animate-up\" style=\"animation-delay: 0.4s;\">\n            <p id=\"sh-ct-lang-footer\" class=\"text-[#667085] text-[17px] leading-relaxed font-medium\">\n                The examination is selected when detailed anatomical information is required.\n            <\/p>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const ctData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                title: \"Computed Tomography (CT Scan)\",\n                desc: \"CT scanning combines multiple X-ray images to create detailed cross-sectional views of the body. CT imaging may assist in evaluating:\",\n                footer: \"The examination is selected when detailed anatomical information is required.\",\n                cards: [\n                    \"Head injuries\",\n                    \"Chest conditions\",\n                    \"Abdominal disorders\",\n                    \"Trauma\",\n                    \"Certain vascular conditions\",\n                    \"Complex fractures\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                title: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u0642\u0637\u0639\u064a \u0627\u0644\u0645\u062d\u0648\u0633\u0628 (CT Scan)\",\n                desc: \"\u064a\u062c\u0645\u0639 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u0642\u0637\u0639\u064a \u0627\u0644\u0645\u062d\u0648\u0633\u0628 \u0628\u064a\u0646 \u0635\u0648\u0631 \u0623\u0634\u0639\u0629 \u0633\u064a\u0646\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0644\u0625\u0646\u0634\u0627\u0621 \u0635\u0648\u0631 \u0645\u0642\u0637\u0639\u064a\u0629 \u0645\u0641\u0635\u0644\u0629 \u0644\u0644\u062c\u0633\u0645. \u0642\u062f \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u0642\u0637\u0639\u064a \u0641\u064a \u062a\u0642\u064a\u064a\u0645:\",\n                footer: \"\u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0647\u0630\u0627 \u0627\u0644\u0641\u062d\u0635 \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u0631\u064a\u062d\u064a\u0629 \u0627\u0644\u0645\u0641\u0635\u0644\u0629 \u0645\u0637\u0644\u0648\u0628\u0629.\",\n                cards: [\n                    \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u0623\u0633\",\n                    \"\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062f\u0631\",\n                    \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u0637\u0646\",\n                    \"\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0648\u0627\u0644\u0635\u062f\u0645\u0627\u062a\",\n                    \"\u0628\u0639\u0636 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\",\n                    \"\u0627\u0644\u0643\u0633\u0648\u0631 \u0627\u0644\u0645\u0639\u0642\u062f\u0629\"\n                ]\n            }\n        };\n\n        function initCTSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? ctData.ar : ctData.en;\n            const section = document.getElementById('sh-ct-scan-888');\n            \n            if (!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Header & Footer\n            document.getElementById('sh-ct-lang-title').textContent = data.title;\n            document.getElementById('sh-ct-lang-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-ct-lang-desc').textContent = data.desc;\n            document.getElementById('sh-ct-lang-desc').style.fontFamily = data.body;\n            \n            document.getElementById('sh-ct-lang-footer').textContent = data.footer;\n            document.getElementById('sh-ct-lang-footer').style.fontFamily = data.body;\n            \n            \/\/ Dynamic Grid\n            const grid = document.getElementById('sh-ct-grid');\n            grid.innerHTML = '';\n            \n            data.cards.forEach((text, i) => {\n                const div = document.createElement('div');\n                div.className = \"relative bg-white border border-[#e4edf3] rounded-2xl p-6 shadow-sm hover:shadow-lg transition text-center sh-animate-up flex flex-col items-center justify-center gap-4 cursor-default\";\n                div.style.animationDelay = `${i * 0.05}s`;\n                div.innerHTML = `\n                    <div class=\"w-12 h-12 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\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\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"font-bold text-[#243b5a] text-[18px] leading-snug\" style=\"font-family: ${data.font};\">${text}<\/div>\n                `;\n                grid.appendChild(div);\n            });\n        }\n        \n        initCTSection();\n        new MutationObserver(initCTSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-highrisk-777 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-highrisk-777 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-highrisk-777\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"relative rounded-3xl border-l-4 border-[#d8a321] bg-gradient-to-br from-[#d8a321]\/5 to-white p-8 md:p-12 shadow-sm sh-animate-up\">\n            \n            <div class=\"flex items-center gap-3 mb-4\">\n                <div class=\"w-12 h-12 rounded-full bg-[#d8a321] text-white grid place-items-center\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                <\/div>\n                <h3 id=\"sh-high-lang-title\" class=\"font-display text-[28px] md:text-[32px] text-[#243b5a] m-0\">High-Risk Pregnancy Care<\/h3>\n            <\/div>\n            \n            <p id=\"sh-high-lang-desc\" class=\"text-[#243b5a]\/85 mb-5 text-[17px]\">Some pregnancies require additional monitoring because of medical conditions or pregnancy-related complications.<\/p>\n            <p id=\"sh-high-lang-criteria\" class=\"font-semibold text-[#243b5a] mb-3\">A pregnancy may be considered high-risk when the mother has:<\/p>\n            \n            <ul id=\"sh-high-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-3 mb-6\">\n                <!-- List rendered via JS -->\n            <\/ul>\n            \n            <p id=\"sh-high-lang-footer1\" class=\"text-[#667085]\">Women with high-risk pregnancies usually require more frequent checkups, additional ultrasound examinations, and individualized birth planning.<\/p>\n            <p id=\"sh-high-lang-footer2\" class=\"mt-3 text-[#667085]\">Early identification allows healthcare providers to manage complications before they become emergencies.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const highRiskData = {\n            en: {\n                title: \"High-Risk Pregnancy Care\",\n                desc: \"Some pregnancies require additional monitoring because of medical conditions or pregnancy-related complications.\",\n                criteria: \"A pregnancy may be considered high-risk when the mother has:\",\n                f1: \"Women with high-risk pregnancies usually require more frequent checkups, additional ultrasound examinations, and individualized birth planning.\",\n                f2: \"Early identification allows healthcare providers to manage complications before they become emergencies.\",\n                list: [\"Diabetes\", \"High blood pressure\", \"Thyroid disorders\", \"Twin or multiple pregnancy\", \"Previous miscarriage\", \"Previous premature birth\", \"Previous cesarean section\", \"Placenta-related complications\", \"Maternal age above 35 years\"]\n            },\n            ar: {\n                title: \"\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\",\n                desc: \"\u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0645\u0631\u0627\u0642\u0628\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0633\u0628\u0628 \u0648\u062c\u0648\u062f \u062d\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0623\u0648 \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062d\u0645\u0644.\",\n                criteria: \"\u0642\u062f \u064a\u0639\u062a\u0628\u0631 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0639\u0646\u062f\u0645\u0627 \u062a\u0639\u0627\u0646\u064a \u0627\u0644\u0623\u0645 \u0645\u0646:\",\n                f1: \"\u0639\u0627\u062f\u0629\u064b \u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0644\u0627\u062a\u064a \u064a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646 \u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0625\u0644\u0649 \u0641\u062d\u0648\u0635\u0627\u062a \u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0648\u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0641\u0631\u062f\u064a \u0644\u0644\u0648\u0644\u0627\u062f\u0629.\",\n                f2: \"\u064a\u062a\u064a\u062d \u0627\u0644\u0643\u0634\u0641 \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u062d\u0627\u0644\u0627\u062a \u0637\u0627\u0631\u0626\u0629.\",\n                list: [\"\u0627\u0644\u0633\u0643\u0631\u064a\", \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\", \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629\", \"\u0627\u0644\u062d\u0645\u0644 \u0628\u062a\u0648\u0623\u0645 \u0623\u0648 \u0623\u0643\u062b\u0631\", \"\u0625\u062c\u0647\u0627\u0636 \u0633\u0627\u0628\u0642\", \"\u0648\u0644\u0627\u062f\u0629 \u0645\u0628\u0643\u0631\u0629 \u0633\u0627\u0628\u0642\u0629\", \"\u0639\u0645\u0644\u064a\u0629 \u0642\u064a\u0635\u0631\u064a\u0629 \u0633\u0627\u0628\u0642\u0629\", \"\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0645\u0634\u064a\u0645\u0629\", \"\u0639\u0645\u0631 \u0627\u0644\u0623\u0645 \u0641\u0648\u0642 35 \u0639\u0627\u0645\u0627\u064b\"]\n            }\n        };\n\n        function initHighRisk() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? highRiskData.ar : highRiskData.en;\n            const section = document.getElementById('sh-highrisk-777');\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-high-lang-title').textContent = data.title;\n            document.getElementById('sh-high-lang-desc').textContent = data.desc;\n            document.getElementById('sh-high-lang-criteria').textContent = data.criteria;\n            document.getElementById('sh-high-lang-footer1').textContent = data.f1;\n            document.getElementById('sh-high-lang-footer2').textContent = data.f2;\n            \n            const grid = document.getElementById('sh-high-grid');\n            grid.innerHTML = '';\n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start\";\n                li.innerHTML = `<span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">${item}<\/span>`;\n                grid.appendChild(li);\n            });\n        }\n        initHighRisk();\n        new MutationObserver(initHighRisk).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra Setup Layouts *\/\n    #sh-specialized-555 {\n        width: 100% !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem !important; \/* Reduced for mobile *\/\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-specialized-555 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-specialized-555 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* Subtle Hexa Structural Medical Pattern Backing *\/\n    #sh-specialized-555::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-specialized-555 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Responsive Image Block *\/\n    #sh-specialized-555 .cond-img-block {\n        position: relative;\n        width: 100%;\n        height: auto;\n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n    }\n\n    #sh-specialized-555 .cond-img-block img {\n        width: 100%;\n        height: auto;\n        object-fit: contain; \/* Prevents cropping *\/\n        object-position: center;\n        display: block;\n    }\n\n    \/* Entry Animations Engine *\/\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    #sh-specialized-555 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-specialized-555\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Grid gap adjusted for mobile\/desktop -->\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-10 lg:gap-14 items-center mb-10 md:mb-12\">\n            \n            <!-- Left Image Block -->\n            <div class=\"sh-animate-up cond-img-block\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/radiology_4.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/radiology_4.webp'\" alt=\"Doctor reviewing specialized imaging scans for diagnosis and treatment planning in hospital radiology department.\" class=\"w-full h-auto aspect-auto object-contain block\" loading=\"lazy\">\n            <\/div>\n\n            <!-- Right Content -->\n            <div class=\"sh-animate-up text-start\" style=\"animation-delay: 0.2s;\">\n                <div class=\"mb-8 md:mb-10 max-w-3xl\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[12px] md:text-[13px] tracking-wider uppercase mb-3 md:mb-4\">\n                        <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                        <span id=\"sh-spec-lang-kicker\">Radiology Services<\/span>\n                    <\/div>\n                    \n                    <!-- Fluid typography applied -->\n                    <h2 id=\"sh-spec-lang-title\" class=\"text-[28px] md:text-[38px] lg:text-[46px] font-bold leading-[1.2] lg:leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Specialized Imaging<\/h2>\n                <\/div>\n\n                <div class=\"bg-white rounded-3xl p-6 md:p-8 lg:p-12 border border-[#e4edf3] shadow-sm\">\n                    <p id=\"sh-spec-lang-desc\" class=\"text-[#243b5a]\/85 text-[16px] md:text-[18px] lg:text-[20px] leading-relaxed mb-6 font-medium\"><\/p>\n                    <div class=\"h-px w-16 bg-[#138b86]\/20 mb-6\"><\/div>\n                    <p id=\"sh-spec-lang-footer\" class=\"text-[#667085] text-[15px] md:text-[16px] leading-relaxed 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 specData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Radiology Services\", \n                title: \"Specialized Imaging\",\n                desc: \"Depending on available hospital services, radiology departments may also support imaging requested by different medical specialties for diagnosis, treatment planning, or follow-up care.\",\n                footer: \"The exact examination depends on the patient's symptoms and physician's referral.\"\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0634\u0639\u0629\", \n                title: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\",\n                desc: \"\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u064b \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0642\u062f \u062a\u062f\u0639\u0645 \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0623\u0634\u0639\u0629 \u0623\u064a\u0636\u0627\u064b \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0630\u064a \u062a\u0637\u0644\u0628\u0647 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0644\u062a\u0634\u062e\u064a\u0635 \u0623\u0648 \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0644\u0627\u062c \u0623\u0648 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\",\n                footer: \"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0639\u0644\u0649 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0631\u064a\u0636 \u0648\u0625\u062d\u0627\u0644\u0629 \u0627\u0644\u0637\u0628\u064a\u0628.\"\n            }\n        };\n\n        function initSpecSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? specData.ar : specData.en;\n            const section = document.getElementById('sh-specialized-555');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-spec-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-spec-lang-kicker').style.fontFamily = data.body;\n\n            const title = document.getElementById('sh-spec-lang-title');\n            title.textContent = data.title;\n            title.style.fontFamily = data.font;\n            \n            document.getElementById('sh-spec-lang-desc').textContent = data.desc;\n            document.getElementById('sh-spec-lang-desc').style.fontFamily = data.body;\n            \n            document.getElementById('sh-spec-lang-footer').textContent = data.footer;\n            document.getElementById('sh-spec-lang-footer').style.fontFamily = data.body;\n        }\n        \n        initSpecSection();\n        new MutationObserver(initSpecSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Astra-proof Layout *\/\n    #sh-imaging-table-666 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-imaging-table-666 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    \/* 4. Table Styling for Medical Look *\/\n    .sh-med-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n    }\n    [dir=\"rtl\"] .sh-med-table {\n        text-align: right;\n    }\n    .sh-med-table th {\n        background-color: #f8fbfd;\n        color: #243b5a;\n        font-weight: bold;\n        padding: 1rem 1.25rem;\n        border-bottom: 2px solid #e4edf3;\n    }\n    .sh-med-table td {\n        padding: 1rem 1.25rem;\n        border-bottom: 1px solid #e4edf3;\n        color: #243b5a;\n    }\n    .sh-med-table tr:last-child td {\n        border-bottom: none;\n    }\n    .sh-med-table tbody tr:hover {\n        background-color: #fcfdfe;\n    }\n<\/style>\n\n<section id=\"sh-imaging-table-666\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \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-img-lang-kicker\">Clinical Decisions<\/span>\n            <\/div>\n            <h2 id=\"sh-img-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">How Physicians Choose the Right Imaging Test<\/h2>\n            <p id=\"sh-img-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Every imaging examination has a specific purpose. Selecting the appropriate test helps answer the clinical question while avoiding unnecessary investigations.<\/p>\n        <\/div>\n\n        <div class=\"max-w-4xl mx-auto sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <div class=\"bg-white rounded-2xl border border-[#e4edf3] shadow-sm overflow-x-auto\">\n                <table class=\"sh-med-table\">\n                    <thead>\n                        <tr>\n                            <th id=\"sh-img-lang-col1\" style=\"font-family: var(--font-display);\">Clinical Situation<\/th>\n                            <th id=\"sh-img-lang-col2\" style=\"font-family: var(--font-display);\">Imaging That May Be Considered*<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"sh-img-table-body\">\n                        <\/tbody>\n                <\/table>\n            <\/div>\n            <p id=\"sh-img-lang-footer\" class=\"mt-4 text-[#667085] text-[14px] italic text-center\">\n                *The final decision depends on your symptoms, examination findings, and the treating physician&#8217;s clinical judgment.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const imagingData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Clinical Decisions\", \n                title: \"How Physicians Choose the Right Imaging Test\",\n                desc: \"Every imaging examination has a specific purpose. Selecting the appropriate test helps answer the clinical question while avoiding unnecessary investigations.\",\n                col1: \"Clinical Situation\",\n                col2: \"Imaging That May Be Considered*\",\n                footer: \"*The final decision depends on your symptoms, examination findings, and the treating physician's clinical judgment.\",\n                rows: [\n                    { sit: \"Suspected fracture\", img: \"X-ray\" },\n                    { sit: \"Soft tissue concern\", img: \"Ultrasound or other appropriate imaging\" },\n                    { sit: \"Abdominal pain\", img: \"Ultrasound or CT scan depending on clinical findings\" },\n                    { sit: \"Head injury\", img: \"CT scan when medically indicated\" },\n                    { sit: \"Pregnancy monitoring\", img: \"Ultrasound\" },\n                    { sit: \"Chest symptoms\", img: \"Chest X-ray or CT scan based on evaluation\" }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629\", \n                title: \"\u0643\u064a\u0641 \u064a\u062e\u062a\u0627\u0631 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\",\n                desc: \"\u0644\u0643\u0644 \u0641\u062d\u0635 \u062a\u0635\u0648\u064a\u0631 \u063a\u0631\u0636 \u0645\u062d\u062f\u062f. \u064a\u0633\u0627\u0639\u062f \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0641\u064a \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0645\u0639 \u062a\u062c\u0646\u0628 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629.\",\n                col1: \"\u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629\",\n                col2: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0630\u064a \u064a\u0645\u0643\u0646 \u0627\u0644\u0646\u0638\u0631 \u0641\u064a\u0647*\",\n                footer: \"*\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0639\u0644\u0649 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0641\u062d\u0635 \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0644\u0644\u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u0639\u0627\u0644\u062c.\",\n                rows: [\n                    { sit: \"\u0627\u0644\u0627\u0634\u062a\u0628\u0627\u0647 \u0641\u064a \u0648\u062c\u0648\u062f \u0643\u0633\u0631\", img: \"\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 (X-ray)\" },\n                    { sit: \"\u0645\u062e\u0627\u0648\u0641 \u062a\u062a\u0639\u0644\u0642 \u0628\u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0631\u062e\u0648\u0629\", img: \"\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0623\u0648 \u0623\u064a \u062a\u0635\u0648\u064a\u0631 \u0645\u0646\u0627\u0633\u0628 \u0622\u062e\u0631\" },\n                    { sit: \"\u0623\u0644\u0645 \u0641\u064a \u0627\u0644\u0628\u0637\u0646\", img: \"\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0623\u0648 \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0645\u0642\u0637\u0639\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629\" },\n                    { sit: \"\u0625\u0635\u0627\u0628\u0629 \u0627\u0644\u0631\u0623\u0633\", img: \"\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0645\u0642\u0637\u0639\u064a\u0629 \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0637\u0628\u064a\u0629\" },\n                    { sit: \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0645\u0644\", img: \"\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\" },\n                    { sit: \"\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0635\u062f\u0631\", img: \"\u0623\u0634\u0639\u0629 \u0633\u064a\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0635\u062f\u0631 \u0623\u0648 \u0623\u0634\u0639\u0629 \u0645\u0642\u0637\u0639\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\" }\n                ]\n            }\n        };\n\n        function initImagingTable() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? imagingData.ar : imagingData.en;\n            const section = document.getElementById('sh-imaging-table-666');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-img-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-img-lang-title').textContent = data.title;\n            document.getElementById('sh-img-lang-desc').textContent = data.desc;\n            document.getElementById('sh-img-lang-col1').textContent = data.col1;\n            document.getElementById('sh-img-lang-col2').textContent = data.col2;\n            document.getElementById('sh-img-lang-footer').textContent = data.footer;\n            \n            const tbody = document.getElementById('sh-img-table-body');\n            tbody.innerHTML = '';\n            \n            data.rows.forEach(row => {\n                const tr = document.createElement('tr');\n                tr.innerHTML = `\n                    <td class=\"font-medium\" style=\"font-family: ${data.body};\">${row.sit}<\/td>\n                    <td style=\"font-family: ${data.body};\">${row.img}<\/td>\n                `;\n                tbody.appendChild(tr);\n            });\n        }\n        \n        initImagingTable();\n        new MutationObserver(initImagingTable).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID for Astra Breakout & Hexa Background *\/\n    #sh-journey-444 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* 2. Hexa Background *\/\n    #sh-journey-444::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-journey-444 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 3. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    \/* 4. Table Styling *\/\n    .sh-journey-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n    }\n    [dir=\"rtl\"] .sh-journey-table {\n        text-align: right;\n    }\n    .sh-journey-table th {\n        background-color: #ffffff;\n        color: #138b86;\n        font-weight: bold;\n        padding: 1.25rem;\n        border-bottom: 2px solid #e4edf3;\n        font-size: 18px;\n    }\n    .sh-journey-table td {\n        padding: 1.25rem;\n        border-bottom: 1px solid #e4edf3;\n        color: #243b5a;\n        font-size: 16px;\n    }\n    .sh-journey-table tr:last-child td {\n        border-bottom: none;\n    }\n    .sh-journey-table tbody tr:hover {\n        background-color: #ffffff;\n        box-shadow: inset 4px 0 0 0 #138b86;\n    }\n    [dir=\"rtl\"] .sh-journey-table tbody tr:hover {\n        box-shadow: inset -4px 0 0 0 #138b86;\n    }\n<\/style>\n\n<section id=\"sh-journey-444\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-jour-lang-kicker\">Care Journey<\/span>\n            <\/div>\n            <h2 id=\"sh-jour-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Medical Imaging Supports the Entire Care Journey<\/h2>\n            <p id=\"sh-jour-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Radiology contributes to healthcare at multiple stages, not only during diagnosis.<\/p>\n        <\/div>\n\n        <div class=\"max-w-4xl mx-auto bg-white\/80 backdrop-blur-sm rounded-2xl border border-[#e4edf3] shadow-sm overflow-x-auto sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <table class=\"sh-journey-table\">\n                <thead>\n                    <tr>\n                        <th id=\"sh-jour-lang-col1\" style=\"font-family: var(--font-display);\">Stage of Care<\/th>\n                        <th id=\"sh-jour-lang-col2\" style=\"font-family: var(--font-display);\">Role of Radiology<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody id=\"sh-jour-table-body\">\n                    <\/tbody>\n            <\/table>\n        <\/div>\n\n        <div class=\"mt-10 text-center max-w-3xl mx-auto sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <p id=\"sh-jour-lang-footer\" class=\"text-[#243b5a] font-medium text-[18px] leading-relaxed\">\n                This continuous role makes radiology an integral component of modern patient care.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const journeyData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Care Journey\", \n                title: \"Medical Imaging Supports the Entire Care Journey\",\n                desc: \"Radiology contributes to healthcare at multiple stages, not only during diagnosis.\",\n                col1: \"Stage of Care\",\n                col2: \"Role of Radiology\",\n                footer: \"This continuous role makes radiology an integral component of modern patient care.\",\n                rows: [\n                    { stage: \"Initial assessment\", role: \"Helps identify the cause of symptoms\" },\n                    { stage: \"Diagnosis\", role: \"Provides detailed anatomical information\" },\n                    { stage: \"Treatment planning\", role: \"Assists physicians in selecting appropriate treatment\" },\n                    { stage: \"Procedure guidance\", role: \"Supports selected image-guided medical procedures\" },\n                    { stage: \"Follow-up\", role: \"Monitors recovery and treatment response\" }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629\", \n                title: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0637\u0628\u064a \u064a\u062f\u0639\u0645 \u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0628\u0623\u0643\u0645\u0644\u0647\u0627\",\n                desc: \"\u062a\u0633\u0627\u0647\u0645 \u0627\u0644\u0623\u0634\u0639\u0629 \u0641\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0641\u064a \u0645\u0631\u0627\u062d\u0644 \u0645\u062a\u0639\u062f\u062f\u0629\u060c \u0648\u0644\u064a\u0633 \u0641\u0642\u0637 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0634\u062e\u064a\u0635.\",\n                col1: \"\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629\",\n                col2: \"\u062f\u0648\u0631 \u0627\u0644\u0623\u0634\u0639\u0629\",\n                footer: \"\u0647\u0630\u0627 \u0627\u0644\u062f\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u064a\u062c\u0639\u0644 \u0627\u0644\u0623\u0634\u0639\u0629 \u0645\u0643\u0648\u0646\u0627\u064b \u0623\u0633\u0627\u0633\u064a\u0627\u064b \u0641\u064a \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.\",\n                rows: [\n                    { stage: \"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0648\u0644\u064a\", role: \"\u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0633\u0628\u0628 \u0627\u0644\u0623\u0639\u0631\u0627\u0636\" },\n                    { stage: \"\u0627\u0644\u062a\u0634\u062e\u064a\u0635\", role: \"\u064a\u0648\u0641\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0634\u0631\u064a\u062d\u064a\u0629 \u0645\u0641\u0635\u0644\u0629\" },\n                    { stage: \"\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0644\u0627\u062c\", role: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628\" },\n                    { stage: \"\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a\", role: \"\u064a\u062f\u0639\u0645 \u0628\u0639\u0636 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0648\u062c\u0647\u0629 \u0628\u0627\u0644\u062a\u0635\u0648\u064a\u0631\" },\n                    { stage: \"\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\", role: \"\u064a\u0631\u0627\u0642\u0628 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0648\u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0644\u0639\u0644\u0627\u062c\" }\n                ]\n            }\n        };\n\n        function initJourneySection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? journeyData.ar : journeyData.en;\n            const section = document.getElementById('sh-journey-444');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Header & Columns\n            document.getElementById('sh-jour-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-jour-lang-title').textContent = data.title;\n            document.getElementById('sh-jour-lang-title').style.fontFamily = data.font;\n            document.getElementById('sh-jour-lang-desc').textContent = data.desc;\n            document.getElementById('sh-jour-lang-col1').textContent = data.col1;\n            document.getElementById('sh-jour-lang-col2').textContent = data.col2;\n            document.getElementById('sh-jour-lang-footer').textContent = data.footer;\n            document.getElementById('sh-jour-lang-footer').style.fontFamily = data.body;\n            \n            \/\/ Table Body\n            const tbody = document.getElementById('sh-jour-table-body');\n            tbody.innerHTML = '';\n            \n            data.rows.forEach(row => {\n                const tr = document.createElement('tr');\n                tr.innerHTML = `\n                    <td class=\"font-bold w-1\/3\" style=\"font-family: ${data.font};\">${row.stage}<\/td>\n                    <td class=\"text-[#667085]\" style=\"font-family: ${data.body};\">${row.role}<\/td>\n                `;\n                tbody.appendChild(tr);\n            });\n        }\n        \n        initJourneySection();\n        new MutationObserver(initJourneySection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra Setup Layouts *\/\n    #sh-preparation-333 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem !important; \/* Reduced for mobile *\/\n    }\n\n    @media (min-width: 768px) {\n        #sh-preparation-333 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-preparation-333 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-preparation-333 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Fully Responsive Image Framework *\/\n    #sh-preparation-333 .img-container {\n        width: 100%;\n        height: auto;\n        border-radius: 2rem;\n        overflow: hidden;\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);\n    }\n\n    #sh-preparation-333 .img-container img {\n        width: 100%;\n        height: auto;\n        object-fit: contain; \/* Prevents cropping *\/\n        object-position: center;\n        display: block;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    #sh-preparation-333 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-preparation-333\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header Block -->\n        <div class=\"mb-10 md: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-[12px] md:text-[13px] tracking-wider uppercase mb-3 md:mb-4\">\n                <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-prep-lang-kicker\">Patient Guidelines<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-prep-lang-title\" class=\"text-[28px] md:text-[38px] lg:text-[46px] font-bold leading-[1.2] lg:leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Preparing for an Imaging Examination\n            <\/h2>\n            <p id=\"sh-prep-lang-desc\" class=\"mt-4 md:mt-5 text-[#667085] text-[16px] md:text-[18px] leading-relaxed\"><\/p>\n        <\/div>\n\n        <!-- Content Grid (Responsive Layout) -->\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-10 lg:gap-14 items-start bg-white rounded-3xl p-6 md:p-8 lg:p-12 border border-[#e4edf3] shadow-sm sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            \n            <div class=\"img-container\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/radiology_5.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/radiology_5.webp'\" alt=\"Patient consulting with radiology staff before an imaging examination.\" class=\"w-full h-auto aspect-auto object-contain block\" loading=\"lazy\">\n            <\/div>\n            \n            <div>\n                <ul id=\"sh-prep-list-grid\" class=\"space-y-4 md:space-y-5 mb-8 md:mb-10\">\n                    <!-- Injected via JS -->\n                <\/ul>\n                <div class=\"p-4 md:p-6 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3]\">\n                    <p id=\"sh-prep-lang-footer\" class=\"m-0 text-[#243b5a] font-medium text-[15px] md:text-[16px] leading-relaxed\"><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const prepData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Patient Guidelines\", \n                title: \"Preparing for an Imaging Examination\",\n                desc: \"Preparation varies according to the type of imaging requested. Patients may be advised to:\",\n                footer: \"Following preparation instructions helps ensure accurate imaging and minimizes delays.\",\n                list: [\n                    \"Bring previous imaging studies if available.\",\n                    \"Wear comfortable clothing.\",\n                    \"Remove metal objects before certain examinations.\",\n                    \"Follow fasting instructions when required.\",\n                    \"Inform staff about pregnancy or the possibility of pregnancy.\",\n                    \"Discuss allergies if contrast material may be used.\",\n                    \"Continue medications unless advised otherwise by a physician.\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0631\u0636\u0649\", \n                title: \"\u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0641\u062d\u0635 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\",\n                desc: \"\u064a\u062e\u062a\u0644\u0641 \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0648\u0641\u0642\u064b\u0627 \u0644\u0646\u0648\u0639 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u0637\u0644\u0648\u0628. \u0642\u062f \u064a\u064f\u0646\u0635\u062d \u0627\u0644\u0645\u0631\u0636\u0649 \u0628\u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u064a\u0633\u0627\u0639\u062f \u0627\u062a\u0628\u0627\u0639 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0639\u0644\u0649 \u0636\u0645\u0627\u0646 \u062f\u0642\u0629 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0623\u062e\u064a\u0631.\",\n                list: [\n                    \"\u0625\u062d\u0636\u0627\u0631 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0645\u062a\u0648\u0641\u0631\u0629.\",\n                    \"\u0627\u0631\u062a\u062f\u0627\u0621 \u0645\u0644\u0627\u0628\u0633 \u0645\u0631\u064a\u062d\u0629.\",\n                    \"\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 \u0642\u0628\u0644 \u0628\u0639\u0636 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a.\",\n                    \"\u0627\u062a\u0628\u0627\u0639 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u064a\u0627\u0645 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629.\",\n                    \"\u0625\u0628\u0644\u0627\u063a \u0627\u0644\u0637\u0627\u0642\u0645 \u0628\u0648\u062c\u0648\u062f \u062d\u0645\u0644 \u0623\u0648 \u0627\u062d\u062a\u0645\u0627\u0644 \u0648\u062c\u0648\u062f \u062d\u0645\u0644.\",\n                    \"\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u062d\u0627\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0628\u0627\u064a\u0646.\",\n                    \"\u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0641\u064a \u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0645\u0627 \u0644\u0645 \u064a\u0646\u0635\u062d \u0627\u0644\u0637\u0628\u064a\u0628 \u0628\u062e\u0644\u0627\u0641 \u0630\u0644\u0643.\"\n                ]\n            }\n        };\n\n        function initPrepSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? prepData.ar : prepData.en;\n            const section = document.getElementById('sh-preparation-333');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-prep-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-prep-lang-kicker').style.fontFamily = data.body;\n            \n            const title = document.getElementById('sh-prep-lang-title');\n            title.textContent = data.title;\n            title.style.fontFamily = data.font;\n            \n            document.getElementById('sh-prep-lang-desc').textContent = data.desc;\n            document.getElementById('sh-prep-lang-desc').style.fontFamily = data.body;\n            \n            document.getElementById('sh-prep-lang-footer').textContent = data.footer;\n            document.getElementById('sh-prep-lang-footer').style.fontFamily = data.body;\n            \n            const listGrid = document.getElementById('sh-prep-list-grid');\n            listGrid.innerHTML = '';\n            \n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 md:gap-4 items-start\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[24px] md:h-[24px] rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center shadow-sm\">\n                        <svg class=\"w-[10px] h-[10px] md:w-3 md:h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15.5px] lg:text-[16px] text-[#243b5a]\/90 font-medium leading-relaxed\" style=\"font-family: ${data.body}\">${item}<\/span>\n                `;\n                listGrid.appendChild(li);\n            });\n        }\n        \n        initPrepSection();\n        new MutationObserver(initPrepSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-appointment-steps-555 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Container Max-Width 1475px *\/\n    #sh-appointment-steps-555 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-appointment-steps-555\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"mb-12 max-w-3xl sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-apt-lang-kicker\">Patient Process<\/span>\n            <\/div>\n            <h2 id=\"sh-apt-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">What Happens During a Radiology Appointment?<\/h2>\n            <p id=\"sh-apt-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Many imaging procedures are straightforward and completed within a relatively short period.<\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 gap-6 max-w-6xl sh-animate-up\" style=\"animation-delay: 0.1s;\" id=\"sh-apt-grid\">\n            <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const aptData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Patient Process\", \n                title: \"What Happens During a Radiology Appointment?\",\n                desc: \"Many imaging procedures are straightforward and completed within a relatively short period.\",\n                steps: [\n                    {\n                        num: \"1\",\n                        title: \"Registration and Verification\",\n                        desc: \"Patient identity, physician referral, and examination details are confirmed before imaging begins.\"\n                    },\n                    {\n                        num: \"2\",\n                        title: \"Preparation\",\n                        desc: \"Depending on the examination, patients may be asked to change into a hospital gown, remove jewelry, or follow additional preparation instructions.\"\n                    },\n                    {\n                        num: \"3\",\n                        title: \"Image Acquisition\",\n                        desc: \"A radiologic technologist positions the patient appropriately while images are obtained using the required imaging equipment. Some examinations require patients to remain still or briefly hold their breath to improve image quality.\"\n                    },\n                    {\n                        num: \"4\",\n                        title: \"Image Review\",\n                        desc: \"The acquired images are reviewed for technical quality before being forwarded to a radiologist for interpretation.\"\n                    }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0645\u0631\u064a\u0636\", \n                title: \"\u0645\u0627\u0630\u0627 \u064a\u062d\u062f\u062b \u062e\u0644\u0627\u0644 \u0645\u0648\u0639\u062f \u0627\u0644\u0623\u0634\u0639\u0629\u061f\",\n                desc: \"\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0633\u064a\u0637\u0629 \u0648\u062a\u0643\u062a\u0645\u0644 \u0641\u064a \u0641\u062a\u0631\u0629 \u0642\u0635\u064a\u0631\u0629 \u0646\u0633\u0628\u064a\u0627\u064b.\",\n                steps: [\n                    {\n                        num: \"1\",\n                        title: \"\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u0627\u0644\u062a\u062d\u0642\u0642\",\n                        desc: \"\u064a\u062a\u0645 \u062a\u0623\u0643\u064a\u062f \u0647\u0648\u064a\u0629 \u0627\u0644\u0645\u0631\u064a\u0636\u060c \u0648\u0625\u062d\u0627\u0644\u0629 \u0627\u0644\u0637\u0628\u064a\u0628\u060c \u0648\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0641\u062d\u0635 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u062a\u0635\u0648\u064a\u0631.\"\n                    },\n                    {\n                        num: \"2\",\n                        title: \"\u0627\u0644\u062a\u062d\u0636\u064a\u0631\",\n                        desc: \"\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u0641\u062d\u0635\u060c \u0642\u062f \u064a\u064f\u0637\u0644\u0628 \u0645\u0646 \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0631\u062a\u062f\u0627\u0621 \u062b\u0648\u0628 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\u060c \u0623\u0648 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u062c\u0648\u0647\u0631\u0627\u062a\u060c \u0623\u0648 \u0627\u062a\u0628\u0627\u0639 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u062a\u062d\u0636\u064a\u0631 \u0625\u0636\u0627\u0641\u064a\u0629.\"\n                    },\n                    {\n                        num: \"3\",\n                        title: \"\u0627\u0644\u062a\u0642\u0627\u0637 \u0627\u0644\u0635\u0648\u0631\",\n                        desc: \"\u064a\u0642\u0648\u0645 \u0623\u062e\u0635\u0627\u0626\u064a \u0627\u0644\u0623\u0634\u0639\u0629 \u0628\u0648\u0636\u0639 \u0627\u0644\u0645\u0631\u064a\u0636 \u0641\u064a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0642\u0627\u0637 \u0627\u0644\u0635\u0648\u0631 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0639\u062f\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629. \u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0645\u0646 \u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0628\u0642\u0627\u0621 \u062b\u0627\u0628\u062a\u064a\u0646 \u0623\u0648 \u062d\u0628\u0633 \u0623\u0646\u0641\u0627\u0633\u0647\u0645 \u0644\u0641\u062a\u0631\u0629 \u0648\u062c\u064a\u0632\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0635\u0648\u0631\u0629.\"\n                    },\n                    {\n                        num: \"4\",\n                        title: \"\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0635\u0648\u0631\",\n                        desc: \"\u062a\u062a\u0645 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u0644\u062a\u0642\u0637\u0629 \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u062c\u0648\u062f\u062a\u0647\u0627 \u0627\u0644\u0641\u0646\u064a\u0629 \u0642\u0628\u0644 \u0625\u0631\u0633\u0627\u0644\u0647\u0627 \u0625\u0644\u0649 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0634\u0639\u0629 \u0644\u062a\u0641\u0633\u064a\u0631\u0647\u0627.\"\n                    }\n                ]\n            }\n        };\n\n        function initAptSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? aptData.ar : aptData.en;\n            const section = document.getElementById('sh-appointment-steps-555');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-apt-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-apt-lang-kicker').style.fontFamily = data.body;\n            \n            document.getElementById('sh-apt-lang-title').textContent = data.title;\n            document.getElementById('sh-apt-lang-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-apt-lang-desc').textContent = data.desc;\n            document.getElementById('sh-apt-lang-desc').style.fontFamily = data.body;\n            \n            const grid = document.getElementById('sh-apt-grid');\n            grid.innerHTML = '';\n            \n            data.steps.forEach((step, index) => {\n                grid.innerHTML += `\n                    <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm flex flex-col md:flex-row gap-5 items-start\">\n                        <div class=\"w-12 h-12 rounded-full bg-[#138b86] text-white flex items-center justify-center shrink-0 font-bold text-[20px] shadow-md\" style=\"font-family: ${data.font};\">\n                            ${step.num}\n                        <\/div>\n                        <div>\n                            <h3 class=\"text-[20px] text-[#243b5a] font-bold mb-2\" style=\"font-family: ${data.font};\">Step ${step.num} \u2013 ${step.title}<\/h3>\n                            <p class=\"text-[16px] text-[#667085] leading-relaxed\" style=\"font-family: ${data.body};\">${step.desc}<\/p>\n                        <\/div>\n                    <\/div>`;\n            });\n            \n            \/\/ Adjust \"Step\" text dynamically for Arabic\n            if (isRtl) {\n                const stepTitles = grid.querySelectorAll('h3');\n                stepTitles.forEach((title, index) => {\n                    title.textContent = `\u0627\u0644\u062e\u0637\u0648\u0629 ${data.steps[index].num} \u2013 ${data.steps[index].title}`;\n                });\n            }\n        }\n        \n        initAptSection();\n        new MutationObserver(initAptSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-radiologist-222 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem !important; \/* Reduced for mobile *\/\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-radiologist-222 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-radiologist-222 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* Hexa Background *\/\n    #sh-radiologist-222::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-radiologist-222 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Fully Responsive Image Framework *\/\n    #sh-radiologist-222 .img-container {\n        width: 100%;\n        height: auto;\n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n    }\n\n    #sh-radiologist-222 .img-container img {\n        width: 100%;\n        height: auto;\n        object-fit: contain; \/* Prevents cropping *\/\n        object-position: center;\n        display: block;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    #sh-radiologist-222 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-radiologist-222\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <!-- Adjusted gap for mobile (gap-10) and desktop (gap-14) -->\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-10 lg:gap-14 items-center\">\n            \n            <div class=\"sh-animate-up img-container mb-8 lg:mb-0\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/radiology_6.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/radiology_6.webp'\" alt=\"A radiologist physician interpreting medical images and reviewing diagnostic reports.\" class=\"w-full h-auto aspect-auto object-contain block\" loading=\"lazy\">\n            <\/div>\n\n            <div class=\"sh-animate-up text-start\" style=\"animation-delay: 0.2s;\">\n                <div class=\"mb-8 md:mb-10 max-w-3xl\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[12px] md:text-[13px] tracking-wider uppercase mb-3 md:mb-4\">\n                        <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                        <span id=\"sh-rad-lang-kicker\">Medical Professionals<\/span>\n                    <\/div>\n                    \n                    <!-- Fluid typography applied -->\n                    <h2 id=\"sh-rad-lang-title\" class=\"text-[28px] md:text-[38px] lg:text-[46px] font-bold leading-[1.2] lg:leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                        Understanding the Role of a Radiologist\n                    <\/h2>\n                    <p id=\"sh-rad-lang-desc\" class=\"mt-4 md:mt-5 text-[#667085] text-[16px] md:text-[18px] leading-relaxed\"><\/p>\n                <\/div>\n\n                <p id=\"sh-rad-lang-care-title\" class=\"font-bold text-[#243b5a] text-[18px] md:text-[20px] mb-5 md:mb-6\" style=\"font-family: var(--font-display);\"><\/p>\n                \n                <ul id=\"sh-rad-grid\" class=\"grid sm:grid-cols-1 gap-y-3 md:gap-y-4\">\n                    <!-- Dynamic List Items -->\n                <\/ul>\n                \n                <div class=\"mt-8 md:mt-10 p-5 md:p-6 rounded-2xl bg-white border border-[#e4edf3] shadow-sm\">\n                    <p id=\"sh-rad-lang-footer\" class=\"m-0 text-[#243b5a] font-medium text-[15px] md:text-[16px] leading-relaxed\"><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const radData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Medical Professionals\", \n                title: \"Understanding the Role of a Radiologist\",\n                desc: \"Many people interact with imaging equipment but may not realize that a radiologist plays a central role in the diagnostic process. A radiologist is a physician who specializes in interpreting medical images and identifying findings that may explain a patient's symptoms.\",\n                care: \"Their responsibilities include:\",\n                footer: \"The radiologist's report becomes an important part of the patient's overall medical evaluation.\",\n                list: [\n                    \"Reviewing diagnostic images\",\n                    \"Identifying normal and abnormal findings\",\n                    \"Preparing detailed reports\",\n                    \"Communicating significant findings to referring physicians when necessary\",\n                    \"Supporting treatment planning through imaging interpretation\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0637\u0628\u064a\u0629\", \n                title: \"\u0641\u0647\u0645 \u062f\u0648\u0631 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0634\u0639\u0629\",\n                desc: \"\u064a\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0643\u062b\u064a\u0631\u0648\u0646 \u0645\u0639 \u0645\u0639\u062f\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0648\u0644\u0643\u0646 \u0642\u062f \u0644\u0627 \u064a\u062f\u0631\u0643\u0648\u0646 \u0623\u0646 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0634\u0639\u0629 \u064a\u0644\u0639\u0628 \u062f\u0648\u0631\u0627\u064b \u0645\u0631\u0643\u0632\u064a\u0627\u064b \u0641\u064a \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635. \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0634\u0639\u0629 \u0647\u0648 \u0637\u0628\u064a\u0628 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062a\u0641\u0633\u064a\u0631 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0641\u0633\u0631 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0631\u064a\u0636.\",\n                care: \"\u062a\u0634\u0645\u0644 \u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u0647\u0645:\",\n                footer: \"\u064a\u0635\u0628\u062d \u062a\u0642\u0631\u064a\u0631 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0634\u0639\u0629 \u062c\u0632\u0621\u0627\u064b \u0645\u0647\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0644\u0645\u0631\u064a\u0636.\",\n                list: [\n                    \"\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\",\n                    \"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u063a\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629\",\n                    \"\u0625\u0639\u062f\u0627\u062f \u062a\u0642\u0627\u0631\u064a\u0631 \u0645\u0641\u0635\u0644\u0629\",\n                    \"\u0625\u0628\u0644\u0627\u063a \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0645\u062d\u064a\u0644\u064a\u0646 \u0628\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0647\u0645\u0629 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629\",\n                    \"\u062f\u0639\u0645 \u062e\u0637\u0637 \u0627\u0644\u0639\u0644\u0627\u062c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0641\u0633\u064a\u0631 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\"\n                ]\n            }\n        };\n\n        function initRadSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? radData.ar : radData.en;\n            const section = document.getElementById('sh-radiologist-222');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-rad-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-rad-lang-kicker').style.fontFamily = data.body;\n            \n            const title = document.getElementById('sh-rad-lang-title');\n            title.textContent = data.title;\n            title.style.fontFamily = data.font;\n            \n            document.getElementById('sh-rad-lang-desc').textContent = data.desc;\n            document.getElementById('sh-rad-lang-desc').style.fontFamily = data.body;\n            \n            document.getElementById('sh-rad-lang-care-title').textContent = data.care;\n            document.getElementById('sh-rad-lang-care-title').style.fontFamily = data.font;\n            \n            document.getElementById('sh-rad-lang-footer').textContent = data.footer;\n            document.getElementById('sh-rad-lang-footer').style.fontFamily = data.body;\n            \n            const grid = document.getElementById('sh-rad-grid');\n            grid.innerHTML = '';\n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 md:gap-4 items-start\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[24px] md:h-[24px] rounded-full bg-[#138b86]\/10 text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg class=\"w-[10px] h-[10px] md:w-3 md:h-3\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15.5px] lg:text-[16px] text-[#243b5a]\/90 font-medium leading-relaxed\" style=\"font-family: ${data.body}\">${item}<\/span>\n                `;\n                grid.appendChild(li);\n            });\n        }\n        \n        initRadSection();\n        new MutationObserver(initRadSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-safety-444 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-safety-444::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-safety-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-safety-444 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s ease forwards; \n    }\n<\/style>\n\n<section id=\"sh-safety-444\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-4xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-safe-lang-kicker\">Patient Safety<\/span>\n            <\/div>\n            <h2 id=\"sh-safe-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">Image Quality and Patient Safety<\/h2>\n            <p id=\"sh-safe-lang-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed mb-2\"><\/p>\n        <\/div>\n\n        <div class=\"bg-white rounded-3xl p-8 lg:p-12 border border-[#e4edf3] shadow-sm max-w-5xl mx-auto sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <h3 id=\"sh-safe-lang-list-title\" class=\"font-bold text-[22px] text-[#243b5a] mb-6 text-center\" style=\"font-family: var(--font-display);\"><\/h3>\n            \n            <ul class=\"grid sm:grid-cols-2 gap-x-8 gap-y-5 mb-8\" id=\"sh-safe-grid\">\n                <\/ul>\n            \n            <div class=\"h-px w-full bg-[#e4edf3] mb-6\"><\/div>\n            \n            <p id=\"sh-safe-lang-footer\" class=\"text-center text-[#596b82] text-[17px] font-medium leading-relaxed\"><\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const safetyData = {\n            en: {\n                kicker: \"Patient Safety\", \n                title: \"Image Quality and Patient Safety\",\n                desc: \"Modern diagnostic imaging is designed to provide physicians with detailed information while following established safety standards. Every examination is selected based on clinical need, ensuring that the expected diagnostic benefit outweighs any potential risks.\",\n                listTitle: \"Patient safety is supported through:\",\n                footer: \"These measures help produce high-quality diagnostic images while supporting safe patient care.\",\n                list: [\n                    \"Verification of the requested examination\",\n                    \"Appropriate imaging protocols\",\n                    \"Equipment maintenance and calibration\",\n                    \"Trained radiologic technologists\",\n                    \"Radiologist supervision and interpretation\",\n                    \"Individualized imaging based on age and medical condition\"\n                ]\n            },\n            ar: {\n                kicker: \"\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0631\u0636\u0649\", \n                title: \"\u062c\u0648\u062f\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0631\u0636\u0649\",\n                desc: \"\u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0627\u0644\u062d\u062f\u064a\u062b \u0644\u062a\u0632\u0648\u064a\u062f \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0628\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0641\u0635\u0644\u0629 \u0645\u0639 \u0627\u062a\u0628\u0627\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0639\u0645\u0648\u0644 \u0628\u0647\u0627. \u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0643\u0644 \u0641\u062d\u0635 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062d\u0627\u062c\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0623\u0646 \u0627\u0644\u0641\u0627\u0626\u062f\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 \u062a\u0641\u0648\u0642 \u0623\u064a \u0645\u062e\u0627\u0637\u0631 \u0645\u062d\u062a\u0645\u0644\u0629.\",\n                listTitle: \"\u064a\u062a\u0645 \u062f\u0639\u0645 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0631\u0636\u0649 \u0645\u0646 \u062e\u0644\u0627\u0644:\",\n                footer: \"\u062a\u0633\u0627\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u062a\u062f\u0627\u0628\u064a\u0631 \u0641\u064a \u0625\u0646\u062a\u0627\u062c \u0635\u0648\u0631 \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0645\u0639 \u062f\u0639\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0622\u0645\u0646\u0629 \u0644\u0644\u0645\u0631\u0636\u0649.\",\n                list: [\n                    \"\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\",\n                    \"\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\",\n                    \"\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0648\u0645\u0639\u0627\u064a\u0631\u062a\u0647\u0627\",\n                    \"\u062a\u0642\u0646\u064a\u0648 \u0623\u0634\u0639\u0629 \u0645\u062f\u0631\u0628\u0648\u0646\",\n                    \"\u0625\u0634\u0631\u0627\u0641 \u0648\u062a\u0641\u0633\u064a\u0631 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0634\u0639\u0629\",\n                    \"\u062a\u0635\u0648\u064a\u0631 \u0641\u0631\u062f\u064a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0631 \u0648\u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0637\u0628\u064a\u0629\"\n                ]\n            }\n        };\n\n        function initSafetySection() {\n            \/\/ Determine language context\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? safetyData.ar : safetyData.en;\n            \n            \/\/ Set Section Direction\n            const section = document.getElementById('sh-safety-444');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Populate Text\n            document.getElementById('sh-safe-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-safe-lang-title').textContent = data.title;\n            document.getElementById('sh-safe-lang-desc').textContent = data.desc;\n            document.getElementById('sh-safe-lang-list-title').textContent = data.listTitle;\n            document.getElementById('sh-safe-lang-footer').textContent = data.footer;\n            \n            \/\/ Populate List\n            const gridContainer = document.getElementById('sh-safe-grid');\n            gridContainer.innerHTML = '';\n            data.list.forEach(item => {\n                gridContainer.innerHTML += `\n                    <li class=\"flex gap-4 items-start\">\n                        <span class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] md:text-[17px] text-[#243b5a]\/90 font-medium leading-snug\">${item}<\/span>\n                    <\/li>\n                `;\n            });\n        }\n\n        \/\/ Initialize and setup mutation observer for real-time translation switching\n        initSafetySection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initSafetySection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-radiation-555 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* Clean white background *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-radiation-555 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-radiation-555 .sh-text-start { text-align: left !important; }\n    #sh-radiation-555[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-radiation-555 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Medical Table Styling *\/\n    .sh-rad-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n    }\n    [dir=\"rtl\"] .sh-rad-table {\n        text-align: right;\n    }\n    .sh-rad-table th {\n        background-color: #f8fbfd;\n        color: #138b86;\n        font-weight: bold;\n        padding: 1.25rem;\n        border-bottom: 2px solid #e4edf3;\n        font-size: 17px;\n    }\n    .sh-rad-table td {\n        padding: 1.25rem;\n        border-bottom: 1px solid #e4edf3;\n        color: #243b5a;\n        font-size: 16px;\n        vertical-align: top;\n    }\n    .sh-rad-table tr:last-child td {\n        border-bottom: none;\n    }\n    .sh-rad-table tbody tr:hover {\n        background-color: #fcfdfe;\n    }\n    \n    \/* Yes\/No Badge Styling *\/\n    .sh-badge-yes {\n        display: inline-flex;\n        align-items: center;\n        padding: 0.25rem 0.75rem;\n        border-radius: 999px;\n        background-color: #fff3cd;\n        color: #b45309;\n        font-weight: 600;\n        font-size: 14px;\n    }\n    .sh-badge-no {\n        display: inline-flex;\n        align-items: center;\n        padding: 0.25rem 0.75rem;\n        border-radius: 999px;\n        background-color: #d1fae5;\n        color: #047857;\n        font-weight: 600;\n        font-size: 14px;\n    }\n<\/style>\n\n<section id=\"sh-radiation-555\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <div class=\"mb-10 text-center max-w-4xl 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-rad-kicker\">Patient Information<\/span>\n            <\/div>\n            <h2 id=\"sh-rad-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">Understanding Radiation in Medical Imaging<\/h2>\n            <p id=\"sh-rad-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed mb-6\"><\/p>\n            <p id=\"sh-rad-subtitle\" class=\"font-bold text-[#243b5a] text-[20px]\"><\/p>\n        <\/div>\n\n        <div class=\"max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.15s;\">\n            <div class=\"bg-white rounded-2xl border border-[#e4edf3] shadow-sm overflow-x-auto mb-6\">\n                <table class=\"sh-rad-table\">\n                    <thead>\n                        <tr>\n                            <th id=\"sh-rad-col1\" style=\"font-family: var(--font-display); width: 25%;\">Imaging Method<\/th>\n                            <th id=\"sh-rad-col2\" style=\"font-family: var(--font-display); width: 20%;\">Uses Radiation?<\/th>\n                            <th id=\"sh-rad-col3\" style=\"font-family: var(--font-display); width: 55%;\">Common Purpose<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody id=\"sh-rad-table-body\">\n                        <\/tbody>\n                <\/table>\n            <\/div>\n            \n            <div class=\"flex flex-col gap-3\">\n                <p id=\"sh-rad-footer1\" class=\"text-[#596b82] text-[15px] italic\"><\/p>\n                <div class=\"p-5 rounded-xl bg-[#f8fbfd] border border-[#e4edf3]\">\n                    <p id=\"sh-rad-footer2\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0\"><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const radData = {\n            en: {\n                kicker: \"Patient Information\",\n                title: \"Understanding Radiation in Medical Imaging\",\n                desc: \"Many patients worry about radiation exposure before undergoing an imaging examination. In reality, not every imaging technique uses radiation, and physicians recommend studies only when they are medically justified.\",\n                subtitle: \"Here's a simple comparison:\",\n                col1: \"Imaging Method\",\n                col2: \"Uses Radiation?\",\n                col3: \"Common Purpose\",\n                footer1: \"*Availability depends on hospital services.\",\n                footer2: \"Radiology teams follow internationally accepted principles that aim to keep radiation exposure as low as reasonably achievable while obtaining the diagnostic information needed.\",\n                yesText: \"Yes\",\n                noText: \"No\",\n                rows: [\n                    { method: \"Digital X-ray\", uses: true, purpose: \"Bones, chest, joints, certain abdominal conditions\" },\n                    { method: \"CT Scan\", uses: true, purpose: \"Detailed cross-sectional imaging of organs, bones, and injuries\" },\n                    { method: \"Ultrasound\", uses: false, purpose: \"Pregnancy, abdomen, pelvis, thyroid, soft tissues\" },\n                    { method: \"MRI*\", uses: false, purpose: \"Soft tissues, brain, spine, joints (if available)\" }\n                ]\n            },\n            ar: {\n                kicker: \"\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u064a\u0636\",\n                title: \"\u0641\u0647\u0645 \u0627\u0644\u0625\u0634\u0639\u0627\u0639 \u0641\u064a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\",\n                desc: \"\u064a\u0634\u0639\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0631\u0636\u0649 \u0628\u0627\u0644\u0642\u0644\u0642 \u0625\u0632\u0627\u0621 \u0627\u0644\u062a\u0639\u0631\u0636 \u0644\u0644\u0625\u0634\u0639\u0627\u0639 \u0642\u0628\u0644 \u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0635 \u0627\u0644\u062a\u0635\u0648\u064a\u0631. \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639\u060c \u0644\u0627 \u062a\u0633\u062a\u062e\u062f\u0645 \u0643\u0644 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0625\u0634\u0639\u0627\u0639\u060c \u0648\u0644\u0627 \u064a\u0648\u0635\u064a \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0628\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0625\u0644\u0627 \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0644\u0647\u0627 \u0645\u0628\u0631\u0631 \u0637\u0628\u064a.\",\n                subtitle: \"\u0625\u0644\u064a\u0643 \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0633\u064a\u0637\u0629:\",\n                col1: \"\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\",\n                col2: \"\u064a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0625\u0634\u0639\u0627\u0639\u061f\",\n                col3: \"\u0627\u0644\u063a\u0631\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\",\n                footer1: \"*\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u062a\u0648\u0641\u0631 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\",\n                footer2: \"\u062a\u062a\u0628\u0639 \u0641\u0631\u0642 \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0645\u0639\u062a\u0631\u0641 \u0628\u0647\u0627 \u062f\u0648\u0644\u064a\u0627\u064b \u0648\u0627\u0644\u062a\u064a \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0625\u0628\u0642\u0627\u0621 \u0627\u0644\u062a\u0639\u0631\u0636 \u0644\u0644\u0625\u0634\u0639\u0627\u0639 \u0645\u0646\u062e\u0641\u0636\u0627\u064b \u0642\u062f\u0631 \u0627\u0644\u0625\u0645\u0643\u0627\u0646 \u0645\u0639 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0627\u0644\u0644\u0627\u0632\u0645\u0629.\",\n                yesText: \"\u0646\u0639\u0645\",\n                noText: \"\u0644\u0627\",\n                rows: [\n                    { method: \"\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\", uses: true, purpose: \"\u0627\u0644\u0639\u0638\u0627\u0645\u060c \u0627\u0644\u0635\u062f\u0631\u060c \u0627\u0644\u0645\u0641\u0627\u0635\u0644\u060c \u0628\u0639\u0636 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0628\u0637\u0646\" },\n                    { method: \"\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0645\u0642\u0637\u0639\u064a\u0629 (CT)\", uses: true, purpose: \"\u062a\u0635\u0648\u064a\u0631 \u0645\u0642\u0637\u0639\u064a \u0645\u0641\u0635\u0644 \u0644\u0644\u0623\u0639\u0636\u0627\u0621 \u0648\u0627\u0644\u0639\u0638\u0627\u0645 \u0648\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a\" },\n                    { method: \"\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\", uses: false, purpose: \"\u0627\u0644\u062d\u0645\u0644\u060c \u0627\u0644\u0628\u0637\u0646\u060c \u0627\u0644\u062d\u0648\u0636\u060c \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629\u060c \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0631\u062e\u0648\u0629\" },\n                    { method: \"\u0627\u0644\u0631\u0646\u064a\u0646 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a (MRI)*\", uses: false, purpose: \"\u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0627\u0644\u0631\u062e\u0648\u0629\u060c \u0627\u0644\u062f\u0645\u0627\u063a\u060c \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a\u060c \u0627\u0644\u0645\u0641\u0627\u0635\u0644 (\u0625\u0630\u0627 \u062a\u0648\u0641\u0631\u062a)\" }\n                ]\n            }\n        };\n\n        function buildSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? radData.ar : radData.en;\n            \n            const section = document.getElementById('sh-radiation-555');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Header Texts\n            document.getElementById('sh-rad-kicker').textContent = data.kicker;\n            document.getElementById('sh-rad-title').textContent = data.title;\n            document.getElementById('sh-rad-desc').textContent = data.desc;\n            document.getElementById('sh-rad-subtitle').textContent = data.subtitle;\n            \n            \/\/ Table Headers\n            document.getElementById('sh-rad-col1').textContent = data.col1;\n            document.getElementById('sh-rad-col2').textContent = data.col2;\n            document.getElementById('sh-rad-col3').textContent = data.col3;\n            \n            \/\/ Footers\n            document.getElementById('sh-rad-footer1').textContent = data.footer1;\n            document.getElementById('sh-rad-footer2').textContent = data.footer2;\n\n            \/\/ Table Body\n            const tbody = document.getElementById('sh-rad-table-body');\n            tbody.innerHTML = data.rows.map(row => {\n                const badgeClass = row.uses ? 'sh-badge-yes' : 'sh-badge-no';\n                const badgeText = row.uses ? data.yesText : data.noText;\n                \n                return `\n                    <tr>\n                        <td class=\"font-bold\">${row.method}<\/td>\n                        <td><span class=\"${badgeClass}\">${badgeText}<\/span><\/td>\n                        <td class=\"text-[#596b82] leading-relaxed\">${row.purpose}<\/td>\n                    <\/tr>\n                `;\n            }).join('');\n        }\n\n        buildSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') buildSection();\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-contrast-666 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* Lightweight SVG Hexagon Background Pattern *\/\n    #sh-contrast-666::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-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    \/* RTL Support for text alignment *\/\n    #sh-contrast-666 .sh-text-start { text-align: left !important; }\n    #sh-contrast-666[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpCards {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-contrast-666 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpCards 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n<\/style>\n\n<section id=\"sh-contrast-666\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-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]\" style=\"font-family: var(--font-display);\">\n                What Is Contrast Material?\n            <\/h2>\n            <p id=\"sh-con-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Certain imaging examinations require the use of contrast material to improve visualization of blood vessels, organs, or specific tissues.\n            <\/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 sh-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\" style=\"font-family: var(--font-display);\">Contrast agents may help physicians:<\/h3>\n                <ul id=\"sh-con-list1\" class=\"space-y-4\">\n                    <\/ul>\n            <\/div>\n\n            <div class=\"bg-white rounded-3xl p-8 border border-[#e4edf3] shadow-sm sh-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\" style=\"font-family: var(--font-display);\">Before administering contrast, professionals review:<\/h3>\n                <ul id=\"sh-con-list2\" class=\"space-y-4\">\n                    <\/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\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const contrastData = {\n            en: {\n                kicker: \"Imaging Enhancement\",\n                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: [\n                    \"Differentiate normal and abnormal tissues\",\n                    \"Improve visibility of blood vessels\",\n                    \"Evaluate organ function\",\n                    \"Detect inflammation or certain structural changes\",\n                    \"Plan medical or surgical treatment\"\n                ],\n                list2Title: \"Before administering contrast, healthcare professionals review:\",\n                list2: [\n                    \"Allergy history\",\n                    \"Kidney function (when appropriate)\",\n                    \"Previous reactions to contrast agents\",\n                    \"Current medications\",\n                    \"Pregnancy status when relevant\"\n                ],\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\",\n                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: [\n                    \"\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\",\n                    \"\u062a\u062d\u0633\u064a\u0646 \u0631\u0624\u064a\u0629 \u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0623\u0639\u0636\u0627\u0621\",\n                    \"\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\",\n                    \"\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                ],\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: [\n                    \"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629\",\n                    \"\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0644\u0649 (\u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621)\",\n                    \"\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\",\n                    \"\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\",\n                    \"\u062d\u0627\u0644\u0629 \u0627\u0644\u062d\u0645\u0644 (\u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621)\"\n                ],\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 htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? contrastData.ar : contrastData.en;\n            \n            const section = document.getElementById('sh-contrast-666');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Text Elements\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            \/\/ Lists\n            document.getElementById('sh-con-list1').innerHTML = data.list1.map(item => `\n                <li class=\"flex gap-3 items-start\">\n                    ${checkIcon}\n                    <span class=\"text-[#243b5a]\/90 text-[16px] leading-snug\">${item}<\/span>\n                <\/li>\n            `).join('');\n\n            document.getElementById('sh-con-list2').innerHTML = data.list2.map(item => `\n                <li class=\"flex gap-3 items-start\">\n                    ${checkIcon}\n                    <span class=\"text-[#243b5a]\/90 text-[16px] leading-snug\">${item}<\/span>\n                <\/li>\n            `).join('');\n        }\n\n        buildContrastCare();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildContrastCare();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-quality-777 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA BACKGROUND *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-quality-777 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-quality-777 .sh-text-start { text-align: left !important; }\n    #sh-quality-777[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpQuality {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-quality-777 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpQuality 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-quality-777 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-quality-777 .sh-hover-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(19, 139, 134, 0.08);\n            border-color: #138b86;\n        }\n    }\n<\/style>\n\n<section id=\"sh-quality-777\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-qual-kicker\">Diagnostic Quality<\/span>\n            <\/div>\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);\">\n                Factors That Affect Image Quality\n            <\/h2>\n            <p id=\"sh-qual-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Obtaining clear diagnostic images depends on more than advanced equipment. Several patient-related and technical factors contribute to image quality. These include:\n            <\/p>\n        <\/div>\n\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;\">\n            <\/div>\n\n        <div class=\"mt-10 text-center max-w-3xl mx-auto sh-animate\" style=\"animation-delay: 0.2s;\">\n            <div class=\"p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3] inline-block\">\n                <p id=\"sh-qual-footer\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0\">\n                    Clear images reduce the need for repeat examinations and assist radiologists in providing accurate interpretations.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data containing English and Arabic content\n        const qualityData = {\n            en: {\n                kicker: \"Diagnostic Quality\",\n                title: \"Factors That Affect Image Quality\",\n                desc: \"Obtaining clear diagnostic images depends on more than advanced equipment. Several patient-related and technical factors contribute to image quality. These include:\",\n                list: [\n                    \"Remaining still during the examination\",\n                    \"Following breathing instructions\",\n                    \"Appropriate patient positioning\",\n                    \"Proper preparation before the scan\",\n                    \"Correct imaging protocol\",\n                    \"Equipment performance\",\n                    \"Cooperation between the patient and radiology team\"\n                ],\n                footer: \"Clear images reduce the need for repeat examinations and assist radiologists in providing accurate interpretations.\"\n            },\n            ar: {\n                kicker: \"\u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\",\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\",\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:\",\n                list: [\n                    \"\u0627\u0644\u0628\u0642\u0627\u0621 \u062b\u0627\u0628\u062a\u0627\u064b \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0641\u062d\u0635\",\n                    \"\u0627\u062a\u0628\u0627\u0639 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u0633\",\n                    \"\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0645\u0631\u064a\u0636\",\n                    \"\u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0633\u0644\u064a\u0645 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635\",\n                    \"\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0635\u062d\u064a\u062d\",\n                    \"\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0639\u062f\u0627\u062a\",\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\"\n                ],\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.\"\n            }\n        };\n\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>`;\n\n        function buildQualitySection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? qualityData.ar : qualityData.en;\n            \n            const section = document.getElementById('sh-quality-777');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Header & Footer Texts\n            document.getElementById('sh-qual-kicker').textContent = data.kicker;\n            document.getElementById('sh-qual-title').textContent = data.title;\n            document.getElementById('sh-qual-desc').textContent = data.desc;\n            document.getElementById('sh-qual-footer').textContent = data.footer;\n\n            \/\/ Build List Cards\n            const grid = document.getElementById('sh-qual-cards-grid');\n            grid.innerHTML = data.list.map((item) => {\n                return `\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\">\n                        ${checkIcon}\n                        <span class=\"text-[16px] text-[#243b5a] font-medium leading-snug\">\n                            ${item}\n                        <\/span>\n                    <\/div>\n                `;\n            }).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer\n        buildQualitySection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildQualitySection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-prev-imaging-777 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA BACKGROUND *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-prev-imaging-777 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-prev-imaging-777 .sh-text-start { text-align: left !important; }\n    #sh-prev-imaging-777[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpImaging {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-prev-imaging-777 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpImaging 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-prev-imaging-777 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-prev-imaging-777 .sh-hover-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(19, 139, 134, 0.08);\n            border-color: #138b86;\n        }\n    }\n<\/style>\n\n<section id=\"sh-prev-imaging-777\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-10 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-pi-kicker\">Ongoing Care<\/span>\n            <\/div>\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);\">\n                Imaging for Preventive and Ongoing Healthcare\n            <\/h2>\n            <p id=\"sh-pi-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Radiology is not limited to emergency situations. Imaging is frequently used as part of preventive care and long-term disease monitoring.\n            <\/p>\n        <\/div>\n\n        <p id=\"sh-pi-subtitle\" class=\"text-center font-bold text-[#243b5a] text-[20px] mb-6 sh-animate\" style=\"animation-delay: 0.1s;\">\n            Diagnostic imaging may assist with:\n        <\/p>\n\n        <!-- Cards Grid -->\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;\">\n            <!-- Cards will be dynamically injected here -->\n        <\/div>\n\n        <!-- Footer -->\n        <div class=\"mt-10 text-center max-w-3xl mx-auto sh-animate\" style=\"animation-delay: 0.2s;\">\n            <div class=\"p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3] inline-block\">\n                <p id=\"sh-pi-footer\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0\">\n                    Your physician determines when imaging is appropriate based on your medical history and current clinical findings.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data containing English and Arabic content\n        const imagingData = {\n            en: {\n                kicker: \"Ongoing Care\",\n                title: \"Imaging for Preventive and Ongoing Healthcare\",\n                desc: \"Radiology is not limited to emergency situations. Imaging is frequently used as part of preventive care and long-term disease monitoring.\",\n                subtitle: \"Diagnostic imaging may assist with:\",\n                list: [\n                    \"Routine health evaluations\",\n                    \"Monitoring chronic medical conditions\",\n                    \"Assessing recovery after surgery\",\n                    \"Follow-up of previous injuries\",\n                    \"Evaluating treatment progress\",\n                    \"Investigating new or persistent symptoms\"\n                ],\n                footer: \"Your physician determines when imaging is appropriate based on your medical history and current clinical findings.\"\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\",\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\",\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.\",\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:\",\n                list: [\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\",\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\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0628\u0639\u062f \u0627\u0644\u062c\u0631\u0627\u062d\u0629\",\n                    \"\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0644\u0627\u062c\",\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\"\n                ],\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.\"\n            }\n        };\n\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>`;\n\n        function buildImagingSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? imagingData.ar : imagingData.en;\n            \n            const section = document.getElementById('sh-prev-imaging-777');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Header & Footer Texts\n            document.getElementById('sh-pi-kicker').textContent = data.kicker;\n            document.getElementById('sh-pi-title').textContent = data.title;\n            document.getElementById('sh-pi-desc').textContent = data.desc;\n            document.getElementById('sh-pi-subtitle').textContent = data.subtitle;\n            document.getElementById('sh-pi-footer').textContent = data.footer;\n\n            \/\/ Build List Cards\n            const grid = document.getElementById('sh-pi-cards-grid');\n            grid.innerHTML = data.list.map((item) => {\n                return `\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\">\n                        ${checkIcon}\n                        <span class=\"text-[16px] text-[#243b5a] font-medium leading-snug\">\n                            ${item}\n                        <\/span>\n                    <\/div>\n                `;\n            }).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer\n        buildImagingSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildImagingSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-questions-101 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Lightweight SVG Hexagon Background *\/\n    #sh-questions-101::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Constrained Wrapper (Max 1475px) *\/\n    #sh-questions-101 .sh-q-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 4. RTL & LTR Typography Handling *\/\n    #sh-questions-101 .sh-q-text-start { text-align: left !important; }\n    #sh-questions-101[dir=\"rtl\"] .sh-q-text-start { text-align: right !important; }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpQ {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-questions-101 .sh-q-animate { \n        opacity: 0; \n        animation: shFadeInUpQ 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 6. Responsive Card Padding & Borders *\/\n    #sh-questions-101 .sh-q-card {\n        background: #ffffff !important;\n        border-top: 4px solid #138b86 !important;\n    }\n    @media (min-width: 768px) {\n        #sh-questions-101 .sh-q-card {\n            border-top: none !important;\n            border-left: 4px solid #138b86 !important;\n        }\n        #sh-questions-101[dir=\"rtl\"] .sh-q-card {\n            border-left: none !important;\n            border-right: 4px solid #138b86 !important;\n        }\n    }\n<\/style>\n\n<section id=\"sh-questions-101\" dir=\"ltr\">\n    <div class=\"sh-q-wrapper\">\n        \n        <div class=\"sh-q-card rounded-3xl p-6 md:p-12 shadow-lg max-w-5xl mx-auto sh-q-animate sh-q-text-start\">\n            \n            <div class=\"flex items-center gap-4 mb-6\">\n                <div class=\"w-12 h-12 md:w-14 md:h-14 bg-[#138b86]\/10 text-[#138b86] rounded-xl grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.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                <h2 id=\"sh-q-lang-title\" class=\"text-[24px] md:text-[34px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\"><\/h2>\n            <\/div>\n            \n            <p id=\"sh-q-lang-desc\" class=\"text-[#596b82] mb-3 text-[16px] md:text-[18px] leading-relaxed\"><\/p>\n            <p id=\"sh-q-lang-subtitle\" class=\"text-[#243b5a] font-bold mb-8 text-[16px] md:text-[18px] leading-relaxed\"><\/p>\n            \n            <ul id=\"sh-q-lang-list\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4 mb-8\">\n                <\/ul>\n            \n            <div class=\"p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3]\">\n                <p id=\"sh-q-lang-footer\" class=\"m-0 font-medium text-[#243b5a] text-[15px] md:text-[16px] leading-relaxed\"><\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const shQData = {\n            en: {\n                title: \"Questions to Ask Before Your Imaging Examination\",\n                desc: \"Understanding the purpose of your imaging study helps you prepare with confidence.\",\n                subtitle: \"Consider asking your healthcare provider:\",\n                questions: [\n                    \"Why has this imaging test been recommended?\",\n                    \"Do I need to fast before the examination?\",\n                    \"Will contrast material be required?\",\n                    \"How long will the procedure take?\",\n                    \"Are there any preparation instructions I should follow?\",\n                    \"When will the results be available?\",\n                    \"Should I bring previous imaging reports or scans?\"\n                ],\n                footer: \"Asking these questions helps ensure that patients understand both the procedure and its role in their overall care.\"\n            },\n            ar: {\n                title: \"\u0623\u0633\u0626\u0644\u0629 \u064a\u062c\u0628 \u0637\u0631\u062d\u0647\u0627 \u0642\u0628\u0644 \u0641\u062d\u0635 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\",\n                desc: \"\u064a\u0633\u0627\u0639\u062f\u0643 \u0641\u0647\u0645 \u0627\u0644\u063a\u0631\u0636 \u0645\u0646 \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0628\u062b\u0642\u0629.\",\n                subtitle: \"\u0641\u0643\u0631 \u0641\u064a \u0633\u0624\u0627\u0644 \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                questions: [\n                    \"\u0644\u0645\u0627\u0630\u0627 \u062a\u0645 \u0627\u0644\u062a\u0648\u0635\u064a\u0629 \u0628\u0647\u0630\u0627 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\u064a\u061f\",\n                    \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0635\u064a\u0627\u0645 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635\u061f\",\n                    \"\u0647\u0644 \u0633\u062a\u0643\u0648\u0646 \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0644\u0645\u0627\u062f\u0629 \u062a\u0628\u0627\u064a\u0646 (\u0635\u0628\u063a\u0629)\u061f\",\n                    \"\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u0633\u064a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u061f\",\n                    \"\u0647\u0644 \u0647\u0646\u0627\u0643 \u0623\u064a \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u062a\u062d\u0636\u064a\u0631\u064a\u0629 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062a\u0628\u0639\u0647\u0627\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 \u064a\u062c\u0628 \u0639\u0644\u064a \u0625\u062d\u0636\u0627\u0631 \u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u0648 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\u061f\"\n                ],\n                footer: \"\u064a\u0633\u0627\u0639\u062f \u0637\u0631\u062d \u0647\u0630\u0647 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0639\u0644\u0649 \u0636\u0645\u0627\u0646 \u0641\u0647\u0645 \u0627\u0644\u0645\u0631\u0636\u0649 \u0644\u0644\u0625\u062c\u0631\u0627\u0621 \u0648\u062f\u0648\u0631\u0647 \u0641\u064a \u0631\u0639\u0627\u064a\u062a\u0647\u0645 \u0627\u0644\u0634\u0627\u0645\u0644\u0629.\"\n            }\n        };\n\n        const shQIcon = `<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\" class=\"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 shInitQuestionData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shQData.ar : shQData.en;\n            \n            const section = document.getElementById('sh-questions-101');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Texts safely\n            document.getElementById('sh-q-lang-title').textContent = data.title;\n            document.getElementById('sh-q-lang-desc').textContent = data.desc;\n            document.getElementById('sh-q-lang-subtitle').textContent = data.subtitle;\n            document.getElementById('sh-q-lang-footer').textContent = data.footer;\n            \n            \/\/ Build List Items\n            const listContainer = document.getElementById('sh-q-lang-list');\n            listContainer.innerHTML = ''; \n            data.questions.forEach(q => {\n                const li = document.createElement('li');\n                li.className = 'flex gap-3 items-start p-3 rounded-xl hover:bg-[#f8fbfd] transition-colors border border-transparent hover:border-[#e4edf3]';\n                li.innerHTML = `${shQIcon} <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">${q}<\/span>`;\n                listContainer.appendChild(li);\n            });\n        }\n\n        \/\/ Initialize Data\n        shInitQuestionData();\n        \n        \/\/ Listen for Theme\/Language switches globally\n        const shQObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitQuestionData();\n                }\n            }\n        });\n        shQObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-awareness-202 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA - Solid White *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-awareness-202 .sh-aw-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-awareness-202 .sh-aw-text-start { text-align: left !important; }\n    #sh-awareness-202[dir=\"rtl\"] .sh-aw-text-start { text-align: right !important; }\n\n    \/* 4. Entrance Animation *\/\n    @keyframes shFadeInUpAw {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-awareness-202 .sh-aw-animate { \n        opacity: 0; \n        animation: shFadeInUpAw 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 5. Responsive Cards & Hover Effects *\/\n    #sh-awareness-202 .sh-aw-card {\n        background-color: rgba(212, 175, 55, 0.05) !important; \/* bg-gold\/5 *\/\n        border-radius: 1rem !important;\n        padding: 1.5rem !important;\n        display: flex !important;\n        gap: 1rem !important;\n        align-items: flex-start !important;\n        transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n    }\n    \n    \/* Handle Borders for LTR and RTL separately *\/\n    #sh-awareness-202[dir=\"ltr\"] .sh-aw-card { border-left: 4px solid #d4af37 !important; border-right: none !important; }\n    #sh-awareness-202[dir=\"rtl\"] .sh-aw-card { border-right: 4px solid #d4af37 !important; border-left: none !important; }\n\n    @media (min-width: 768px) {\n        #sh-awareness-202 .sh-aw-card:hover {\n            transform: translateY(-4px) !important;\n            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.15) !important;\n        }\n    }\n<\/style>\n\n<section id=\"sh-awareness-202\" dir=\"ltr\">\n    <div class=\"sh-aw-wrapper\">\n        \n        <div class=\"mb-12 max-w-3xl sh-aw-text-start sh-aw-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-aw-lang-kicker\">Patient Education<\/span>\n            <\/div>\n            <h2 id=\"sh-aw-lang-title\" class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight mb-5\" style=\"font-family: var(--font-display);\">\n                Common Misconceptions About Radiology\n            <\/h2>\n            <p id=\"sh-aw-lang-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed\">\n                Patients often have concerns about diagnostic imaging that are based on incomplete or inaccurate information.\n            <\/p>\n        <\/div>\n\n        <div id=\"sh-aw-lang-grid\" class=\"grid sm:grid-cols-2 gap-6 sh-aw-animate\" style=\"animation-delay: 0.1s;\">\n            <\/div>\n\n        <p id=\"sh-aw-lang-footer\" class=\"mt-8 text-[#596b82] max-w-3xl sh-aw-text-start sh-aw-animate text-[16px] hidden\" style=\"animation-delay: 0.2s;\">\n            <\/p>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data Dictionary for EN and AR\n        const shAwData = {\n            en: {\n                kicker: \"Patient Education\",\n                title: \"Common Misconceptions About Radiology\",\n                desc: \"Patients often have concerns about diagnostic imaging that are based on incomplete or inaccurate information.\",\n                items: [\n                    {\n                        q: `\"Every imaging test exposes me to high levels of radiation.\"`,\n                        a: \"Only certain imaging techniques use radiation. Ultrasound and MRI do not use ionizing radiation. When radiation-based imaging is recommended, it is performed only when medically justified.\"\n                    },\n                    {\n                        q: `\"If my imaging report is normal, nothing can be wrong.\"`,\n                        a: \"Medical imaging is one part of the diagnostic process. Physicians also consider your symptoms, physical examination, laboratory findings, and medical history before reaching a diagnosis.\"\n                    },\n                    {\n                        q: `\"CT scans and X-rays are the same.\"`,\n                        a: \"Both use X-rays, but CT scanning creates detailed cross-sectional images that provide more anatomical information than a standard X-ray for specific clinical situations.\"\n                    },\n                    {\n                        q: `\"Every patient with pain needs an imaging test.\"`,\n                        a: \"Many conditions can be diagnosed through clinical evaluation alone. Physicians request imaging only when it is likely to provide information that influences diagnosis or treatment.\"\n                    }\n                ],\n                footer: \"\"\n            },\n            ar: {\n                kicker: \"\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0645\u0631\u0636\u0649\",\n                title: \"\u0645\u0641\u0627\u0647\u064a\u0645 \u062e\u0627\u0637\u0626\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 \u0627\u0644\u0623\u0634\u0639\u0629\",\n                desc: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0643\u0648\u0646 \u0644\u062f\u0649 \u0627\u0644\u0645\u0631\u0636\u0649 \u0645\u062e\u0627\u0648\u0641 \u0628\u0634\u0623\u0646 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u063a\u064a\u0631 \u0645\u0643\u062a\u0645\u0644\u0629 \u0623\u0648 \u063a\u064a\u0631 \u062f\u0642\u064a\u0642\u0629.\",\n                items: [\n                    {\n                        q: `\"\u0643\u0644 \u0641\u062d\u0635 \u062a\u0635\u0648\u064a\u0631 \u064a\u0639\u0631\u0636\u0646\u064a \u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0625\u0634\u0639\u0627\u0639.\"`,\n                        a: \"\u062a\u0633\u062a\u062e\u062f\u0645 \u0628\u0639\u0636 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0641\u0642\u0637 \u0627\u0644\u0625\u0634\u0639\u0627\u0639. \u0644\u0627 \u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0627\u0644\u0631\u0646\u064a\u0646 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a \u0627\u0644\u0625\u0634\u0639\u0627\u0639 \u0627\u0644\u0645\u0624\u064a\u0646. \u0639\u0646\u062f\u0645\u0627 \u064a\u0648\u0635\u0649 \u0628\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u0625\u0634\u0639\u0627\u0639\u060c \u064a\u062a\u0645 \u0625\u062c\u0631\u0627\u0624\u0647 \u0641\u0642\u0637 \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0644\u0647 \u0645\u0628\u0631\u0631 \u0637\u0628\u064a.\"\n                    },\n                    {\n                        q: `\"\u0625\u0630\u0627 \u0643\u0627\u0646 \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062e\u0627\u0635 \u0628\u064a \u0637\u0628\u064a\u0639\u064a\u0627\u064b\u060c \u0641\u0644\u0627 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0647\u0646\u0627\u0643 \u0634\u064a\u0621 \u062e\u0627\u0637\u0626.\"`,\n                        a: \"\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0637\u0628\u064a \u0647\u0648 \u062c\u0632\u0621 \u0648\u0627\u062d\u062f \u0645\u0646 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635. \u064a\u0623\u062e\u0630 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0623\u064a\u0636\u0627\u064b \u0641\u064a \u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0634\u062e\u064a\u0635.\"\n                    },\n                    {\n                        q: `\"\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0645\u0642\u0637\u0639\u064a\u0629 \u0648\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0647\u0645\u0627 \u0646\u0641\u0633 \u0627\u0644\u0634\u064a\u0621.\"`,\n                        a: \"\u064a\u0633\u062a\u062e\u062f\u0645 \u0643\u0644\u0627\u0647\u0645\u0627 \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629\u060c \u0644\u0643\u0646 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u0642\u0637\u0639\u064a \u0627\u0644\u0645\u062d\u0648\u0633\u0628 \u064a\u0646\u0634\u0626 \u0635\u0648\u0631\u0627\u064b \u0645\u0642\u0637\u0639\u064a\u0629 \u0645\u0641\u0635\u0644\u0629 \u062a\u0648\u0641\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0634\u0631\u064a\u062d\u064a\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629 \u0644\u062d\u0627\u0644\u0627\u062a \u0633\u0631\u064a\u0631\u064a\u0629 \u0645\u062d\u062f\u062f\u0629.\"\n                    },\n                    {\n                        q: `\"\u0643\u0644 \u0645\u0631\u064a\u0636 \u064a\u0639\u0627\u0646\u064a \u0645\u0646 \u0627\u0644\u0623\u0644\u0645 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0641\u062d\u0635 \u062a\u0635\u0648\u064a\u0631.\"`,\n                        a: \"\u064a\u0645\u0643\u0646 \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0648\u062d\u062f\u0647. \u064a\u0637\u0644\u0628 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0641\u0642\u0637 \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0623\u0646 \u064a\u0648\u0641\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0623\u0648 \u0627\u0644\u0639\u0644\u0627\u062c.\"\n                    }\n                ],\n                footer: \"\"\n            }\n        };\n\n        \/\/ Alert SVG Icon (Gold Color)\n        const alertIcon = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 text-[#d4af37] mt-1 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>`;\n\n        function shInitAwarenessData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shAwData.ar : shAwData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-awareness-202');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Texts\n            document.getElementById('sh-aw-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-aw-lang-title').textContent = data.title;\n            document.getElementById('sh-aw-lang-desc').textContent = data.desc;\n            \n            const footerEl = document.getElementById('sh-aw-lang-footer');\n            if(data.footer) {\n                footerEl.textContent = data.footer;\n                footerEl.classList.remove('hidden');\n            } else {\n                footerEl.classList.add('hidden');\n            }\n            \n            \/\/ Build the grid items\n            const gridContainer = document.getElementById('sh-aw-lang-grid');\n            gridContainer.innerHTML = data.items.map(item => `\n                <div class=\"sh-aw-card\">\n                    ${alertIcon}\n                    <div class=\"flex flex-col gap-2\">\n                        <span class=\"text-[#243b5a] text-[17px] font-bold leading-snug\" style=\"font-family: var(--font-display);\">${item.q}<\/span>\n                        <span class=\"text-[#596b82] text-[15.5px] leading-relaxed\">${item.a}<\/span>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Run Initialization\n        shInitAwarenessData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const shAwObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitAwarenessData();\n                }\n            }\n        });\n        shAwObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-faq-303 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Background color for Hexa *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Lightweight SVG Hexagon Background *\/\n    #sh-faq-303::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Constrained Wrapper (Max 1475px) *\/\n    #sh-faq-303 .sh-faq-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 4. RTL & LTR Typography Handling *\/\n    #sh-faq-303 .sh-faq-text-start { text-align: left !important; }\n    #sh-faq-303[dir=\"rtl\"] .sh-faq-text-start { text-align: right !important; }\n    \n    \/* Chevron flip for RTL *\/\n    #sh-faq-303[dir=\"rtl\"] .sh-faq-btn .sh-chevron { margin-right: auto; margin-left: 0; }\n    #sh-faq-303[dir=\"ltr\"] .sh-faq-btn .sh-chevron { margin-left: auto; margin-right: 0; }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpFaq {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-faq-303 .sh-faq-animate { \n        opacity: 0; \n        animation: shFadeInUpFaq 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 6. Accordion Functionality Styles *\/\n    #sh-faq-303 .sh-faq-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.35s ease-out, padding 0.35s ease-out;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n    #sh-faq-303 .sh-faq-item.active .sh-faq-content {\n        padding-top: 1rem;\n        padding-bottom: 1.5rem;\n    }\n    #sh-faq-303 .sh-faq-item.active .sh-chevron {\n        transform: rotate(180deg);\n    }\n    #sh-faq-303 .sh-chevron {\n        transition: transform 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-faq-303\" dir=\"ltr\">\n    <div class=\"sh-faq-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-faq-animate\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-faq-lang-kicker\">FAQ<\/span>\n            <\/div>\n            <h2 id=\"sh-faq-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Frequently Asked Questions\n            <\/h2>\n        <\/div>\n\n        <div id=\"sh-faq-accordion-list\" class=\"space-y-3 max-w-4xl mx-auto sh-faq-animate\" style=\"animation-delay: 0.1s;\">\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ FAQ Data Dictionary\n        const shFaqData = {\n            en: {\n                kicker: \"FAQ\",\n                title: \"Frequently Asked Questions\",\n                faqs: [\n                    { \n                        q: \"What services does a radiology center provide?\", \n                        a: \"A radiology center performs diagnostic imaging examinations such as digital X-rays, ultrasound scans, CT scans, and other imaging studies that help physicians diagnose injuries, evaluate organs, monitor diseases, and guide treatment planning.\" \n                    },\n                    { \n                        q: \"Do I need a doctor's referral for diagnostic imaging?\", \n                        a: \"Many imaging examinations are requested by a physician after evaluating your symptoms and medical history. The referral helps ensure the most appropriate imaging study is selected for your condition.\" \n                    },\n                    { \n                        q: \"Is diagnostic imaging painful?\", \n                        a: \"Most radiology examinations are non-invasive and cause little or no discomfort. Some procedures may require brief positioning instructions or the administration of contrast material, depending on the type of examination.\" \n                    },\n                    { \n                        q: \"How long does an imaging examination take?\", \n                        a: \"The duration depends on the type of imaging study being performed. Simple X-rays are often completed quickly, while CT scans or ultrasound examinations may require additional preparation or scanning time.\" \n                    },\n                    { \n                        q: \"Are imaging results available immediately?\", \n                        a: \"Images are reviewed and interpreted by a radiologist before a formal report is prepared. The reporting time varies depending on the type of examination and the urgency of the clinical situation.\" \n                    },\n                    { \n                        q: \"Is diagnostic imaging safe during pregnancy?\", \n                        a: \"Certain imaging studies may not be appropriate during pregnancy, particularly those involving ionizing radiation. Patients who are pregnant or think they may be pregnant should inform the radiology team before the examination so the safest approach can be determined.\" \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 \u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0634\u0639\u0629\u061f\", \n                        a: \"\u064a\u0642\u0648\u0645 \u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0634\u0639\u0629 \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0645\u062b\u0644 \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0645\u0642\u0637\u0639\u064a\u0629\u060c \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0641\u064a \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a\u060c \u0648\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0639\u0636\u0627\u0621\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u0645\u0631\u0627\u0636\u060c \u0648\u062a\u0648\u062c\u064a\u0647 \u062e\u0637\u0637 \u0627\u0644\u0639\u0644\u0627\u062c.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0625\u062d\u0627\u0644\u0629 \u0645\u0646 \u0637\u0628\u064a\u0628 \u0644\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u061f\", \n                        a: \"\u064a\u062a\u0645 \u0637\u0644\u0628 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0637\u0628\u064a\u0628 \u0628\u0639\u062f \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u062e\u0627\u0635 \u0628\u0643. \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0625\u062d\u0627\u0644\u0629 \u0641\u064a \u0636\u0645\u0627\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u062d\u0627\u0644\u062a\u0643.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0645\u0624\u0644\u0645\u061f\", \n                        a: \"\u0645\u0639\u0638\u0645 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0623\u0634\u0639\u0629 \u063a\u064a\u0631 \u062c\u0631\u0627\u062d\u064a\u0629 \u0648\u062a\u0633\u0628\u0628 \u0627\u0644\u0642\u0644\u064a\u0644 \u0645\u0646 \u0627\u0644\u0627\u0646\u0632\u0639\u0627\u062c \u0623\u0648 \u0644\u0627 \u062a\u0633\u0628\u0628\u0647 \u0639\u0644\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642. \u0642\u062f \u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0645\u0648\u062c\u0632\u0629 \u062d\u0648\u0644 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0636\u0639 \u0623\u0648 \u0625\u0639\u0637\u0627\u0621 \u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0628\u0627\u064a\u0646\u060c \u0627\u0639\u062a\u0645\u0627\u062f\u0627\u064b \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0641\u062d\u0635.\" \n                    },\n                    { \n                        q: \"\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u064a\u0633\u062a\u063a\u0631\u0642 \u0641\u062d\u0635 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\u061f\", \n                        a: \"\u062a\u0639\u062a\u0645\u062f \u0627\u0644\u0645\u062f\u0629 \u0639\u0644\u0649 \u0646\u0648\u0639 \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u0625\u062c\u0631\u0627\u0624\u0647\u0627. \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u062a\u0643\u062a\u0645\u0644 \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0628\u0633\u0631\u0639\u0629\u060c \u0628\u064a\u0646\u0645\u0627 \u0642\u062f \u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0645\u0642\u0637\u0639\u064a\u0629 \u0623\u0648 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0642\u062a\u064b\u0627 \u0625\u0636\u0627\u0641\u064a\u064b\u0627 \u0644\u0644\u062a\u062d\u0636\u064a\u0631 \u0623\u0648 \u0627\u0644\u062a\u0635\u0648\u064a\u0631.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u062a\u062a\u0648\u0641\u0631 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631\u061f\", \n                        a: \"\u062a\u062a\u0645 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0635\u0648\u0631 \u0648\u062a\u0641\u0633\u064a\u0631\u0647\u0627 \u0645\u0646 \u0642\u0628\u0644 \u0637\u0628\u064a\u0628 \u0627\u0644\u0623\u0634\u0639\u0629 \u0642\u0628\u0644 \u0625\u0639\u062f\u0627\u062f \u062a\u0642\u0631\u064a\u0631 \u0631\u0633\u0645\u064a. \u064a\u062e\u062a\u0644\u0641 \u0648\u0642\u062a \u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0627\u0639\u062a\u0645\u0627\u062f\u0627\u064b \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u0641\u062d\u0635 \u0648\u0645\u062f\u0649 \u0625\u0644\u062d\u0627\u062d \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0622\u0645\u0646 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0645\u0644\u061f\", \n                        a: \"\u0642\u062f \u0644\u0627 \u062a\u0643\u0648\u0646 \u0628\u0639\u0636 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0645\u0646\u0627\u0633\u0628\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0645\u0644\u060c \u0648\u062e\u0627\u0635\u0629 \u062a\u0644\u0643 \u0627\u0644\u062a\u064a \u062a\u0646\u0637\u0648\u064a \u0639\u0644\u0649 \u0627\u0644\u0625\u0634\u0639\u0627\u0639 \u0627\u0644\u0645\u0624\u064a\u0646. \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u064a\u0636\u0627\u062a \u0627\u0644\u062d\u0648\u0627\u0645\u0644 \u0623\u0648 \u0627\u0644\u0644\u0627\u062a\u064a \u064a\u0639\u062a\u0642\u062f\u0646 \u0623\u0646\u0647\u0646 \u062d\u0648\u0627\u0645\u0644 \u0625\u0628\u0644\u0627\u063a \u0641\u0631\u064a\u0642 \u0627\u0644\u0623\u0634\u0639\u0629 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635 \u062d\u062a\u0649 \u064a\u0645\u0643\u0646 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0646\u0647\u062c \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b.\" \n                    }\n                ]\n            }\n        };\n\n        function shInitFaqData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shFaqData.ar : shFaqData.en;\n            \n            const section = document.getElementById('sh-faq-303');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts\n            document.getElementById('sh-faq-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-faq-lang-title').textContent = data.title;\n            \n            \/\/ Build Accordions\n            const listContainer = document.getElementById('sh-faq-accordion-list');\n            listContainer.innerHTML = data.faqs.map(faq => `\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">${faq.q}<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            ${faq.a}\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Accordion Toggle Logic Function (Global Scope to be callable from inline HTML)\n        window.shToggleFaqAccordion = function(btn) {\n            const item = btn.parentElement;\n            const content = item.querySelector('.sh-faq-content');\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all other accordions\n            document.querySelectorAll('#sh-faq-303 .sh-faq-item').forEach(el => {\n                el.classList.remove('active');\n                el.querySelector('.sh-faq-content').style.maxHeight = null;\n            });\n\n            \/\/ Open clicked accordion\n            if (!isActive) {\n                item.classList.add('active');\n                content.style.maxHeight = content.scrollHeight + 50 + \"px\"; \/\/ +50px for padding\n            }\n        };\n\n        \/\/ Initialize Data\n        shInitFaqData();\n        \n        \/\/ Listen for Theme\/Language switches\n        const shFaqObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitFaqData();\n                }\n            }\n        });\n        shFaqObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-trust-404 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA - Solid White *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-trust-404 .sh-trust-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-trust-404 .sh-trust-text-start { text-align: left !important; }\n    #sh-trust-404[dir=\"rtl\"] .sh-trust-text-start { text-align: right !important; }\n\n    \/* 4. Entrance Animation *\/\n    @keyframes shFadeInUpTrust {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-trust-404 .sh-trust-animate { \n        opacity: 0; \n        animation: shFadeInUpTrust 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    \n    \/* 5. Emphasized Text Styling (SEO Bold terms) *\/\n    #sh-trust-404 strong {\n        color: #243b5a;\n        font-weight: 700;\n    }\n<\/style>\n\n<section id=\"sh-trust-404\" dir=\"ltr\">\n    <div class=\"sh-trust-wrapper\">\n        \n        <div class=\"max-w-4xl mx-auto sh-trust-text-start sh-trust-animate\">\n            \n            <div class=\"mb-10 text-center md:text-start\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-trust-lang-kicker\">Trust<\/span>\n                <\/div>\n                <h2 id=\"sh-trust-lang-title\" class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\n                    Why Choose Shefa Hospital Radiology Center in Makkah?\n                <\/h2>\n            <\/div>\n\n            <div class=\"space-y-6 text-[17.5px] leading-[1.85] text-[#596b82]\">\n                <p id=\"sh-trust-lang-p1\"><\/p>\n                <p id=\"sh-trust-lang-p2\"><\/p>\n                <p id=\"sh-trust-lang-p3\"><\/p>\n            <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data Dictionary for EN and AR\n        const shTrustData = {\n            en: {\n                kicker: \"Trust\",\n                title: \"Why Choose Shefa Hospital Radiology Center in Makkah?\",\n                p1: \"Patients searching for the <strong>best radiology center in Makkah<\/strong> need diagnostic imaging that combines modern technology with experienced clinical interpretation. Accurate imaging supports faster diagnosis, appropriate treatment planning, and coordinated patient care across multiple medical specialties.\",\n                p2: \"Located in <strong>Al Mansur, Makkah<\/strong>, <strong>Shefa Hospital<\/strong> provides hospital-based radiology services that support emergency medicine, outpatient consultations, inpatient care, surgical planning, and preventive health evaluations. Diagnostic imaging is integrated with other hospital departments, allowing physicians to access imaging results as part of a comprehensive approach to patient care.\",\n                p3: \"Whether a patient requires an X-ray for a suspected fracture, an ultrasound for abdominal or pregnancy-related evaluation, or a CT scan for more detailed assessment, the radiology department focuses on delivering timely, accurate imaging while maintaining patient comfort and safety throughout the examination process.\"\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062b\u0642\u0629\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0634\u0639\u0629 \u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0628\u0645\u0643\u0629\u061f\",\n                p1: \"\u0627\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 <strong>\u0623\u0641\u0636\u0644 \u0645\u0631\u0643\u0632 \u0623\u0634\u0639\u0629 \u0641\u064a \u0645\u0643\u0629<\/strong> \u064a\u062d\u062a\u0627\u062c\u0648\u0646 \u0625\u0644\u0649 \u062a\u0635\u0648\u064a\u0631 \u062a\u0634\u062e\u064a\u0635\u064a \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0627\u0644\u062a\u0641\u0633\u064a\u0631 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0630\u064a \u0627\u0644\u062e\u0628\u0631\u0629. \u064a\u062f\u0639\u0645 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062f\u0642\u064a\u0642 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0623\u0633\u0631\u0639\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u060c \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0633\u0642\u0629 \u0644\u0644\u0645\u0631\u0636\u0649 \u0639\u0628\u0631 \u062a\u062e\u0635\u0635\u0627\u062a \u0637\u0628\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629.\",\n                p2: \"\u064a\u0642\u0639 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/strong> \u0641\u064a <strong>\u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u0628\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629<\/strong>\u060c \u0648\u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0634\u0639\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u062f\u0639\u0645 \u0637\u0628 \u0627\u0644\u0637\u0648\u0627\u0631\u0626\u060c \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\u060c \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062a\u0646\u0648\u064a\u0645\u060c \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u060c \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629. \u064a\u062a\u0645 \u062f\u0645\u062c \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0645\u0639 \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0623\u062e\u0631\u0649\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0644\u0644\u0623\u0637\u0628\u0627\u0621 \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0643\u062c\u0632\u0621 \u0645\u0646 \u0646\u0647\u062c \u0634\u0627\u0645\u0644 \u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u0636\u0649.\",\n                p3: \"\u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0627\u0644\u0645\u0631\u064a\u0636 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0623\u0634\u0639\u0629 \u0633\u064a\u0646\u064a\u0629 \u0644\u0644\u0627\u0634\u062a\u0628\u0627\u0647 \u0641\u064a \u0643\u0633\u0631\u060c \u0623\u0648 \u0641\u062d\u0635 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0628\u0637\u0646 \u0623\u0648 \u0627\u0644\u062d\u0645\u0644\u060c \u0623\u0648 \u0623\u0634\u0639\u0629 \u0645\u0642\u0637\u0639\u064a\u0629 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0623\u0643\u062b\u0631 \u062a\u0641\u0635\u064a\u0644\u0627\u064b\u060c \u064a\u0631\u0643\u0632 \u0642\u0633\u0645 \u0627\u0644\u0623\u0634\u0639\u0629 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062a\u0635\u0648\u064a\u0631 \u062f\u0642\u064a\u0642 \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0631\u0627\u062d\u0629 \u0627\u0644\u0645\u0631\u064a\u0636 \u0648\u0633\u0644\u0627\u0645\u062a\u0647 \u0637\u0648\u0627\u0644 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0641\u062d\u0635.\"\n            }\n        };\n\n        function shInitTrustData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shTrustData.ar : shTrustData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-trust-404');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject HTML Content\n            document.getElementById('sh-trust-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-trust-lang-title').textContent = data.title;\n            \n            \/\/ Using innerHTML to preserve the <strong> tags for SEO formatting\n            document.getElementById('sh-trust-lang-p1').innerHTML = data.p1;\n            document.getElementById('sh-trust-lang-p2').innerHTML = data.p2;\n            document.getElementById('sh-trust-lang-p3').innerHTML = data.p3;\n        }\n\n        \/\/ Run Initialization\n        shInitTrustData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const shTrustObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitTrustData();\n                }\n            }\n        });\n        shTrustObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-book-505 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: transparent !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important; \/* Mobile padding *\/\n        padding-bottom: 3.5rem !important; \/* Mobile padding *\/\n        box-sizing: border-box !important;\n        display: block !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-book-505 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-book-505 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 1A. Dedicated Background Layer *\/\n    #sh-book-505 .sh-bg-layer {\n        position: absolute !important;\n        top: 0 !important;\n        bottom: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        overflow: hidden !important;\n        z-index: -1 !important;\n    }\n\n    \/* 2. Constrained Centered Wrapper *\/\n    #sh-book-505 .sh-book-wrapper {\n        width: 100% !important;\n        max-width: 1200px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative !important;\n        z-index: 10 !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. Entrance Animation *\/\n    @keyframes shFadeInUpBook {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-book-505 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpBook 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n<\/style>\n\n<section id=\"sh-book-505\" dir=\"ltr\">\n    \n    <div class=\"sh-bg-layer\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/radiology_7.webp\" alt=\"Radiology center at Shefa Hospital in Makkah providing diagnostic imaging.\" class=\"w-full h-full object-cover\" loading=\"lazy\">\n        <div class=\"absolute inset-0\" style=\"background: linear-gradient(135deg, rgba(36, 59, 90, 0.95) 0%, rgba(36, 59, 90, 0.88) 50%, rgba(19, 139, 134, 0.90) 100%);\"><\/div>\n    <\/div>\n\n    <div class=\"sh-book-wrapper text-white relative z-10\">\n        \n        <div class=\"sh-animate text-center\">\n            <div class=\"inline-flex items-center gap-2 bg-white\/10 backdrop-blur px-4 py-1.5 rounded-full text-[12px] md:text-[13px] font-semibold mb-6 border border-white\/20 shadow-sm\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#d4af37]\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \n                <span id=\"sh-book-lang-kicker\">Summary<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-book-lang-title\" class=\"text-[28px] md:text-[38px] lg:text-[48px] leading-[1.2] 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-8 md:gap-10 mt-10 md: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-6 md:p-8 lg:p-10 shadow-lg text-start\">\n                <h3 id=\"sh-book-lang-ta-title\" class=\"text-[22px] md:text-[26px] font-bold text-white mb-5 md:mb-6\" style=\"font-family: var(--font-display);\"><\/h3>\n                <ul id=\"sh-book-lang-list\" class=\"space-y-4\">\n                    <!-- Dynamic List -->\n                <\/ul>\n            <\/div>\n\n            <div class=\"text-start flex flex-col justify-center\">\n                <h3 id=\"sh-book-lang-concl-title\" class=\"text-[22px] md:text-[26px] font-bold text-[#d4af37] mb-4 md:mb-5\" style=\"font-family: var(--font-display);\"><\/h3>\n                <div class=\"space-y-4 md:space-y-5 text-white\/90 text-[16px] 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        <\/div>\n        \n        <div class=\"mt-10 md:mt-12 flex flex-wrap justify-center items-center gap-3 sh-animate\" style=\"animation-delay: 0.3s;\">\n            <a href=\"#\" class=\"inline-flex items-center gap-2 bg-[#d4af37] text-white rounded-full px-6 py-3 md:px-8 md:py-4 font-bold hover:bg-[#b5952f] transition-all shadow-xl text-[15px] md:text-[16px]\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg> \n                <span id=\"sh-book-lang-btn1\">Book Appointment<\/span>\n            <\/a>\n            <a href=\"tel:+966125333555\" class=\"inline-flex items-center gap-2 bg-white text-[#243b5a] rounded-full px-6 py-3 md:px-8 md:py-4 font-bold hover:bg-gray-100 transition-all shadow-xl text-[15px] md:text-[16px]\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg> \n                <span id=\"sh-book-lang-btn2\">+966 12 533 3555<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const shBookData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Summary\",\n                title: \"Key Takeaways & Conclusion\",\n                takeawaysTitle: \"Key Takeaways\",\n                takeaways: [\n                    \"Radiology provides detailed images that support accurate diagnosis and treatment planning.\",\n                    \"Different imaging technologies are used for different medical conditions based on clinical need.\",\n                    \"Patient preparation and proper positioning contribute to high-quality diagnostic images.\",\n                    \"Radiologists interpret imaging findings and provide reports that guide medical decision-making.\",\n                    \"Hospital-based radiology services improve coordination between imaging, diagnosis, and ongoing patient care.\"\n                ],\n                conclusionTitle: \"Conclusion\",\n                p1: \"Diagnostic imaging has become an essential part of modern medicine by allowing physicians to evaluate internal structures safely and accurately without invasive procedures in many situations. From identifying fractures and assessing internal organs to monitoring recovery and supporting preventive healthcare, radiology contributes to informed clinical decision-making across nearly every medical specialty.\",\n                p2: \"For individuals seeking the <a href='https:\/\/shefahospital.sa\/pre-employment-medical-checkup-makkah\/' style='color:#d4af37; font-weight:700; text-decoration:underline;'>best radiology center in Makkah<\/a>, <strong>Shefa Hospital<\/strong> in <strong>Al Mansur<\/strong> offers comprehensive diagnostic imaging services within a fully integrated hospital environment. With access to advanced imaging technology, experienced radiology professionals, and collaboration across multiple specialties, patients receive timely diagnostic support that helps physicians provide accurate, evidence-based medical care.\",\n                btnAppt: \"Book Appointment\",\n                btnCall: \"+966 12 533 3555\"\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u062e\u0644\u0627\u0635\u0629\",\n                title: \"\u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637 \u0648\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                takeawaysTitle: \"\u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637\",\n                takeaways: [\n                    \"\u062a\u0648\u0641\u0631 \u0627\u0644\u0623\u0634\u0639\u0629 \u0635\u0648\u0631\u0627\u064b \u0645\u0641\u0635\u0644\u0629 \u062a\u062f\u0639\u0645 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0644\u0627\u062c.\",\n                    \"\u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062d\u0627\u062c\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629.\",\n                    \"\u064a\u0633\u0627\u0647\u0645 \u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0645\u0631\u064a\u0636 \u0648\u062a\u062d\u062f\u064a\u062f \u0648\u0636\u0639\u064a\u062a\u0647 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0641\u064a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0635\u0648\u0631 \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629.\",\n                    \"\u064a\u0641\u0633\u0631 \u0623\u0637\u0628\u0627\u0621 \u0627\u0644\u0623\u0634\u0639\u0629 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0648\u064a\u0642\u062f\u0645\u0648\u0646 \u062a\u0642\u0627\u0631\u064a\u0631 \u062a\u0648\u062c\u0647 \u0639\u0645\u0644\u064a\u0629 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0637\u0628\u064a.\",\n                    \"\u062a\u0639\u0645\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0634\u0639\u0629 \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\u062a\u0635\u0648\u064a\u0631 \u0648\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0644\u0645\u0631\u0636\u0649.\"\n                ],\n                conclusionTitle: \"\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                p1: \"\u0623\u0635\u0628\u062d \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u062c\u0632\u0621\u0627\u064b \u0623\u0633\u0627\u0633\u064a\u0627\u064b \u0645\u0646 \u0627\u0644\u0637\u0628 \u0627\u0644\u062d\u062f\u064a\u062b \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0644\u0623\u0637\u0628\u0627\u0621 \u0628\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0628\u0623\u0645\u0627\u0646 \u0648\u062f\u0642\u0629 \u062f\u0648\u0646 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u062c\u0631\u0627\u062d\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0642\u0641. \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0643\u0633\u0648\u0631 \u0648\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0625\u0644\u0649 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \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\u060c \u062a\u0633\u0627\u0647\u0645 \u0627\u0644\u0623\u0634\u0639\u0629 \u0641\u064a \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0633\u0631\u064a\u0631\u064a\u0629 \u0645\u0633\u062a\u0646\u064a\u0631\u0629 \u0641\u064a \u0643\u0644 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u062a\u0642\u0631\u064a\u0628\u0627\u064b.\",\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 <a href='https:\/\/shefahospital.sa\/pre-employment-medical-checkup-makkah\/' style='color:#d4af37; font-weight:700; text-decoration:underline;'>\u0623\u0641\u0636\u0644 \u0645\u0631\u0643\u0632 \u0623\u0634\u0639\u0629 \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\u0635\u0648\u064a\u0631 \u062a\u0634\u062e\u064a\u0635\u064a \u0634\u0627\u0645\u0644\u0629 \u062f\u0627\u062e\u0644 \u0628\u064a\u0626\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644. \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\u060c \u0648\u0623\u062e\u0635\u0627\u0626\u064a\u064a \u0627\u0644\u0623\u0634\u0639\u0629 \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629\u060c \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0639\u0628\u0631 \u062a\u062e\u0635\u0635\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629\u060c \u064a\u062a\u0644\u0642\u0649 \u0627\u0644\u0645\u0631\u0636\u0649 \u062f\u0639\u0645\u0627\u064b \u062a\u0634\u062e\u064a\u0635\u064a\u0627\u064b \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0644\u0629.\",\n                btnAppt: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"+966 12 533 3555\"\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-1 shrink-0 w-5 h-5 md:w-6 md:h-6 rounded-full bg-[#d4af37] text-white flex items-center justify-center shadow-sm\"><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 shInitBookData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shBookData.ar : shBookData.en;\n            \n            const section = document.getElementById('sh-book-505');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-book-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-book-lang-title').textContent = data.title;\n            document.getElementById('sh-book-lang-ta-title').textContent = data.takeawaysTitle;\n            document.getElementById('sh-book-lang-concl-title').textContent = data.conclusionTitle;\n            document.getElementById('sh-book-lang-p1').textContent = data.p1;\n            document.getElementById('sh-book-lang-p2').innerHTML = data.p2;\n            document.getElementById('sh-book-lang-btn1').textContent = data.btnAppt;\n            document.getElementById('sh-book-lang-btn2').textContent = data.btnCall;\n\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-[15px] md:text-[16px] leading-relaxed\">${item}<\/span>\n                <\/li>\n            `).join('');\n        }\n\n        shInitBookData();\n        new MutationObserver(shInitBookData).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n  \/* Extremely lightweight CSS animation - Zero JS required *\/\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(15px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  .animate-fade-in-up {\n    animation: fadeInUp 0.5s ease-out forwards;\n  }\n<\/style>\n\n<section class=\"py-10 md:py-16 w-full\" dir=\"ltr\">\n  <div class=\"mx-auto px-4 md:px-6 lg:px-8 max-w-[1475px]\">\n    \n    <div class=\"bg-slate-50 rounded-2xl p-6 md:p-8 border border-slate-200 flex flex-col sm:flex-row gap-4 sm:gap-6 items-start transition-all duration-300 hover:shadow-lg hover:border-slate-300 animate-fade-in-up\">\n      \n      <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-xl bg-white border border-slate-200 text-slate-800 flex items-center justify-center shrink-0 shadow-sm\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 md:w-7 md:h-7\" aria-hidden=\"true\">\n          <path d=\"M10 12h4\"><\/path>\n          <path d=\"M10 8h4\"><\/path>\n          <path d=\"M14 21v-3a2 2 0 0 0-4 0v3\"><\/path>\n          <path d=\"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\"><\/path>\n          <path d=\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <div class=\"text-left flex-1\">\n        <h3 class=\"text-lg md:text-[20px] font-semibold text-slate-900 mb-3 tracking-tight\">Medical Review &#038; Disclaimer<\/h3>\n        \n        <ul class=\"text-[13.5px] md:text-sm text-slate-700 space-y-1 mb-4\">\n          <li><strong>Reviewed By:<\/strong> Dr. Walaa Kamaleldeen Salih, Senior Registrar Radiology<\/li>\n          <li><strong>Last Updated:<\/strong> July 2026<\/li>\n          <li><strong>Hospital Accreditation:<\/strong> CBAHI Accredited Facility<\/li>\n        <\/ul>\n\n        <p class=\"text-[13.5px] md:text-sm text-slate-600 leading-relaxed m-0\">\n          <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. Diagnostic imaging should be performed only when recommended by a qualified healthcare professional based on your medical condition and clinical evaluation. If you experience severe symptoms or require urgent medical attention, seek immediate care rather than relying solely on imaging information.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Home Departments Radiology CBAHI Accredited \u00b7 Al Mansur, Makkah Best Radiology Center in Makkah Diagnostic Imaging That Helps Physicians Make [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-585","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/comments?post=585"}],"version-history":[{"count":38,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/585\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/585\/revisions\/1470"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}