{"id":29,"date":"2026-06-09T17:30:06","date_gmt":"2026-06-09T17:30:06","guid":{"rendered":"https:\/\/shefahospital.sa\/departments\/"},"modified":"2026-06-15T14:37:01","modified_gmt":"2026-06-15T14:37:01","slug":"departments","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/departments\/","title":{"rendered":"Departments"},"content":{"rendered":"\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&#038;family=Noto+Kufi+Arabic:wght@400;700&#038;family=Playfair+Display:wght@600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* SCOPED CSS: Unique ID for Medical Departments Banner *\/\n    #shefa-dept-banner {\n        --banner-primary: oklch(62% .08 180);\n        --banner-foreground: oklch(99% .005 170);\n        \n        background-color: var(--banner-primary) !important;\n        \n        \/* Hex Pattern Integration *\/\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='60' height='52' viewBox='0 0 60 52'><path d='M15 1l14 8v16l-14 8L1 25V9zM45 1l14 8v16l-14 8-14-8V9z' fill='none' stroke='%2390c4e8' stroke-opacity='0.22' stroke-width='1'\/><\/svg>\");\n        background-repeat: repeat;\n    }\n\n    \/* Force white color using !important to prevent WordPress global overrides *\/\n    #shefa-dept-banner .dept-title,\n    #shefa-dept-banner .dept-desc {\n        color: var(--banner-foreground) !important;\n    }\n\n    \/* WP Auto-Paragraph hide specific to this scoped ID *\/\n    #shefa-dept-banner p:empty, \n    #shefa-dept-banner br { \n        display: none !important; \n    }\n<\/style>\n\n<section id=\"shefa-dept-banner\" class=\"py-16 md:py-24 w-full flex items-center shadow-inner relative transition-all duration-300\">\n    <div class=\"container mx-auto px-6 md:px-12 lg:px-24\">\n        \n        <h1 class=\"dept-title text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight mb-4 text-start\">\n            <\/h1>\n        \n        <p class=\"dept-desc text-base md:text-lg lg:text-xl max-w-2xl opacity-90 leading-relaxed text-start\">\n            <\/p>\n        \n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    function initDeptBanner() {\n        const bannerSection = document.getElementById('shefa-dept-banner');\n        if (!bannerSection) return;\n\n        const titleEl = bannerSection.querySelector('.dept-title');\n        const descEl = bannerSection.querySelector('.dept-desc');\n\n        \/\/ Translation Dictionary (English & Arabic)\n        const data = {\n            en: { \n                titleFont: \"'Playfair Display', serif\", \n                bodyFont: \"'Inter', sans-serif\",\n                title: \"Medical Departments\", \n                desc: \"Specialized teams and modern technology across every major area of medicine.\" \n            },\n            ar: { \n                titleFont: \"'Noto Kufi Arabic', sans-serif\", \n                bodyFont: \"'Noto Kufi Arabic', sans-serif\",\n                title: \"\u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0637\u0628\u064a\u0629\", \n                desc: \"\u0641\u0631\u0642 \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u062d\u062f\u064a\u062b\u0629 \u0641\u064a \u0643\u0644 \u0645\u062c\u0627\u0644 \u0631\u0626\u064a\u0633\u064a \u0645\u0646 \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628.\" \n            }\n        };\n\n        \/\/ Lang\/RTL Detection\n        const htmlElement = document.documentElement;\n        const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n        const lang = isRtl ? 'ar' : 'en';\n        const content = data[lang];\n\n        bannerSection.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        \/\/ Inject Data with font styles\n        if(titleEl) {\n            titleEl.textContent = content.title;\n            titleEl.style.fontFamily = content.titleFont;\n        }\n        \n        if(descEl) {\n            descEl.textContent = content.desc;\n            descEl.style.fontFamily = content.bodyFont;\n        }\n    }\n\n    \/\/ Run on load\n    initDeptBanner();\n\n    \/\/ Observe HTML tag for language changes by TranslatePress\n    const observer = new MutationObserver(initDeptBanner);\n    observer.observe(document.documentElement, { \n        attributes: true, \n        attributeFilter: ['lang', 'dir'] \n    });\n});\n<\/script>\n\n\n\n<style>\n    \/* Scoped styling to ensure smooth RTL transitions and consistent theming *\/\n    #shefa-departments {\n        \/* Background color and SVG pattern exactly as requested *\/\n        background-color: #dcedfa !important;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'><g fill='none' stroke='%2390c4e8' stroke-opacity='0.45' stroke-width='1.1'><path d='M45 3l42 24v48l-42 24-42-24V27z'\/><path d='M135 3l42 24v48l-42 24-42-24V27z'\/><path d='M90 81l42 24v48l-42 24-42-24v-48z'\/><\/g><g fill='%2390c4e8' fill-opacity='0.55'><circle cx='45' cy='3' r='2'\/><circle cx='87' cy='27' r='2'\/><circle cx='87' cy='75' r='2'\/><circle cx='45' cy='99' r='2'\/><circle cx='3' cy='75' r='2'\/><circle cx='3' cy='27' r='2'\/><circle cx='135' cy='3' r='2'\/><circle cx='177' cy='27' r='2'\/><circle cx='177' cy='75' r='2'\/><circle cx='135' cy='99' r='2'\/><circle cx='90' cy='81' r='2'\/><circle cx='132' cy='105' r='2'\/><circle cx='132' cy='153' r='2'\/><circle cx='90' cy='177' r='2'\/><circle cx='48' cy='153' r='2'\/><circle cx='48' cy='105' r='2'\/><\/g><\/svg>\");\n        background-repeat: repeat;\n    }\n    \n    .dept-card {\n        background-color: #ffffff;\n    }\n    \n    .dept-icon-box {\n        color: #4b8074;\n    }\n\n    .dept-btn {\n        background-color: #eef5f3;\n        color: #4b8074;\n    }\n    \n    .dept-btn:hover {\n        background-color: #dcece8;\n    }\n<\/style>\n\n<section id=\"shefa-departments\" class=\"py-20 w-full transition-all duration-300 relative\">\n    <div class=\"container mx-auto px-4 md:px-6 lg:px-12\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n            \n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Emergency Department\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/emergency-dept.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"M10 10H6\"><\/path><path d=\"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2\"><\/path><path d=\"M19 18h2a1 1 0 0 0 1-1v-3.28a1 1 0 0 0-.684-.948l-1.923-.641a1 1 0 0 1-.578-.502l-1.539-3.076A1 1 0 0 0 16.382 8H14\"><\/path><path d=\"M8 8v4\"><\/path><path d=\"M9 18h6\"><\/path><circle cx=\"17\" cy=\"18\" r=\"2\"><\/circle><circle cx=\"7\" cy=\"18\" r=\"2\"><\/circle><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-emergency\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-emergency\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Intensive Care Unit\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-icu-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-icu\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-icu\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Obstetrics &amp; Gynecology\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-obgyn-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"><\/path><path d=\"M15 12h.01\"><\/path><path d=\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"><\/path><path d=\"M9 12h.01\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-obgyn\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-obgyn\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Cardiology\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-cardiology-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"><\/path><path d=\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-cardiology\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-cardiology\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Urology\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-urology-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z\"><\/path><path d=\"M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-urology\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-urology\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Dental Clinic\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-dental-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"><\/path><line x1=\"9\" x2=\"9.01\" y1=\"9\" y2=\"9\"><\/line><line x1=\"15\" x2=\"15.01\" y1=\"9\" y2=\"9\"><\/line><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-dental\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-dental\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Internal Medicine\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-internal-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"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                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-internal\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-internal\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"ENT\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-ent-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0\"><\/path><path d=\"M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-ent\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-ent\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Orthopedics\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-ortho-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-ortho\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-ortho\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"General Surgery\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-surgery-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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\"><circle cx=\"6\" cy=\"6\" r=\"3\"><\/circle><path d=\"M8.12 8.12 12 12\"><\/path><path d=\"M20 4 8.12 15.88\"><\/path><circle cx=\"6\" cy=\"18\" r=\"3\"><\/circle><path d=\"M14.8 14.8 20 20\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-surgery\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-surgery\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Pediatrics\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-pediatrics-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"><\/path><path d=\"M15 12h.01\"><\/path><path d=\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"><\/path><path d=\"M9 12h.01\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-pediatrics\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-pediatrics\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Laboratory\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-lab-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"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                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-lab\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-lab\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Radiology Center\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-radiology-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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=\"M3 7V5a2 2 0 0 1 2-2h2\"><\/path><path d=\"M17 3h2a2 2 0 0 1 2 2v2\"><\/path><path d=\"M21 17v2a2 2 0 0 1-2 2h-2\"><\/path><path d=\"M7 21H5a2 2 0 0 1-2-2v-2\"><\/path><path d=\"M7 12h10\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-radiology\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-radiology\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"dept-card group rounded-3xl overflow-hidden shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all border border-gray-100 flex flex-col\">\n                <div class=\"relative h-44 overflow-hidden\">\n                    <img decoding=\"async\" alt=\"Pre-Employment Screening\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-screening-300x200.jpg\">\n                    <div class=\"absolute inset-0 bg-gradient-to-t from-[#4b8074]\/40 to-transparent\"><\/div>\n                    <div class=\"absolute bottom-4 ltr:left-4 rtl:right-4 h-9 w-9 rounded-full bg-white flex items-center justify-center shadow-md dept-icon-box\">\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\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"><\/rect><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><path d=\"m9 14 2 2 4-4\"><\/path><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"p-6 pt-5 flex-1 flex flex-col\">\n                    <h3 id=\"title-screening\" class=\"font-bold text-[1.1rem] text-gray-900 leading-tight\"><\/h3>\n                    <p id=\"desc-screening\" class=\"mt-2 text-gray-500 text-[0.85rem] leading-relaxed flex-1\"><\/p>\n                    <a href=\"\/contact\" class=\"mt-4 inline-block w-fit\">\n                        <span class=\"dept-btn inline-flex items-center justify-center gap-1 rounded-full text-[0.75rem] font-semibold px-4 py-1.5 transition-colors group\/btn\">\n                            <span class=\"btn-text\"><\/span> \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 transition-transform group-hover\/btn:translate-x-1 rtl:group-hover\/btn:-translate-x-1\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    function initDepartments() {\n        const section = document.getElementById('shefa-departments');\n        if (!section) return;\n\n        const deptData = {\n            'emergency': {\n                en: { title: \"Emergency Department\", desc: \"Rapid response trauma and critical care, 24\/7.\" },\n                ar: { title: \"\u0642\u0633\u0645 \u0627\u0644\u0637\u0648\u0627\u0631\u0626\", desc: \"\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0633\u0631\u064a\u0639\u0629 \u0644\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0631\u062c\u0629\u060c \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629.\" }\n            },\n            'icu': {\n                en: { title: \"Intensive Care Unit\", desc: \"Advanced monitoring and life-saving interventions.\" },\n                ar: { title: \"\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u0629\", desc: \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u062a\u062f\u062e\u0644\u0627\u062a \u0644\u0625\u0646\u0642\u0627\u0630 \u0627\u0644\u062d\u064a\u0627\u0629.\" }\n            },\n            'obgyn': {\n                en: { title: \"Obstetrics & Gynecology\", desc: \"Compassionate maternal and women's health.\" },\n                ar: { title: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629\", desc: \"\u0631\u0639\u0627\u064a\u0629 \u0631\u062d\u064a\u0645\u0629 \u0628\u0635\u062d\u0629 \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u0645\u0631\u0623\u0629.\" }\n            },\n            'cardiology': {\n                en: { title: \"Cardiology\", desc: \"Heart diagnostics, interventions and prevention.\" },\n                ar: { title: \"\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\", desc: \"\u062a\u0634\u062e\u064a\u0635 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u062a\u062f\u062e\u0644\u0627\u062a \u0648\u0627\u0644\u0648\u0642\u0627\u064a\u0629.\" }\n            },\n            'urology': {\n                en: { title: \"Urology\", desc: \"Comprehensive urinary and reproductive care.\" },\n                ar: { title: \"\u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629\", desc: \"\u0631\u0639\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0646\u0627\u0633\u0644\u064a\u0629.\" }\n            },\n            'dental': {\n                en: { title: \"Dental Clinic\", desc: \"Modern dentistry from prevention to cosmetics.\" },\n                ar: { title: \"\u0639\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0633\u0646\u0627\u0646\", desc: \"\u0637\u0628 \u0623\u0633\u0646\u0627\u0646 \u062d\u062f\u064a\u062b \u0645\u0646 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u062c\u0645\u064a\u0644.\" }\n            },\n            'internal': {\n                en: { title: \"Internal Medicine\", desc: \"Adult diagnosis and chronic disease management.\" },\n                ar: { title: \"\u0627\u0644\u0637\u0628 \u0627\u0644\u0628\u0627\u0637\u0646\u064a\", desc: \"\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0628\u0627\u0644\u063a\u064a\u0646 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0645\u0632\u0645\u0646\u0629.\" }\n            },\n            'ent': {\n                en: { title: \"ENT\", desc: \"Ear, nose, throat and sleep disorders.\" },\n                ar: { title: \"\u0627\u0644\u0623\u0646\u0641 \u0648\u0627\u0644\u0623\u0630\u0646 \u0648\u0627\u0644\u062d\u0646\u062c\u0631\u0629\", desc: \"\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0646\u0641 \u0648\u0627\u0644\u0623\u0630\u0646 \u0648\u0627\u0644\u062d\u0646\u062c\u0631\u0629 \u0648\u0627\u0644\u0646\u0648\u0645.\" }\n            },\n            'ortho': {\n                en: { title: \"Orthopedics\", desc: \"Joint, spine and sports injury specialists.\" },\n                ar: { title: \"\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645\", desc: \"\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0627\u0644\u0645\u0641\u0627\u0635\u0644 \u0648\u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0641\u0642\u0631\u064a \u0648\u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629.\" }\n            },\n            'surgery': {\n                en: { title: \"General Surgery\", desc: \"Minimally invasive and complex procedures.\" },\n                ar: { title: \"\u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\", desc: \"\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0637\u0641\u064a\u0641\u0629 \u0627\u0644\u062a\u0648\u063a\u0644 \u0648\u0645\u0639\u0642\u062f\u0629.\" }\n            },\n            'pediatrics': {\n                en: { title: \"Pediatrics\", desc: \"Child-friendly care from newborn to teen.\" },\n                ar: { title: \"\u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644\", desc: \"\u0631\u0639\u0627\u064a\u0629 \u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0637\u0641\u0644 \u0645\u0646 \u062d\u062f\u064a\u062b\u064a \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u064a\u0646.\" }\n            },\n            'lab': {\n                en: { title: \"Laboratory\", desc: \"Accurate diagnostics with fast turnaround.\" },\n                ar: { title: \"\u0627\u0644\u0645\u062e\u062a\u0628\u0631\", desc: \"\u062a\u0634\u062e\u064a\u0635 \u062f\u0642\u064a\u0642 \u0645\u0639 \u0633\u0631\u0639\u0629 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.\" }\n            },\n            'radiology': {\n                en: { title: \"Radiology Center\", desc: \"MRI, CT, ultrasound and digital X-ray.\" },\n                ar: { title: \"\u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0634\u0639\u0629\", desc: \"\u0627\u0644\u0631\u0646\u064a\u0646 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u060c \u0627\u0644\u0645\u0642\u0637\u0639\u064a\u0629\u060c \u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629.\" }\n            },\n            'screening': {\n                en: { title: \"Pre-Employment Screening\", desc: \"Certified medical screening for employers.\" },\n                ar: { title: \"\u0641\u062d\u0635 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\", desc: \"\u0641\u062d\u0635 \u0637\u0628\u064a \u0645\u0639\u062a\u0645\u062f \u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644.\" }\n            }\n        };\n\n        const globalData = {\n            en: { \n                btn: \"Book Appointment\", \n                titleFont: \"'Playfair Display', serif\", \n                bodyFont: \"'Inter', sans-serif\" \n            },\n            ar: { \n                btn: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\", \n                titleFont: \"'Noto Kufi Arabic', sans-serif\", \n                bodyFont: \"'Noto Kufi Arabic', sans-serif\" \n            }\n        };\n\n        const htmlElement = document.documentElement;\n        const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n        const lang = isRtl ? 'ar' : 'en';\n        \n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        for (const [key, content] of Object.entries(deptData)) {\n            const titleEl = document.getElementById(`title-${key}`);\n            const descEl = document.getElementById(`desc-${key}`);\n            \n            if (titleEl) {\n                titleEl.textContent = content[lang].title;\n                titleEl.style.fontFamily = globalData[lang].titleFont;\n            }\n            if (descEl) {\n                descEl.textContent = content[lang].desc;\n                descEl.style.fontFamily = globalData[lang].bodyFont;\n            }\n        }\n\n        const btnTexts = section.querySelectorAll('.btn-text');\n        btnTexts.forEach(btn => {\n            btn.textContent = globalData[lang].btn;\n            btn.style.fontFamily = globalData[lang].bodyFont;\n        });\n    }\n\n    initDepartments();\n\n    const observer = new MutationObserver(initDepartments);\n    observer.observe(document.documentElement, { \n        attributes: true, \n        attributeFilter: ['lang', 'dir'] \n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"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-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/29","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=29"}],"version-history":[{"count":1,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/29\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}