{"id":30,"date":"2026-06-09T17:30:06","date_gmt":"2026-06-09T17:30:06","guid":{"rendered":"https:\/\/shefahospital.sa\/doctors\/"},"modified":"2026-06-12T14:55:56","modified_gmt":"2026-06-12T14:55:56","slug":"doctors","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/doctors\/","title":{"rendered":"Doctors"},"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 Meet Our Doctors Banner *\/\n    #shefa-doctors-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-doctors-banner .doctors-title,\n    #shefa-doctors-banner .doctors-desc {\n        color: var(--banner-foreground) !important;\n    }\n\n    \/* WP Auto-Paragraph hide specific to this scoped ID *\/\n    #shefa-doctors-banner p:empty, \n    #shefa-doctors-banner br { \n        display: none !important; \n    }\n<\/style>\n\n<section id=\"shefa-doctors-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=\"doctors-title text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight mb-4 text-start\">\n            <\/h1>\n        \n        <p class=\"doctors-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 initDoctorsBanner() {\n        const bannerSection = document.getElementById('shefa-doctors-banner');\n        if (!bannerSection) return;\n\n        const titleEl = bannerSection.querySelector('.doctors-title');\n        const descEl = bannerSection.querySelector('.doctors-desc');\n\n        \/\/ Translation Dictionary (English & Arabic)\n        const data = {\n            en: { \n                titleFont: \"'Playfair Display', serif\", \n                bodyFont: \"'Inter', sans-serif\",\n                title: \"Meet Our Doctors\", \n                desc: \"Expert specialists delivering personal care.\" \n            },\n            ar: { \n                titleFont: \"'Noto Kufi Arabic', sans-serif\", \n                bodyFont: \"'Noto Kufi Arabic', sans-serif\",\n                title: \"\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0623\u0637\u0628\u0627\u0626\u0646\u0627\", \n                desc: \"\u0623\u062e\u0635\u0627\u0626\u064a\u0648\u0646 \u062e\u0628\u0631\u0627\u0621 \u064a\u0642\u062f\u0645\u0648\u0646 \u0631\u0639\u0627\u064a\u0629 \u0634\u062e\u0635\u064a\u0629.\" \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    initDoctorsBanner();\n\n    \/\/ Observe HTML tag for language changes by TranslatePress\n    const observer = new MutationObserver(initDoctorsBanner);\n    observer.observe(document.documentElement, { \n        attributes: true, \n        attributeFilter: ['lang', 'dir'] \n    });\n});\n<\/script>\n\n\n\n<style>\n    \/* Scoped styling for the Doctors section *\/\n    #shefa-doctors {\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    #shefa-doctors .doc-card {\n        background-color: #ffffff;\n    }\n    \n    #shefa-doctors .theme-primary {\n        color: #4b8074;\n    }\n    \n    #shefa-doctors .theme-gold {\n        color: #b68c3e;\n    }\n\n    #shefa-doctors .btn-primary {\n        background-color: #4b8074;\n        color: #ffffff;\n    }\n    \n    #shefa-doctors .btn-primary:hover {\n        background-color: #3a685e;\n    }\n<\/style>\n\n<section id=\"shefa-doctors\" 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 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n            \n            <div class=\"doc-card rounded-3xl overflow-hidden shadow-md hover:shadow-xl transition-shadow flex flex-col\">\n                <div class=\"aspect-[4\/5] overflow-hidden bg-gray-100 relative\">\n                    <img decoding=\"async\" alt=\"Dr. Abdulrahman Al-Harbi\" loading=\"lazy\" class=\"absolute inset-0 h-full w-full object-cover transition-transform duration-500 hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/doctor-1.jpg\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/doctor-1-240x300.jpg'\">\n                <\/div>\n                <div class=\"p-6 flex flex-col flex-1\">\n                    <h3 id=\"doc1-name\" class=\"font-bold text-xl theme-primary\"><\/h3>\n                    <p id=\"doc1-spec\" class=\"text-sm theme-gold font-semibold mt-1\"><\/p>\n                    <div class=\"mt-3 text-xs text-gray-500 flex justify-between\">\n                        <span id=\"doc1-exp\"><\/span>\n                        <span id=\"doc1-lang\"><\/span>\n                    <\/div>\n                    <a href=\"\/contact\" class=\"block mt-5 mt-auto\">\n                        <button class=\"btn-primary inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium transition-colors w-full h-10 px-4 py-2 doc-btn\">\n                        <\/button>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"doc-card rounded-3xl overflow-hidden shadow-md hover:shadow-xl transition-shadow flex flex-col\">\n                <div class=\"aspect-[4\/5] overflow-hidden bg-gray-100 relative\">\n                    <img decoding=\"async\" alt=\"Dr. Layla Al-Qahtani\" loading=\"lazy\" class=\"absolute inset-0 h-full w-full object-cover transition-transform duration-500 hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/doctor-2.jpg\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/doctor-2-240x300.jpg'\">\n                <\/div>\n                <div class=\"p-6 flex flex-col flex-1\">\n                    <h3 id=\"doc2-name\" class=\"font-bold text-xl theme-primary\"><\/h3>\n                    <p id=\"doc2-spec\" class=\"text-sm theme-gold font-semibold mt-1\"><\/p>\n                    <div class=\"mt-3 text-xs text-gray-500 flex justify-between\">\n                        <span id=\"doc2-exp\"><\/span>\n                        <span id=\"doc2-lang\"><\/span>\n                    <\/div>\n                    <a href=\"\/contact\" class=\"block mt-5 mt-auto\">\n                        <button class=\"btn-primary inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium transition-colors w-full h-10 px-4 py-2 doc-btn\">\n                        <\/button>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"doc-card rounded-3xl overflow-hidden shadow-md hover:shadow-xl transition-shadow flex flex-col\">\n                <div class=\"aspect-[4\/5] overflow-hidden bg-gray-100 relative\">\n                    <img decoding=\"async\" alt=\"Dr. Faisal Al-Otaibi\" loading=\"lazy\" class=\"absolute inset-0 h-full w-full object-cover transition-transform duration-500 hover:scale-105\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/doctor-3.jpg\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/06\/doctor-3-240x300.jpg'\">\n                <\/div>\n                <div class=\"p-6 flex flex-col flex-1\">\n                    <h3 id=\"doc3-name\" class=\"font-bold text-xl theme-primary\"><\/h3>\n                    <p id=\"doc3-spec\" class=\"text-sm theme-gold font-semibold mt-1\"><\/p>\n                    <div class=\"mt-3 text-xs text-gray-500 flex justify-between\">\n                        <span id=\"doc3-exp\"><\/span>\n                        <span id=\"doc3-lang\"><\/span>\n                    <\/div>\n                    <a href=\"\/contact\" class=\"block mt-5 mt-auto\">\n                        <button class=\"btn-primary inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium transition-colors w-full h-10 px-4 py-2 doc-btn\">\n                        <\/button>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    function initDoctors() {\n        const section = document.getElementById('shefa-doctors');\n        if (!section) return;\n\n        \/\/ Translation Dictionary\n        const data = {\n            'doc1': {\n                en: { name: \"Dr. Abdulrahman Al-Harbi\", spec: \"Cardiology Consultant\", exp: \"18+ years experience\", lang: \"Arabic, English\" },\n                ar: { name: \"\u062f. \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u062d\u0631\u0628\u064a\", spec: \"\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628\", exp: \"\u0661\u0668+ \u0633\u0646\u0629 \u062e\u0628\u0631\u0629\", lang: \"\u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\" }\n            },\n            'doc2': {\n                en: { name: \"Dr. Layla Al-Qahtani\", spec: \"Obstetrics & Gynecology\", exp: \"14+ years experience\", lang: \"Arabic, English\" },\n                ar: { name: \"\u062f. \u0644\u064a\u0644\u0649 \u0627\u0644\u0642\u062d\u0637\u0627\u0646\u064a\", spec: \"\u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629\", exp: \"\u0661\u0664+ \u0633\u0646\u0629 \u062e\u0628\u0631\u0629\", lang: \"\u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\" }\n            },\n            'doc3': {\n                en: { name: \"Dr. Faisal Al-Otaibi\", spec: \"General Surgery Consultant\", exp: \"22+ years experience\", lang: \"Arabic, English, French\" },\n                ar: { name: \"\u062f. \u0641\u064a\u0635\u0644 \u0627\u0644\u0639\u062a\u064a\u0628\u064a\", spec: \"\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\", exp: \"\u0662\u0662+ \u0633\u0646\u0629 \u062e\u0628\u0631\u0629\", lang: \"\u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\u060c \u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629\" }\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        \/\/ 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        \n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        \/\/ Apply translations and fonts to doctor cards\n        for (const [key, content] of Object.entries(data)) {\n            const nameEl = document.getElementById(`${key}-name`);\n            const specEl = document.getElementById(`${key}-spec`);\n            const expEl = document.getElementById(`${key}-exp`);\n            const langEl = document.getElementById(`${key}-lang`);\n            \n            if (nameEl) {\n                nameEl.textContent = content[lang].name;\n                nameEl.style.fontFamily = globalData[lang].titleFont;\n            }\n            if (specEl) {\n                specEl.textContent = content[lang].spec;\n                specEl.style.fontFamily = globalData[lang].bodyFont;\n            }\n            if (expEl) {\n                expEl.textContent = content[lang].exp;\n                expEl.style.fontFamily = globalData[lang].bodyFont;\n            }\n            if (langEl) {\n                langEl.textContent = content[lang].lang;\n                langEl.style.fontFamily = globalData[lang].bodyFont;\n            }\n        }\n\n        \/\/ Apply global button text\n        const docBtns = section.querySelectorAll('.doc-btn');\n        docBtns.forEach(btn => {\n            btn.textContent = globalData[lang].btn;\n            btn.style.fontFamily = globalData[lang].bodyFont;\n        });\n    }\n\n    \/\/ Run on load\n    initDoctors();\n\n    \/\/ Observe HTML tag for language changes\n    const observer = new MutationObserver(initDoctors);\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-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/30","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=30"}],"version-history":[{"count":0,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}