{"id":28,"date":"2026-06-09T17:30:06","date_gmt":"2026-06-09T17:30:06","guid":{"rendered":"https:\/\/shefahospital.sa\/contact\/"},"modified":"2026-07-21T11:54:13","modified_gmt":"2026-07-21T11:54:13","slug":"contact","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<!-- Tailwind & Fonts -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&#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 Contact Us Banner *\/\n    #shefa-contact-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-contact-banner .contact-title,\n    #shefa-contact-banner .contact-desc {\n        color: var(--banner-foreground) !important;\n    }\n\n    \/* WP Auto-Paragraph hide specific to this scoped ID *\/\n    #shefa-contact-banner p:empty, \n    #shefa-contact-banner br { \n        display: none !important; \n    }\n<\/style>\n\n<!-- SCOPED SECTION: Left\/Start Aligned Layout -->\n<section id=\"shefa-contact-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        <!-- Heading -->\n        <h1 class=\"contact-title text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight mb-4 text-start\">\n            <!-- JS Will Inject Title Here -->\n        <\/h1>\n        \n        <!-- Paragraph -->\n        <p class=\"contact-desc text-base md:text-lg lg:text-xl max-w-2xl opacity-90 leading-relaxed text-start\">\n            <!-- JS Will Inject Description Here -->\n        <\/p>\n        \n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    function initContactBanner() {\n        const bannerSection = document.getElementById('shefa-contact-banner');\n        if (!bannerSection) return;\n\n        const titleEl = bannerSection.querySelector('.contact-title');\n        const descEl = bannerSection.querySelector('.contact-desc');\n\n        \/\/ Translation Dictionary (English & Arabic)\n        const data = {\n            en: { \n                titleFont: \"'Playfair Display', serif\", \n                bodyFont: \"'Inter', sans-serif\",\n                title: \"Contact Us\", \n                desc: \"We're here for you 24\/7.\" \n            },\n            ar: { \n                titleFont: \"'Noto Kufi Arabic', sans-serif\", \n                bodyFont: \"'Noto Kufi Arabic', sans-serif\",\n                title: \"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627\", \n                desc: \"\u0646\u062d\u0646 \u0647\u0646\u0627 \u0645\u0646 \u0623\u062c\u0644\u0643 24\/7.\" \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    initContactBanner();\n\n    \/\/ Observe HTML tag for language changes by TranslatePress\n    const observer = new MutationObserver(initContactBanner);\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 Contact & Booking section *\/\n    #shefa-contact {\n        \/* Background color and SVG pattern matching the image *\/\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-contact .theme-primary { color: #4b8074; }\n    #shefa-contact .theme-gold { color: #b68c3e; }\n    #shefa-contact .bg-primary { background-color: #4b8074; }\n    #shefa-contact .hover-bg-primary:hover { background-color: #3a685e; }\n    \n    \/* ---------------------------------------------------\n       OVERRIDE PLUGIN SHORTCODE CSS TO MATCH THIS DESIGN\n       --------------------------------------------------- *\/\n    #shefa-contact .shefa-inline-box {\n        border: none !important;\n        box-shadow: none !important;\n        padding: 0 !important;\n        margin: 0 !important;\n        background: transparent !important;\n    }\n    #shefa-contact .shefa-form-title {\n        font-size: 1.5rem !important; \/* Matches text-2xl *\/\n        font-weight: 700 !important;\n        color: #4b8074 !important;\n        margin-bottom: 1.5rem !important;\n        text-align: left !important;\n    }\n    #shefa-contact .shefa-input-group input:not([type=\"checkbox\"]), \n    #shefa-contact .shefa-input-group textarea,\n    #shefa-contact .shefa-checkbox-group {\n        background-color: #eef5f2 !important;\n        border: 1px solid transparent !important;\n        border-radius: 0.75rem !important; \/* xl rounded *\/\n        padding: 0.875rem 1rem !important;\n        box-shadow: none !important;\n    }\n    #shefa-contact .shefa-input-group input:focus, \n    #shefa-contact .shefa-input-group textarea:focus {\n        border-color: #4b8074 !important;\n        outline: none !important;\n        box-shadow: 0 0 0 3px rgba(75, 128, 116, 0.1) !important;\n    }\n    #shefa-contact .shefa-submit-btn {\n        border-radius: 0.75rem !important;\n        height: 3rem !important;\n        font-weight: 700 !important;\n    }\n<\/style>\n\n<section id=\"shefa-contact\" class=\"py-20 w-full transition-all duration-300 relative\">\n    <div class=\"container mx-auto px-4 md:px-6 lg:px-12 grid lg:grid-cols-2 gap-12 lg:gap-20 items-start max-w-7xl\">\n        \n        <!-- Left Side: Contact Details & Map -->\n        <div class=\"flex flex-col h-full w-full max-w-lg mx-auto lg:mx-0\">\n            <div class=\"space-y-6 text-gray-700 text-sm md:text-base\">\n                <div class=\"flex items-start gap-4\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"theme-gold shrink-0 mt-0.5\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n                    <div id=\"contact-address\">Shara Mansur, Makkah 24232, Saudi Arabia<\/div>\n                <\/div>\n                <div class=\"flex items-start gap-4\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"theme-gold shrink-0 mt-0.5\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg>\n                    <a href=\"tel:+966125333555\" class=\"hover:text-[#4b8074] transition-colors\" dir=\"ltr\">+966 012 533 3555<\/a>\n                <\/div>\n                <div class=\"flex items-start gap-4\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"theme-gold shrink-0 mt-0.5\"><path d=\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"><\/path><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect><\/svg>\n                    <a href=\"mailto:info@shefahospital.sa\" class=\"hover:text-[#4b8074] transition-colors\">info@shefahospital.sa<\/a>\n                <\/div>\n                <div class=\"flex items-start gap-4\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"theme-gold shrink-0 mt-0.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 6v6l4 2\"><\/path><\/svg>\n                    <div id=\"contact-hours\">Open 24 hours \u2014 Emergency always available<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mt-8 flex flex-wrap gap-4\">\n                <a href=\"tel:+966125333555\" class=\"flex-1 min-w-[140px]\">\n                    <button class=\"w-full inline-flex items-center justify-center gap-2 rounded-xl text-sm font-medium text-white shadow hover-bg-primary h-11 px-5 bg-primary transition-all\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg>\n                        <span id=\"btn-call\">Call Now<\/span>\n                    <\/button>\n                <\/a>\n                <a href=\"https:\/\/wa.me\/966125333555?text=Hello%20Shefa%20Hospital%2C%20I%20would%20like%20to%20book%20an%20appointment.\" target=\"_blank\" rel=\"noopener\" class=\"flex-1 min-w-[140px]\">\n                    <button class=\"w-full inline-flex items-center justify-center gap-2 rounded-xl text-sm font-medium text-gray-700 bg-white border border-gray-200 shadow-sm hover:bg-gray-50 h-11 px-5 transition-all\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"><\/path><\/svg>\n                        <span id=\"btn-whatsapp\">WhatsApp<\/span>\n                    <\/button>\n                <\/a>\n            <\/div>\n\n            <div class=\"mt-8 relative w-full aspect-video min-h-[300px] rounded-3xl overflow-hidden shadow-md border-4 border-white bg-gray-200\">\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3714.347996685963!2d39.8065625!3d21.4155625!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c21b3a7f57f5d7%3A0xc8649b1aa060999e!2sShefa%20Hospital!5e0!3m2!1sen!2sin!4v1782909105527!5m2!1sen!2sin\" title=\"Map\" class=\"absolute top-0 left-0 w-full h-full border-0\" loading=\"lazy\" allowfullscreen=\"\" referrerpolicy=\"strict-origin-when-cross-origin\">\n                <\/iframe>\n            <\/div>\n        <\/div>\n\n        <!-- Right Side: Shortcode Form Wrapper -->\n        <div class=\"w-full max-w-lg mx-auto lg:mx-0\">\n            <!-- Yeh container aapke Tailwind classes ke sath form ko beautiful banayega -->\n            <div class=\"bg-white rounded-[2rem] p-8 md:p-10 shadow-xl border border-gray-100 relative overflow-hidden\">\n                \n                <!-- SHORTCODE HERE -->\n                    <div class=\"shefa-inline-box\">\n        <h3 class=\"shefa-form-title\">Book an Appointment<\/h3>\n        <form class=\"shefa-lead-form\" data-is-modal=\"false\">\n                <div class=\"shefa-input-group\">\n        <label>Full Name *<\/label>\n        <input type=\"text\" name=\"fullName\" required placeholder=\"John Doe\">\n    <\/div>\n    <div class=\"shefa-input-group\">\n        <label>Phone Number *<\/label>\n        <input type=\"tel\" name=\"phone\" required placeholder=\"+966 12 533 3555\">\n    <\/div>\n    <div class=\"shefa-input-group\">\n        <label>Email Address<\/label>\n        <input type=\"email\" name=\"email\" placeholder=\"john@example.com\">\n    <\/div>\n    <div class=\"shefa-input-group\">\n        <label>Message<\/label>\n        <textarea name=\"message\" rows=\"3\" placeholder=\"Briefly describe your health concern...\"><\/textarea>\n    <\/div>\n    <div class=\"shefa-input-group shefa-checkbox-group\">\n        <label class=\"shefa-custom-checkbox\">\n            <input type=\"checkbox\" name=\"not_robot\" required>\n            <span>I'm Not a Robot<\/span>\n        <\/label>\n    <\/div>\n    <button type=\"submit\" class=\"shefa-submit-btn\">Submit Request<\/button>\n    <div class=\"shefa-form-msg\"><\/div>\n            <\/form>\n    <\/div>\n    \n\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Shara Mansur, Makkah 24232, Saudi Arabia +966 012 533 3555 info@shefahospital.sa Open 24 hours \u2014 Emergency always available Call Now [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"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-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/28","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=28"}],"version-history":[{"count":4,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":1443,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/28\/revisions\/1443"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}