{"id":29,"date":"2026-06-09T17:30:06","date_gmt":"2026-06-09T17:30:06","guid":{"rendered":"https:\/\/shefahospital.sa\/departments\/"},"modified":"2026-07-04T14:10:45","modified_gmt":"2026-07-04T14:10:45","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    <style class=\"trp-ignore\" data-no-translation>\n        .lang-en { display: block; }\n        .lang-ar { display: none; }\n        html[dir=\"rtl\"] .lang-en, [dir=\"rtl\"] .lang-en, html[lang*=\"ar\"] .lang-en, body.rtl .lang-en { display: none; }\n        html[dir=\"rtl\"] .lang-ar, [dir=\"rtl\"] .lang-ar, html[lang*=\"ar\"] .lang-ar, body.rtl .lang-ar { display: block; }\n        .lang-en-inline { display: inline; }\n        .lang-ar-inline { display: none; }\n        html[dir=\"rtl\"] .lang-en-inline, [dir=\"rtl\"] .lang-en-inline, html[lang*=\"ar\"] .lang-en-inline, body.rtl .lang-en-inline { display: none; }\n        html[dir=\"rtl\"] .lang-ar-inline, [dir=\"rtl\"] .lang-ar-inline, html[lang*=\"ar\"] .lang-ar-inline, body.rtl .lang-ar-inline { display: inline; }\n        \n        .shefa-dept-bg {\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%2390c4e8' stroke-opacity='0.45' stroke-width='1.1'%3E%3Cpath d='M45 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M135 3l42 24v48l-42 24-42-24V27z'\/%3E%3Cpath d='M90 81l42 24v48l-42 24-42-24v-48z'\/%3E%3C\/g%3E%3Cg fill='%2390c4e8' fill-opacity='0.55'%3E%3Ccircle cx='45' cy='3' r='2'\/%3E%3Ccircle cx='87' cy='27' r='2'\/%3E%3Ccircle cx='87' cy='75' r='2'\/%3E%3Ccircle cx='45' cy='99' r='2'\/%3E%3Ccircle cx='3' cy='75' r='2'\/%3E%3Ccircle cx='3' cy='27' r='2'\/%3E%3Ccircle cx='135' cy='3' r='2'\/%3E%3Ccircle cx='177' cy='27' r='2'\/%3E%3Ccircle cx='177' cy='75' r='2'\/%3E%3Ccircle cx='135' cy='99' r='2'\/%3E%3Ccircle cx='90' cy='81' r='2'\/%3E%3Ccircle cx='132' cy='105' r='2'\/%3E%3Ccircle cx='132' cy='153' r='2'\/%3E%3Ccircle cx='90' cy='177' r='2'\/%3E%3Ccircle cx='48' cy='153' r='2'\/%3E%3Ccircle cx='48' cy='105' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n            background-size: 180px 156px;\n            background-repeat: repeat;\n            background-position: center top;\n        }\n    <\/style>\n    <section id=\"depts-section\" class=\"relative overflow-hidden bg-[#f4f8fa] !m-0 !py-20 md:!py-28\">\n        <div class=\"absolute inset-0 z-0 opacity-[0.4] pointer-events-none shefa-dept-bg\"><\/div>\n        <div class=\"container mx-auto px-5 lg:px-8 relative z-10 max-w-[85rem]\">\n            <div class=\"text-center max-w-3xl mx-auto flex flex-col items-center\">\n                <span class=\"text-xs md:text-sm font-bold tracking-widest uppercase text-[#eab308] !mb-0 lang-en\">Centers of Excellence<\/span>\n                <span class=\"text-xs md:text-sm font-bold tracking-widest uppercase text-[#eab308] !mb-0 lang-ar\">\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062a\u0645\u064a\u0632<\/span>\n                \n                <h2 class=\"mt-3 md:mt-4 text-3xl md:text-5xl font-bold text-[#3f8877] !leading-[1.15] !mb-0 lang-en\" style=\"font-family: 'Playfair Display', serif;\">Our Medical Departments<\/h2>\n                <h2 class=\"mt-3 md:mt-4 text-3xl md:text-5xl font-bold text-[#3f8877] !leading-[1.15] !mb-0 lang-ar\" style=\"font-family: 'Noto Kufi Arabic', sans-serif;\">\u0623\u0642\u0633\u0627\u0645\u0646\u0627 \u0627\u0644\u0637\u0628\u064a\u0629<\/h2>\n                \n                <p class=\"mt-4 md:mt-5 text-base md:text-lg text-slate-600 !leading-relaxed font-medium !mb-0 lang-en\">Specialized teams and modern technology across every major area of medicine.<\/p>\n                <p class=\"mt-4 md:mt-5 text-base md:text-lg text-slate-600 !leading-relaxed font-medium !mb-0 lang-ar\">\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 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629.<\/p>\n            <\/div>\n            <div class=\"mt-12 md:mt-16 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 md:gap-8 items-stretch\">\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/emergency-hospital-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Emergency Department\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/emergency-dept.jpg\" alt=\"Emergency Department\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Emergency Department<\/span>\n                            <span class=\"lang-ar\">\u0642\u0633\u0645 \u0627\u0644\u0637\u0648\u0627\u0631\u0626<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Rapid response trauma and critical care, 24\/7.<\/span>\n                            <span class=\"lang-ar\">\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.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/intensive-care-unit-in-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Intensive Care Unit\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-icu.jpg\" alt=\"Intensive Care Unit\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Intensive Care Unit<\/span>\n                            <span class=\"lang-ar\">\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u0629<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Advanced monitoring and life-saving interventions.<\/span>\n                            <span class=\"lang-ar\">\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.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/best-gynecologist-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Obstetrics &#038; Gynecology\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-obgyn.jpg\" alt=\"Obstetrics &#038; Gynecology\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Obstetrics &#038; Gynecology<\/span>\n                            <span class=\"lang-ar\">\u0642\u0633\u0645 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Compassionate maternal and women&#039;s health.<\/span>\n                            <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u062d\u0627\u0646\u064a\u0629 \u0644\u0635\u062d\u0629 \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u0645\u0631\u0623\u0629.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/best-cardiology-hospital-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Cardiology\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-cardiology.jpg\" alt=\"Cardiology\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Cardiology<\/span>\n                            <span class=\"lang-ar\">\u0637\u0628 \u0627\u0644\u0642\u0644\u0628<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Heart diagnostics, interventions and prevention.<\/span>\n                            <span class=\"lang-ar\">\u062a\u0634\u062e\u064a\u0635 \u0648\u062a\u062f\u062e\u0644\u0627\u062a \u0648\u0648\u0642\u0627\u064a\u0629 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/best-urology-hospital-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Urology\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-urology.jpg\" alt=\"Urology\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Urology<\/span>\n                            <span class=\"lang-ar\">\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0628\u0648\u0644\u064a\u0629<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Comprehensive urinary and reproductive care.<\/span>\n                            <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0628\u0648\u0644\u064a \u0648\u0627\u0644\u062a\u0646\u0627\u0633\u0644\u064a.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/dental-clinic-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Dental Clinic\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-dental.jpg\" alt=\"Dental Clinic\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Dental Clinic<\/span>\n                            <span class=\"lang-ar\">\u0639\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0633\u0646\u0627\u0646<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Modern dentistry from prevention to cosmetics.<\/span>\n                            <span class=\"lang-ar\">\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.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/internal-medicine-hospital-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Internal Medicine\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-internal.jpg\" alt=\"Internal Medicine\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Internal Medicine<\/span>\n                            <span class=\"lang-ar\">\u0627\u0644\u0637\u0628 \u0627\u0644\u0628\u0627\u0637\u0646\u064a<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Adult diagnosis and chronic disease management.<\/span>\n                            <span class=\"lang-ar\">\u062a\u0634\u062e\u064a\u0635 \u0644\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.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/ent-specialist-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"ENT\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-ent.jpg\" alt=\"ENT\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">ENT<\/span>\n                            <span class=\"lang-ar\">\u0627\u0644\u0623\u0646\u0641 \u0648\u0627\u0644\u0623\u0630\u0646 \u0648\u0627\u0644\u062d\u0646\u062c\u0631\u0629<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Ear, nose, throat and sleep disorders.<\/span>\n                            <span class=\"lang-ar\">\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0623\u0630\u0646 \u0648\u0627\u0644\u0623\u0646\u0641 \u0648\u0627\u0644\u062d\u0646\u062c\u0631\u0629 \u0648\u0627\u0644\u0646\u0648\u0645.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/orthopedic-doctor-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Orthopedics\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-ortho.jpg\" alt=\"Orthopedics\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Orthopedics<\/span>\n                            <span class=\"lang-ar\">\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Joint, spine and sports injury specialists.<\/span>\n                            <span class=\"lang-ar\">\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.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/general-surgery-hospital-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"General Surgery\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-surgery.jpg\" alt=\"General Surgery\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">General Surgery<\/span>\n                            <span class=\"lang-ar\">\u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Minimally invasive and complex procedures.<\/span>\n                            <span class=\"lang-ar\">\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0637\u0641\u064a\u0641\u0629 \u0627\u0644\u062a\u0648\u063a\u0644 \u0648\u0645\u0639\u0642\u062f\u0629.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/pediatrician-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Pediatrics\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-pediatrics.jpg\" alt=\"Pediatrics\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Pediatrics<\/span>\n                            <span class=\"lang-ar\">\u0637\u0628 \u0627\u0644\u0623\u0637\u0641\u0627\u0644<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Child-friendly care from newborn to teen.<\/span>\n                            <span class=\"lang-ar\">\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.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/medical-laboratory-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Laboratory\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-lab.jpg\" alt=\"Laboratory\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Laboratory<\/span>\n                            <span class=\"lang-ar\">\u0627\u0644\u0645\u062e\u062a\u0628\u0631<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Accurate diagnostics with fast turnaround.<\/span>\n                            <span class=\"lang-ar\">\u062a\u0634\u062e\u064a\u0635 \u062f\u0642\u064a\u0642 \u0645\u0639 \u0633\u0631\u0639\u0629 \u0641\u064a \u0627\u0644\u0646\u062a\u0627\u0626\u062c.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/radiology-center-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Radiology Center\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-radiology.jpg\" alt=\"Radiology Center\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Radiology Center<\/span>\n                            <span class=\"lang-ar\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0623\u0634\u0639\u0629<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">CT, ultrasound and digital X-ray.<\/span>\n                            <span class=\"lang-ar\">\u0627\u0644\u0645\u0642\u0637\u0639\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"group relative bg-white rounded-[1.25rem] overflow-hidden shadow-[0_8px_25px_-8px_rgba(0,0,0,0.06)] hover:shadow-[0_20px_40px_-10px_rgba(66,142,126,0.15)] hover:-translate-y-1.5 transition-all duration-300 border border-slate-100\/80 flex flex-col h-full cursor-pointer\">\n                    <a href=\"https:\/\/shefahospital.sa\/ar\/pre-employment-medical-checkup-makkah\/\" class=\"absolute inset-0 z-20\" aria-label=\"Pre-Employment Screening\"><\/a>\n                    <div class=\"relative h-44 overflow-hidden bg-slate-100 shrink-0\">\n                        <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/dept-screening.jpg\" alt=\"Pre-Employment Screening\" loading=\"lazy\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110 !m-0 !p-0 border-none\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1b4b41]\/90 via-[#24685b]\/20 to-transparent\"><\/div>\n                        <div class=\"absolute rtl:right-3 ltr:left-3 bottom-3 h-12 w-12 rounded-[0.85rem] bg-white text-[#428e7e] flex items-center justify-center shadow-lg transition-transform group-hover:scale-105 z-10\">\n                            <div class=\"h-6 w-6 flex items-center justify-center\"><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=\"h-6 w-6\"><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><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6 flex-1 flex flex-col text-start items-start relative z-10\">\n                        <h3 class=\"font-bold text-xl text-slate-800 !mb-0 group-hover:text-[#428e7e] transition-colors\">\n                            <span class=\"lang-en\">Pre-Employment Screening<\/span>\n                            <span class=\"lang-ar\">\u0627\u0644\u0641\u062d\u0635 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/span>\n                        <\/h3>\n                        <p class=\"mt-2.5 text-sm text-slate-600 flex-1 leading-relaxed !mb-0\">\n                            <span class=\"lang-en\">Certified medical screening for employers.<\/span>\n                            <span class=\"lang-ar\">\u0641\u062d\u0635 \u0637\u0628\u064a \u0645\u0639\u062a\u0645\u062f \u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644.<\/span>\n                        <\/p>\n                        <div class=\"mt-5 inline-flex items-center text-sm font-bold text-[#428e7e] group-hover:text-[#d97706] transition-colors group-hover:gap-1\">\n                            <span class=\"lang-en-inline\">Learn More<\/span>\n                            <span class=\"lang-ar-inline\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180 ms-1.5 transition-transform\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n        <\/div>\n    <\/section>\n    \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":4,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":438,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/29\/revisions\/438"}],"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}]}}