{"id":565,"date":"2026-07-06T11:54:06","date_gmt":"2026-07-06T11:54:06","guid":{"rendered":"https:\/\/shefahospital.sa\/best-gynecologist-makkah\/"},"modified":"2026-08-30T08:01:35","modified_gmt":"2026-08-30T08:01:35","slug":"best-gynecologist-makkah","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/best-gynecologist-makkah\/","title":{"rendered":"Obstetrics &#038; Gynecology"},"content":{"rendered":"\n<style>\n    \/* 1. Highly Unique Scoped ID for Astra Breakout (Full Width Background) *\/\n    #sh-gyn-hero-998 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f4f9fc !important;\n        overflow: hidden !important;\n        padding-top: 3rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 1024px) {\n        #sh-gyn-hero-998 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    \/* 2. Proper Dotted Hex Pattern pseudo-element (Responsive) *\/\n    #sh-gyn-hero-998::before {\n        content: '';\n        position: absolute;\n        inset: 0;\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: 90px 78px;\n        background-repeat: repeat;\n        background-position: center top;\n        z-index: 0;\n        pointer-events: none;\n        opacity: 0.4;\n    }\n\n    @media (min-width: 768px) {\n        #sh-gyn-hero-998::before {\n            background-size: 180px 156px;\n        }\n    }\n\n    \/* 3. Protected Inner Container *\/\n    #sh-gyn-hero-998 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        position: relative;\n        z-index: 10;\n        padding-left: 20px !important;\n        padding-right: 20px !important;\n    }\n\n    \/* 4. Link Styling *\/\n    #sh-gyn-hero-998 a {\n        text-decoration: none !important;\n        box-shadow: none !important;\n    }\n    #sh-gyn-hero-998 a:hover {\n        text-decoration: none !important;\n    }\n    .sh-seo-link {\n        color: #0d9488 !important;\n        text-decoration: underline !important;\n        font-weight: 600;\n    }\n\n    \/* 5. Strictly Mobile-Responsive Image Container *\/\n    #sh-gyn-hero-998 .hero-img-container {\n        width: 100%;\n        max-width: 100%;\n        position: relative;\n        height: auto !important; \n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);\n        border: 4px solid #ffffff;\n        background-color: transparent;\n        display: block;\n    }\n\n    #sh-gyn-hero-998 .hero-img-container img {\n        width: 100% !important;\n        height: auto !important; \n        object-fit: contain; \n        object-position: center center;\n        display: block;\n    }\n\n    \/* 6. SSR SEO Language Toggle (No JavaScript Required) *\/\n    \/* This instantly hides English text on Arabic pages and vice-versa based on HTML dir attribute *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n<\/style>\n\n<!-- Removed dir=\"ltr\" from section so it inherits dynamically from WordPress HTML tag -->\n<section id=\"sh-gyn-hero-998\">\n    <div class=\"sh-inner-wrapper flex flex-col lg:flex-row items-center gap-10 lg:gap-16 w-full ltr:text-left rtl:text-right\">\n        \n        <div class=\"w-full lg:w-3\/5 flex flex-col\">\n            \n            <!-- Breadcrumbs -->\n            <nav class=\"flex items-center flex-wrap gap-2 text-[13px] text-slate-500 mb-5 font-medium\">\n                <a href=\"#\" class=\"!text-slate-500 hover:!text-[#0d9488] transition\">\n                    <span class=\"lang-en\">Home<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span>\n                <\/a>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                <a href=\"#\" class=\"!text-slate-500 hover:!text-[#0d9488] transition\">\n                    <span class=\"lang-en\">Departments<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0623\u0642\u0633\u0627\u0645<\/span>\n                <\/a>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"rtl:rotate-180\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\n                <span class=\"text-[#0d9488]\">\n                    <span class=\"lang-en\">Obstetrics &amp; Gynecology<\/span>\n                    <span class=\"lang-ar\">\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/span>\n                <\/span>\n            <\/nav>\n\n            <!-- Badge -->\n            <div class=\"inline-flex items-center self-start gap-2 bg-amber-100\/60 text-[#d97706] px-4 py-1.5 rounded-full text-[13px] font-bold mb-5\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg> \n                <span class=\"lang-en\">CBAHI Accredited \u00b7 Al Mansur, Makkah<\/span>\n                <span class=\"lang-ar\">\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a \u00b7 \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629<\/span>\n            <\/div>\n\n            <!-- SEO H1 Tag -->\n            <h1 class=\"text-[36px] md:text-[52px] font-bold leading-[1.15] text-[#0f172a] mb-2\" style=\"font-family: var(--font-display);\">\n                <span class=\"lang-en\">Best Gynecologist in Makkah<\/span>\n                <span class=\"lang-ar\">\u0623\u0641\u0636\u0644 \u062f\u0643\u062a\u0648\u0631\u0629 \u0646\u0633\u0627\u0621 \u0648\u0648\u0644\u0627\u062f\u0629 \u0641\u064a \u0645\u0643\u0629<\/span>\n            <\/h1>\n            \n            <!-- Subheading -->\n            <h2 class=\"text-[28px] md:text-[40px] font-bold leading-[1.15] text-[#0d9488] mb-6\" style=\"font-family: var(--font-display);\">\n                <span class=\"lang-en\">Pregnancy &amp; Women&#8217;s Care<\/span>\n                <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629<\/span>\n            <\/h2>\n\n            <!-- SEO Description Paragraph -->\n            <p class=\"text-[16px] md:text-[18px] text-slate-600 leading-relaxed max-w-2xl\">\n                <span class=\"lang-en\">Comprehensive obstetrics and gynecology services at <a href='https:\/\/shefahospital.sa\/' class='sh-seo-link'>Shefa Hospital<\/a> \u2014 expert consultations, pregnancy monitoring, fertility evaluation, and preventive women&#8217;s health in one trusted, hospital-based setting.<\/span>\n                <span class=\"lang-ar\">\u062e\u062f\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0641\u064a <a href='https:\/\/shefahospital.sa\/' class='sh-seo-link'>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/a> \u2014 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\u060c \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629\u060c \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0622\u0645\u0646\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629.<\/span>\n            <\/p>\n\n            <!-- Action Buttons -->\n            <div class=\"mt-8 flex flex-col sm:flex-row flex-wrap gap-3\">\n                <a href=\"#\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-[#12776b] !text-white rounded-full px-6 py-3.5 font-semibold hover:bg-[#0f6258] transition-all shadow-[0_8px_20px_-8px_rgba(18,119,107,0.6)] w-full sm:w-auto\">\n                    <span class=\"lang-en\">Book Appointment<\/span>\n                    <span class=\"lang-ar\">\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b<\/span>\n                <\/a>\n                <a href=\"tel:+966125333555\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-white !text-[#0f172a] border border-slate-200 rounded-full px-6 py-3.5 font-semibold hover:border-[#12776b] hover:!text-[#12776b] transition-all shadow-sm w-full sm:w-auto\">\n                    <span class=\"lang-en\">Call Hospital<\/span>\n                    <span class=\"lang-ar\">\u0627\u062a\u0635\u0644 \u0628\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649<\/span>\n                <\/a>\n                <a href=\"https:\/\/wa.me\/966125333555\" class=\"!no-underline inline-flex items-center justify-center gap-2 bg-[#25D366] !text-white rounded-full px-6 py-3.5 font-semibold hover:bg-[#20bd5a] transition-all shadow-[0_8px_20px_-8px_rgba(37,211,102,0.5)] w-full sm:w-auto\" target=\"_blank\" rel=\"noopener\">\n                    <span class=\"lang-en\">WhatsApp<\/span>\n                    <span class=\"lang-ar\">\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Image Block -->\n        <div class=\"w-full lg:w-2\/5 relative mt-8 lg:mt-0 flex justify-center\">\n            <div class=\"hero-img-container max-w-md w-full\">\n                <picture>\n                    <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp\" alt=\"Female gynecologist consultation\" loading=\"eager\">\n                <\/picture>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* SSR SEO Language Toggle (No JavaScript Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    \/* Dynamic Font Handling for SSR based on language direction *\/\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: var(--font-sans, inherit);\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" so it dynamically inherits from the <html> tag -->\n<section id=\"intro-section\" class=\"py-20 md:py-24 bg-white\">\n    <!-- Main container -->\n    <div class=\"max-w-4xl mx-auto px-5 lg:px-8 w-full text-start\">\n        \n        <!-- FIX: Added !mx-0 to prevent Astra from centering this block -->\n        <div class=\"mb-12 max-w-3xl !mx-0\">\n            <!-- Overline Kicker -->\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4 font-body\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"intro-kicker\">\n                    <span class=\"lang-en\">Women&#8217;s Healthcare<\/span>\n                    <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Main Title -->\n            <h2 id=\"intro-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] font-header\">\n                <span class=\"lang-en\">Looking for the Best Gynecologist in Makkah?<\/span>\n                <span class=\"lang-ar\">\u062a\u0628\u062d\u062b\u064a\u0646 \u0639\u0646 \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0646\u0633\u0627\u0621 \u0648\u0648\u0644\u0627\u062f\u0629 \u0641\u064a \u0645\u0643\u0629\u061f<\/span>\n            <\/h2>\n        <\/div>\n\n        <!-- FIX: Added !mx-0 to prevent Astra from centering the paragraphs -->\n        <div id=\"intro-content\" class=\"space-y-6 text-[18px] leading-[1.85] text-[#243b5a]\/85 [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a] !mx-0 font-body\">\n            \n            <!-- English Content (Rendered directly in DOM for SEO) -->\n            <div class=\"lang-en space-y-6\">\n                <p>Choosing the <strong>best gynecologist in Makkah<\/strong> is an important decision for every woman, whether you are planning a pregnancy, expecting a baby, managing a gynecological condition, or attending routine health screenings.<\/p>\n                <p>The right obstetrician and gynecologist does more than diagnose medical conditions. They help monitor reproductive health, provide preventive care, guide you through pregnancy, and recommend treatment based on your medical history and future family plans.<\/p>\n                <p>Located in <strong>Al Mansur, Makkah<\/strong>, <strong>Shefa Hospital<\/strong> provides comprehensive obstetrics and gynecology services for women of different age groups. The hospital combines specialist consultations, diagnostic services, pregnancy monitoring, and hospital-based care to support women throughout every stage of life.<\/p>\n            <\/div>\n\n            <!-- Arabic Content (Rendered directly in DOM for SEO) -->\n            <div class=\"lang-ar space-y-6\">\n                <p>\u064a\u0639\u062f \u0627\u062e\u062a\u064a\u0627\u0631 <strong>\u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0646\u0633\u0627\u0621 \u0648\u0648\u0644\u0627\u062f\u0629 \u0641\u064a \u0645\u0643\u0629<\/strong> \u0642\u0631\u0627\u0631\u0627\u064b \u0645\u0647\u0645\u0627\u064b \u0644\u0643\u0644 \u0627\u0645\u0631\u0623\u0629\u060c \u0633\u0648\u0627\u0621 \u0643\u0646\u062a\u0650 \u062a\u062e\u0637\u0637\u064a\u0646 \u0644\u0644\u062d\u0645\u0644\u060c \u0623\u0648 \u062a\u0646\u062a\u0638\u0631\u064a\u0646 \u0645\u0648\u0644\u0648\u062f\u0627\u064b\u060c \u0623\u0648 \u062a\u062f\u064a\u0631\u064a\u0646 \u062d\u0627\u0644\u0629 \u0645\u0631\u0636\u064a\u0629 \u0646\u0633\u0627\u0626\u064a\u0629\u060c \u0623\u0648 \u062a\u0631\u0627\u062c\u0639\u064a\u0646 \u0644\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629.<\/p>\n                <p>\u0625\u0646 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u062a\u0641\u0639\u0644 \u0645\u0627 \u0647\u0648 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629. \u0641\u0647\u064a \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\u060c \u0648\u0625\u0631\u0634\u0627\u062f\u0643 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u060c \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0629 \u0628\u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a \u0648\u062e\u0637\u0637\u0643 \u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.<\/p>\n                <p>\u064a\u0642\u0639 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/strong> \u0641\u064a <strong>\u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629<\/strong>\u060c \u0648\u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0644\u0644\u0646\u0633\u0627\u0621 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0641\u0626\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u064a\u0629. \u064a\u062c\u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0628\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u062d\u064a\u0627\u062a\u0647\u0627.<\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Astra Breakout for Full-Width Hexa Background *\/\n    #sh-reasons-999 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-reasons-999 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Proper Dotted Hex Pattern pseudo-element *\/\n    #sh-reasons-999::before {\n        content: '';\n        position: absolute;\n        inset: 0;\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='%23138b86' 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='%23138b86' 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: 90px 78px;\n        background-repeat: repeat;\n        background-position: center top;\n        z-index: 0;\n        pointer-events: none;\n        opacity: 0.12;\n    }\n\n    @media (min-width: 768px) {\n        #sh-reasons-999::before {\n            background-size: 180px 156px;\n        }\n    }\n\n    \/* 3. Set Max-Width *\/\n    #sh-reasons-999 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        padding-left: 1.25rem !important;\n        padding-right: 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 4. Lightweight Custom Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-fadeup {\n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    \/* 5. SSR SEO Language & Font Toggle *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" -->\n<section id=\"sh-reasons-999\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-fadeup !mx-auto\">\n            <!-- Overline Kicker -->\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4 font-body\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span>\n                    <span class=\"lang-en\">Reasons to Visit<\/span>\n                    <span class=\"lang-ar\">\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0632\u064a\u0627\u0631\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Main Title -->\n            <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.15] text-[#243b5a] mb-5 font-header\">\n                <span class=\"lang-en\">Why Women Visit a Gynecologist<\/span>\n                <span class=\"lang-ar\">\u0644\u0645\u0627\u0630\u0627 \u062a\u0632\u0648\u0631 \u0627\u0644\u0646\u0633\u0627\u0621 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621<\/span>\n            <\/h2>\n            \n            <!-- Description -->\n            <p class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed font-body\">\n                <span class=\"lang-en\">Many women believe they only need to visit a gynecologist during pregnancy. In reality, regular gynecological care helps detect health conditions early, supports reproductive health, and reduces the risk of complications.<\/span>\n                <span class=\"lang-ar\">\u062a\u0639\u062a\u0642\u062f \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0646\u0633\u0627\u0621 \u0623\u0646\u0647\u0646 \u0628\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0641\u0642\u0637 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0645\u0644. \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639\u060c \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0641\u064a \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0645\u0628\u0643\u0631\u064b\u0627\u060c \u0648\u062a\u062f\u0639\u0645 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629\u060c \u0648\u062a\u0642\u0644\u0644 \u0645\u0646 \u062e\u0637\u0631 \u062d\u062f\u0648\u062b \u0645\u0636\u0627\u0639\u0641\u0627\u062a.<\/span>\n            <\/p>\n        <\/div>\n\n        <p class=\"text-center max-w-2xl mx-auto -mt-6 mb-12 text-[#243b5a]\/90 text-[17px] font-medium sh-animate-fadeup !mx-auto font-body\" style=\"animation-delay: 0.1s;\">\n            <span class=\"lang-en\">A gynecologist can help with:<\/span>\n            <span class=\"lang-ar\">\u064a\u0645\u0643\u0646 \u0644\u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a:<\/span>\n        <\/p>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-5 sh-animate-fadeup font-body\" style=\"animation-delay: 0.2s;\">\n            \n            <!-- Item 1 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"><\/path><path d=\"M15 12h.01\"><\/path><path d=\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"><\/path><path d=\"M9 12h.01\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5\">\n                    <span class=\"lang-en\">Pregnancy planning<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u062d\u0645\u0644<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 2 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"><\/path><path d=\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5\">\n                    <span class=\"lang-en\">Prenatal care<\/span>\n                    <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 3 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5\">\n                    <span class=\"lang-en\">High-risk pregnancy management<\/span>\n                    <span class=\"lang-ar\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 4 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5\">\n                    <span class=\"lang-en\">Irregular menstrual cycles<\/span>\n                    <span class=\"lang-ar\">\u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 5 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5\">\n                    <span class=\"lang-en\">Heavy or painful periods<\/span>\n                    <span class=\"lang-ar\">\u0641\u062a\u0631\u0627\u062a \u0637\u0645\u062b \u063a\u0632\u064a\u0631\u0629 \u0623\u0648 \u0645\u0624\u0644\u0645\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 6 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5\">\n                    <span class=\"lang-en\">PCOS (Polycystic Ovary Syndrome)<\/span>\n                    <span class=\"lang-ar\">\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 7 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1\"><\/path><circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle><path d=\"M12 10v12\"><\/path><path d=\"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z\"><\/path><path d=\"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5\">\n                    <span class=\"lang-en\">Endometriosis<\/span>\n                    <span class=\"lang-ar\">\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 8 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5\">\n                    <span class=\"lang-en\">Uterine fibroids<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629 \u0627\u0644\u0631\u062d\u0645\u064a\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 9 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5\">\n                    <span class=\"lang-en\">Ovarian cysts<\/span>\n                    <span class=\"lang-ar\">\u062a\u0643\u064a\u0633\u0627\u062a \u0627\u0644\u0645\u0628\u064a\u0636<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 10 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5\">\n                    <span class=\"lang-en\">Infertility evaluation<\/span>\n                    <span class=\"lang-ar\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u0642\u0645<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 11 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1\"><\/path><circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle><path d=\"M12 10v12\"><\/path><path d=\"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z\"><\/path><path d=\"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5\">\n                    <span class=\"lang-en\">Menopause symptoms<\/span>\n                    <span class=\"lang-ar\">\u0623\u0639\u0631\u0627\u0636 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 12 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5\">\n                    <span class=\"lang-en\">Family planning<\/span>\n                    <span class=\"lang-ar\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 13 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5\">\n                    <span class=\"lang-en\">Cervical cancer screening<\/span>\n                    <span class=\"lang-ar\">\u0641\u062d\u0635 \u0633\u0631\u0637\u0627\u0646 \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 14 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"><\/path><path d=\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5\">\n                    <span class=\"lang-en\">Breast health assessment<\/span>\n                    <span class=\"lang-ar\">\u062a\u0642\u064a\u064a\u0645 \u0635\u062d\u0629 \u0627\u0644\u062b\u062f\u064a<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 15 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"M6 18h8\"><\/path><path d=\"M3 22h18\"><\/path><path d=\"M14 22a7 7 0 1 0 0-14h-1\"><\/path><path d=\"M9 14h2\"><\/path><path d=\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"><\/path><path d=\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5\">\n                    <span class=\"lang-en\">Gynecological infections<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <!-- Item 16 -->\n            <div class=\"bg-white rounded-[1rem] p-5 border border-[#e4edf3] hover:border-[#138b86]\/30 hover:shadow-[0_15px_30px_-5px_rgba(19,139,134,0.12)] hover:-translate-y-1 transition-all duration-300 flex items-start gap-4 cursor-default\">\n                <div class=\"w-11 h-11 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><rect width=\"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=\"M12 11h4\"><\/path><path d=\"M12 16h4\"><\/path><path d=\"M8 11h.01\"><\/path><path d=\"M8 16h.01\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-2.5\">\n                    <span class=\"lang-en\">Routine wellness checkups<\/span>\n                    <span class=\"lang-ar\">\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0639\u0627\u0641\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n        <\/div>\n\n        <p class=\"mt-12 text-center max-w-3xl mx-auto text-[#667085] text-[17px] leading-relaxed sh-animate-fadeup !mx-auto font-body\" style=\"animation-delay: 0.3s;\">\n            <span class=\"lang-en\">Routine checkups also provide an opportunity to discuss lifestyle, nutrition, contraception, and preventive screenings based on age and medical history.<\/span>\n            <span class=\"lang-ar\">\u062a\u0648\u0641\u0631 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0623\u064a\u0636\u064b\u0627 \u0641\u0631\u0635\u0629 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0648\u0627\u0644\u062a\u063a\u0630\u064a\u0629 \u0648\u0648\u0633\u0627\u0626\u0644 \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0648\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0631 \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a.<\/span>\n        <\/p>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Background (No Hexa) *\/\n    #sh-choose-995 {\n        width: 100%;\n        background-color: #ffffff;\n        overflow: hidden;\n        padding-top: 3.5rem; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem; \/* Reduced for mobile *\/\n        box-sizing: border-box;\n    }\n\n    @media (min-width: 768px) {\n        #sh-choose-995 {\n            padding-top: 5rem;\n            padding-bottom: 5rem;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-choose-995 {\n            padding-top: 6rem;\n            padding-bottom: 6rem;\n        }\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-choose-995 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin-left: auto !important;\n        margin-right: auto !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 3. Fully Responsive Image Framework (Updated for Auto Ratio & Contain) *\/\n    #sh-choose-995 .choose-img-block {\n        position: relative;\n        width: 100%;\n        height: auto;\n        border-radius: 2rem;\n    }\n\n    #sh-choose-995 .choose-img-block img {\n        width: 100%;\n        height: auto;\n        object-fit: contain; \n        object-position: center;\n        border-radius: 2rem;\n        box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);\n        display: block;\n    }\n\n    \/* 4. Floating Badge Positioning for LTR and RTL *\/\n    .sh-float-badge {\n        position: absolute;\n        z-index: 20;\n    }\n    \n    @media (max-width: 768px) {\n        .sh-float-badge { \n            right: 1.5rem !important; \n            left: auto !important; \n            bottom: -1.5rem; \n            max-width: 220px; \/* Scaled down slightly on mobile *\/\n        }\n        [dir=\"rtl\"] .sh-float-badge { left: 1.5rem !important; right: auto !important; }\n    }\n    \n    @media (min-width: 769px) {\n        .sh-float-badge { bottom: -1.5rem; }\n        [dir=\"ltr\"] .sh-float-badge { right: -1.5rem; left: auto; }\n        [dir=\"rtl\"] .sh-float-badge { left: -1.5rem; right: auto; }\n    }\n\n    \/* 5. Lightweight Custom Animation *\/\n    @keyframes shFadeInUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up {\n        opacity: 0;\n        animation: shFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    \/* 6. SSR SEO Language & Font Toggle (No JS Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" to inherit from HTML tag -->\n<section id=\"sh-choose-995\">\n    <div class=\"sh-inner-wrapper px-5 lg:px-8 grid lg:grid-cols-[1fr_1.1fr] gap-10 lg:gap-16 items-start\">\n        \n        <!-- Left Image with Floating Badge -->\n        <div class=\"choose-img-block sh-animate-up !mx-0 mb-10 lg:mb-0 lg:sticky lg:top-24\">\n            <picture>\n                <source srcset=\"\/wp-content\/uploads\/2026\/07\/New_images_Gyno.webp\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/New_images_Gyno.webp\" alt=\"Shefa Hospital obstetrics and gynecology consultation\" loading=\"lazy\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/New_images_Gyno.webp';\">\n            <\/picture>\n            \n            <!-- Reconstructed Floating Badge -->\n            <div class=\"sh-float-badge bg-white p-4 md:p-5 rounded-2xl shadow-[0_15px_35px_-5px_rgba(0,0,0,0.15)] flex items-center gap-3 border border-slate-100\">\n                <div class=\"w-10 h-10 rounded-full bg-amber-100 text-[#d97706] flex items-center justify-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg>\n                <\/div>\n                <div>\n                    <div class=\"font-bold text-[#243b5a] text-[15px] font-header\">\n                        <span class=\"lang-en\">CBAHI<\/span>\n                        <span class=\"lang-ar\">\u0633\u0628\u0627\u0647\u064a (CBAHI)<\/span>\n                    <\/div>\n                    <div class=\"text-[12px] text-slate-500 leading-tight font-body\">\n                        <span class=\"lang-en\">Accredited multispecialty hospital in Makkah<\/span>\n                        <span class=\"lang-ar\">\u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0645\u0639\u062a\u0645\u062f \u0641\u064a \u0645\u0643\u0629<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Content Area -->\n        <div class=\"sh-animate-up !mx-0 text-start\" style=\"animation-delay: 0.15s;\">\n            <div class=\"mb-8 md:mb-10 max-w-3xl !mx-0\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[12px] md:text-[13px] tracking-wider uppercase mb-3 md:mb-4 font-body\">\n                    <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                    <span>\n                        <span class=\"lang-en\">Why Shefa Hospital<\/span>\n                        <span class=\"lang-ar\">\u0644\u0645\u0627\u0630\u0627 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/span>\n                    <\/span>\n                <\/div>\n                \n                <h2 class=\"text-[28px] md:text-[36px] lg:text-[44px] font-bold leading-[1.2] lg:leading-[1.15] text-[#243b5a] font-header\">\n                    <span class=\"lang-en\">Why Choose Shefa Hospital for Women&#8217;s Healthcare in Makkah?<\/span>\n                    <span class=\"lang-ar\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u064a\u0646 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0644\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0645\u0643\u0629\u061f<\/span>\n                <\/h2>\n                \n                <p class=\"mt-4 md:mt-5 text-slate-500 text-[16px] md:text-[18px] leading-relaxed font-body\">\n                    <span class=\"lang-en\">Women looking for a gynecology clinic in Makkah often prefer a hospital that offers consultations, diagnostic tests, imaging, and treatment under one roof.<\/span>\n                    <span class=\"lang-ar\">\u062a\u0641\u0636\u0644 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0644\u0627\u062a\u064a \u064a\u0628\u062d\u062b\u0646 \u0639\u0646 \u0639\u064a\u0627\u062f\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0641\u064a \u0645\u0643\u0629 \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0633\u062a\u0634\u0641\u0649 \u064a\u0642\u062f\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0648\u0627\u0644\u0639\u0644\u0627\u062c \u062a\u062d\u062a \u0633\u0642\u0641 \u0648\u0627\u062d\u062f.<\/span>\n                <\/p>\n            <\/div>\n\n            <p class=\"text-[#243b5a]\/85 mb-6 md:mb-8 text-[16px] md:text-[17px] leading-relaxed [&#038;_strong]:font-semibold [&#038;_strong]:text-[#243b5a] font-body\">\n                <span class=\"lang-en\">At <strong>Shefa Hospital<\/strong>, patients benefit from coordinated care that supports every stage of women&#8217;s health, from adolescence through pregnancy and menopause.<\/span>\n                <span class=\"lang-ar\">\u0641\u064a <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/strong>\u060c \u062a\u0633\u062a\u0641\u064a\u062f \u0627\u0644\u0645\u0631\u064a\u0636\u0627\u062a \u0645\u0646 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0633\u0642\u0629 \u0627\u0644\u062a\u064a \u062a\u062f\u0639\u0645 \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629\u060c \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0627\u0644\u0645\u0631\u0627\u0647\u0642\u0629 \u0645\u0631\u0648\u0631\u0627\u064b \u0628\u0627\u0644\u062d\u0645\u0644 \u0648\u062d\u062a\u0649 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633.<\/span>\n            <\/p>\n            \n            <p class=\"text-[#243b5a] text-[18px] md:text-[20px] font-bold mb-4 md:mb-5 font-header\">\n                <span class=\"lang-en\">Why patients choose Shefa Hospital<\/span>\n                <span class=\"lang-ar\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0645\u0631\u064a\u0636\u0627\u062a \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/span>\n            <\/p>\n            \n            <!-- Static HTML Grid List for SSR & SEO -->\n            <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 md:gap-y-3.5 mb-6 md:mb-8 font-body\">\n                <li class=\"flex gap-2 md:gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15px] leading-relaxed text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Experienced Obstetrics &#038; Gynecology Specialists<\/span>\n                        <span class=\"lang-ar\">\u0623\u062e\u0635\u0627\u0626\u064a\u0648 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0630\u0648\u0648 \u062e\u0628\u0631\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-2 md:gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15px] leading-relaxed text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Pregnancy and maternity care<\/span>\n                        <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0627\u0644\u0623\u0645\u0648\u0645\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-2 md:gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15px] leading-relaxed text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">High-risk pregnancy monitoring<\/span>\n                        <span class=\"lang-ar\">\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-2 md:gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15px] leading-relaxed text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Women&#8217;s preventive health services<\/span>\n                        <span class=\"lang-ar\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-2 md:gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15px] leading-relaxed text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Fertility assessment and reproductive health<\/span>\n                        <span class=\"lang-ar\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-2 md:gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15px] leading-relaxed text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Ultrasound and diagnostic imaging<\/span>\n                        <span class=\"lang-ar\">\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-2 md:gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15px] leading-relaxed text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Laboratory investigations<\/span>\n                        <span class=\"lang-ar\">\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-2 md:gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15px] leading-relaxed text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Comfortable outpatient consultations<\/span>\n                        <span class=\"lang-ar\">\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062e\u0627\u0631\u062c\u064a\u0629 \u0645\u0631\u064a\u062d\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-2 md:gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15px] leading-relaxed text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Hospital-based treatment when required<\/span>\n                        <span class=\"lang-ar\">\u0627\u0644\u0639\u0644\u0627\u062c \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-2 md:gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-[10px] h-[10px] md:w-3 md:h-3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                    <\/span>\n                    <span class=\"text-[14px] md:text-[15px] leading-relaxed text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Convenient location in Al Mansur, Makkah<\/span>\n                        <span class=\"lang-ar\">\u0645\u0648\u0642\u0639 \u0645\u0646\u0627\u0633\u0628 \u0641\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629<\/span>\n                    <\/span>\n                <\/li>\n            <\/ul>\n\n            <p class=\"mt-5 md:mt-6 text-slate-500 text-[15px] md:text-[16px] leading-relaxed font-body\">\n                <span class=\"lang-en\">This integrated approach allows patients to receive timely diagnosis and treatment without visiting multiple healthcare facilities.<\/span>\n                <span class=\"lang-ar\">\u064a\u0633\u0645\u062d \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0631\u064a\u0636\u0627\u062a \u0628\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u0627\u0644\u0639\u0644\u0627\u062c \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0632\u064a\u0627\u0631\u0629 \u0645\u0631\u0627\u0641\u0642 \u0637\u0628\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629.<\/span>\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID & Breakout Width for Astra *\/\n    #sh-services-997 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 2. Hexa Background *\/\n    #sh-services-997::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Inner Container *\/\n    #sh-services-997 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        position: relative;\n        z-index: 10;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 4. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 5. SSR SEO Language & Font Toggle (No JS Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" to inherit from HTML dynamically -->\n<section id=\"sh-services-997\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Section Header -->\n        <div class=\"mb-16 text-center max-w-3xl mx-auto sh-animate-up !mx-auto\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4 font-body\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span>\n                    <span class=\"lang-en\">Services<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/span>\n                <\/span>\n            <\/div>\n            \n            <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] font-header\">\n                <span class=\"lang-en\">Women&#8217;s Healthcare Services at Shefa Hospital<\/span>\n                <span class=\"lang-ar\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/span>\n            <\/h2>\n            \n            <p class=\"mt-5 text-[#667085] text-[18px] leading-relaxed font-body\">\n                <span class=\"lang-en\">Women&#8217;s healthcare involves prevention, diagnosis, treatment, and long-term health management. The Obstetrics and Gynecology Department provides care for reproductive health while supporting healthy pregnancies.<\/span>\n                <span class=\"lang-ar\">\u062a\u062a\u0636\u0645\u0646 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0648\u0627\u0644\u0639\u0644\u0627\u062c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u062d\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644. \u064a\u0648\u0641\u0631 \u0642\u0633\u0645 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0644\u0644\u0635\u062d\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629 \u0645\u0639 \u062f\u0639\u0645 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0635\u062d\u064a\u0629.<\/span>\n            <\/p>\n        <\/div>\n        \n        <!-- SSR Services Grid -->\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 font-body\">\n            \n            <!-- Service 1 -->\n            <div class=\"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\" style=\"animation-delay: 0s;\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"\/><path d=\"M15 12h.01\"\/><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 d=\"M9 12h.01\"\/><\/svg>\n                <\/div>\n                <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">Pregnancy care<\/span>\n                    <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644<\/span>\n                <\/h3>\n                <div class=\"text-[15.5px] text-[#667085] leading-relaxed\">\n                    <span class=\"lang-en\">Complete prenatal monitoring and support throughout every trimester.<\/span>\n                    <span class=\"lang-ar\">\u0645\u0631\u0627\u0642\u0628\u0629 \u0634\u0627\u0645\u0644\u0629 \u0642\u0628\u0644 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0648\u062f\u0639\u0645 \u0637\u0648\u0627\u0644 \u0643\u0644 \u062b\u0644\u0627\u062b\u0629 \u0623\u0634\u0647\u0631.<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Service 2 -->\n            <div class=\"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\" style=\"animation-delay: 0.05s;\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"\/><path d=\"M20 2v4\"\/><path d=\"M22 4h-4\"\/><circle cx=\"4\" cy=\"20\" r=\"2\"\/><\/svg>\n                <\/div>\n                <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">Fertility evaluation<\/span>\n                    <span class=\"lang-ar\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629<\/span>\n                <\/h3>\n                <div class=\"text-[15.5px] text-[#667085] leading-relaxed\">\n                    <span class=\"lang-en\">Comprehensive assessment for couples trying to conceive.<\/span>\n                    <span class=\"lang-ar\">\u062a\u0642\u064a\u064a\u0645 \u0634\u0627\u0645\u0644 \u0644\u0644\u0623\u0632\u0648\u0627\u062c \u0627\u0644\u0630\u064a\u0646 \u064a\u062d\u0627\u0648\u0644\u0648\u0646 \u0627\u0644\u0625\u0646\u062c\u0627\u0628.<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Service 3 -->\n            <div class=\"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg>\n                <\/div>\n                <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">PCOS management<\/span>\n                    <span class=\"lang-ar\">\u0625\u062f\u0627\u0631\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636<\/span>\n                <\/h3>\n                <div class=\"text-[15.5px] text-[#667085] leading-relaxed\">\n                    <span class=\"lang-en\">Personalized treatment for hormonal balance and symptoms.<\/span>\n                    <span class=\"lang-ar\">\u0639\u0644\u0627\u062c \u0645\u062e\u0635\u0635 \u0644\u0644\u062a\u0648\u0627\u0632\u0646 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a \u0648\u0627\u0644\u0623\u0639\u0631\u0627\u0636.<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Service 4 -->\n            <div class=\"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\" style=\"animation-delay: 0.15s;\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1\"\/><circle cx=\"12\" cy=\"8\" r=\"2\"\/><path d=\"M12 10v12\"\/><path d=\"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z\"\/><path d=\"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">Endometriosis treatment<\/span>\n                    <span class=\"lang-ar\">\u0639\u0644\u0627\u062c \u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629<\/span>\n                <\/h3>\n                <div class=\"text-[15.5px] text-[#667085] leading-relaxed\">\n                    <span class=\"lang-en\">Diagnosis and management of chronic pelvic conditions.<\/span>\n                    <span class=\"lang-ar\">\u062a\u0634\u062e\u064a\u0635 \u0648\u0625\u062f\u0627\u0631\u0629 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0648\u0636 \u0627\u0644\u0645\u0632\u0645\u0646\u0629.<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Service 5 -->\n            <div class=\"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg>\n                <\/div>\n                <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">Menstrual disorder assessment<\/span>\n                    <span class=\"lang-ar\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/span>\n                <\/h3>\n                <div class=\"text-[15.5px] text-[#667085] leading-relaxed\">\n                    <span class=\"lang-en\">Evaluation of irregular, heavy or painful periods.<\/span>\n                    <span class=\"lang-ar\">\u062a\u0642\u064a\u064a\u0645 \u0641\u062a\u0631\u0627\u062a \u0627\u0644\u0637\u0645\u062b \u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0623\u0648 \u0627\u0644\u063a\u0632\u064a\u0631\u0629 \u0623\u0648 \u0627\u0644\u0645\u0624\u0644\u0645\u0629.<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Service 6 -->\n            <div class=\"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\" style=\"animation-delay: 0.25s;\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"\/><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"\/><\/svg>\n                <\/div>\n                <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">High-risk pregnancy care<\/span>\n                    <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/span>\n                <\/h3>\n                <div class=\"text-[15.5px] text-[#667085] leading-relaxed\">\n                    <span class=\"lang-en\">Close monitoring for pregnancies needing extra support.<\/span>\n                    <span class=\"lang-ar\">\u0645\u0631\u0627\u0642\u0628\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062f\u0639\u0645 \u0625\u0636\u0627\u0641\u064a.<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Service 7 -->\n            <div class=\"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\" style=\"animation-delay: 0.3s;\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\n                <\/div>\n                <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">Family planning<\/span>\n                    <span class=\"lang-ar\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629<\/span>\n                <\/h3>\n                <div class=\"text-[15.5px] text-[#667085] leading-relaxed\">\n                    <span class=\"lang-en\">Contraceptive counseling tailored to your life stage.<\/span>\n                    <span class=\"lang-ar\">\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0645\u0631\u062d\u0644\u0629 \u062d\u064a\u0627\u062a\u0643.<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Service 8 -->\n            <div class=\"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\" style=\"animation-delay: 0.35s;\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1\"\/><circle cx=\"12\" cy=\"8\" r=\"2\"\/><path d=\"M12 10v12\"\/><path d=\"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z\"\/><path d=\"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">Menopause care<\/span>\n                    <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633<\/span>\n                <\/h3>\n                <div class=\"text-[15.5px] text-[#667085] leading-relaxed\">\n                    <span class=\"lang-en\">Symptom management and hormonal health guidance.<\/span>\n                    <span class=\"lang-ar\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629.<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Service 9 -->\n            <div class=\"group bg-white border border-[#e4edf3] rounded-2xl p-7 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all sh-animate-up\" style=\"animation-delay: 0.4s;\">\n                <div class=\"w-12 h-12 rounded-xl bg-[#e6f4f3] text-[#138b86] grid place-items-center mb-5 group-hover:bg-[#138b86] group-hover:text-white transition\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n                <\/div>\n                <h3 class=\"text-[22px] font-bold text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">Cervical cancer screening<\/span>\n                    <span class=\"lang-ar\">\u0641\u062d\u0635 \u0633\u0631\u0637\u0627\u0646 \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645<\/span>\n                <\/h3>\n                <div class=\"text-[15.5px] text-[#667085] leading-relaxed\">\n                    <span class=\"lang-en\">Pap smears and HPV testing for early detection.<\/span>\n                    <span class=\"lang-ar\">\u0645\u0633\u062d\u0627\u062a \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645 \u0648\u0641\u062d\u0648\u0635\u0627\u062a \u0641\u064a\u0631\u0648\u0633 \u0627\u0644\u0648\u0631\u0645 \u0627\u0644\u062d\u0644\u064a\u0645\u064a \u0644\u0644\u0643\u0634\u0641 \u0627\u0644\u0645\u0628\u0643\u0631.<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Astra-proof Layout *\/\n    #sh-pregnancy-887 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* 2. Set Max-Width 1475px *\/\n    #sh-pregnancy-887 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Fully Responsive Image Framework for HIGH QUALITY IMAGE *\/\n    #sh-pregnancy-887 .preg-img-block {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 4\/3; \/* Mobile\/Tablet layout *\/\n        border-radius: 1.5rem;\n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n        background-color: transparent; \/* Ensures a clean look *\/\n    }\n\n    @media (min-width: 1024px) {\n        #sh-pregnancy-887 .preg-img-block {\n            aspect-ratio: auto; \/* Desktop layout match *\/\n        }\n    }\n\n    #sh-pregnancy-887 .preg-img-block img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain; \/* Changed from cover to contain to show full image *\/\n        object-position: center;\n        display: block;\n    }\n\n    \/* 4. Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    \/* 5. SSR SEO Language & Font Toggle (No JS Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" to inherit from HTML dynamically -->\n<section id=\"sh-pregnancy-887\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-12 lg:gap-14 items-center mb-16 lg:mb-20\">\n            <div class=\"sh-animate-up order-2 lg:order-1 text-start\">\n                <div class=\"mb-10 lg:mb-12 max-w-6xl\">\n                    <!-- Overline Kicker -->\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4 font-body\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                        <span class=\"lang-en\">Pregnancy<\/span>\n                        <span class=\"lang-ar\">\u0627\u0644\u062d\u0645\u0644<\/span>\n                    <\/div>\n                    \n                    <!-- Main Title -->\n                    <h2 class=\"font-header text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\">\n                        <span class=\"lang-en\">Pregnancy Care: Supporting Mother and Baby<\/span>\n                        <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644: \u062f\u0639\u0645 \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u062c\u0646\u064a\u0646<\/span>\n                    <\/h2>\n                    \n                    <!-- Description -->\n                    <p class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed font-body\">\n                        <span class=\"lang-en\">Pregnancy requires regular monitoring to support the health of both mother and baby. Early prenatal care helps identify medical conditions that may affect pregnancy while allowing doctors to monitor fetal development throughout each trimester.<\/span>\n                        <span class=\"lang-ar\">\u064a\u062a\u0637\u0644\u0628 \u0627\u0644\u062d\u0645\u0644 \u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u0646\u062a\u0638\u0645\u0629 \u0644\u062f\u0639\u0645 \u0635\u062d\u0629 \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u062c\u0646\u064a\u0646. \u062a\u0633\u0627\u0639\u062f \u0631\u0639\u0627\u064a\u0629 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0645\u0628\u0643\u0631\u0629 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062d\u0645\u0644 \u0645\u0639 \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0644\u0623\u0637\u0628\u0627\u0621 \u0628\u0645\u0631\u0627\u0642\u0628\u0629 \u0646\u0645\u0648 \u0627\u0644\u062c\u0646\u064a\u0646 \u0637\u0648\u0627\u0644 \u0643\u0644 \u062b\u0644\u062b \u0645\u0646 \u0627\u0644\u062d\u0645\u0644.<\/span>\n                    <\/p>\n                <\/div>\n                \n                <p class=\"font-header text-[#243b5a] font-bold text-[20px] mb-5\">\n                    <span class=\"lang-en\">Prenatal care usually includes:<\/span>\n                    <span class=\"lang-ar\">\u062a\u0634\u0645\u0644 \u0631\u0639\u0627\u064a\u0629 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0639\u0627\u062f\u0629\u064b:<\/span>\n                <\/p>\n                \n                <!-- SSR Grid List -->\n                <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3.5 mb-6 font-body\">\n                    <!-- Item 1 -->\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Pregnancy confirmation<\/span>\n                            <span class=\"lang-ar\">\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u0645\u0644<\/span>\n                        <\/span>\n                    <\/li>\n                    <!-- Item 2 -->\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Medical history review<\/span>\n                            <span class=\"lang-ar\">\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a<\/span>\n                        <\/span>\n                    <\/li>\n                    <!-- Item 3 -->\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Blood investigations<\/span>\n                            <span class=\"lang-ar\">\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062f\u0645<\/span>\n                        <\/span>\n                    <\/li>\n                    <!-- Item 4 -->\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Blood pressure monitoring<\/span>\n                            <span class=\"lang-ar\">\u0645\u0631\u0627\u0642\u0628\u0629 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645<\/span>\n                        <\/span>\n                    <\/li>\n                    <!-- Item 5 -->\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Weight assessment<\/span>\n                            <span class=\"lang-ar\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0648\u0632\u0646<\/span>\n                        <\/span>\n                    <\/li>\n                    <!-- Item 6 -->\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Routine ultrasound scans<\/span>\n                            <span class=\"lang-ar\">\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629<\/span>\n                        <\/span>\n                    <\/li>\n                    <!-- Item 7 -->\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Fetal growth monitoring<\/span>\n                            <span class=\"lang-ar\">\u0645\u0631\u0627\u0642\u0628\u0629 \u0646\u0645\u0648 \u0627\u0644\u062c\u0646\u064a\u0646<\/span>\n                        <\/span>\n                    <\/li>\n                    <!-- Item 8 -->\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Nutrition guidance<\/span>\n                            <span class=\"lang-ar\">\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u063a\u0630\u064a\u0629<\/span>\n                        <\/span>\n                    <\/li>\n                    <!-- Item 9 -->\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Gestational diabetes screening<\/span>\n                            <span class=\"lang-ar\">\u0641\u062d\u0635 \u0633\u0643\u0631\u064a \u0627\u0644\u062d\u0645\u0644<\/span>\n                        <\/span>\n                    <\/li>\n                    <!-- Item 10 -->\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n                        <\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Delivery planning<\/span>\n                            <span class=\"lang-ar\">\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u0648\u0644\u0627\u062f\u0629<\/span>\n                        <\/span>\n                    <\/li>\n                <\/ul>\n                \n                <p class=\"text-[#667085] text-[16px] font-body\">\n                    <span class=\"lang-en\">Regular appointments also give mothers an opportunity to discuss common pregnancy symptoms and receive advice on healthy lifestyle choices.<\/span>\n                    <span class=\"lang-ar\">\u062a\u0645\u0646\u062d \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0627\u0644\u0623\u0645\u0647\u0627\u062a \u0623\u064a\u0636\u064b\u0627 \u0641\u0631\u0635\u0629 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0648\u062a\u0644\u0642\u064a \u0627\u0644\u0646\u0635\u0627\u0626\u062d \u062d\u0648\u0644 \u062e\u064a\u0627\u0631\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0635\u062d\u064a.<\/span>\n                <\/p>\n            <\/div>\n            \n            <div class=\"preg-img-block sh-animate-up order-1 lg:order-2\" style=\"animation-delay: 0.2s;\">\n                <picture>\n                    <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/2.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/2.webp\" alt=\"Pregnancy maternity care\" loading=\"lazy\">\n                <\/picture>\n            <\/div>\n        <\/div>\n\n        <div class=\"relative rounded-3xl border-l-4 border-[#d8a321] bg-gradient-to-br from-[#d8a321]\/5 to-white p-8 md:p-12 shadow-sm sh-animate-up text-start\" style=\"animation-delay: 0.4s;\">\n             <h3 class=\"font-header font-bold text-[26px] md:text-[32px] text-[#243b5a] mb-4\">\n                 <span class=\"lang-en\">High-Risk Pregnancy Care<\/span>\n                 <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/span>\n             <\/h3>\n             <p class=\"text-[#243b5a]\/85 mb-4 text-[17px] font-medium leading-relaxed font-body\">\n                 <span class=\"lang-en\">Some pregnancies require additional monitoring. A pregnancy may be considered high-risk when the mother has: Diabetes, High blood pressure, Thyroid disorders, Twin\/multiple pregnancy, etc.<\/span>\n                 <span class=\"lang-ar\">\u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0645\u0631\u0627\u0642\u0628\u0629 \u0625\u0636\u0627\u0641\u064a\u0629. \u0642\u062f \u064a\u064f\u0639\u062a\u0628\u0631 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0639\u0646\u062f\u0645\u0627 \u062a\u0639\u0627\u0646\u064a \u0627\u0644\u0623\u0645 \u0645\u0646: \u0627\u0644\u0633\u0643\u0631\u064a\u060c \u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\u060c \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629\u060c \u0627\u0644\u062d\u0645\u0644 \u0628\u062a\u0648\u0623\u0645 \/ \u0645\u062a\u0639\u062f\u062f\u060c \u0625\u0644\u062e.<\/span>\n             <\/p>\n             <p class=\"text-[#667085] text-[16px] font-body\">\n                 <span class=\"lang-en\">Early identification allows healthcare providers to manage complications before they become emergencies.<\/span>\n                 <span class=\"lang-ar\">\u064a\u062a\u064a\u062d \u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0642\u0628\u0644 \u0623\u0646 \u062a\u0635\u0628\u062d \u062d\u0627\u0644\u0627\u062a \u0637\u0648\u0627\u0631\u0626.<\/span>\n             <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID & Clean Container *\/\n    #sh-timeline-888 {\n        width: 100%;\n        background-color: #ffffff !important;\n        overflow: hidden;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box;\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-timeline-888 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Timeline Connector Line *\/\n    .sh-timeline-line {\n        position: absolute;\n        top: 3.5rem;\n        left: 25%;\n        right: 25%;\n        height: 2px;\n        background: #e4edf3;\n        z-index: 0;\n    }\n    @media (max-width: 768px) { .sh-timeline-line { display: none; } }\n\n    \/* 4. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n\n    \/* 5. SSR SEO Language & Font Toggle (No JS Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" to inherit from HTML dynamically -->\n<section id=\"sh-timeline-888\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-16 text-center max-w-2xl mx-auto sh-animate-up\">\n            <h3 class=\"text-[30px] md:text-[36px] font-bold text-[#243b5a] mb-3 font-header\">\n                <span class=\"lang-en\">Pregnancy Care Timeline<\/span>\n                <span class=\"lang-ar\">\u062c\u062f\u0648\u0644 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644<\/span>\n            <\/h3>\n            <p class=\"text-[#667085] text-[17px] font-body\">\n                <span class=\"lang-en\">Following the recommended schedule helps detect concerns early and supports better pregnancy outcomes.<\/span>\n                <span class=\"lang-ar\">\u064a\u0633\u0627\u0639\u062f \u0627\u062a\u0628\u0627\u0639 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647 \u0641\u064a \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0645\u0628\u0643\u0631\u0627\u064b \u0648\u062f\u0639\u0645 \u0646\u062a\u0627\u0626\u062c \u062d\u0645\u0644 \u0623\u0641\u0636\u0644.<\/span>\n            <\/p>\n        <\/div>\n\n        <!-- Timeline Grid -->\n        <div class=\"grid md:grid-cols-3 gap-8 relative\">\n            <div class=\"sh-timeline-line\"><\/div>\n            \n            <!-- Card 1 -->\n            <div class=\"relative bg-white border border-[#e4edf3] rounded-2xl p-8 shadow-sm hover:shadow-lg transition text-center sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <div class=\"mx-auto w-14 h-14 rounded-full bg-[#138b86] text-white grid place-items-center font-bold text-lg mb-6 shadow-md font-body\">1<\/div>\n                <div class=\"font-bold text-[#243b5a] text-[22px] mb-3 font-header\">\n                    <span class=\"lang-en\">Weeks 6\u201312<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 6\u201312<\/span>\n                <\/div>\n                <p class=\"text-[#667085] text-[16px] font-body\">\n                    <span class=\"lang-en\">Pregnancy confirmation, estimated due date, blood tests, first ultrasound<\/span>\n                    <span class=\"lang-ar\">\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u0645\u0644\u060c \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u060c \u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u062f\u0645\u060c \u0623\u0648\u0644 \u0641\u062d\u0635 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629<\/span>\n                <\/p>\n            <\/div>\n\n            <!-- Card 2 -->\n            <div class=\"relative bg-white border border-[#e4edf3] rounded-2xl p-8 shadow-sm hover:shadow-lg transition text-center sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <div class=\"mx-auto w-14 h-14 rounded-full bg-[#138b86] text-white grid place-items-center font-bold text-lg mb-6 shadow-md font-body\">2<\/div>\n                <div class=\"font-bold text-[#243b5a] text-[22px] mb-3 font-header\">\n                    <span class=\"lang-en\">Weeks 13\u201327<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 13\u201327<\/span>\n                <\/div>\n                <p class=\"text-[#667085] text-[16px] font-body\">\n                    <span class=\"lang-en\">Fetal growth monitoring, anomaly scan, nutritional assessment<\/span>\n                    <span class=\"lang-ar\">\u0645\u0631\u0627\u0642\u0628\u0629 \u0646\u0645\u0648 \u0627\u0644\u062c\u0646\u064a\u0646\u060c \u0641\u062d\u0635 \u0627\u0644\u062a\u0634\u0648\u0647\u0627\u062a\u060c \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u063a\u0630\u0627\u0626\u064a<\/span>\n                <\/p>\n            <\/div>\n\n            <!-- Card 3 -->\n            <div class=\"relative bg-white border border-[#e4edf3] rounded-2xl p-8 shadow-sm hover:shadow-lg transition text-center sh-animate-up\" style=\"animation-delay: 0.3s;\">\n                <div class=\"mx-auto w-14 h-14 rounded-full bg-[#138b86] text-white grid place-items-center font-bold text-lg mb-6 shadow-md font-body\">3<\/div>\n                <div class=\"font-bold text-[#243b5a] text-[22px] mb-3 font-header\">\n                    <span class=\"lang-en\">Weeks 28\u201340<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 28\u201340<\/span>\n                <\/div>\n                <p class=\"text-[#667085] text-[16px] font-body\">\n                    <span class=\"lang-en\">Baby&#8217;s position, labor planning, maternal health monitoring, delivery preparation<\/span>\n                    <span class=\"lang-ar\">\u0648\u0636\u0639\u064a\u0629 \u0627\u0644\u062c\u0646\u064a\u0646\u060c \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u0648\u0644\u0627\u062f\u0629\u060c \u0645\u0631\u0627\u0642\u0628\u0629 \u0635\u062d\u0629 \u0627\u0644\u0623\u0645\u060c \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0644\u0648\u0644\u0627\u062f\u0629<\/span>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Astra-proof Layout *\/\n    #sh-highrisk-777 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 2. Set Max-Width 1475px *\/\n    #sh-highrisk-777 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n\n    \/* 4. SSR SEO Language & Font Toggle (No JS Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" to dynamically inherit from HTML tag -->\n<section id=\"sh-highrisk-777\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"relative rounded-3xl border-l-4 border-[#d8a321] bg-gradient-to-br from-[#d8a321]\/5 to-white p-8 md:p-12 shadow-sm sh-animate-up\">\n            \n            <!-- Title Section -->\n            <div class=\"flex items-center gap-3 mb-4\">\n                <div class=\"w-12 h-12 rounded-full bg-[#d8a321] text-white flex items-center justify-center shrink-0\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                <\/div>\n                <h3 class=\"font-header text-[28px] md:text-[32px] text-[#243b5a] m-0\">\n                    <span class=\"lang-en\">High-Risk Pregnancy Care<\/span>\n                    <span class=\"lang-ar\">\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/span>\n                <\/h3>\n            <\/div>\n            \n            <p class=\"text-[#243b5a]\/85 mb-5 text-[17px] font-body\">\n                <span class=\"lang-en\">Some pregnancies require additional monitoring because of medical conditions or pregnancy-related complications.<\/span>\n                <span class=\"lang-ar\">\u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0645\u0631\u0627\u0642\u0628\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0633\u0628\u0628 \u0648\u062c\u0648\u062f \u062d\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0623\u0648 \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062d\u0645\u0644.<\/span>\n            <\/p>\n            \n            <p class=\"font-semibold text-[#243b5a] mb-3 font-body\">\n                <span class=\"lang-en\">A pregnancy may be considered high-risk when the mother has:<\/span>\n                <span class=\"lang-ar\">\u0642\u062f \u064a\u0639\u062a\u0628\u0631 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0639\u0646\u062f\u0645\u0627 \u062a\u0639\u0627\u0646\u064a \u0627\u0644\u0623\u0645 \u0645\u0646:<\/span>\n            <\/p>\n            \n            <!-- Static SSR Grid List -->\n            <ul class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-3 mb-6 font-body\">\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Diabetes<\/span>\n                        <span class=\"lang-ar\">\u0627\u0644\u0633\u0643\u0631\u064a<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">High blood pressure<\/span>\n                        <span class=\"lang-ar\">\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Thyroid disorders<\/span>\n                        <span class=\"lang-ar\">\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Twin or multiple pregnancy<\/span>\n                        <span class=\"lang-ar\">\u0627\u0644\u062d\u0645\u0644 \u0628\u062a\u0648\u0623\u0645 \u0623\u0648 \u0623\u0643\u062b\u0631<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Previous miscarriage<\/span>\n                        <span class=\"lang-ar\">\u0625\u062c\u0647\u0627\u0636 \u0633\u0627\u0628\u0642<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Previous premature birth<\/span>\n                        <span class=\"lang-ar\">\u0648\u0644\u0627\u062f\u0629 \u0645\u0628\u0643\u0631\u0629 \u0633\u0627\u0628\u0642\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Previous cesarean section<\/span>\n                        <span class=\"lang-ar\">\u0639\u0645\u0644\u064a\u0629 \u0642\u064a\u0635\u0631\u064a\u0629 \u0633\u0627\u0628\u0642\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Placenta-related complications<\/span>\n                        <span class=\"lang-ar\">\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0645\u0634\u064a\u0645\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Maternal age above 35 years<\/span>\n                        <span class=\"lang-ar\">\u0639\u0645\u0631 \u0627\u0644\u0623\u0645 \u0641\u0648\u0642 35 \u0639\u0627\u0645\u0627\u064b<\/span>\n                    <\/span>\n                <\/li>\n            <\/ul>\n            \n            <p class=\"text-[#667085] font-body\">\n                <span class=\"lang-en\">Women with high-risk pregnancies usually require more frequent checkups, additional ultrasound examinations, and individualized birth planning.<\/span>\n                <span class=\"lang-ar\">\u0639\u0627\u062f\u0629\u064b \u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0644\u0627\u062a\u064a \u064a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646 \u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0625\u0644\u0649 \u0641\u062d\u0648\u0635\u0627\u062a \u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0648\u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0641\u0631\u062f\u064a \u0644\u0644\u0648\u0644\u0627\u062f\u0629.<\/span>\n            <\/p>\n            <p class=\"mt-3 text-[#667085] font-body\">\n                <span class=\"lang-en\">Early identification allows healthcare providers to manage complications before they become emergencies.<\/span>\n                <span class=\"lang-ar\">\u064a\u062a\u064a\u062d \u0627\u0644\u0643\u0634\u0641 \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u062d\u0627\u0644\u0627\u062a \u0637\u0627\u0631\u0626\u0629.<\/span>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID & Breakout Width for Astra *\/\n    #sh-fertility-555 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 2. Hexa Background *\/\n    #sh-fertility-555::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Inner Container *\/\n    #sh-fertility-555 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 4. Fully Responsive Image Framework *\/\n    #sh-fertility-555 .fert-img-block {\n        position: relative;\n        width: 100%;\n        height: auto;\n        border-radius: 1.5rem; \n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n        background-color: #ffffff;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    #sh-fertility-555 .fert-img-block img {\n        width: 100%;\n        height: auto;\n        aspect-ratio: auto;\n        object-fit: contain;\n        object-position: center;\n        display: block;\n    }\n\n    \/* 5. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n\n    \/* 6. SSR SEO Language & Font Toggle (No JS Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" -->\n<section id=\"sh-fertility-555\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4 font-body\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span>\n                    <span class=\"lang-en\">Fertility<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u062e\u0635\u0648\u0628\u0629<\/span>\n                <\/span>\n            <\/div>\n            <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] font-header\">\n                <span class=\"lang-en\">Fertility Assessment and Infertility Care<\/span>\n                <span class=\"lang-ar\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0639\u0642\u0645<\/span>\n            <\/h2>\n            <p class=\"mt-5 text-[#667085] text-[18px] leading-relaxed font-body\">\n                <span class=\"lang-en\">Many couples seek medical advice after trying to conceive without success. Infertility can result from factors affecting either partner, making a comprehensive evaluation important.<\/span>\n                <span class=\"lang-ar\">\u064a\u0633\u0639\u0649 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0632\u0648\u0627\u062c \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0629 \u0628\u0639\u062f \u0645\u062d\u0627\u0648\u0644\u0629 \u0627\u0644\u062d\u0645\u0644 \u062f\u0648\u0646 \u0646\u062c\u0627\u062d. \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0646\u062a\u062c \u0627\u0644\u0639\u0642\u0645 \u0639\u0646 \u0639\u0648\u0627\u0645\u0644 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0623\u064a \u0645\u0646 \u0627\u0644\u0634\u0631\u064a\u0643\u064a\u0646\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0634\u0627\u0645\u0644 \u0623\u0645\u0631\u0627\u064b \u0645\u0647\u0645\u0627\u064b.<\/span>\n            <\/p>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-12 items-center mb-12 text-start\">\n            \n            <!-- Image Block -->\n            <div class=\"fert-img-block sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <picture>\n                    <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/8.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/8.webp\" alt=\"Fertility consultation\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n                <\/picture>\n            <\/div>\n            \n            <!-- Content Cards rendered directly via HTML for SSR -->\n            <div class=\"grid gap-6 sh-animate-up h-full font-body\" style=\"animation-delay: 0.2s;\">\n                <div class=\"grid gap-6 h-full\">\n                    \n                    <!-- Card 1: Causes -->\n                    <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm h-full flex flex-col\">\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-5 font-header\">\n                            <span class=\"lang-en\">Possible causes include:<\/span>\n                            <span class=\"lang-ar\">\u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u062a\u0634\u0645\u0644:<\/span>\n                        <\/h3>\n                        <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 flex-grow\">\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Ovulation disorders<\/span>\n                                    <span class=\"lang-ar\">\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0625\u0628\u0627\u0636\u0629<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">PCOS<\/span>\n                                    <span class=\"lang-ar\">\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Endometriosis<\/span>\n                                    <span class=\"lang-ar\">\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Hormonal imbalance<\/span>\n                                    <span class=\"lang-ar\">\u0627\u062e\u062a\u0644\u0627\u0644 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Blocked fallopian tubes<\/span>\n                                    <span class=\"lang-ar\">\u0627\u0646\u0633\u062f\u0627\u062f \u0642\u0646\u0648\u0627\u062a \u0641\u0627\u0644\u0648\u0628<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Reduced ovarian reserve<\/span>\n                                    <span class=\"lang-ar\">\u0627\u0646\u062e\u0641\u0627\u0636 \u0645\u062e\u0632\u0648\u0646 \u0627\u0644\u0645\u0628\u064a\u0636<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Male fertility factors<\/span>\n                                    <span class=\"lang-ar\">\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0644\u062f\u0649 \u0627\u0644\u0630\u0643\u0648\u0631<\/span>\n                                <\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <!-- Card 2: Assessment -->\n                    <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm h-full flex flex-col\">\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-5 font-header\">\n                            <span class=\"lang-en\">A fertility assessment may include:<\/span>\n                            <span class=\"lang-ar\">\u0642\u062f \u064a\u0634\u0645\u0644 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629:<\/span>\n                        <\/h3>\n                        <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 flex-grow\">\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Medical history<\/span>\n                                    <span class=\"lang-ar\">\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Physical examination<\/span>\n                                    <span class=\"lang-ar\">\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Hormonal investigations<\/span>\n                                    <span class=\"lang-ar\">\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Pelvic ultrasound<\/span>\n                                    <span class=\"lang-ar\">\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0644\u0644\u062d\u0648\u0636<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Ovulation tracking<\/span>\n                                    <span class=\"lang-ar\">\u062a\u062a\u0628\u0639 \u0627\u0644\u0625\u0628\u0627\u0636\u0629<\/span>\n                                <\/span>\n                            <\/li>\n                            <li class=\"flex gap-3 items-start\">\n                                <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                                <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                                    <span class=\"lang-en\">Additional tests when clinically indicated<\/span>\n                                    <span class=\"lang-ar\">\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629<\/span>\n                                <\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <p class=\"max-w-3xl mx-auto text-center text-[#667085] text-[17px] leading-relaxed sh-animate-up font-body\" style=\"animation-delay: 0.3s;\">\n            <span class=\"lang-en\">The findings help determine appropriate next steps, which may involve medication, lifestyle changes, referral for assisted reproductive techniques, or continued monitoring.<\/span>\n            <span class=\"lang-ar\">\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0648\u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u062f\u0648\u064a\u0629\u060c \u0623\u0648 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629\u060c \u0623\u0648 \u0627\u0644\u0625\u062d\u0627\u0644\u0629 \u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0639\u0644\u0649 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u060c \u0623\u0648 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629.<\/span>\n        <\/p>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Astra-proof Layout *\/\n    #sh-pcos-666 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-pcos-666 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n\n    \/* 4. SSR SEO Language & Font Toggle (No JS Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" to inherit dynamically from the HTML tag -->\n<section id=\"sh-pcos-666\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4 font-body\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span>\n                    <span class=\"lang-en\">PCOS<\/span>\n                    <span class=\"lang-ar\">\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636<\/span>\n                <\/span>\n            <\/div>\n            <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] font-header\">\n                <span class=\"lang-en\">PCOS: One of the Most Common Hormonal Disorders<\/span>\n                <span class=\"lang-ar\">\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636: \u0623\u062d\u062f \u0623\u0643\u062b\u0631 \u0627\u0644\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629 \u0634\u064a\u0648\u0639\u0627\u064b<\/span>\n            <\/h2>\n            <p class=\"mt-5 text-[#667085] text-[18px] leading-relaxed font-body\">\n                <span class=\"lang-en\">Polycystic Ovary Syndrome (PCOS) affects many women during their reproductive years. It can influence menstrual cycles, fertility, metabolism, and long-term health.<\/span>\n                <span class=\"lang-ar\">\u062a\u0624\u062b\u0631 \u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS) \u0639\u0644\u0649 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0646\u0633\u0627\u0621 \u062e\u0644\u0627\u0644 \u0633\u0646\u0648\u0627\u062a \u0627\u0644\u0625\u0646\u062c\u0627\u0628. \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 \u0648\u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u063a\u0630\u0627\u0626\u064a \u0648\u0627\u0644\u0635\u062d\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.<\/span>\n            <\/p>\n        <\/div>\n\n        <!-- Grid Cards -->\n        <div class=\"grid md:grid-cols-2 gap-6 sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            \n            <!-- Symptoms Card -->\n            <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm\">\n                <h3 class=\"font-header text-[22px] text-[#243b5a] mb-4 font-bold\">\n                    <span class=\"lang-en\">Common symptoms<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\n                <\/h3>\n                <ul class=\"space-y-3 font-body\">\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Irregular periods<\/span>\n                            <span class=\"lang-ar\">\u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/span>\n                        <\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Acne<\/span>\n                            <span class=\"lang-ar\">\u062d\u0628 \u0627\u0644\u0634\u0628\u0627\u0628<\/span>\n                        <\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Weight gain<\/span>\n                            <span class=\"lang-ar\">\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0648\u0632\u0646<\/span>\n                        <\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Excess facial or body hair<\/span>\n                            <span class=\"lang-ar\">\u0646\u0645\u0648 \u0634\u0639\u0631 \u0632\u0627\u0626\u062f \u0641\u064a \u0627\u0644\u0648\u062c\u0647 \u0623\u0648 \u0627\u0644\u062c\u0633\u0645<\/span>\n                        <\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Difficulty becoming pregnant<\/span>\n                            <span class=\"lang-ar\">\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u062d\u0645\u0644<\/span>\n                        <\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Hair thinning<\/span>\n                            <span class=\"lang-ar\">\u062a\u0631\u0642\u0642 \u0627\u0644\u0634\u0639\u0631<\/span>\n                        <\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Ovarian cysts on ultrasound<\/span>\n                            <span class=\"lang-ar\">\u062a\u0643\u064a\u0633\u0627\u062a \u0627\u0644\u0645\u0628\u064a\u0636 \u0639\u0646\u062f \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629<\/span>\n                        <\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n            \n            <!-- Management Card -->\n            <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm flex flex-col\">\n                <h3 class=\"font-header text-[22px] text-[#243b5a] mb-4 font-bold\">\n                    <span class=\"lang-en\">Management may include<\/span>\n                    <span class=\"lang-ar\">\u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0645\u0627 \u064a\u0644\u064a<\/span>\n                <\/h3>\n                <ul class=\"space-y-3 font-body flex-grow\">\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Weight management<\/span>\n                            <span class=\"lang-ar\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0632\u0646<\/span>\n                        <\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Lifestyle modifications<\/span>\n                            <span class=\"lang-ar\">\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629<\/span>\n                        <\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Hormonal medications<\/span>\n                            <span class=\"lang-ar\">\u0623\u062f\u0648\u064a\u0629 \u0647\u0631\u0645\u0648\u0646\u064a\u0629<\/span>\n                        <\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Ovulation support<\/span>\n                            <span class=\"lang-ar\">\u062f\u0639\u0645 \u0627\u0644\u0625\u0628\u0627\u0636\u0629<\/span>\n                        <\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                        <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                            <span class=\"lang-en\">Regular follow-up<\/span>\n                            <span class=\"lang-ar\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u062a\u0638\u0645\u0629<\/span>\n                        <\/span>\n                    <\/li>\n                <\/ul>\n                <div class=\"font-body mt-5 pt-5 border-t border-[#e4edf3]\">\n                    <p class=\"text-[#667085] text-[15px]\">\n                        <span class=\"lang-en\">Without proper management, PCOS may increase the risk of insulin resistance, type 2 diabetes, and cardiovascular disease in some women.<\/span>\n                        <span class=\"lang-ar\">\u0628\u062f\u0648\u0646 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0644\u064a\u0645\u0629\u060c \u0642\u062f \u062a\u0632\u064a\u062f \u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 \u0645\u0646 \u062e\u0637\u0631 \u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0623\u0646\u0633\u0648\u0644\u064a\u0646\u060c \u0648\u0645\u0631\u0636 \u0627\u0644\u0633\u0643\u0631\u064a \u0645\u0646 \u0627\u0644\u0646\u0648\u0639 2\u060c \u0648\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0644\u062f\u0649 \u0628\u0639\u0636 \u0627\u0644\u0646\u0633\u0627\u0621.<\/span>\n                    <\/p>\n                    <p class=\"mt-2 text-[#667085] text-[15px] font-medium\">\n                        <span class=\"lang-en\">Treatment depends on the patient&#8217;s symptoms and reproductive goals.<\/span>\n                        <span class=\"lang-ar\">\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0639\u0644\u0627\u062c \u0639\u0644\u0649 \u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0631\u064a\u0636\u0629 \u0648\u0623\u0647\u062f\u0627\u0641\u0647\u0627 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629.<\/span>\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID for Astra Breakout & Hexa Background *\/\n    #sh-menstrual-444 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* 2. Hexa Background *\/\n    #sh-menstrual-444::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Inner Container *\/\n    #sh-menstrual-444 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 4. Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n\n    \/* 5. SSR SEO Language & Font Toggle (No JS Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" to dynamically inherit from HTML tag -->\n<section id=\"sh-menstrual-444\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4 font-body\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span>\n                    <span class=\"lang-en\">Menstrual Health<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/span>\n                <\/span>\n            <\/div>\n            <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] font-header\">\n                <span class=\"lang-en\">Menstrual Disorders<\/span>\n                <span class=\"lang-ar\">\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/span>\n            <\/h2>\n            <p class=\"mt-5 text-[#667085] text-[18px] leading-relaxed font-body\">\n                <span class=\"lang-en\">Changes in menstrual cycles should not always be considered normal. Persistent symptoms may indicate an underlying gynecological condition.<\/span>\n                <span class=\"lang-ar\">\u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u062f\u0627\u0626\u0645\u0627\u064b \u0627\u0639\u062a\u0628\u0627\u0631 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0641\u064a \u062f\u0648\u0631\u0627\u062a \u0627\u0644\u062d\u064a\u0636 \u0623\u0645\u0631\u0627\u064b \u0637\u0628\u064a\u0639\u064a\u0627\u064b. \u0642\u062f \u062a\u0634\u064a\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0625\u0644\u0649 \u062d\u0627\u0644\u0629 \u0646\u0633\u0627\u0626\u064a\u0629 \u0643\u0627\u0645\u0646\u0629.<\/span>\n            <\/p>\n        <\/div>\n\n        <p class=\"font-bold text-[#243b5a] text-[20px] mb-6 text-center sh-animate-up font-body\" style=\"animation-delay: 0.1s;\">\n            <span class=\"lang-en\">Women should seek medical advice if they experience:<\/span>\n            <span class=\"lang-ar\">\u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0646\u0633\u0627\u0621 \u0637\u0644\u0628 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0625\u0630\u0627 \u0639\u0627\u0646\u064a\u0646 \u0645\u0646:<\/span>\n        <\/p>\n        \n        <!-- SSR Symptoms Grid -->\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 sh-animate-up font-body\" style=\"animation-delay: 0.2s;\">\n            \n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <span class=\"mt-0.5 shrink-0 text-[#138b86]\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg><\/span>\n                <span class=\"text-[15.5px] text-[#243b5a] font-medium\">\n                    <span class=\"lang-en\">Heavy menstrual bleeding<\/span>\n                    <span class=\"lang-ar\">\u0646\u0632\u064a\u0641 \u062d\u0627\u062f<\/span>\n                <\/span>\n            <\/div>\n            \n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <span class=\"mt-0.5 shrink-0 text-[#138b86]\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg><\/span>\n                <span class=\"text-[15.5px] text-[#243b5a] font-medium\">\n                    <span class=\"lang-en\">Very painful periods<\/span>\n                    <span class=\"lang-ar\">\u0622\u0644\u0627\u0645 \u0634\u062f\u064a\u062f\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <span class=\"mt-0.5 shrink-0 text-[#138b86]\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg><\/span>\n                <span class=\"text-[15.5px] text-[#243b5a] font-medium\">\n                    <span class=\"lang-en\">Missed periods<\/span>\n                    <span class=\"lang-ar\">\u062a\u0623\u062e\u0631 \u0627\u0644\u062f\u0648\u0631\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <span class=\"mt-0.5 shrink-0 text-[#138b86]\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg><\/span>\n                <span class=\"text-[15.5px] text-[#243b5a] font-medium\">\n                    <span class=\"lang-en\">Bleeding between cycles<\/span>\n                    <span class=\"lang-ar\">\u0646\u0632\u064a\u0641 \u0628\u064a\u0646 \u0627\u0644\u062f\u0648\u0631\u0627\u062a<\/span>\n                <\/span>\n            <\/div>\n            \n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <span class=\"mt-0.5 shrink-0 text-[#138b86]\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg><\/span>\n                <span class=\"text-[15.5px] text-[#243b5a] font-medium\">\n                    <span class=\"lang-en\">Cycles &lt;21 or &gt;35 days<\/span>\n                    <span class=\"lang-ar\">\u062f\u0648\u0631\u0627\u062a \u0623\u0642\u0635\u0631 \u0645\u0646 21 \u064a\u0648\u0645 \u0623\u0648 \u0623\u0637\u0648\u0644 \u0645\u0646 35 \u064a\u0648\u0645<\/span>\n                <\/span>\n            <\/div>\n            \n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <span class=\"mt-0.5 shrink-0 text-[#138b86]\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"\/><\/svg><\/span>\n                <span class=\"text-[15.5px] text-[#243b5a] font-medium\">\n                    <span class=\"lang-en\">Severe pelvic pain<\/span>\n                    <span class=\"lang-ar\">\u0622\u0644\u0627\u0645 \u062d\u0648\u0636 \u0634\u062f\u064a\u062f\u0629<\/span>\n                <\/span>\n            <\/div>\n            \n        <\/div>\n\n        <div class=\"mt-10 bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm max-w-4xl mx-auto sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-4 font-header\">\n                <span class=\"lang-en\">Potential causes include:<\/span>\n                <span class=\"lang-ar\">\u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u062a\u0634\u0645\u0644:<\/span>\n            <\/h3>\n            \n            <!-- SSR Causes Grid -->\n            <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 font-body\">\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Hormonal imbalance<\/span>\n                        <span class=\"lang-ar\">\u0627\u062e\u062a\u0644\u0627\u0644 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">PCOS<\/span>\n                        <span class=\"lang-ar\">\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Fibroids<\/span>\n                        <span class=\"lang-ar\">\u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Endometriosis<\/span>\n                        <span class=\"lang-ar\">\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Thyroid disorders<\/span>\n                        <span class=\"lang-ar\">\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u063a\u062f\u0629 \u0627\u0644\u062f\u0631\u0642\u064a\u0629<\/span>\n                    <\/span>\n                <\/li>\n                <li class=\"flex gap-3 items-start\">\n                    <span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\n                        <span class=\"lang-en\">Adenomyosis<\/span>\n                        <span class=\"lang-ar\">\u0627\u0644\u0639\u0636\u0627\u0644 \u0627\u0644\u063a\u062f\u064a<\/span>\n                    <\/span>\n                <\/li>\n            <\/ul>\n            \n            <p class=\"mt-5 text-[#667085] font-body\">\n                <span class=\"lang-en\">An accurate diagnosis often involves a consultation, pelvic examination, and imaging or laboratory tests where appropriate.<\/span>\n                <span class=\"lang-ar\">\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u062a\u0636\u0645\u0646 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0648\u0641\u062d\u0635\u0627\u064b \u0644\u0644\u062d\u0648\u0636 \u0648\u062a\u0635\u0648\u064a\u0631\u0627\u064b \u0623\u0648 \u0641\u062d\u0648\u0635\u0627\u062a \u0645\u062e\u0628\u0631\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621.<\/span>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Astra-proof Layout *\/\n    #sh-conditions-333 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* 2. Set Max-Width 1475px *\/\n    #sh-conditions-333 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* 3. Fully Responsive Image Framework for HIGH QUALITY IMAGE *\/\n    #sh-conditions-333 .cond-img-block {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 4\/3; \/* Mobile\/Tablet layout *\/\n        border-radius: 1rem; \/* Matches rounded-2xl *\/\n        overflow: hidden;\n    }\n\n    @media (min-width: 1024px) {\n        #sh-conditions-333 .cond-img-block {\n            aspect-ratio: auto;\n            height: 380px; \/* Fixed height for desktop to match original design *\/\n        }\n    }\n\n    #sh-conditions-333 .cond-img-block img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n        display: block;\n    }\n\n    \/* 4. Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n\n    \/* 5. SSR SEO Language & Font Toggle (No JS Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" to dynamically inherit from HTML tag -->\n<section id=\"sh-conditions-333\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4 font-body\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span>\n                    <span class=\"lang-en\">Common Conditions<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\n                <\/span>\n            <\/div>\n            <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] font-header\">\n                <span class=\"lang-en\">Endometriosis, Fibroids, and Ovarian Cysts<\/span>\n                <span class=\"lang-ar\">\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629\u060c \u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629\u060c \u0648\u062a\u0643\u064a\u0633\u0627\u062a \u0627\u0644\u0645\u0628\u064a\u0636<\/span>\n            <\/h2>\n            <p class=\"mt-5 text-[#667085] text-[18px] leading-relaxed font-body\">\n                <span class=\"lang-en\">Several common gynecological conditions can affect daily life, fertility, and pregnancy.<\/span>\n                <span class=\"lang-ar\">\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u0627\u0644\u062d\u0645\u0644.<\/span>\n            <\/p>\n        <\/div>\n\n        <!-- 3-Column SSR Grid Cards -->\n        <div class=\"grid md:grid-cols-3 gap-6 sh-animate-up text-start font-body\" style=\"animation-delay: 0.15s;\">\n            \n            <!-- Card 1: Endometriosis -->\n            <div class=\"bg-white rounded-2xl p-7 border border-[#e4edf3] shadow-sm h-full flex flex-col\">\n                <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">Endometriosis<\/span>\n                    <span class=\"lang-ar\">\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629<\/span>\n                <\/h3>\n                <p class=\"text-[#667085] text-[15.5px] mb-4 flex-grow\">\n                    <span class=\"lang-en\">Tissue similar to the uterine lining grows outside the uterus.<\/span>\n                    <span class=\"lang-ar\">\u0646\u0645\u0648 \u0623\u0646\u0633\u062c\u0629 \u0645\u0634\u0627\u0628\u0647\u0629 \u0644\u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u062e\u0627\u0631\u062c \u0627\u0644\u0631\u062d\u0645.<\/span>\n                <\/p>\n                <p class=\"text-[#243b5a] font-semibold mb-3 text-[16px]\">\n                    <span class=\"lang-en\">Common symptoms include:<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\u0629:<\/span>\n                <\/p>\n                <ul class=\"space-y-2\">\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Severe menstrual pain<\/span><span class=\"lang-ar\">\u0622\u0644\u0627\u0645 \u0637\u0645\u062b \u0634\u062f\u064a\u062f\u0629<\/span><\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Chronic pelvic pain<\/span><span class=\"lang-ar\">\u0622\u0644\u0627\u0645 \u062d\u0648\u0636 \u0645\u0632\u0645\u0646\u0629<\/span><\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Pain during intercourse<\/span><span class=\"lang-ar\">\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0642\u0629<\/span><\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Difficulty conceiving<\/span><span class=\"lang-ar\">\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u062d\u0645\u0644<\/span><\/span><\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Card 2: Uterine Fibroids -->\n            <div class=\"bg-white rounded-2xl p-7 border border-[#e4edf3] shadow-sm h-full flex flex-col\">\n                <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">Uterine Fibroids<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629 \u0627\u0644\u0631\u062d\u0645\u064a\u0629<\/span>\n                <\/h3>\n                <p class=\"text-[#667085] text-[15.5px] mb-4 flex-grow\">\n                    <span class=\"lang-en\">Non-cancerous growths in the uterus.<\/span>\n                    <span class=\"lang-ar\">\u0646\u0645\u0648 \u063a\u064a\u0631 \u0633\u0631\u0637\u0627\u0646\u064a \u0641\u064a \u0627\u0644\u0631\u062d\u0645.<\/span>\n                <\/p>\n                <p class=\"text-[#243b5a] font-semibold mb-3 text-[16px]\">\n                    <span class=\"lang-en\">May cause:<\/span>\n                    <span class=\"lang-ar\">\u0642\u062f \u062a\u0633\u0628\u0628:<\/span>\n                <\/p>\n                <ul class=\"space-y-2\">\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Heavy bleeding<\/span><span class=\"lang-ar\">\u0646\u0632\u064a\u0641 \u062d\u0627\u062f<\/span><\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Pelvic pressure<\/span><span class=\"lang-ar\">\u0636\u063a\u0637 \u0641\u064a \u0627\u0644\u062d\u0648\u0636<\/span><\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Frequent urination<\/span><span class=\"lang-ar\">\u062a\u0628\u0648\u0644 \u0645\u062a\u0643\u0631\u0631<\/span><\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Constipation<\/span><span class=\"lang-ar\">\u0625\u0645\u0633\u0627\u0643<\/span><\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Fertility challenges<\/span><span class=\"lang-ar\">\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u062e\u0635\u0648\u0628\u0629<\/span><\/span><\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Card 3: Ovarian Cysts -->\n            <div class=\"bg-white rounded-2xl p-7 border border-[#e4edf3] shadow-sm h-full flex flex-col\">\n                <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-3 font-header\">\n                    <span class=\"lang-en\">Ovarian Cysts<\/span>\n                    <span class=\"lang-ar\">\u062a\u0643\u064a\u0633\u0627\u062a \u0627\u0644\u0645\u0628\u064a\u0636<\/span>\n                <\/h3>\n                <p class=\"text-[#667085] text-[15.5px] mb-4 flex-grow\">\n                    <span class=\"lang-en\">Many resolve without treatment; others require monitoring.<\/span>\n                    <span class=\"lang-ar\">\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646\u0647\u0627 \u064a\u0632\u0648\u0644 \u062f\u0648\u0646 \u0639\u0644\u0627\u062c\u061b \u0648\u0627\u0644\u0628\u0639\u0636 \u0627\u0644\u0622\u062e\u0631 \u064a\u062a\u0637\u0644\u0628 \u0645\u0631\u0627\u0642\u0628\u0629.<\/span>\n                <\/p>\n                <p class=\"text-[#243b5a] font-semibold mb-3 text-[16px]\">\n                    <span class=\"lang-en\">Symptoms may include:<\/span>\n                    <span class=\"lang-ar\">\u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636:<\/span>\n                <\/p>\n                <ul class=\"space-y-2\">\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Pelvic discomfort<\/span><span class=\"lang-ar\">\u0639\u062f\u0645 \u0627\u0631\u062a\u064a\u0627\u062d \u0641\u064a \u0627\u0644\u062d\u0648\u0636<\/span><\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Abdominal bloating<\/span><span class=\"lang-ar\">\u0627\u0646\u062a\u0641\u0627\u062e \u0627\u0644\u0628\u0637\u0646<\/span><\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Irregular bleeding<\/span><span class=\"lang-ar\">\u0646\u0632\u064a\u0641 \u063a\u064a\u0631 \u0645\u0646\u062a\u0638\u0645<\/span><\/span><\/li>\n                    <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\"><span class=\"lang-en\">Pain during activity<\/span><span class=\"lang-ar\">\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a<\/span><\/span><\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n\n        <!-- Imaging Section -->\n        <div class=\"mt-12 grid lg:grid-cols-[1.1fr_1fr] gap-10 items-center bg-white rounded-3xl p-8 md:p-10 border border-[#e4edf3] shadow-sm sh-animate-up text-start font-body\" style=\"animation-delay: 0.3s;\">\n            \n            <!-- HIGH QUALITY RESPONSIVE IMAGE BLOCK -->\n            <div class=\"cond-img-block\">\n                <picture>\n                    <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/7.webp\" type=\"image\/webp\">\n                    <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/7.webp\" alt=\"Gynecological ultrasound\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n                <\/picture>\n            <\/div>\n            \n            <div>\n                <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#e6f4f3] text-[#138b86] text-[13px] font-semibold mb-4\">\n                    <span class=\"lang-en\">Advanced Imaging<\/span>\n                    <span class=\"lang-ar\">\u062a\u0635\u0648\u064a\u0631 \u0645\u062a\u0642\u062f\u0645<\/span>\n                <\/div>\n                <h3 class=\"font-header font-bold text-[26px] md:text-[30px] text-[#243b5a] mb-3\">\n                    <span class=\"lang-en\">Accurate diagnosis with modern ultrasound<\/span>\n                    <span class=\"lang-ar\">\u062a\u0634\u062e\u064a\u0635 \u062f\u0642\u064a\u0642 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629<\/span>\n                <\/h3>\n                <p class=\"text-[#667085] text-[16px] leading-relaxed\">\n                    <span class=\"lang-en\">Ultrasound imaging helps evaluate these conditions and guide treatment decisions \u2014 from initial screening through follow-up monitoring after treatment.<\/span>\n                    <span class=\"lang-ar\">\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0641\u064a \u062a\u0642\u064a\u064a\u0645 \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0648\u062a\u0648\u062c\u064a\u0647 \u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u2014 \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0623\u0648\u0644\u064a \u0648\u0635\u0648\u0644\u0627\u064b \u0625\u0644\u0649 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0628\u0639\u062f \u0627\u0644\u0639\u0644\u0627\u062c.<\/span>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Scoped ID for Clean Astra-proof Layout *\/\n    #sh-booking-555 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-booking-555 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n    }\n\n    \/* 3. Lightweight Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n\n    \/* 4. SSR SEO Language & Font Toggle (No JS Required) *\/\n    html[dir=\"rtl\"] .lang-en,\n    [dir=\"rtl\"] .lang-en {\n        display: none !important;\n    }\n    html:not([dir=\"rtl\"]) .lang-ar,\n    [dir=\"ltr\"] .lang-ar {\n        display: none !important;\n    }\n\n    html:not([dir=\"rtl\"]) .font-header,\n    [dir=\"ltr\"] .font-header {\n        font-family: var(--font-display, inherit);\n    }\n    html:not([dir=\"rtl\"]) .font-body,\n    [dir=\"ltr\"] .font-body {\n        font-family: system-ui, sans-serif;\n    }\n    html[dir=\"rtl\"] .font-header,\n    [dir=\"rtl\"] .font-header,\n    html[dir=\"rtl\"] .font-body,\n    [dir=\"rtl\"] .font-body {\n        font-family: var(--font-arabic, inherit);\n    }\n<\/style>\n\n<!-- Removed hardcoded dir=\"ltr\" to dynamically inherit from HTML tag -->\n<section id=\"sh-booking-555\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header -->\n        <div class=\"mb-12 max-w-3xl sh-animate-up\">\n            <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4 font-body\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span>\n                    <span class=\"lang-en\">Book Now<\/span>\n                    <span class=\"lang-ar\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/span>\n                <\/span>\n            <\/div>\n            <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] font-header\">\n                <span class=\"lang-en\">When Should You Book an Appointment?<\/span>\n                <span class=\"lang-ar\">\u0645\u062a\u0649 \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u061f<\/span>\n            <\/h2>\n            <p class=\"mt-5 text-[#667085] text-[18px] leading-relaxed font-body\">\n                <span class=\"lang-en\">You should consider scheduling an appointment if you have:<\/span>\n                <span class=\"lang-ar\">\u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0641\u064a \u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646:<\/span>\n            <\/p>\n        <\/div>\n\n        <!-- SSR Grid List -->\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4 max-w-6xl sh-animate-up font-body\" style=\"animation-delay: 0.1s;\">\n            \n            <!-- Item 1 -->\n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">\n                    <span class=\"lang-en\">A positive pregnancy test<\/span>\n                    <span class=\"lang-ar\">\u0627\u062e\u062a\u0628\u0627\u0631 \u062d\u0645\u0644 \u0625\u064a\u062c\u0627\u0628\u064a<\/span>\n                <\/span>\n            <\/div>\n\n            <!-- Item 2 -->\n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">\n                    <span class=\"lang-en\">Irregular or missed periods<\/span>\n                    <span class=\"lang-ar\">\u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629 \u063a\u064a\u0631 \u0645\u0646\u062a\u0638\u0645\u0629 \u0623\u0648 \u0645\u062a\u0623\u062e\u0631\u0629<\/span>\n                <\/span>\n            <\/div>\n\n            <!-- Item 3 -->\n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">\n                    <span class=\"lang-en\">Heavy menstrual bleeding<\/span>\n                    <span class=\"lang-ar\">\u0646\u0632\u064a\u0641 \u062d\u064a\u0636 \u063a\u0632\u064a\u0631<\/span>\n                <\/span>\n            <\/div>\n\n            <!-- Item 4 -->\n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">\n                    <span class=\"lang-en\">Severe pelvic pain<\/span>\n                    <span class=\"lang-ar\">\u0622\u0644\u0627\u0645 \u062d\u0648\u0636 \u0634\u062f\u064a\u062f\u0629<\/span>\n                <\/span>\n            <\/div>\n\n            <!-- Item 5 -->\n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">\n                    <span class=\"lang-en\">Difficulty conceiving after regular intercourse<\/span>\n                    <span class=\"lang-ar\">\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0628\u0639\u062f \u0639\u0644\u0627\u0642\u0629 \u0645\u0646\u062a\u0638\u0645\u0629<\/span>\n                <\/span>\n            <\/div>\n\n            <!-- Item 6 -->\n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">\n                    <span class=\"lang-en\">Recurrent miscarriages<\/span>\n                    <span class=\"lang-ar\">\u0625\u062c\u0647\u0627\u0636 \u0645\u062a\u0643\u0631\u0631<\/span>\n                <\/span>\n            <\/div>\n\n            <!-- Item 7 -->\n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">\n                    <span class=\"lang-en\">Menopause symptoms<\/span>\n                    <span class=\"lang-ar\">\u0623\u0639\u0631\u0627\u0636 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633<\/span>\n                <\/span>\n            <\/div>\n\n            <!-- Item 8 -->\n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">\n                    <span class=\"lang-en\">Persistent vaginal discharge or infection<\/span>\n                    <span class=\"lang-ar\">\u0625\u0641\u0631\u0627\u0632\u0627\u062a \u0645\u0647\u0628\u0644\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0623\u0648 \u0623\u0639\u0631\u0627\u0636 \u0639\u062f\u0648\u0649<\/span>\n                <\/span>\n            <\/div>\n\n            <!-- Item 9 -->\n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">\n                    <span class=\"lang-en\">Breast changes requiring evaluation<\/span>\n                    <span class=\"lang-ar\">\u062a\u063a\u064a\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u062b\u062f\u064a \u062a\u0633\u062a\u062f\u0639\u064a \u062a\u0642\u064a\u064a\u0645\u0627\u064b<\/span>\n                <\/span>\n            <\/div>\n\n            <!-- Item 10 -->\n            <div class=\"bg-white rounded-xl p-5 border border-[#e4edf3] shadow-sm flex gap-3 items-start\">\n                <div class=\"w-8 h-8 rounded-lg bg-[#e6f4f3] text-[#138b86] grid place-items-center shrink-0\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><path d=\"M3 10h18\"\/><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-medium leading-snug\">\n                    <span class=\"lang-en\">Pain during intercourse<\/span>\n                    <span class=\"lang-ar\">\u0623\u0644\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0642\u0629<\/span>\n                <\/span>\n            <\/div>\n\n        <\/div>\n        \n        <p class=\"mt-8 text-[#667085] max-w-3xl sh-animate-up font-body\" style=\"animation-delay: 0.2s;\">\n            <span class=\"lang-en\">Seeking medical advice early often leads to simpler treatment and better health outcomes.<\/span>\n            <span class=\"lang-ar\">\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0624\u062f\u064a \u0637\u0644\u0628 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0628\u0643\u0631\u0627\u064b \u0625\u0644\u0649 \u0639\u0644\u0627\u062c\u0627\u062a \u0623\u0628\u0633\u0637 \u0648\u0646\u062a\u0627\u0626\u062c \u0635\u062d\u064a\u0629 \u0623\u0641\u0636\u0644.<\/span>\n        <\/p>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-preventive-222 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Hexa Background *\/\n    #sh-preventive-222::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    #sh-preventive-222 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Fully Responsive Image Framework for HIGH QUALITY IMAGE *\/\n    #sh-preventive-222 .prev-img-block {\n        position: relative;\n        width: 100%;\n        border-radius: 1.5rem; \n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n    }\n\n    #sh-preventive-222 .prev-img-block img {\n        width: 100%;\n        height: auto; \n        aspect-ratio: auto;\n        object-fit: contain; \n        object-position: center;\n        display: block;\n    }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    \/* Default: Show English, Hide Arabic *\/\n    #sh-preventive-222 .sh-lang-ar { display: none; }\n    #sh-preventive-222 .sh-lang-en { display: block; }\n\n    \/* When WordPress is in RTL \/ Arabic Mode: Show Arabic, Hide English *\/\n    html[dir=\"rtl\"] #sh-preventive-222 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-preventive-222 .sh-lang-ar,\n    body.rtl #sh-preventive-222 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-preventive-222 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-preventive-222 .sh-lang-en,\n    body.rtl #sh-preventive-222 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-preventive-222\">\n    <div class=\"sh-inner-wrapper grid lg:grid-cols-[1fr_1.1fr] gap-14 items-center\">\n        \n        <!-- Image Section (Common for both languages) -->\n        <div class=\"prev-img-block sh-animate-up !mx-0\">\n            <picture>\n                <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/4.webp\" type=\"image\/webp\">\n                <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/4.webp\" alt=\"Preventive women's health screening\" class=\"w-full h-auto aspect-auto object-contain\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n            <\/picture>\n        <\/div>\n\n        <!-- ENGLISH CONTENT (SSR Ready) -->\n        <div class=\"sh-lang-en sh-animate-up !mx-0 text-start\" style=\"animation-delay: 0.2s;\" dir=\"ltr\">\n            <div class=\"mb-12 max-w-3xl\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>Prevention<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Preventive Women&#8217;s Health Screenings<\/h2>\n                <p class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Regular screening helps detect health conditions before symptoms appear.<\/p>\n            <\/div>\n\n            <p class=\"font-bold text-[#243b5a] text-[20px] mb-6\">Preventive care may include:<\/p>\n            <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3\">\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">Pap smear for cervical health<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">HPV screening<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">Pelvic examination<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">Breast examination<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">Pregnancy ultrasound<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">Pelvic ultrasound<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">Hormonal evaluation<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">Bone health assessment<\/span><\/li>\n            <\/ul>\n            <p class=\"mt-6 text-[#667085] text-[16px] leading-relaxed\">These evaluations support early diagnosis and timely management of many gynecological conditions.<\/p>\n        <\/div>\n\n        <!-- ARABIC CONTENT (SSR Ready) -->\n        <div class=\"sh-lang-ar sh-animate-up !mx-0 text-start\" style=\"animation-delay: 0.2s;\" dir=\"rtl\">\n            <div class=\"mb-12 max-w-3xl\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>\u0627\u0644\u0648\u0642\u0627\u064a\u0629<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\u0641\u062d\u0648\u0635\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629<\/h2>\n                <p class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u0646\u062a\u0638\u0645 \u0641\u064a \u0627\u0644\u0643\u0634\u0641 \u0639\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0642\u0628\u0644 \u0638\u0647\u0648\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0636.<\/p>\n            <\/div>\n\n            <p class=\"font-bold text-[#243b5a] text-[20px] mb-6\">\u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629:<\/p>\n            <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3\">\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\u0645\u0633\u062d\u0629 \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\u0641\u062d\u0635 \u0641\u064a\u0631\u0648\u0633 \u0627\u0644\u0648\u0631\u0645 \u0627\u0644\u062d\u0644\u064a\u0645\u064a<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\u0641\u062d\u0635 \u0627\u0644\u062d\u0648\u0636<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\u0641\u062d\u0635 \u0627\u0644\u062b\u062f\u064a<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0645\u0644 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0648\u0636 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 font-medium\">\u0641\u062d\u0635 \u0635\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645<\/span><\/li>\n            <\/ul>\n            <p class=\"mt-6 text-[#667085] text-[16px] leading-relaxed\">\u062a\u062f\u0639\u0645 \u0647\u0630\u0647 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629.<\/p>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-delivery-444 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* Proper Dotted Hexa Background (Responsive & Visible) *\/\n    #sh-delivery-444::before {\n        content: '';\n        position: absolute;\n        inset: 0;\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='%23138b86' 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='%23138b86' 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: 90px 78px; \/* Mobile size *\/\n        background-repeat: repeat;\n        background-position: center top;\n        z-index: 0;\n        pointer-events: none;\n        opacity: 0.15; \/* Increased visibility slightly *\/\n    }\n\n    @media (min-width: 768px) {\n        #sh-delivery-444::before {\n            background-size: 180px 156px; \/* Desktop size for better proportion *\/\n        }\n    }\n\n    #sh-delivery-444 .sh-inner-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Alignment Support *\/\n    #sh-delivery-444 .sh-text-start { text-align: left !important; }\n    #sh-delivery-444[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-delivery-444 .sh-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s ease forwards; \n    }\n    \n    \/* Hover Effects *\/\n    #sh-delivery-444 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-delivery-444 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(36, 59, 90, 0.1);\n        }\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    \/* Default: Show English, Hide Arabic *\/\n    #sh-delivery-444 .sh-lang-ar { display: none; }\n    #sh-delivery-444 .sh-lang-en { display: block; }\n\n    \/* When WordPress is in RTL \/ Arabic Mode: Show Arabic, Hide English *\/\n    html[dir=\"rtl\"] #sh-delivery-444 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-delivery-444 .sh-lang-ar,\n    body.rtl #sh-delivery-444 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-delivery-444 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-delivery-444 .sh-lang-en,\n    body.rtl #sh-delivery-444 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-delivery-444\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en\" dir=\"ltr\">\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>Delivery Options<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">Normal Delivery and Cesarean Section (C-Section) Care<\/h2>\n                <p class=\"text-[#596b82] text-[18px] leading-relaxed mb-2\">Choosing between a normal delivery and a cesarean section depends on the mother&#8217;s health, the baby&#8217;s condition, pregnancy progress, and medical recommendations.<\/p>\n                <p class=\"text-[#596b82] text-[16px]\">Throughout pregnancy, your obstetrician monitors these factors to recommend the safest delivery option.<\/p>\n            <\/div>\n\n            <!-- Cards -->\n            <div class=\"grid md:grid-cols-2 gap-6 mb-12 sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <!-- Card 1: Normal Delivery -->\n                <div class=\"bg-white rounded-2xl p-8 border-t-4 shadow-sm sh-hover-card\" style=\"border-top-color: #138b86;\">\n                    <div class=\"flex items-center gap-3 mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#138b86\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"><\/path><path d=\"M15 12h.01\"><\/path><path d=\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"><\/path><path d=\"M9 12h.01\"><\/path><\/svg>\n                        <h3 class=\"font-bold text-[24px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Normal Vaginal Delivery<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] mb-4 text-[15px]\">A vaginal birth is generally recommended for healthy pregnancies without medical complications.<\/p>\n                    <p class=\"font-semibold text-[#243b5a] mb-3 text-[16px]\">Benefits may include:<\/p>\n                    <ul class=\"space-y-3\">\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Shorter hospital stay<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Faster recovery<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Lower risk of surgical complications<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Earlier mobility after childbirth<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Reduced risk of respiratory problems for some newborns<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <!-- Card 2: C-Section -->\n                <div class=\"bg-white rounded-2xl p-8 border-t-4 shadow-sm sh-hover-card\" style=\"border-top-color: #d4af37;\">\n                    <div class=\"flex items-center gap-3 mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 2v2\"><\/path><path d=\"M5 2v2\"><\/path><path d=\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"><\/path><path d=\"M8 15a6 6 0 0 0 12 0v-3\"><\/path><circle cx=\"20\" cy=\"10\" r=\"2\"><\/circle><\/svg>\n                        <h3 class=\"font-bold text-[24px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Cesarean Section (C-Section)<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] mb-4 text-[15px]\">A cesarean section is performed when vaginal delivery is not the safest option.<\/p>\n                    <p class=\"font-semibold text-[#243b5a] mb-3 text-[16px]\">Common medical reasons include:<\/p>\n                    <ul class=\"space-y-3\">\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Breech presentation<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Placenta previa<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Fetal distress<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Failure of labor to progress<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Multiple pregnancy (in selected cases)<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">Previous uterine surgery when clinically indicated<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <!-- Hospital Note -->\n            <p class=\"text-center text-[#596b82] max-w-3xl mx-auto mb-10 sh-animate-up\" style=\"animation-delay: 0.15s;\">At Shefa Hospital, the delivery plan is discussed with the patient after evaluating both maternal and fetal health throughout pregnancy.<\/p>\n\n            <!-- Table -->\n            <div class=\"sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <h3 class=\"text-[28px] text-[#243b5a] text-center mb-6 font-bold\" style=\"font-family: var(--font-display);\">Normal Delivery vs. C-Section<\/h3>\n                <div class=\"overflow-x-auto rounded-2xl border border-[#e4edf3] bg-white shadow-sm\">\n                    <table class=\"w-full text-left border-collapse\">\n                        <thead>\n                            <tr class=\"bg-[#243b5a] text-white\">\n                                <th class=\"p-5 font-semibold text-[16px]\">Feature<\/th>\n                                <th class=\"p-5 font-semibold text-[16px]\">Normal Delivery<\/th>\n                                <th class=\"p-5 font-semibold text-[16px]\">Cesarean Section<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody class=\"text-[15.5px]\">\n                            <tr>\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">Delivery Method<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">Vaginal Birth<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">Surgical Birth<\/td>\n                            <\/tr>\n                            <tr style=\"background-color: #f4f7f9;\">\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">Hospital Stay<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">Usually Shorter<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">Usually Longer<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">Recovery Time<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">Faster<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">Longer Recovery<\/td>\n                            <\/tr>\n                            <tr style=\"background-color: #f4f7f9;\">\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">Surgical Incision<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">No<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">Yes<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">Recommended For<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">Low-risk pregnancies<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">When medically necessary<\/td>\n                            <\/tr>\n                            <tr style=\"background-color: #f4f7f9;\">\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">Future Pregnancy Planning<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">Depends on medical history<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">Individual assessment required<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar\" dir=\"rtl\">\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate-up\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629 (C-Section)<\/h2>\n                <p class=\"text-[#596b82] text-[18px] leading-relaxed mb-2\">\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u064a\u0646 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0623\u0645\u060c \u062d\u0627\u0644\u0629 \u0627\u0644\u062c\u0646\u064a\u0646\u060c \u062a\u0637\u0648\u0631 \u0627\u0644\u062d\u0645\u0644\u060c \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u064e\u062f\u0629.<\/p>\n                <p class=\"text-[#596b82] text-[16px]\">\u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u060c \u064a\u0642\u0648\u0645 \u0637\u0628\u064a\u0628 \u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0628\u0645\u062a\u0627\u0628\u0639\u0629 \u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0628\u062f\u0642\u0629 \u0644\u064a\u0648\u0635\u064a \u0628\u062e\u064a\u0627\u0631 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0644\u0643\u0650 \u0648\u0644\u0637\u0641\u0644\u0643\u0650.<\/p>\n            <\/div>\n\n            <!-- Cards -->\n            <div class=\"grid md:grid-cols-2 gap-6 mb-12 sh-animate-up\" style=\"animation-delay: 0.1s;\">\n                <!-- Card 1: Normal Delivery (Arabic) -->\n                <div class=\"bg-white rounded-2xl p-8 border-t-4 shadow-sm sh-hover-card\" style=\"border-top-color: #138b86;\">\n                    <div class=\"flex items-center gap-3 mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#138b86\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"><\/path><path d=\"M15 12h.01\"><\/path><path d=\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"><\/path><path d=\"M9 12h.01\"><\/path><\/svg>\n                        <h3 class=\"font-bold text-[24px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0645\u0647\u0628\u0644\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] mb-4 text-[15px]\">\u064a\u064f\u0648\u0635\u0649 \u0628\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0639\u0645\u0648\u0645\u0627\u064b \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u062e\u0627\u0644\u064a \u0645\u0646 \u0623\u064a \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0637\u0628\u064a\u0629.<\/p>\n                    <p class=\"font-semibold text-[#243b5a] mb-3 text-[16px]\">\u0627\u0644\u0641\u0648\u0627\u0626\u062f \u0648\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0642\u062f \u062a\u0634\u0645\u0644:<\/p>\n                    <ul class=\"space-y-3\">\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u0625\u0642\u0627\u0645\u0629 \u0623\u0642\u0635\u0631 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u062a\u0639\u0627\u0641\u064a \u0623\u0633\u0631\u0639<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u0645\u062e\u0627\u0637\u0631 \u0623\u0642\u0644 \u0644\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u062d\u0631\u0643\u0629 \u0623\u0633\u0631\u0639 \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u062a\u0642\u0644\u064a\u0644 \u0645\u062e\u0627\u0637\u0631 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u0646\u0641\u0633 \u0644\u062f\u0649 \u0628\u0639\u0636 \u0627\u0644\u0645\u0648\u0627\u0644\u064a\u062f<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                <!-- Card 2: C-Section (Arabic) -->\n                <div class=\"bg-white rounded-2xl p-8 border-t-4 shadow-sm sh-hover-card\" style=\"border-top-color: #d4af37;\">\n                    <div class=\"flex items-center gap-3 mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4af37\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 2v2\"><\/path><path d=\"M5 2v2\"><\/path><path d=\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"><\/path><path d=\"M8 15a6 6 0 0 0 12 0v-3\"><\/path><circle cx=\"20\" cy=\"10\" r=\"2\"><\/circle><\/svg>\n                        <h3 class=\"font-bold text-[24px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629 (C-Section)<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] mb-4 text-[15px]\">\u064a\u062a\u0645 \u0627\u0644\u0644\u062c\u0648\u0621 \u0644\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629 \u0639\u0646\u062f\u0645\u0627 \u0644\u0627 \u062a\u0643\u0648\u0646 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0644\u0644\u0623\u0645 \u0623\u0648 \u0627\u0644\u062c\u0646\u064a\u0646.<\/p>\n                    <p class=\"font-semibold text-[#243b5a] mb-3 text-[16px]\">\u0623\u0628\u0631\u0632 \u0627\u0644\u062f\u0648\u0627\u0639\u064a \u0627\u0644\u0637\u0628\u064a\u0629 \u0644\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629:<\/p>\n                    <ul class=\"space-y-3\">\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0642\u0639\u062f\u064a \u0644\u0644\u062c\u0646\u064a\u0646<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u0627\u0644\u0645\u0634\u064a\u0645\u0629 \u0627\u0644\u0645\u0646\u0632\u0627\u062d\u0629<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u0636\u0627\u0626\u0642\u0629 \u0627\u0644\u062c\u0646\u064a\u0646<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u062a\u0639\u062b\u0631 \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u062e\u0627\u0636<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u062a\u0639\u062f\u062f (\u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0645\u062e\u062a\u0627\u0631\u0629)<\/span>\n                        <\/li>\n                        <li class=\"flex gap-3 items-start\">\n                            <span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #d4af3715; color: #d4af37;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span>\n                            <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed\">\u062c\u0631\u0627\u062d\u0629 \u0633\u0627\u0628\u0642\u0629 \u0641\u064a \u0627\u0644\u0631\u062d\u0645 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <!-- Hospital Note -->\n            <p class=\"text-center text-[#596b82] max-w-3xl mx-auto mb-10 sh-animate-up\" style=\"animation-delay: 0.15s;\">\u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0650\u0641\u0627\u0621\u060c \u064a\u062a\u0645 \u0645\u0646\u0627\u0642\u0634\u0629 \u062e\u0637\u0629 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0645\u0639 \u0627\u0644\u0645\u0631\u064a\u0636\u0629 \u0648\u0641\u0631\u064a\u0642\u0647\u0627 \u0627\u0644\u0637\u0628\u064a \u0628\u0639\u062f \u062a\u0642\u064a\u064a\u0645 \u0634\u0627\u0645\u0644 \u0644\u0635\u062d\u0629 \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u062c\u0646\u064a\u0646 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0623\u0634\u0647\u0631 \u0627\u0644\u062d\u0645\u0644.<\/p>\n\n            <!-- Table -->\n            <div class=\"sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <h3 class=\"text-[28px] text-[#243b5a] text-center mb-6 font-bold\" style=\"font-family: var(--font-display);\">\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629<\/h3>\n                <div class=\"overflow-x-auto rounded-2xl border border-[#e4edf3] bg-white shadow-sm\">\n                    <table class=\"w-full text-right border-collapse\">\n                        <thead>\n                            <tr class=\"bg-[#243b5a] text-white\">\n                                <th class=\"p-5 font-semibold text-[16px]\">\u0627\u0644\u0645\u064a\u0632\u0629<\/th>\n                                <th class=\"p-5 font-semibold text-[16px]\">\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629<\/th>\n                                <th class=\"p-5 font-semibold text-[16px]\">\u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody class=\"text-[15.5px]\">\n                            <tr>\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u0648\u0644\u0627\u062f\u0629 \u0645\u0647\u0628\u0644\u064a\u0629<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u0648\u0644\u0627\u062f\u0629 \u062c\u0631\u0627\u062d\u064a\u0629<\/td>\n                            <\/tr>\n                            <tr style=\"background-color: #f4f7f9;\">\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">\u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u0639\u0627\u062f\u0629 \u0623\u0642\u0635\u0631<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u0639\u0627\u062f\u0629 \u0623\u0637\u0648\u0644<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">\u0648\u0642\u062a \u0627\u0644\u062a\u0639\u0627\u0641\u064a<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u0623\u0633\u0631\u0639<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u062a\u0639\u0627\u0641\u064a \u0623\u0637\u0648\u0644<\/td>\n                            <\/tr>\n                            <tr style=\"background-color: #f4f7f9;\">\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">\u062c\u0631\u062d \u062c\u0631\u0627\u062d\u064a<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u0644\u0627 \u064a\u0648\u062c\u062f<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u064a\u0648\u062c\u062f<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">\u0645\u0648\u0635\u0649 \u0628\u0647\u0627 \u0644\u0640<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629<\/td>\n                            <\/tr>\n                            <tr style=\"background-color: #f4f7f9;\">\n                                <td class=\"p-5 border-t border-[#e4edf3] font-semibold text-[#243b5a]\">\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a<\/td>\n                                <td class=\"p-5 border-t border-[#e4edf3] text-[#243b5a]\/85\">\u064a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0641\u0631\u062f\u064a\u0627\u064b<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* ==============================================================\n       \ud83d\udfe2 UPDATE HERE: IMAGE CONFIGURATION (RATIO & HEIGHT) \ud83d\udfe2\n       ============================================================== *\/\n    \n    \/* Universal Image Block Settings *\/\n    #sh-womens-health-555 .wh-img-block {\n        position: relative;\n        width: 100%;\n        height: auto; \/* Let container adapt to image *\/\n        border-radius: 1.5rem; \n        overflow: hidden;\n        box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);\n        background-color: transparent; \n    }\n\n    \/* Standard Fully Responsive Image Rules *\/\n    #sh-womens-health-555 .wh-img-block img {\n        width: 100%;\n        height: auto !important; \/* Forces auto height for natural scaling *\/\n        aspect-ratio: auto !important; \/* Forces auto aspect ratio *\/\n        object-fit: contain; \n        object-position: center; \n        display: block;\n    }\n    \/* ============================================================== *\/\n\n    \/* --- Scoped Container & Breakout Reset --- *\/\n    #sh-womens-health-555 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-womens-health-555 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        display: flex;\n        flex-direction: column;\n        gap: 5rem; \n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-womens-health-555 .sh-text-start { text-align: left !important; }\n    #sh-womens-health-555[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-womens-health-555 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    \n    \/* Interactive Hover for Cards *\/\n    #sh-womens-health-555 .sh-card-hover {\n        transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-womens-health-555 .sh-card-hover:hover {\n            transform: translateY(-4px);\n            border-color: #138b86;\n            box-shadow: 0 10px 25px rgba(19, 139, 134, 0.1);\n        }\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-womens-health-555 .sh-lang-ar { display: none; }\n    #sh-womens-health-555 .sh-lang-en { display: flex; flex-direction: column; gap: 5rem; }\n\n    html[dir=\"rtl\"] #sh-womens-health-555 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-womens-health-555 .sh-lang-ar,\n    body.rtl #sh-womens-health-555 .sh-lang-ar { \n        display: flex; flex-direction: column; gap: 5rem; \n    }\n    \n    html[dir=\"rtl\"] #sh-womens-health-555 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-womens-health-555 .sh-lang-en,\n    body.rtl #sh-womens-health-555 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-womens-health-555\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en\" dir=\"ltr\">\n            \n            <!-- SECTION 1: Postnatal Care -->\n            <div class=\"grid lg:grid-cols-[1.1fr_1fr] gap-12 items-center sh-animate\">\n                <div class=\"sh-text-start\">\n                    <div class=\"mb-8 max-w-3xl\">\n                        <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                            <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                            <span>After Birth<\/span>\n                        <\/div>\n                        <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\">Postnatal Care for New Mothers<\/h2>\n                        <p class=\"text-[#596b82] text-[18px] leading-relaxed\">Recovery after childbirth is just as important as pregnancy care.<\/p>\n                    <\/div>\n                    <p class=\"font-bold text-[#243b5a] text-[20px] mb-4\">Postnatal care focuses on:<\/p>\n                    <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 mb-6\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Physical recovery<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Breastfeeding support<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Nutrition guidance<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Emotional wellbeing<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Newborn care education<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Wound assessment after C-section<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Blood pressure monitoring<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Family planning discussions<\/span><\/li>\n                    <\/ul>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed\">Regular follow-up visits help identify concerns early and support a healthy recovery for both mother and baby.<\/p>\n                <\/div>\n                <div class=\"flex items-center justify-center\">\n                    <!-- HIGH QUALITY RESPONSIVE IMAGE BLOCK 1 -->\n                    <div class=\"wh-img-block postnatal-block\">\n                        <picture>\n                            <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/9.webp\" type=\"image\/webp\">\n                            <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/9.webp\" alt=\"Saudi mother wearing hijab holding her newborn at Shefa Hospital maternity room\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n                        <\/picture>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION 2: Contraception -->\n            <div class=\"sh-animate\" style=\"animation-delay: 0.1s;\">\n                <div class=\"mb-10 max-w-3xl sh-text-start\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                        <span>Contraception<\/span>\n                    <\/div>\n                    <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\">Family Planning and Contraceptive Counseling<\/h2>\n                    <p class=\"text-[#596b82] text-[18px] leading-relaxed\">Family planning allows women and couples to make informed decisions about future pregnancies. After reviewing your medical history, a gynecologist can explain different contraceptive options, including:<\/p>\n                <\/div>\n                <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n                    <!-- Cards -->\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">Oral contraceptive pills<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">Copper IUD<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">Hormonal IUD<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">Injectable contraception<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">Hormonal implants<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">Barrier methods<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">Emergency contraception<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">Permanent contraception when appropriate<\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"mt-8 text-[#596b82] max-w-3xl sh-text-start text-[16px]\">The most suitable option depends on age, medical conditions, breastfeeding status, and future pregnancy plans.<\/p>\n            <\/div>\n\n            <!-- SECTION 3: Menopause -->\n            <div class=\"sh-animate\" style=\"animation-delay: 0.2s;\">\n                <div class=\"mb-10 max-w-3xl sh-text-start\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                        <span>Menopause<\/span>\n                    <\/div>\n                    <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\">Menopause Care and Hormonal Health<\/h2>\n                    <p class=\"text-[#596b82] text-[18px] leading-relaxed\">Menopause is a natural stage in a woman&#8217;s life, but symptoms can vary significantly.<\/p>\n                <\/div>\n                <div class=\"grid lg:grid-cols-[1.2fr_1fr] gap-10 items-stretch\">\n                    <div class=\"grid gap-6 sh-text-start h-full\">\n                        <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm h-full flex flex-col\">\n                            <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-5\">Common symptoms include:<\/h3>\n                            <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 flex-grow\">\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Hot flashes<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Night sweats<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Mood changes<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Vaginal dryness<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Sleep disturbances<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Reduced bone density<\/span><\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm h-full flex flex-col\">\n                            <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-5\">Management may include:<\/h3>\n                            <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 flex-grow\">\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Lifestyle recommendations<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Hormonal assessment<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Bone health evaluation<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Hormone therapy when clinically appropriate<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Non-hormonal treatment options<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">Regular preventive screenings<\/span><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex items-center justify-center\">\n                        <!-- HIGH QUALITY RESPONSIVE IMAGE BLOCK 2 -->\n                        <div class=\"wh-img-block meno-block\">\n                            <picture>\n                                <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/6.webp\" type=\"image\/webp\">\n                                <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/6.webp\" alt=\"Saudi female specialist counseling a patient about menopause and hormonal health at Shefa Hospital\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/4.webp';\">\n                            <\/picture>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar\" dir=\"rtl\">\n            \n            <!-- SECTION 1: Postnatal Care (Arabic) -->\n            <div class=\"grid lg:grid-cols-[1.1fr_1fr] gap-12 items-center sh-animate\">\n                <div class=\"sh-text-start\">\n                    <div class=\"mb-8 max-w-3xl\">\n                        <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                            <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                            <span>\u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/span>\n                        <\/div>\n                        <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\">\u0631\u0639\u0627\u064a\u0629 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0644\u0644\u0623\u0645\u0647\u0627\u062a \u0627\u0644\u062c\u062f\u062f<\/h2>\n                        <p class=\"text-[#596b82] text-[18px] leading-relaxed\">\u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0644\u0627 \u064a\u0642\u0644 \u0623\u0647\u0645\u064a\u0629 \u0639\u0646 \u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644.<\/p>\n                    <\/div>\n                    <p class=\"font-bold text-[#243b5a] text-[20px] mb-4\">\u062a\u0631\u0643\u0632 \u0631\u0639\u0627\u064a\u0629 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0639\u0644\u0649:<\/p>\n                    <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 mb-6\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0627\u0644\u062c\u0633\u062f\u064a<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062f\u0639\u0645 \u0627\u0644\u0631\u0636\u0627\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0648\u062c\u064a\u0647\u0627\u062a \u0627\u0644\u062a\u063a\u0630\u064a\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0639\u0627\u0637\u0641\u064a\u0629 \u0648\u0627\u0644\u0646\u0641\u0633\u064a\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u062a\u062b\u0642\u064a\u0641 \u062d\u0648\u0644 \u0631\u0639\u0627\u064a\u0629 \u062d\u062f\u064a\u062b\u064a \u0627\u0644\u0648\u0644\u0627\u062f\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062c\u0631\u0648\u062d \u0628\u0639\u062f \u0627\u0644\u0648\u0644\u0627\u062f\u0629 \u0627\u0644\u0642\u064a\u0635\u0631\u064a\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0645\u0631\u0627\u0642\u0628\u0629 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0645\u0646\u0627\u0642\u0634\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629<\/span><\/li>\n                    <\/ul>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed\">\u062a\u0633\u0627\u0639\u062f \u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0645\u0628\u0643\u0631\u0627\u064b \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u0639\u0627\u0641\u064a \u0627\u0644\u0635\u062d\u064a \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u0637\u0641\u0644.<\/p>\n                <\/div>\n                <div class=\"flex items-center justify-center\">\n                    <div class=\"wh-img-block postnatal-block\">\n                        <picture>\n                            <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/9.webp\" type=\"image\/webp\">\n                            <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/9.webp\" alt=\"Saudi mother wearing hijab holding her newborn at Shefa Hospital maternity room\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n                        <\/picture>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- SECTION 2: Contraception (Arabic) -->\n            <div class=\"sh-animate\" style=\"animation-delay: 0.1s;\">\n                <div class=\"mb-10 max-w-3xl sh-text-start\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                        <span>\u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644<\/span>\n                    <\/div>\n                    <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644<\/h2>\n                    <p class=\"text-[#596b82] text-[18px] leading-relaxed\">\u064a\u062a\u062a\u064a\u062d \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629 \u0644\u0644\u0645\u0631\u0623\u0629 \u0648\u0627\u0644\u0632\u0648\u062c\u064a\u0646 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0633\u062a\u0646\u064a\u0631\u0629 \u0628\u0634\u0623\u0646 \u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629. \u0628\u0639\u062f \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a\u060c \u0633\u064a\u0634\u0631\u062d \u0644\u0643\u0650 \u0637\u0628\u064a\u0628 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643:<\/p>\n                <\/div>\n                <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">\u062d\u0628\u0648\u0628 \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0641\u0645\u0648\u064a\u0629<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">\u0627\u0644\u0644\u0648\u0644\u0628 \u0627\u0644\u0646\u062d\u0627\u0633\u064a<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">\u0627\u0644\u0644\u0648\u0644\u0628 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">\u062d\u0642\u0646 \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">\u0627\u0644\u063a\u0631\u0633\u0627\u062a \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629 \u062a\u062d\u062a \u0627\u0644\u062c\u0644\u062f<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0639\u0632\u0644 \u0644\u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">\u0648\u0633\u0627\u0626\u0644 \u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0637\u0627\u0631\u0626\u0629<\/div>\n                    <\/div>\n                    <div class=\"bg-white rounded-xl p-6 border border-[#e4edf3] shadow-sm sh-card-hover cursor-default\">\n                        <div class=\"w-11 h-11 rounded-lg grid place-items-center mb-4 transition-colors duration-300\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg><\/div>\n                        <div class=\"text-[#243b5a] font-semibold text-[15.5px] leading-snug\">\u0645\u0646\u0639 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u062f\u0627\u0626\u0645 (\u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621)<\/div>\n                    <\/div>\n                <\/div>\n                <p class=\"mt-8 text-[#596b82] max-w-3xl sh-text-start text-[16px]\">\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0646\u0633\u0628 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0631\u060c \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629\u060c \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u0631\u0636\u0627\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629\u060c \u0648\u062e\u0637\u0637 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.<\/p>\n            <\/div>\n\n            <!-- SECTION 3: Menopause (Arabic) -->\n            <div class=\"sh-animate\" style=\"animation-delay: 0.2s;\">\n                <div class=\"mb-10 max-w-3xl sh-text-start\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                        <span>\u0633\u0646 \u0627\u0644\u064a\u0623\u0633<\/span>\n                    <\/div>\n                    <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\">\u0631\u0639\u0627\u064a\u0629 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633 \u0648\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629<\/h2>\n                    <p class=\"text-[#596b82] text-[18px] leading-relaxed\">\u0633\u0646 \u0627\u0644\u064a\u0623\u0633 (\u0627\u0646\u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0645\u062b) \u0647\u0648 \u0645\u0631\u062d\u0644\u0629 \u0637\u0628\u064a\u0639\u064a\u0629 \u0641\u064a \u062d\u064a\u0627\u0629 \u0627\u0644\u0645\u0631\u0623\u0629\u060c \u0648\u0644\u0643\u0646 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u062e\u062a\u0644\u0641 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0645\u0646 \u0627\u0645\u0631\u0623\u0629 \u0644\u0623\u062e\u0631\u0649.<\/p>\n                <\/div>\n                <div class=\"grid lg:grid-cols-[1.2fr_1fr] gap-10 items-stretch\">\n                    <div class=\"grid gap-6 sh-text-start h-full\">\n                        <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm h-full flex flex-col\">\n                            <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-5\">\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u0634\u0627\u0626\u0639\u0629:<\/h3>\n                            <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 flex-grow\">\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0647\u0628\u0627\u062a \u0627\u0644\u0633\u0627\u062e\u0646\u0629<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u062a\u0639\u0631\u0642 \u0627\u0644\u0644\u064a\u0644\u064a<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0642\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0632\u0627\u062c<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u062c\u0641\u0627\u0641 \u0627\u0644\u0645\u0647\u0628\u0644<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u0646\u0648\u0645<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0646\u062e\u0641\u0627\u0636 \u0643\u062b\u0627\u0641\u0629 \u0627\u0644\u0639\u0638\u0627\u0645<\/span><\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm h-full flex flex-col\">\n                            <h3 class=\"font-bold text-[22px] text-[#243b5a] mb-5\">\u0642\u062f \u062a\u0634\u0645\u0644 \u062e\u0637\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u062c:<\/h3>\n                            <ul class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 flex-grow\">\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0648\u0635\u064a\u0627\u062a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0642\u064a\u064a\u0645 \u0635\u062d\u0629 \u0627\u0644\u0639\u0638\u0627\u0645<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a \u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621 \u0627\u0644\u0633\u0631\u064a\u0631\u064a<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u063a\u064a\u0631 \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a<\/span><\/li>\n                                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[15.5px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629<\/span><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex items-center justify-center\">\n                        <div class=\"wh-img-block meno-block\">\n                            <picture>\n                                <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/6.webp\" type=\"image\/webp\">\n                                <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/6.webp\" alt=\"Saudi female specialist counseling a patient about menopause and hormonal health at Shefa Hospital\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/4.webp';\">\n                            <\/picture>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-adv-care-666 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* Lightweight SVG Hexagon Background Pattern *\/\n    #sh-adv-care-666::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-adv-care-666 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-adv-care-666 .sh-text-start { text-align: left !important; }\n    #sh-adv-care-666[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpCards {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-adv-care-666 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpCards 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-adv-care-666 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-adv-care-666 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(19, 139, 134, 0.12);\n            border-color: #138b86;\n        }\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-adv-care-666 .sh-lang-ar { display: none; }\n    #sh-adv-care-666 .sh-lang-en { display: block; }\n\n    html[dir=\"rtl\"] #sh-adv-care-666 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-adv-care-666 .sh-lang-ar,\n    body.rtl #sh-adv-care-666 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-adv-care-666 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-adv-care-666 .sh-lang-en,\n    body.rtl #sh-adv-care-666 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-adv-care-666\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en\" dir=\"ltr\">\n            <!-- Header -->\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>Advanced Care<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    Minimally Invasive Gynecological Procedures\n                <\/h2>\n                <p class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                    Modern gynecology often uses minimally invasive techniques that may reduce pain, hospital stay, and recovery time. Depending on the diagnosis, procedures may include:\n                <\/p>\n            <\/div>\n\n            <!-- Procedures Grid -->\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n                <!-- Card 1 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-left cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-6\"><path d=\"M6 18h8\"><\/path><path d=\"M3 22h18\"><\/path><path d=\"M14 22a7 7 0 1 0 0-14h-1\"><\/path><path d=\"M9 14h2\"><\/path><path d=\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"><\/path><path d=\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Diagnostic hysteroscopy<\/div>\n                <\/div>\n                <!-- Card 2 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-left cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-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>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Laparoscopic surgery<\/div>\n                <\/div>\n                <!-- Card 3 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-left cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle><\/svg>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Ovarian cyst removal<\/div>\n                <\/div>\n                <!-- Card 4 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-left cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-6\"><path d=\"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1\"><\/path><circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle><path d=\"M12 10v12\"><\/path><path d=\"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z\"><\/path><path d=\"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Fibroid removal<\/div>\n                <\/div>\n                <!-- Card 5 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-left cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-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>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Endometrial biopsy<\/div>\n                <\/div>\n                <!-- Card 6 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-left cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-6\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Cervical procedures<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Footer Note -->\n            <p class=\"mt-10 text-center text-[#596b82] max-w-3xl mx-auto sh-animate\" style=\"animation-delay: 0.2s;\">\n                The recommended treatment depends on the patient&#8217;s diagnosis, symptoms, and future fertility goals.\n            <\/p>\n        <\/div>\n\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar\" dir=\"rtl\">\n            <!-- Header -->\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>\u0631\u0639\u0627\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0637\u0641\u064a\u0641\u0629 \u0627\u0644\u062a\u0648\u063a\u0644\n                <\/h2>\n                <p class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                    \u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u064a\u0633\u062a\u062e\u062f\u0645 \u0637\u0628 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u062d\u062f\u064a\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0637\u0641\u064a\u0641\u0629 \u0627\u0644\u062a\u0648\u063a\u0644 \u0648\u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0642\u0644\u0644 \u0627\u0644\u0623\u0644\u0645 \u0648\u0645\u062f\u0629 \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0648\u0648\u0642\u062a \u0627\u0644\u062a\u0639\u0627\u0641\u064a. \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u060c \u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a:\n                <\/p>\n            <\/div>\n\n            <!-- Procedures Grid -->\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n                <!-- Card 1 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-right cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-6\"><path d=\"M6 18h8\"><\/path><path d=\"M3 22h18\"><\/path><path d=\"M14 22a7 7 0 1 0 0-14h-1\"><\/path><path d=\"M9 14h2\"><\/path><path d=\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"><\/path><path d=\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\u062a\u0646\u0638\u064a\u0631 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a<\/div>\n                <\/div>\n                <!-- Card 2 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-right cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-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>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0628\u0627\u0644\u0645\u0646\u0638\u0627\u0631<\/div>\n                <\/div>\n                <!-- Card 3 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-right cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle><\/svg>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\u0625\u0632\u0627\u0644\u0629 \u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u064a\u0636<\/div>\n                <\/div>\n                <!-- Card 4 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-right cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-6\"><path d=\"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1\"><\/path><circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle><path d=\"M12 10v12\"><\/path><path d=\"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z\"><\/path><path d=\"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629<\/div>\n                <\/div>\n                <!-- Card 5 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-right cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-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>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\u062e\u0632\u0639\u0629 \u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645<\/div>\n                <\/div>\n                <!-- Card 6 -->\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card text-right cursor-default\">\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86] text-white grid place-items-center mb-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=\"w-6 h-6\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <\/div>\n                    <div class=\"font-bold text-[19px] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645<\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Footer Note -->\n            <p class=\"mt-10 text-center text-[#596b82] max-w-3xl mx-auto sh-animate\" style=\"animation-delay: 0.2s;\">\n                \u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647 \u0639\u0644\u0649 \u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0631\u064a\u0636\u0629 \u0648\u0623\u0639\u0631\u0627\u0636\u0647\u0627 \u0648\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-guidance-777 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA BACKGROUND *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-guidance-777 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-guidance-777 .sh-text-start { text-align: left !important; }\n    #sh-guidance-777[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpGuidance {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-guidance-777 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpGuidance 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-guidance-777 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-guidance-777 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(19, 139, 134, 0.12);\n            border-color: #138b86;\n        }\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-guidance-777 .sh-lang-ar { display: none; }\n    #sh-guidance-777 .sh-lang-en { display: block; }\n\n    html[dir=\"rtl\"] #sh-guidance-777 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-guidance-777 .sh-lang-ar,\n    body.rtl #sh-guidance-777 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-guidance-777 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-guidance-777 .sh-lang-en,\n    body.rtl #sh-guidance-777 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-guidance-777\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en\" dir=\"ltr\">\n            <!-- Header -->\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>Guidance<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    How to Choose the Best Gynecologist in Makkah\n                <\/h2>\n                <p class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                    Choosing the right gynecologist involves more than reading online reviews. Consider these important factors before booking an appointment.\n                <\/p>\n            <\/div>\n\n            <!-- Cards Grid -->\n            <div class=\"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n                \n                <!-- Card 1 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">1<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Medical Experience<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">Look for specialists with experience in:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Pregnancy care<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">High-risk pregnancy<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Infertility<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">PCOS<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Gynecological surgery<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Women&#8217;s preventive healthcare<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 2 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">2<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Hospital-Based Care<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">A hospital with diagnostic imaging, laboratory services, pharmacy, and inpatient facilities provides coordinated care when additional treatment is required.<\/p>\n                <\/div>\n\n                <!-- Card 3 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">3<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Comprehensive Women&#8217;s Health Services<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">A good gynecology department should provide:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Pregnancy care<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Fertility evaluation<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Preventive screening<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Family planning<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Menopause care<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Surgical treatment when necessary<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 4 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">4<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Communication and Patient Support<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">Patients should feel comfortable discussing sensitive health concerns. Choose a specialist who:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Explains treatment options clearly<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Encourages questions<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Provides follow-up guidance<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Supports informed decision-making<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 5 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">5<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Accessibility<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">Consider:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Convenient location<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Appointment availability<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Diagnostic facilities<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Hospital support services<\/span><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar\" dir=\"rtl\">\n            <!-- Header -->\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0637\u0628\u064a\u0629<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    \u0643\u064a\u0641 \u062a\u062e\u062a\u0627\u0631\u064a\u0646 \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0645\u0643\u0629\n                <\/h2>\n                <p class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                    \u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u064a\u062a\u0637\u0644\u0628 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a. \u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643.\n                <\/p>\n            <\/div>\n\n            <!-- Cards Grid -->\n            <div class=\"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n                \n                <!-- Card 1 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">1<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\u0627\u0628\u062d\u062b\u064a \u0639\u0646 \u0645\u062a\u062e\u0635\u0635\u0627\u062a \u0644\u062f\u064a\u0647\u0646 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0639\u0644\u0627\u062c \u0627\u0644\u0639\u0642\u0645<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 2 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">2<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062a\u0635\u0648\u064a\u0631 \u062a\u0634\u062e\u064a\u0635\u064a\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u062e\u062a\u0628\u0631\u060c \u0648\u0635\u064a\u062f\u0644\u064a\u0629\u060c \u0648\u0645\u0631\u0627\u0641\u0642 \u0644\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0645\u0646\u0648\u0645\u064a\u0646 \u064a\u0648\u0641\u0631 \u0631\u0639\u0627\u064a\u0629 \u0645\u0646\u0633\u0642\u0629 \u0648\u0622\u0645\u0646\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0623\u064a \u062a\u062f\u062e\u0644 \u0639\u0644\u0627\u062c\u064a \u0625\u0636\u0627\u0641\u064a.<\/p>\n                <\/div>\n\n                <!-- Card 3 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">3<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\u064a\u062c\u0628 \u0623\u0646 \u064a\u0648\u0641\u0631 \u0642\u0633\u0645 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u062a\u0645\u064a\u0632 \u0645\u0627 \u064a\u0644\u064a:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0631\u0639\u0627\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0642\u064a\u064a\u0645 \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u062e\u0635\u0648\u0628\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0628\u0643\u0631\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0631\u0639\u0627\u064a\u0629 \u0645\u0631\u062d\u0644\u0629 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062c\u0631\u0627\u062d\u064a \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 4 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">4<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u064a\u0636\u0629<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\u064a\u062c\u0628 \u0623\u0646 \u062a\u0634\u0639\u0631\u064a \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0627\u0645\u0629 \u0639\u0646\u062f \u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u062e\u0627\u0648\u0641\u0643 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629. \u0627\u062e\u062a\u0627\u0631\u064a \u0637\u0628\u064a\u0628\u0629:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0634\u0631\u062d \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0648\u0636\u0648\u062d \u0648\u0634\u0641\u0627\u0641\u064a\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0634\u062c\u0639\u0643\u0650 \u0639\u0644\u0649 \u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0642\u062f\u0645 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u062f\u0639\u0645 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u064a\u0631\u0629<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 5 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">5<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u062e\u062f\u0645\u0627\u062a<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0627\u0644\u0633\u0647\u0644<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0645\u0631\u0648\u0646\u062a\u0647\u0627<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649<\/span><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-guidance-777 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA BACKGROUND *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-guidance-777 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-guidance-777 .sh-text-start { text-align: left !important; }\n    #sh-guidance-777[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpGuidance {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-guidance-777 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpGuidance 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Hover Effects for Cards *\/\n    #sh-guidance-777 .sh-hover-card {\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-guidance-777 .sh-hover-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(19, 139, 134, 0.12);\n            border-color: #138b86;\n        }\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-guidance-777 .sh-lang-ar { display: none; }\n    #sh-guidance-777 .sh-lang-en { display: block; }\n\n    html[dir=\"rtl\"] #sh-guidance-777 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-guidance-777 .sh-lang-ar,\n    body.rtl #sh-guidance-777 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-guidance-777 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-guidance-777 .sh-lang-en,\n    body.rtl #sh-guidance-777 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-guidance-777\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en\" dir=\"ltr\">\n            <!-- Header -->\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>Guidance<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    How to Choose the Best Gynecologist in Makkah\n                <\/h2>\n                <p class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                    Choosing the right gynecologist involves more than reading online reviews. Consider these important factors before booking an appointment.\n                <\/p>\n            <\/div>\n\n            <!-- Cards Grid -->\n            <div class=\"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n                \n                <!-- Card 1 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">1<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Medical Experience<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">Look for specialists with experience in:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Pregnancy care<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">High-risk pregnancy<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Infertility<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">PCOS<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Gynecological surgery<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Women&#8217;s preventive healthcare<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 2 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">2<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Hospital-Based Care<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">A hospital with diagnostic imaging, laboratory services, pharmacy, and inpatient facilities provides coordinated care when additional treatment is required.<\/p>\n                <\/div>\n\n                <!-- Card 3 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">3<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Comprehensive Women&#8217;s Health Services<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">A good gynecology department should provide:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Pregnancy care<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Fertility evaluation<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Preventive screening<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Family planning<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Menopause care<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Surgical treatment when necessary<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 4 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">4<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Communication and Patient Support<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">Patients should feel comfortable discussing sensitive health concerns. Choose a specialist who:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Explains treatment options clearly<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Encourages questions<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Provides follow-up guidance<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Supports informed decision-making<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 5 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">5<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Accessibility<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">Consider:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Convenient location<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Appointment availability<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Diagnostic facilities<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Hospital support services<\/span><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar\" dir=\"rtl\">\n            <!-- Header -->\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0637\u0628\u064a\u0629<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    \u0643\u064a\u0641 \u062a\u062e\u062a\u0627\u0631\u064a\u0646 \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0645\u0643\u0629\n                <\/h2>\n                <p class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                    \u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u064a\u062a\u0637\u0644\u0628 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a. \u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643.\n                <\/p>\n            <\/div>\n\n            <!-- Cards Grid -->\n            <div class=\"grid md:grid-cols-2 gap-6 max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n                \n                <!-- Card 1 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">1<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\u0627\u0628\u062d\u062b\u064a \u0639\u0646 \u0645\u062a\u062e\u0635\u0635\u0627\u062a \u0644\u062f\u064a\u0647\u0646 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0639\u0644\u0627\u062c \u0627\u0644\u0639\u0642\u0645<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0631\u0623\u0629<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 2 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">2<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062a\u0635\u0648\u064a\u0631 \u062a\u0634\u062e\u064a\u0635\u064a\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u062e\u062a\u0628\u0631\u060c \u0648\u0635\u064a\u062f\u0644\u064a\u0629\u060c \u0648\u0645\u0631\u0627\u0641\u0642 \u0644\u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0645\u0646\u0648\u0645\u064a\u0646 \u064a\u0648\u0641\u0631 \u0631\u0639\u0627\u064a\u0629 \u0645\u0646\u0633\u0642\u0629 \u0648\u0622\u0645\u0646\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0623\u064a \u062a\u062f\u062e\u0644 \u0639\u0644\u0627\u062c\u064a \u0625\u0636\u0627\u0641\u064a.<\/p>\n                <\/div>\n\n                <!-- Card 3 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">3<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\u064a\u062c\u0628 \u0623\u0646 \u064a\u0648\u0641\u0631 \u0642\u0633\u0645 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u062a\u0645\u064a\u0632 \u0645\u0627 \u064a\u0644\u064a:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0631\u0639\u0627\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0642\u064a\u064a\u0645 \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u062e\u0635\u0648\u0628\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0628\u0643\u0631\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0633\u0631\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0631\u0639\u0627\u064a\u0629 \u0645\u0631\u062d\u0644\u0629 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062c\u0631\u0627\u062d\u064a \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 4 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">4<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u064a\u0636\u0629<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\u064a\u062c\u0628 \u0623\u0646 \u062a\u0634\u0639\u0631\u064a \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0627\u0645\u0629 \u0639\u0646\u062f \u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u062e\u0627\u0648\u0641\u0643 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629. \u0627\u062e\u062a\u0627\u0631\u064a \u0637\u0628\u064a\u0628\u0629:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0634\u0631\u062d \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c \u0628\u0648\u0636\u0648\u062d \u0648\u0634\u0641\u0627\u0641\u064a\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0634\u062c\u0639\u0643\u0650 \u0639\u0644\u0649 \u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0642\u062f\u0645 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u062f\u0639\u0645 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u064a\u0631\u0629<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Card 5 -->\n                <div class=\"bg-white rounded-2xl p-8 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default\">\n                    <div class=\"flex items-center gap-4 mb-5\">\n                        <div class=\"w-14 h-14 rounded-2xl grid place-items-center text-white text-[24px] font-bold\" style=\"background: linear-gradient(135deg, #138b86, #1a2a40); font-family: var(--font-display); box-shadow: 0 4px 10px rgba(19, 139, 134, 0.2);\">5<\/div>\n                        <h3 class=\"font-bold text-[22px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u062e\u062f\u0645\u0627\u062a<\/h3>\n                    <\/div>\n                    <p class=\"text-[#596b82] text-[16px] leading-relaxed mb-0\">\u0636\u0639\u064a \u0641\u064a \u0627\u0639\u062a\u0628\u0627\u0631\u0643 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:<\/p>\n                    <ul class=\"space-y-3 mt-4\">\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0627\u0644\u0633\u0647\u0644<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0648\u0641\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0645\u0631\u0648\u0646\u062a\u0647\u0627<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629<\/span><\/li>\n                        <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649<\/span><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-appointment-888 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Base color for Hexa *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* Lightweight SVG Hexagon Background Pattern *\/\n    #sh-appointment-888::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-appointment-888 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-appointment-888 .sh-text-start { text-align: left !important; }\n    #sh-appointment-888 [dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n    \n    \/* Chevron flip for RTL *\/\n    #sh-appointment-888 [dir=\"rtl\"] .sh-accordion-btn .sh-chevron { margin-right: auto; margin-left: 0; }\n    #sh-appointment-888 [dir=\"ltr\"] .sh-accordion-btn .sh-chevron { margin-left: auto; margin-right: 0; }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpAppt {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-appointment-888 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpAppt 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Accordion Styles *\/\n    #sh-appointment-888 .sh-accordion-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.3s ease-out, padding 0.3s ease-out;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n    #sh-appointment-888 .sh-accordion-item.active .sh-accordion-content {\n        padding-top: 1rem;\n        padding-bottom: 1.5rem;\n    }\n    #sh-appointment-888 .sh-accordion-item.active .sh-chevron {\n        transform: rotate(180deg);\n    }\n    #sh-appointment-888 .sh-chevron {\n        transition: transform 0.3s ease;\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-appointment-888 .sh-lang-ar { display: none; }\n    #sh-appointment-888 .sh-lang-en { display: grid; }\n\n    html[dir=\"rtl\"] #sh-appointment-888 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-appointment-888 .sh-lang-ar,\n    body.rtl #sh-appointment-888 .sh-lang-ar { \n        display: grid; \n    }\n    \n    html[dir=\"rtl\"] #sh-appointment-888 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-appointment-888 .sh-lang-en,\n    body.rtl #sh-appointment-888 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-appointment-888\">\n    <!-- ==============================\n         ENGLISH CONTENT (SSR Ready)\n         ============================== -->\n    <div class=\"sh-wrapper sh-lang-en lg:grid-cols-2 gap-10 items-start\" dir=\"ltr\">\n        \n        <!-- Column 1: What to Bring -->\n        <div class=\"bg-white rounded-2xl p-8 md:p-10 border border-[#e4edf3] shadow-sm sh-animate sh-text-start\">\n            <div class=\"flex items-center gap-4 mb-6\">\n                <div class=\"w-14 h-14 rounded-xl bg-[#138b86] text-white grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"><\/rect><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><path d=\"M12 11h4\"><\/path><path d=\"M12 16h4\"><\/path><path d=\"M8 11h.01\"><\/path><path d=\"M8 16h.01\"><\/path><\/svg>\n                <\/div>\n                <h2 class=\"text-[28px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">What to Bring to Your First Gynecology Appointment<\/h2>\n            <\/div>\n            <p class=\"text-[#596b82] mb-6 text-[16.5px]\">Preparing in advance helps make your consultation more productive.<\/p>\n            <p class=\"font-bold text-[#243b5a] mb-4 text-[18px]\">Bring:<\/p>\n            \n            <ul class=\"space-y-3 mb-8\">\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">National ID or insurance card<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Previous medical records<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Previous ultrasound reports<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Blood test reports<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Current medications<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Menstrual cycle information<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">Pregnancy records (if applicable)<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">List of symptoms or questions<\/span><\/li>\n            <\/ul>\n            \n            <p class=\"text-[#596b82] text-[15.5px] leading-relaxed pt-4 border-t border-[#e4edf3]\">Having this information available allows the doctor to understand your medical history more efficiently.<\/p>\n        <\/div>\n\n        <!-- Column 2: Questions to Ask -->\n        <div class=\"sh-animate sh-text-start\" style=\"animation-delay: 0.1s;\">\n            <div class=\"flex items-center gap-4 mb-6\">\n                <div class=\"w-14 h-14 rounded-xl text-white grid place-items-center shrink-0\" style=\"background-color: #d4af37;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg>\n                <\/div>\n                <h2 class=\"text-[28px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">Questions to Ask Your Gynecologist<\/h2>\n            <\/div>\n            <p class=\"text-[#596b82] mb-6 text-[16.5px]\">Many patients leave consultations wishing they had asked more questions. Consider discussing:<\/p>\n            \n            <div class=\"space-y-3\">\n                <!-- Accordions -->\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">What is causing my symptoms?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">Ask your gynecologist to explain likely causes based on your history, examination, and any test results.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">Are additional tests needed?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">Inquire if blood work, ultrasounds, or swabs are required for a precise diagnosis.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">What treatment options are available?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">Discuss whether medical, surgical, or lifestyle interventions are the best path forward.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">What are the benefits and possible risks of each treatment?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">Understanding the pros and cons helps you make an informed decision about your care.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">Can this condition affect future pregnancy?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">If you plan to have children, ask how your diagnosis or treatment might impact fertility.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">Are lifestyle changes recommended?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">Find out if diet, exercise, or stress management can improve your condition.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">When should I schedule my next follow-up?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">Clarify the timeline for your next visit to monitor progress or test results.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ==============================\n         ARABIC CONTENT (SSR Ready)\n         ============================== -->\n    <div class=\"sh-wrapper sh-lang-ar lg:grid-cols-2 gap-10 items-start\" dir=\"rtl\">\n        \n        <!-- Column 1: What to Bring -->\n        <div class=\"bg-white rounded-2xl p-8 md:p-10 border border-[#e4edf3] shadow-sm sh-animate sh-text-start\">\n            <div class=\"flex items-center gap-4 mb-6\">\n                <div class=\"w-14 h-14 rounded-xl bg-[#138b86] text-white grid place-items-center shrink-0\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"><\/rect><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><path d=\"M12 11h4\"><\/path><path d=\"M12 16h4\"><\/path><path d=\"M8 11h.01\"><\/path><path d=\"M8 16h.01\"><\/path><\/svg>\n                <\/div>\n                <h2 class=\"text-[28px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\u0645\u0627 \u064a\u062c\u0628 \u0625\u062d\u0636\u0627\u0631\u0647 \u0641\u064a \u0645\u0648\u0639\u062f\u0643 \u0627\u0644\u0623\u0648\u0644 \u0644\u0639\u064a\u0627\u062f\u0629 \u0627\u0644\u0646\u0633\u0627\u0621<\/h2>\n            <\/div>\n            <p class=\"text-[#596b82] mb-6 text-[16.5px]\">\u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0645\u0633\u0628\u0642 \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u062c\u0639\u0644 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0637\u0628\u064a\u0629 \u0623\u0643\u062b\u0631 \u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0648\u0641\u0639\u0627\u0644\u064a\u0629.<\/p>\n            <p class=\"font-bold text-[#243b5a] mb-4 text-[18px]\">\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062d\u0636\u0627\u0631:<\/p>\n            \n            <ul class=\"space-y-3 mb-8\">\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0623\u0648 \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0633\u062c\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0623\u0634\u0639\u0629 \u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0646\u062a\u0627\u0626\u062c \u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u062f\u0645 \u0627\u0644\u0645\u0639\u0645\u0644\u064a\u0629<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0646\u0627\u0648\u0644\u064a\u0646\u0647\u0627<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a)<\/span><\/li>\n                <li class=\"flex gap-3 items-start\"><span class=\"mt-[2px] shrink-0 w-5 h-5 rounded-full grid place-items-center\" style=\"background-color: #138b8615; color: #138b86;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed\">\u0642\u0627\u0626\u0645\u0629 \u0628\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646\u0647\u0627 \u0623\u0648 \u0623\u0633\u0626\u0644\u062a\u0643<\/span><\/li>\n            <\/ul>\n            \n            <p class=\"text-[#596b82] text-[15.5px] leading-relaxed pt-4 border-t border-[#e4edf3]\">\u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u064a\u062a\u064a\u062d \u0644\u0644\u0637\u0628\u064a\u0628\u0629 \u0641\u0647\u0645 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a \u0628\u0634\u0643\u0644 \u0623\u0633\u0631\u0639 \u0648\u0623\u0643\u062b\u0631 \u062f\u0642\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0645\u062b\u0644.<\/p>\n        <\/div>\n\n        <!-- Column 2: Questions to Ask -->\n        <div class=\"sh-animate sh-text-start\" style=\"animation-delay: 0.1s;\">\n            <div class=\"flex items-center gap-4 mb-6\">\n                <div class=\"w-14 h-14 rounded-xl text-white grid place-items-center shrink-0\" style=\"background-color: #d4af37;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg>\n                <\/div>\n                <h2 class=\"text-[28px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\u0623\u0633\u0626\u0644\u0629 \u0647\u0627\u0645\u0629 \u0644\u0637\u0631\u062d\u0647\u0627 \u0639\u0644\u0649 \u0637\u0628\u064a\u0628\u062a\u0643<\/h2>\n            <\/div>\n            <p class=\"text-[#596b82] mb-6 text-[16.5px]\">\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0645\u0631\u064a\u0636\u0627\u062a \u064a\u063a\u0627\u062f\u0631\u0646 \u0627\u0644\u0639\u064a\u0627\u062f\u0629 \u0648\u0647\u0646 \u064a\u062a\u0645\u0646\u064a\u0646 \u0644\u0648 \u0637\u0631\u062d\u0646 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629. \u0641\u0643\u0631\u064a \u0641\u064a \u0645\u0646\u0627\u0642\u0634\u0629 \u0645\u0627 \u064a\u0644\u064a:<\/p>\n            \n            <div class=\"space-y-3\">\n                <!-- Accordions -->\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0645\u0627 \u0647\u0648 \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0644\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062a\u064a \u0623\u0639\u0627\u0646\u064a \u0645\u0646\u0647\u0627\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">\u0627\u0637\u0644\u0628\u064a \u0645\u0646 \u0627\u0644\u0637\u0628\u064a\u0628\u0629 \u0634\u0631\u062d \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a\u060c \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u060c \u0648\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u062d\u0627\u0644\u064a\u0644.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">\u0627\u0633\u062a\u0641\u0633\u0631\u064a \u0639\u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0644\u062a\u062d\u0627\u0644\u064a\u0644 \u062f\u0645\u060c \u0645\u0633\u062d\u0627\u062a \u0637\u0628\u064a\u0629\u060c \u0623\u0648 \u0623\u0634\u0639\u0629 \u0635\u0648\u062a\u064a\u0629 \u0644\u0644\u0648\u0635\u0648\u0644 \u0644\u062a\u0634\u062e\u064a\u0635 \u062f\u0642\u064a\u0642.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0645\u0627 \u0647\u064a \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u062c\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u062d\u0627\u0644\u062a\u064a\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">\u0646\u0627\u0642\u0634\u064a \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u062a\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u062f\u0648\u0627\u0626\u064a\u0629\u060c \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629\u060c \u0623\u0648 \u062a\u063a\u064a\u064a\u0631 \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0647\u064a \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0641\u0636\u0644 \u0644\u0643\u0650.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0645\u0627 \u0647\u064a \u0641\u0648\u0627\u0626\u062f \u0648\u0645\u062e\u0627\u0637\u0631 \u0643\u0644 \u062e\u064a\u0627\u0631 \u0639\u0644\u0627\u062c\u064a\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">\u0641\u0647\u0645 \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a\u0627\u062a \u0648\u0627\u0644\u0633\u0644\u0628\u064a\u0627\u062a \u0648\u0627\u0644\u0622\u062b\u0627\u0631 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631 \u0645\u0633\u062a\u0646\u064a\u0631 \u0648\u0645\u0637\u0645\u0626\u0646 \u0628\u0634\u0623\u0646 \u0635\u062d\u062a\u0643.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0647\u0644 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0645\u0644 \u0645\u0633\u062a\u0642\u0628\u0644\u0627\u064b\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">\u0625\u0630\u0627 \u0643\u0646\u062a\u0650 \u062a\u062e\u0637\u0637\u064a\u0646 \u0644\u0644\u0625\u0646\u062c\u0627\u0628\u060c \u0627\u0633\u0623\u0644\u064a \u0643\u064a\u0641 \u0642\u062f \u064a\u0624\u062b\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0623\u0648 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0642\u062a\u0631\u062d \u0639\u0644\u0649 \u062e\u0635\u0648\u0628\u062a\u0643.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0647\u0644 \u064a\u064f\u0646\u0635\u062d \u0628\u0625\u062c\u0631\u0627\u0621 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u064a \u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">\u0627\u0643\u062a\u0634\u0641\u064a \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u060c \u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0629\u060c \u0623\u0648 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0648\u062a\u0631 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u062d\u0633\u0646 \u062d\u0627\u0644\u062a\u0643.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sh-accordion-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-accordion-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"shToggleAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0645\u062a\u0649 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062d\u062f\u062f \u0645\u0648\u0639\u062f \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-accordion-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2\">\u0648\u0636\u062d\u064a \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0632\u064a\u0627\u0631\u062a\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0633\u062a\u062c\u0627\u0628\u062a\u0643 \u0644\u0644\u0639\u0644\u0627\u062c \u0623\u0648 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Lightweight JS for Accordion Interaction ONLY -->\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Initialize the first accordion for both languages\n        const initAccordions = (selector) => {\n            const firstItem = document.querySelector(selector);\n            if (firstItem) {\n                firstItem.classList.add('active');\n                const content = firstItem.querySelector('.sh-accordion-content');\n                if(content) content.style.maxHeight = content.scrollHeight + 50 + \"px\";\n            }\n        };\n        initAccordions('.sh-lang-en .sh-accordion-item');\n        initAccordions('.sh-lang-ar .sh-accordion-item');\n    });\n\n    window.shToggleAccordion = function(btn) {\n        \/\/ Find the language container to isolate toggling behavior\n        const container = btn.closest('.sh-lang-en, .sh-lang-ar');\n        const item = btn.closest('.sh-accordion-item');\n        const content = item.querySelector('.sh-accordion-content');\n        const isActive = item.classList.contains('active');\n        \n        \/\/ Close all other accordions within the same language block\n        if (container) {\n            container.querySelectorAll('.sh-accordion-item').forEach(el => {\n                el.classList.remove('active');\n                const elContent = el.querySelector('.sh-accordion-content');\n                if(elContent) elContent.style.maxHeight = null;\n            });\n        }\n\n        \/\/ Open clicked accordion if it wasn't active\n        if (!isActive) {\n            item.classList.add('active');\n            content.style.maxHeight = content.scrollHeight + 50 + \"px\"; \n        }\n    };\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-comp-999 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* Clean White Background *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n    }\n\n    \/* 1475px Max Width Wrapper *\/\n    #sh-comp-999 .sh-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* Lightweight Animations *\/\n    @keyframes shFadeInUpComp {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-comp-999 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpComp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Table Hover Effect (Subtle) *\/\n    #sh-comp-999 tbody tr {\n        transition: background-color 0.2s ease;\n    }\n    #sh-comp-999 tbody tr:hover {\n        background-color: #f8fbfd !important;\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-comp-999 .sh-lang-ar { display: none; }\n    #sh-comp-999 .sh-lang-en { display: block; }\n\n    html[dir=\"rtl\"] #sh-comp-999 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-comp-999 .sh-lang-ar,\n    body.rtl #sh-comp-999 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-comp-999 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-comp-999 .sh-lang-en,\n    body.rtl #sh-comp-999 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-comp-999\">\n    <div class=\"sh-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en\" dir=\"ltr\">\n            <!-- Header -->\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>Comparison<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    Hospital-Based Care vs. Small Outpatient Clinics\n                <\/h2>\n            <\/div>\n\n            <!-- Responsive Comparison Table -->\n            <div class=\"overflow-x-auto rounded-2xl border border-[#e4edf3] shadow-sm bg-white max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n                <table class=\"w-full text-left border-collapse min-w-[600px]\">\n                    <thead>\n                        <tr class=\"bg-[#243b5a] text-white\">\n                            <th class=\"p-5 font-semibold text-[16px]\">Feature<\/th>\n                            <th class=\"p-5 font-semibold text-[16px]\">Hospital-Based Care<\/th>\n                            <th class=\"p-5 font-semibold text-[16px]\">Small Clinic<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody class=\"text-[15.5px]\">\n                        <tr class=\"bg-white\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">Specialist Consultations<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-[#f8fbfd]\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">Laboratory Services<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"text-[#596b82]\">Limited<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-white\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">Ultrasound Imaging<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"text-[#596b82]\">May Vary<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-[#f8fbfd]\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">Emergency Care<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"text-[#596b82]\">Usually No<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-white\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">Surgical Services<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"text-[#596b82]\">Referral Required<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-[#f8fbfd]\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">High-Risk Pregnancy Support<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"text-[#596b82]\">May Be Limited<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-white\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">Inpatient Admission<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Yes<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#ef4444] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg>No<\/span><\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar\" dir=\"rtl\">\n            <!-- Header -->\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>\u0645\u0642\u0627\u0631\u0646\u0629<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0627\u0644\u0635\u063a\u064a\u0631\u0629\n                <\/h2>\n            <\/div>\n\n            <!-- Responsive Comparison Table -->\n            <div class=\"overflow-x-auto rounded-2xl border border-[#e4edf3] shadow-sm bg-white max-w-5xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n                <table class=\"w-full text-right border-collapse min-w-[600px]\">\n                    <thead>\n                        <tr class=\"bg-[#243b5a] text-white\">\n                            <th class=\"p-5 font-semibold text-[16px]\">\u0627\u0644\u0645\u064a\u0632\u0629<\/th>\n                            <th class=\"p-5 font-semibold text-[16px]\">\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649<\/th>\n                            <th class=\"p-5 font-semibold text-[16px]\">\u0627\u0644\u0639\u064a\u0627\u062f\u0629 \u0627\u0644\u0635\u063a\u064a\u0631\u0629<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody class=\"text-[15.5px]\">\n                        <tr class=\"bg-white\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\u0646\u0639\u0645<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\u0646\u0639\u0645<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-[#f8fbfd]\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631 \u0648\u0627\u0644\u062a\u062d\u0627\u0644\u064a\u0644<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\u0646\u0639\u0645<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"text-[#596b82]\">\u0645\u062d\u062f\u0648\u062f\u0629<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-white\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\u0646\u0639\u0645<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"text-[#596b82]\">\u0642\u062f \u062a\u062e\u062a\u0644\u0641<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-[#f8fbfd]\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0637\u0648\u0627\u0631\u0626<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\u0646\u0639\u0645<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"text-[#596b82]\">\u063a\u0627\u0644\u0628\u0627\u064b \u0644\u0627<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-white\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\u0646\u0639\u0645<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"text-[#596b82]\">\u062a\u062a\u0637\u0644\u0628 \u0625\u062d\u0627\u0644\u0629<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-[#f8fbfd]\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">\u062f\u0639\u0645 \u0627\u0644\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\u0646\u0639\u0645<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"text-[#596b82]\">\u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u062d\u062f\u0648\u062f\u0627\u064b<\/span><\/td>\n                        <\/tr>\n                        <tr class=\"bg-white\">\n                            <td class=\"p-5 font-semibold text-[#243b5a] border-t border-[#e4edf3]\">\u062a\u0646\u0648\u064a\u0645 \u0627\u0644\u0645\u0631\u0636\u0649 (\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649)<\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#138b86] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\u0646\u0639\u0645<\/span><\/td>\n                            <td class=\"p-5 border-t border-[#e4edf3]\"><span class=\"inline-flex items-center gap-1.5 text-[#ef4444] font-semibold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg>\u0644\u0627<\/span><\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-emergency-101 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Lightweight SVG Hexagon Background *\/\n    #sh-emergency-101::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Constrained Wrapper (Max 1475px) *\/\n    #sh-emergency-101 .sh-em-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 4. RTL & LTR Typography Handling *\/\n    #sh-emergency-101 .sh-em-text-start { text-align: left !important; }\n    #sh-emergency-101[dir=\"rtl\"] .sh-em-text-start { text-align: right !important; }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpAlert {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-emergency-101 .sh-em-animate { \n        opacity: 0; \n        animation: shFadeInUpAlert 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 6. Pulse Alert Animation *\/\n    @keyframes shPulseAlert {\n        0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }\n        70% { box-shadow: 0 0 0 15px rgba(239, 68, 68, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }\n    }\n    #sh-emergency-101 .sh-em-alert-icon {\n        animation: shPulseAlert 2s infinite;\n        border-radius: 50% !important;\n    }\n    \n    \/* 7. Responsive Card Padding & Borders *\/\n    #sh-emergency-101 .sh-em-card {\n        background: linear-gradient(135deg, rgba(239, 68, 68, 0.04) 0%, #ffffff 30%, #ffffff 100%) !important;\n        border-top: 4px solid #ef4444 !important;\n    }\n    @media (min-width: 768px) {\n        #sh-emergency-101 .sh-em-card {\n            border-top: none !important;\n            border-left: 4px solid #ef4444 !important;\n        }\n        #sh-emergency-101[dir=\"rtl\"] .sh-em-card {\n            border-left: none !important;\n            border-right: 4px solid #ef4444 !important;\n        }\n    }\n\n    \/* 8. FIX: Remove Underline from Links *\/\n    #sh-emergency-101 a, \n    #sh-emergency-101 a:hover, \n    #sh-emergency-101 a:focus {\n        text-decoration: none !important;\n        outline: none !important;\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-emergency-101 .sh-lang-ar { display: none; }\n    #sh-emergency-101 .sh-lang-en { display: block; }\n\n    html[dir=\"rtl\"] #sh-emergency-101 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-emergency-101 .sh-lang-ar,\n    body.rtl #sh-emergency-101 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-emergency-101 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-emergency-101 .sh-lang-en,\n    body.rtl #sh-emergency-101 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-emergency-101\">\n    <div class=\"sh-em-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en\" dir=\"ltr\">\n            <!-- Emergency Box -->\n            <div class=\"sh-em-card rounded-3xl p-6 md:p-12 shadow-lg max-w-5xl mx-auto sh-em-animate sh-em-text-start\">\n                \n                <!-- Title Section -->\n                <div class=\"flex items-center gap-4 mb-6\">\n                    <div class=\"w-12 h-12 md:w-14 md:h-14 bg-[#ef4444] text-white grid place-items-center shrink-0 sh-em-alert-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <\/div>\n                    <h2 class=\"text-[24px] md:text-[34px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">Symptoms That Need Immediate Medical Attention<\/h2>\n                <\/div>\n                \n                <!-- Description -->\n                <p class=\"text-[#243b5a]\/85 mb-8 text-[16px] md:text-[17px] font-medium leading-relaxed\">Do not delay medical evaluation if you experience:<\/p>\n                \n                <!-- Symptoms Responsive Grid -->\n                <ul class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4 mb-8\">\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">Heavy bleeding during pregnancy<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">Severe abdominal pain<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">Sudden swelling of the face or hands<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">Persistent severe headache during pregnancy<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">Reduced fetal movements<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">High fever with pelvic pain<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">Heavy vaginal bleeding after menopause<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">Severe pelvic pain with fainting<\/span>\n                    <\/li>\n                <\/ul>\n                \n                <!-- Footer Note -->\n                <p class=\"mt-6 font-semibold text-[#243b5a] text-[16px] md:text-[17px] mb-6\">These symptoms require prompt medical assessment.<\/p>\n                \n                <!-- Call to Action -->\n                <div class=\"flex flex-wrap gap-3\">\n                    <a href=\"tel:+966125333555\" style=\"text-decoration: none !important;\" class=\"inline-flex items-center justify-center w-full sm:w-auto gap-2 bg-[#ef4444] text-white rounded-full px-7 py-3.5 font-bold hover:bg-[#dc2626] transition-colors shadow-md text-[16px]\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><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 dir=\"ltr\" style=\"text-decoration: none !important;\">Emergency: +966 12 533 3555<\/span>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar\" dir=\"rtl\">\n            <!-- Emergency Box -->\n            <div class=\"sh-em-card rounded-3xl p-6 md:p-12 shadow-lg max-w-5xl mx-auto sh-em-animate sh-em-text-start\">\n                \n                <!-- Title Section -->\n                <div class=\"flex items-center gap-4 mb-6\">\n                    <div class=\"w-12 h-12 md:w-14 md:h-14 bg-[#ef4444] text-white grid place-items-center shrink-0 sh-em-alert-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <\/div>\n                    <h2 class=\"text-[24px] md:text-[34px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\u0623\u0639\u0631\u0627\u0636 \u062a\u062a\u0637\u0644\u0628 \u0639\u0646\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0641\u0648\u0631\u064a\u0629<\/h2>\n                <\/div>\n                \n                <!-- Description -->\n                <p class=\"text-[#243b5a]\/85 mb-8 text-[16px] md:text-[17px] font-medium leading-relaxed\">\u0644\u0627 \u062a\u0624\u062c\u0644\u064a \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0623\u0628\u062f\u0627\u064b \u0625\u0630\u0627 \u0643\u0646\u062a\u0650 \u062a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646:<\/p>\n                \n                <!-- Symptoms Responsive Grid -->\n                <ul class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-4 mb-8\">\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">\u0646\u0632\u064a\u0641 \u0634\u062f\u064a\u062f \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0645\u0644<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">\u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u0648\u0645\u0641\u0627\u062c\u0626 \u0641\u064a \u0627\u0644\u0628\u0637\u0646<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">\u062a\u0648\u0631\u0645 \u0645\u0641\u0627\u062c\u0626 \u0641\u064a \u0627\u0644\u0648\u062c\u0647 \u0623\u0648 \u0627\u0644\u064a\u062f\u064a\u0646<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">\u0635\u062f\u0627\u0639 \u0634\u062f\u064a\u062f \u0648\u0645\u0633\u062a\u0645\u0631 \u0623\u062b\u0646\u0627\u0621 \u0641\u062a\u0631\u0629 \u0627\u0644\u062d\u0645\u0644<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">\u0642\u0644\u0629 \u0623\u0648 \u0627\u0646\u0639\u062f\u0627\u0645 \u062d\u0631\u0643\u0629 \u0627\u0644\u062c\u0646\u064a\u0646 \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">\u062d\u0645\u0649 \u0634\u062f\u064a\u062f\u0629 \u0648\u0627\u0631\u062a\u0641\u0627\u0639 \u062d\u0631\u0627\u0631\u0629 \u0645\u0635\u062d\u0648\u0628 \u0628\u0623\u0644\u0645 \u0641\u064a \u0627\u0644\u062d\u0648\u0636<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">\u0646\u0632\u064a\u0641 \u0645\u0647\u0628\u0644\u064a \u0634\u062f\u064a\u062f \u0628\u0639\u062f \u0627\u0646\u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0645\u062b<\/span>\n                    <\/li>\n                    <li class=\"flex gap-3 items-start\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#ef4444] mt-0.5 shrink-0\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg> \n                        <span class=\"text-[#243b5a] text-[15.5px] leading-relaxed font-medium\">\u0623\u0644\u0645 \u0634\u062f\u064a\u062f \u0641\u064a \u0627\u0644\u062d\u0648\u0636 \u0645\u0635\u062d\u0648\u0628 \u0628\u062f\u0648\u0627\u0631 \u0623\u0648 \u0625\u063a\u0645\u0627\u0621<\/span>\n                    <\/li>\n                <\/ul>\n                \n                <!-- Footer Note -->\n                <p class=\"mt-6 font-semibold text-[#243b5a] text-[16px] md:text-[17px] mb-6\">\u0647\u0630\u0647 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u062a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0648\u062a\u062f\u062e\u0644\u0627\u064b \u0639\u0627\u062c\u0644\u0627\u064b.<\/p>\n                \n                <!-- Call to Action -->\n                <div class=\"flex flex-wrap gap-3\">\n                    <a href=\"tel:+966125333555\" style=\"text-decoration: none !important;\" class=\"inline-flex items-center justify-center w-full sm:w-auto gap-2 bg-[#ef4444] text-white rounded-full px-7 py-3.5 font-bold hover:bg-[#dc2626] transition-colors shadow-md text-[16px]\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0\"><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 dir=\"ltr\" style=\"text-decoration: none !important;\">\u0627\u0644\u0637\u0648\u0627\u0631\u0626: 966125333555+<\/span>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-awareness-202 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important; \/* NO HEXA - Solid White *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-awareness-202 .sh-aw-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-awareness-202 .sh-aw-text-start { text-align: left !important; }\n    #sh-awareness-202[dir=\"rtl\"] .sh-aw-text-start { text-align: right !important; }\n\n    \/* 4. Entrance Animation *\/\n    @keyframes shFadeInUpAw {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-awareness-202 .sh-aw-animate { \n        opacity: 0; \n        animation: shFadeInUpAw 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 5. Responsive Cards & Hover Effects *\/\n    #sh-awareness-202 .sh-aw-card {\n        background-color: rgba(212, 175, 55, 0.05) !important; \/* bg-gold\/5 *\/\n        border-radius: 0.75rem !important;\n        padding: 1.25rem !important;\n        display: flex !important;\n        gap: 0.75rem !important;\n        align-items: flex-start !important;\n        transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n    }\n    \n    \/* Handle Borders for LTR and RTL separately *\/\n    #sh-awareness-202[dir=\"ltr\"] .sh-aw-card,\n    #sh-awareness-202 .sh-lang-en .sh-aw-card { \n        border-left: 4px solid #d4af37 !important; \n        border-right: none !important; \n    }\n    #sh-awareness-202[dir=\"rtl\"] .sh-aw-card,\n    #sh-awareness-202 .sh-lang-ar .sh-aw-card { \n        border-right: 4px solid #d4af37 !important; \n        border-left: none !important; \n    }\n\n    @media (min-width: 768px) {\n        #sh-awareness-202 .sh-aw-card:hover {\n            transform: translateY(-4px) !important;\n            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.15) !important;\n        }\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-awareness-202 .sh-lang-ar { display: none; }\n    #sh-awareness-202 .sh-lang-en { display: block; }\n\n    html[dir=\"rtl\"] #sh-awareness-202 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-awareness-202 .sh-lang-ar,\n    body.rtl #sh-awareness-202 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-awareness-202 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-awareness-202 .sh-lang-en,\n    body.rtl #sh-awareness-202 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-awareness-202\">\n    <div class=\"sh-aw-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en\" dir=\"ltr\">\n            <!-- Header Section -->\n            <div class=\"mb-12 max-w-3xl sh-aw-text-start sh-aw-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>Awareness<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\n                    Common Mistakes Women Make\n                <\/h2>\n                <p class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                    Avoid these common mistakes:\n                <\/p>\n            <\/div>\n\n            <!-- Dynamic Grid Section -->\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5 sh-aw-animate\" style=\"animation-delay: 0.1s;\">\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">Waiting too long before seeking medical advice<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">Ignoring irregular periods<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">Skipping routine cervical screening<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">Self-medicating without professional guidance<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">Delaying fertility evaluation<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">Missing prenatal appointments<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">Choosing a doctor based only on consultation fees<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Footer Section -->\n            <p class=\"mt-8 text-[#596b82] max-w-3xl sh-aw-text-start sh-aw-animate text-[16px]\" style=\"animation-delay: 0.2s;\">\n                Preventive care and early diagnosis often lead to better health outcomes.\n            <\/p>\n        <\/div>\n\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar\" dir=\"rtl\">\n            <!-- Header Section -->\n            <div class=\"mb-12 max-w-3xl sh-aw-text-start sh-aw-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>\u0627\u0644\u0648\u0639\u064a \u0627\u0644\u0635\u062d\u064a<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\n                    \u0623\u062e\u0637\u0627\u0621 \u0634\u0627\u0626\u0639\u0629 \u062a\u0642\u0639 \u0641\u064a\u0647\u0627 \u0627\u0644\u0646\u0633\u0627\u0621\n                <\/h2>\n                <p class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                    \u062a\u062c\u0646\u0628\u064a \u0647\u0630\u0647 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u062d\u0641\u0627\u0638\u0627\u064b \u0639\u0644\u0649 \u0635\u062d\u062a\u0643:\n                <\/p>\n            <\/div>\n\n            <!-- Dynamic Grid Section -->\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5 sh-aw-animate\" style=\"animation-delay: 0.1s;\">\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">\u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631 \u0637\u0648\u064a\u0644\u0627\u064b \u0642\u0628\u0644 \u0637\u0644\u0628 \u0627\u0644\u0645\u0634\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">\u062a\u062c\u0627\u0647\u0644 \u0639\u062f\u0645 \u0627\u0646\u062a\u0638\u0627\u0645 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">\u062a\u062e\u0637\u064a \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a \u0644\u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">\u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0648\u0627\u0644\u0645\u0636\u0627\u062f\u0627\u062a \u0630\u0627\u062a\u064a\u0627\u064b \u062f\u0648\u0646 \u0625\u0634\u0631\u0627\u0641 \u0637\u0628\u064a<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">\u062a\u0623\u062e\u064a\u0631 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u062e\u0635\u0648\u0628\u0629<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">\u062a\u0641\u0648\u064a\u062a \u0645\u0648\u0627\u0639\u064a\u062f \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644<\/span>\n                <\/div>\n                <div class=\"sh-aw-card\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5 text-[#d4af37] mt-0.5 shrink-0\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg>\n                    <span class=\"text-[#243b5a] text-[15.5px] font-medium leading-relaxed\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0637\u0628\u064a\u0628 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0631\u0633\u0648\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0641\u0642\u0637<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Footer Section -->\n            <p class=\"mt-8 text-[#596b82] max-w-3xl sh-aw-text-start sh-aw-animate text-[16px]\" style=\"animation-delay: 0.2s;\">\n                \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0628\u0643\u0631 \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0624\u062f\u064a\u0627\u0646 \u0625\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u0635\u062d\u064a\u0629 \u0623\u0641\u0636\u0644 \u0644\u0643\u0650 \u0648\u0644\u0639\u0627\u0626\u0644\u062a\u0643.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-faq-303 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #f8fbfd !important; \/* Background color for Hexa *\/\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Lightweight SVG Hexagon Background *\/\n    #sh-faq-303::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='56' height='100' viewBox='0 0 56 100'><g fill='none' stroke='%23138b86' stroke-opacity='0.05' stroke-width='1'><polygon points='28,1 55,17 55,49 28,65 1,49 1,17'\/><polygon points='28,51 55,67 55,99 28,115 1,99 1,67'\/><\/g><\/svg>\");\n        background-size: 56px 100px;\n        z-index: 0;\n        pointer-events: none;\n    }\n\n    \/* 3. Constrained Wrapper (Max 1475px) *\/\n    #sh-faq-303 .sh-faq-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 4. RTL & LTR Typography Handling *\/\n    #sh-faq-303 .sh-faq-text-start { text-align: left !important; }\n    #sh-faq-303 [dir=\"rtl\"] .sh-faq-text-start { text-align: right !important; }\n    \n    \/* Chevron flip for RTL *\/\n    #sh-faq-303 [dir=\"rtl\"] .sh-faq-btn .sh-chevron { margin-right: auto; margin-left: 0; }\n    #sh-faq-303 [dir=\"ltr\"] .sh-faq-btn .sh-chevron { margin-left: auto; margin-right: 0; }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpFaq {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-faq-303 .sh-faq-animate { \n        opacity: 0; \n        animation: shFadeInUpFaq 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* 6. Accordion Functionality Styles *\/\n    #sh-faq-303 .sh-faq-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.35s ease-out, padding 0.35s ease-out;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n    #sh-faq-303 .sh-faq-item.active .sh-faq-content {\n        padding-top: 1rem;\n        padding-bottom: 1.5rem;\n    }\n    #sh-faq-303 .sh-faq-item.active .sh-chevron {\n        transform: rotate(180deg);\n    }\n    #sh-faq-303 .sh-chevron {\n        transition: transform 0.3s ease;\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-faq-303 .sh-lang-ar { display: none; }\n    #sh-faq-303 .sh-lang-en { display: block; }\n\n    html[dir=\"rtl\"] #sh-faq-303 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-faq-303 .sh-lang-ar,\n    body.rtl #sh-faq-303 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-faq-303 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-faq-303 .sh-lang-en,\n    body.rtl #sh-faq-303 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-faq-303\">\n    <div class=\"sh-faq-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en\" dir=\"ltr\">\n            <!-- Header -->\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-faq-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>FAQ<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    Frequently Asked Questions\n                <\/h2>\n            <\/div>\n\n            <!-- FAQ Accordion List -->\n            <div class=\"space-y-3 max-w-4xl mx-auto sh-faq-animate\" style=\"animation-delay: 0.1s;\">\n                \n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">Who is the best gynecologist in Makkah?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            Shefa Hospital features a highly qualified team of experienced gynecologists. The &#8216;best&#8217; doctor depends on your specific needs\u2014whether it&#8217;s high-risk pregnancy, infertility, or surgical procedures. Our team will match you with the right specialist.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">Can I visit a gynecologist before planning pregnancy?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            Yes, a preconception checkup is highly recommended. It allows the doctor to assess your overall health, review medications, check immunity, and prescribe necessary supplements like folic acid before you conceive.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">When should I schedule my first prenatal visit?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            It is generally recommended to schedule your first prenatal visit when you are about 8 weeks pregnant (which is 8 weeks after the first day of your last menstrual period), unless you have high-risk factors that require earlier care.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">What conditions does a gynecologist treat?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            Gynecologists treat a wide range of reproductive health issues, including menstrual disorders, PCOS (Polycystic Ovary Syndrome), endometriosis, fibroids, pelvic pain, infections, and menopause-related symptoms.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">Can a gynecologist help with infertility?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            Yes. A gynecologist can conduct initial fertility evaluations, perform diagnostic tests (like ultrasounds and hormone panels), and provide early-stage treatments before referring you to a specialized fertility clinic if advanced treatments like IVF are needed.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-left px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">How often should I have a gynecological checkup?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            Most women should have a routine well-woman exam once a year. The frequency of specific tests, such as Pap smears or mammograms, will depend on your age, medical history, and specific guidelines.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            \n            <!-- Standard English FAQ Schema (SEO) -->\n            <script type=\"application\/ld+json\">\n            {\n              \"@context\": \"https:\/\/schema.org\",\n              \"@type\": \"FAQPage\",\n              \"mainEntity\": [\n                { \"@type\": \"Question\", \"name\": \"Who is the best gynecologist in Makkah?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Shefa Hospital features a highly qualified team of experienced gynecologists. The 'best' doctor depends on your specific needs\u2014whether it's high-risk pregnancy, infertility, or surgical procedures. Our team will match you with the right specialist.\" } },\n                { \"@type\": \"Question\", \"name\": \"Can I visit a gynecologist before planning pregnancy?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes, a preconception checkup is highly recommended. It allows the doctor to assess your overall health, review medications, check immunity, and prescribe necessary supplements like folic acid before you conceive.\" } },\n                { \"@type\": \"Question\", \"name\": \"When should I schedule my first prenatal visit?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"It is generally recommended to schedule your first prenatal visit when you are about 8 weeks pregnant (which is 8 weeks after the first day of your last menstrual period), unless you have high-risk factors that require earlier care.\" } },\n                { \"@type\": \"Question\", \"name\": \"What conditions does a gynecologist treat?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Gynecologists treat a wide range of reproductive health issues, including menstrual disorders, PCOS (Polycystic Ovary Syndrome), endometriosis, fibroids, pelvic pain, infections, and menopause-related symptoms.\" } },\n                { \"@type\": \"Question\", \"name\": \"Can a gynecologist help with infertility?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes. A gynecologist can conduct initial fertility evaluations, perform diagnostic tests (like ultrasounds and hormone panels), and provide early-stage treatments before referring you to a specialized fertility clinic if advanced treatments like IVF are needed.\" } },\n                { \"@type\": \"Question\", \"name\": \"How often should I have a gynecological checkup?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Most women should have a routine well-woman exam once a year. The frequency of specific tests, such as Pap smears or mammograms, will depend on your age, medical history, and specific guidelines.\" } }\n              ]\n            }\n            <\/script>\n        <\/div>\n\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar\" dir=\"rtl\">\n            <!-- Header -->\n            <div class=\"mb-12 text-center max-w-3xl mx-auto sh-faq-animate\">\n                <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                    <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                    <span>\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\n                <\/div>\n                <h2 class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629 \u062d\u0648\u0644 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f\n                <\/h2>\n            <\/div>\n\n            <!-- FAQ Accordion List -->\n            <div class=\"space-y-3 max-w-4xl mx-auto sh-faq-animate\" style=\"animation-delay: 0.1s;\">\n                \n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0645\u0646 \u0647\u064a \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0645\u0643\u0629\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            \u064a\u0636\u0645 \u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0623\u0641\u0636\u0644 \u0623\u0637\u0628\u0627\u0621 \u0648\u0637\u0628\u064a\u0628\u0627\u062a \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0630\u0648\u064a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629. \u064a\u0639\u062a\u0645\u062f \u0627\u062e\u062a\u064a\u0627\u0631 &#8216;\u0627\u0644\u0623\u0641\u0636\u0644&#8217; \u0639\u0644\u0649 \u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u0637\u0628\u064a\u0629 (\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0639\u0642\u0645\u060c \u062c\u0631\u0627\u062d\u0629). \u0633\u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0644\u0623\u062e\u0635\u0627\u0626\u064a \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u062d\u0627\u0644\u062a\u0643.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0642\u0628\u0644 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u062d\u0645\u0644\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            \u0646\u0639\u0645\u060c \u064a\u064f\u0646\u0635\u062d \u0628\u0634\u062f\u0629 \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0635 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062d\u0645\u0644 (Preconception Checkup). \u0641\u0647\u0648 \u064a\u062a\u064a\u062d \u0644\u0644\u0637\u0628\u064a\u0628\u0629 \u062a\u0642\u064a\u064a\u0645 \u0635\u062d\u062a\u0643 \u0627\u0644\u0639\u0627\u0645\u0629\u060c \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0623\u062f\u0648\u064a\u062a\u0643\u060c \u0648\u0648\u0635\u0641 \u0627\u0644\u0645\u0643\u0645\u0644\u0627\u062a \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629 \u0645\u062b\u0644 \u062d\u0645\u0636 \u0627\u0644\u0641\u0648\u0644\u064a\u0643 \u0644\u0636\u0645\u0627\u0646 \u062d\u0645\u0644 \u0635\u062d\u064a.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0645\u062a\u0649 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062d\u062f\u062f \u0645\u0648\u0639\u062f \u0632\u064a\u0627\u0631\u062a\u064a \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            \u064a\u064f\u0648\u0635\u0649 \u0639\u0627\u062f\u0629\u064b \u0628\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644 \u0641\u064a \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062b\u0627\u0645\u0646 \u062a\u0642\u0631\u064a\u0628\u0627\u064b (\u0623\u064a \u0628\u0639\u062f 8 \u0623\u0633\u0627\u0628\u064a\u0639 \u0645\u0646 \u0623\u0648\u0644 \u064a\u0648\u0645 \u0644\u0622\u062e\u0631 \u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629)\u060c \u0645\u0627 \u0644\u0645 \u062a\u0643\u0646 \u0647\u0646\u0627\u0643 \u0639\u0648\u0627\u0645\u0644 \u062e\u0637\u0631 \u062a\u062a\u0637\u0644\u0628 \u0631\u0639\u0627\u064a\u0629 \u0645\u0628\u0643\u0631\u0629.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0645\u0627 \u0647\u064a \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0644\u062c\u0647\u0627 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            \u062a\u0639\u0627\u0644\u062c \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u062a\u0634\u0645\u0644: \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\u060c \u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)\u060c \u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629\u060c \u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629\u060c \u0622\u0644\u0627\u0645 \u0627\u0644\u062d\u0648\u0636\u060c \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a\u060c \u0648\u0623\u0639\u0631\u0627\u0636 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0647\u0644 \u064a\u0645\u0643\u0646 \u0644\u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0642\u0645\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            \u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646 \u0644\u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0644\u0644\u062e\u0635\u0648\u0628\u0629\u060c \u0648\u0637\u0644\u0628 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u0634\u0639\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0639\u0644\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u0648\u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0627\u062d\u0642\u0627\u064b \u0625\u0644\u0649 \u0645\u0631\u0643\u0632 \u0645\u062a\u062e\u0635\u0635 \u0625\u0630\u0627 \u062a\u0637\u0644\u0628 \u0627\u0644\u0623\u0645\u0631 \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0645\u062b\u0644 \u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"sh-faq-item bg-white border border-[#e4edf3] rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow\">\n                    <button class=\"sh-faq-btn w-full flex items-center text-right px-6 py-5 hover:bg-[#f8fbfd] transition-colors\" onclick=\"window.shToggleFaqAccordion(this)\">\n                        <span class=\"font-bold text-[#243b5a] text-[18px]\" style=\"font-family: var(--font-display);\">\u0643\u0645 \u0645\u0631\u0629 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062e\u0636\u0639 \u0644\u0641\u062d\u0635 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621\u061f<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sh-chevron w-5 h-5 text-[#138b86] shrink-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\n                    <\/button>\n                    <div class=\"sh-faq-content bg-white px-6\">\n                        <div class=\"text-[#596b82] text-[16px] leading-relaxed border-t border-[#e4edf3] pt-4 pb-2 sh-faq-text-start\">\n                            \u064a\u064f\u0646\u0635\u062d \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0635 \u0631\u0648\u062a\u064a\u0646\u064a \u0634\u0627\u0645\u0644 (Well-woman exam) \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0633\u0646\u0648\u064a\u0627\u064b \u0644\u0645\u0639\u0638\u0645 \u0627\u0644\u0646\u0633\u0627\u0621. \u062a\u062e\u062a\u0644\u0641 \u0648\u062a\u064a\u0631\u0629 \u0628\u0639\u0636 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649\u060c \u0645\u062b\u0644 \u0645\u0633\u062d\u0629 \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645 (Pap smear)\u060c \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0639\u0645\u0631\u0643 \u0648\u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a.\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            \n            <!-- Standard Arabic FAQ Schema (SEO) -->\n            <script type=\"application\/ld+json\">\n            {\n              \"@context\": \"https:\/\/schema.org\",\n              \"@type\": \"FAQPage\",\n              \"mainEntity\": [\n                { \"@type\": \"Question\", \"name\": \"\u0645\u0646 \u0647\u064a \u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0645\u0643\u0629\u061f\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"\u064a\u0636\u0645 \u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0623\u0641\u0636\u0644 \u0623\u0637\u0628\u0627\u0621 \u0648\u0637\u0628\u064a\u0628\u0627\u062a \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0630\u0648\u064a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629. \u064a\u0639\u062a\u0645\u062f \u0627\u062e\u062a\u064a\u0627\u0631 '\u0627\u0644\u0623\u0641\u0636\u0644' \u0639\u0644\u0649 \u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u0637\u0628\u064a\u0629 (\u062d\u0645\u0644 \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0639\u0642\u0645\u060c \u062c\u0631\u0627\u062d\u0629). \u0633\u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0644\u0623\u062e\u0635\u0627\u0626\u064a \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u062d\u0627\u0644\u062a\u0643.\" } },\n                { \"@type\": \"Question\", \"name\": \"\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0632\u064a\u0627\u0631\u0629 \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0642\u0628\u0644 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u062d\u0645\u0644\u061f\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"\u0646\u0639\u0645\u060c \u064a\u064f\u0646\u0635\u062d \u0628\u0634\u062f\u0629 \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0635 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062d\u0645\u0644 (Preconception Checkup). \u0641\u0647\u0648 \u064a\u062a\u064a\u062d \u0644\u0644\u0637\u0628\u064a\u0628\u0629 \u062a\u0642\u064a\u064a\u0645 \u0635\u062d\u062a\u0643 \u0627\u0644\u0639\u0627\u0645\u0629\u060c \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0623\u062f\u0648\u064a\u062a\u0643\u060c \u0648\u0648\u0635\u0641 \u0627\u0644\u0645\u0643\u0645\u0644\u0627\u062a \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629 \u0645\u062b\u0644 \u062d\u0645\u0636 \u0627\u0644\u0641\u0648\u0644\u064a\u0643 \u0644\u0636\u0645\u0627\u0646 \u062d\u0645\u0644 \u0635\u062d\u064a.\" } },\n                { \"@type\": \"Question\", \"name\": \"\u0645\u062a\u0649 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062d\u062f\u062f \u0645\u0648\u0639\u062f \u0632\u064a\u0627\u0631\u062a\u064a \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\u061f\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"\u064a\u064f\u0648\u0635\u0649 \u0639\u0627\u062f\u0629\u064b \u0628\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0627\u0644\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644 \u0641\u064a \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u062b\u0627\u0645\u0646 \u062a\u0642\u0631\u064a\u0628\u0627\u064b (\u0623\u064a \u0628\u0639\u062f 8 \u0623\u0633\u0627\u0628\u064a\u0639 \u0645\u0646 \u0623\u0648\u0644 \u064a\u0648\u0645 \u0644\u0622\u062e\u0631 \u062f\u0648\u0631\u0629 \u0634\u0647\u0631\u064a\u0629)\u060c \u0645\u0627 \u0644\u0645 \u062a\u0643\u0646 \u0647\u0646\u0627\u0643 \u0639\u0648\u0627\u0645\u0644 \u062e\u0637\u0631 \u062a\u062a\u0637\u0644\u0628 \u0631\u0639\u0627\u064a\u0629 \u0645\u0628\u0643\u0631\u0629.\" } },\n                { \"@type\": \"Question\", \"name\": \"\u0645\u0627 \u0647\u064a \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0644\u062c\u0647\u0627 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621\u061f\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"\u062a\u0639\u0627\u0644\u062c \u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u062a\u0634\u0645\u0644: \u0627\u0636\u0637\u0631\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629\u060c \u0645\u062a\u0644\u0627\u0632\u0645\u0629 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636 (PCOS)\u060c \u0628\u0637\u0627\u0646\u0629 \u0627\u0644\u0631\u062d\u0645 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629\u060c \u0627\u0644\u0623\u0648\u0631\u0627\u0645 \u0627\u0644\u0644\u064a\u0641\u064a\u0629\u060c \u0622\u0644\u0627\u0645 \u0627\u0644\u062d\u0648\u0636\u060c \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a\u060c \u0648\u0623\u0639\u0631\u0627\u0636 \u0633\u0646 \u0627\u0644\u064a\u0623\u0633.\" } },\n                { \"@type\": \"Question\", \"name\": \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0644\u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0642\u0645\u061f\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"\u0646\u0639\u0645\u060c \u064a\u0645\u0643\u0646 \u0644\u0637\u0628\u064a\u0628\u0629 \u0627\u0644\u0646\u0633\u0627\u0621 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629 \u0644\u0644\u062e\u0635\u0648\u0628\u0629\u060c \u0648\u0637\u0644\u0628 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0647\u0631\u0645\u0648\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u0634\u0639\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0639\u0644\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u0648\u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0627\u062d\u0642\u0627\u064b \u0625\u0644\u0649 \u0645\u0631\u0643\u0632 \u0645\u062a\u062e\u0635\u0635 \u0625\u0630\u0627 \u062a\u0637\u0644\u0628 \u0627\u0644\u0623\u0645\u0631 \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0645\u062b\u0644 \u0623\u0637\u0641\u0627\u0644 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628.\" } },\n                { \"@type\": \"Question\", \"name\": \"\u0643\u0645 \u0645\u0631\u0629 \u064a\u062c\u0628 \u0623\u0646 \u0623\u062e\u0636\u0639 \u0644\u0641\u062d\u0635 \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621\u061f\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"\u064a\u064f\u0646\u0635\u062d \u0628\u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0635 \u0631\u0648\u062a\u064a\u0646\u064a \u0634\u0627\u0645\u0644 (Well-woman exam) \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0633\u0646\u0648\u064a\u0627\u064b \u0644\u0645\u0639\u0638\u0645 \u0627\u0644\u0646\u0633\u0627\u0621. \u062a\u062e\u062a\u0644\u0641 \u0648\u062a\u064a\u0631\u0629 \u0628\u0639\u0636 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649\u060c \u0645\u062b\u0644 \u0645\u0633\u062d\u0629 \u0639\u0646\u0642 \u0627\u0644\u0631\u062d\u0645 (Pap smear)\u060c \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0639\u0645\u0631\u0643 \u0648\u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0637\u0628\u064a.\" } }\n              ]\n            }\n            <\/script>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Lightweight JS for Accordion Interaction ONLY -->\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Initialize the first accordion for both languages\n        const initAccordions = (selector) => {\n            const firstItem = document.querySelector(selector);\n            if (firstItem) {\n                firstItem.classList.add('active');\n                const content = firstItem.querySelector('.sh-faq-content');\n                if(content) content.style.maxHeight = content.scrollHeight + 50 + \"px\";\n            }\n        };\n        initAccordions('.sh-lang-en .sh-faq-item');\n        initAccordions('.sh-lang-ar .sh-faq-item');\n    });\n\n    window.shToggleFaqAccordion = function(btn) {\n        \/\/ Find the language container to isolate toggling behavior\n        const container = btn.closest('.sh-lang-en, .sh-lang-ar');\n        const item = btn.closest('.sh-faq-item');\n        const content = item.querySelector('.sh-faq-content');\n        const isActive = item.classList.contains('active');\n        \n        \/\/ Close all other accordions within the same language block\n        if (container) {\n            container.querySelectorAll('.sh-faq-item').forEach(el => {\n                el.classList.remove('active');\n                const elContent = el.querySelector('.sh-faq-content');\n                if(elContent) elContent.style.maxHeight = null;\n            });\n        }\n\n        \/\/ Open clicked accordion if it wasn't active\n        if (!isActive) {\n            item.classList.add('active');\n            content.style.maxHeight = content.scrollHeight + 50 + \"px\"; \n        }\n    };\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-trust-404 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-trust-404 .sh-trust-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-trust-404 .sh-trust-text-start { text-align: left !important; }\n    #sh-trust-404[dir=\"rtl\"] .sh-trust-text-start,\n    #sh-trust-404 .sh-lang-ar .sh-trust-text-start { text-align: right !important; }\n\n    \/* 4. Entrance Animation *\/\n    @keyframes shFadeInUpTrust {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-trust-404 .sh-trust-animate { \n        opacity: 0; \n        animation: shFadeInUpTrust 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n    \n    \/* 5. Emphasized Text Styling (SEO Bold terms) *\/\n    #sh-trust-404 strong {\n        color: #243b5a;\n        font-weight: 700;\n    }\n\n    \/* 6. Link Styling *\/\n    #sh-trust-404 .sh-seo-link {\n        color: #243b5a !important;\n        text-decoration: underline !important;\n        font-weight: 700;\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-trust-404 .sh-lang-ar { display: none; }\n    #sh-trust-404 .sh-lang-en { display: block; }\n\n    html[dir=\"rtl\"] #sh-trust-404 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-trust-404 .sh-lang-ar,\n    body.rtl #sh-trust-404 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-trust-404 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-trust-404 .sh-lang-en,\n    body.rtl #sh-trust-404 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-trust-404\">\n    <div class=\"sh-trust-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en\" dir=\"ltr\">\n            <div class=\"max-w-4xl mx-auto sh-trust-text-start sh-trust-animate\">\n                <div class=\"mb-10\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                        <span>Trust<\/span>\n                    <\/div>\n                    <h2 class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\n                        Why Choose Shefa Hospital in Makkah?\n                    <\/h2>\n                <\/div>\n\n                <div class=\"space-y-6 text-[17.5px] leading-[1.85] text-[#596b82]\">\n                    <p>\n                        Women searching for the <a href=\"https:\/\/shefahospital.sa\/best-cardiology-hospital-makkah\/\" style=\"color:#243b5a; text-decoration:underline;\"><strong>Best Gynecologist in Makkah<\/strong><\/a>, a female <strong>gynecologist in Makkah<\/strong>, or a pregnancy doctor in Makkah often look for comprehensive care that combines specialist consultations, diagnostic services, maternity care, and follow-up support.\n                    <\/p>\n                    <p>\n                        Located in Al Mansur, Makkah, Shefa Hospital provides obstetrics and gynecology services that include pregnancy monitoring, fertility evaluation, preventive screenings, management of common gynecological conditions, and maternity care in a hospital-based setting \u2014 offering trusted <strong>pregnancy care Makkah<\/strong> for expecting mothers at every stage. As a leading <strong>maternity hospital Makkah<\/strong>, Shefa combines specialist obstetric care with coordinated support from other departments when needed.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar\" dir=\"rtl\">\n            <div class=\"max-w-4xl mx-auto sh-trust-text-start sh-trust-animate\">\n                <div class=\"mb-10\">\n                    <div class=\"inline-flex items-center gap-2 text-[#138b86] font-semibold text-[13px] tracking-wider uppercase mb-4\">\n                        <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                        <span>\u0627\u0644\u062b\u0642\u0629<\/span>\n                    <\/div>\n                    <h2 class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\">\n                        \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u064a\u0646 \u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621 \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u061f\n                    <\/h2>\n                <\/div>\n\n                <div class=\"space-y-6 text-[17.5px] leading-[1.85] text-[#596b82]\">\n                    <p>\n                        \u0627\u0644\u0646\u0633\u0627\u0621 \u0627\u0644\u0644\u0648\u0627\u062a\u064a \u064a\u0628\u062d\u062b\u0646 \u0639\u0646 <a href=\"https:\/\/shefahospital.sa\/best-cardiology-hospital-makkah\/\" class=\"sh-seo-link\">Best Gynecologist in Makkah<\/a>\u060c \u0623\u0648 <strong>\u0623\u062e\u0635\u0627\u0626\u064a\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0641\u064a \u0645\u0643\u0629<\/strong>\u060c \u0623\u0648 <strong>\u0637\u0628\u064a\u0628\u0629 \u0645\u062a\u0627\u0628\u0639\u0629 \u062d\u0645\u0644 \u0641\u064a \u0645\u0643\u0629<\/strong>\u060c \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0628\u062d\u062b\u0646 \u0639\u0646 \u0631\u0639\u0627\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\u060c \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0645\u0648\u0645\u0629.\n                    <\/p>\n                    <p>\n                        \u064a\u0642\u0639 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621<\/strong> \u0641\u064a <strong>\u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u0628\u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629<\/strong>\u060c \u0648\u064a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0637\u0628 \u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0648\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u062a\u0634\u0645\u0644: \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062d\u0645\u0644\u060c \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629\u060c \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0646\u0633\u0627\u0626\u064a\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\u060c \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0623\u0645\u0648\u0645\u0629 \u062f\u0627\u062e\u0644 \u0628\u064a\u0626\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u062c\u0647\u0632\u0629.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-book-505 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: transparent !important;\n        overflow: hidden !important;\n        padding-top: 6rem !important;\n        padding-bottom: 6rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n        z-index: 1 !important;\n    }\n\n    \/* 1A. Dedicated Background Layer *\/\n    #sh-book-505 .sh-bg-layer {\n        position: absolute !important;\n        top: 0 !important;\n        bottom: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        overflow: hidden !important;\n        z-index: -1 !important;\n    }\n\n    \/* Fully Responsive Background Image *\/\n    #sh-book-505 .sh-bg-layer img {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important; \n        object-position: center !important;\n        display: block;\n    }\n\n    \/* 2. Constrained Centered Wrapper (Max 1000px for balanced reading) *\/\n    #sh-book-505 .sh-book-wrapper {\n        width: 100% !important;\n        max-width: 1000px !important; \n        margin: 0 auto !important;\n        padding: 0 1.5rem !important;\n        position: relative !important;\n        z-index: 10 !important;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. RTL & LTR Typography Handling *\/\n    #sh-book-505 .sh-text-center { text-align: center !important; }\n\n    \/* 4. Remove Links Underline & Default Button Styles *\/\n    #sh-book-505 a {\n        text-decoration: none !important;\n        outline: none !important;\n        border: none;\n        cursor: pointer;\n    }\n\n    \/* 5. Entrance Animation *\/\n    @keyframes shFadeInUpBook {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-book-505 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpBook 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-book-505 .sh-lang-ar { display: none; }\n    #sh-book-505 .sh-lang-en { display: block; }\n\n    html[dir=\"rtl\"] #sh-book-505 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-book-505 .sh-lang-ar,\n    body.rtl #sh-book-505 .sh-lang-ar { \n        display: block; \n    }\n    \n    html[dir=\"rtl\"] #sh-book-505 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-book-505 .sh-lang-en,\n    body.rtl #sh-book-505 .sh-lang-en { \n        display: none; \n    }\n<\/style>\n\n<section id=\"sh-book-505\">\n    \n    <!-- Background Layer with Gradient Overlay & High Quality Image (Shared) -->\n    <div class=\"sh-bg-layer\">\n        <picture>\n            <source srcset=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/5.webp\" type=\"image\/webp\">\n            <img decoding=\"async\" src=\"https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/5.webp\" alt=\"Shefa Hospital Makkah\" loading=\"lazy\" onerror=\"this.src='https:\/\/shefahospital.sa\/wp-content\/uploads\/2026\/07\/3.webp';\">\n        <\/picture>\n        <div class=\"absolute inset-0\" style=\"background: linear-gradient(135deg, rgba(36, 59, 90, 0.95) 0%, rgba(36, 59, 90, 0.88) 50%, rgba(19, 139, 134, 0.85) 100%);\"><\/div>\n    <\/div>\n\n    <!-- ==============================\n         ENGLISH CONTENT (SSR Ready)\n         ============================== -->\n    <div class=\"sh-lang-en sh-book-wrapper text-white relative z-10 sh-text-center\" dir=\"ltr\">\n        <div class=\"sh-animate\">\n            <!-- Kicker Badge -->\n            <div class=\"inline-flex items-center gap-2 bg-white\/10 backdrop-blur px-4 py-1.5 rounded-full text-[13.5px] font-semibold mb-6 border border-white\/20 shadow-sm\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#d4af37]\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \n                <span>Conclusion<\/span>\n            <\/div>\n            \n            <!-- Main Title -->\n            <h2 class=\"text-[36px] md:text-[48px] lg:text-[52px] leading-tight font-bold text-white m-0 max-w-3xl mx-auto\" style=\"font-family: var(--font-display);\">\n                Schedule Your Women&#8217;s Health Consultation Today\n            <\/h2>\n            \n            <!-- Description Paragraphs -->\n            <div class=\"mt-6 space-y-5 text-white\/90 text-[17px] md:text-[18px] leading-relaxed max-w-3xl mx-auto font-normal\">\n                <p>Choosing the <strong class='text-white font-semibold'>best gynecologist in Makkah<\/strong> is an important step toward maintaining long-term reproductive and maternal health. Whether you are planning a pregnancy, expecting a baby, managing PCOS, seeking infertility support, or attending routine preventive screenings, regular consultations with an experienced obstetrics and gynecology team can help detect health concerns early and guide appropriate treatment.<\/p>\n                <p><strong class='text-white font-semibold'>Shefa Hospital<\/strong> is committed to supporting women through every stage of life with comprehensive obstetrics and gynecology services in a patient-focused hospital environment. From routine checkups and pregnancy care to fertility evaluation and specialized women&#8217;s health services, the hospital aims to provide safe, coordinated, and evidence-based care for every patient.<\/p>\n            <\/div>\n            \n            <!-- Call to Action Buttons -->\n            <div class=\"mt-9 flex flex-wrap justify-center items-center gap-4\">\n                <a href=\"#\" class=\"shefa-popup-trigger inline-flex items-center gap-2.5 bg-[#d4af37] text-white rounded-full px-8 py-4 font-bold hover:bg-[#b5952f] hover:scale-[1.02] transition-all duration-300 shadow-xl text-[16px]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg> \n                    <span>Book Appointment<\/span>\n                <\/a>\n                \n                <a href=\"tel:+966125333555\" class=\"inline-flex items-center gap-2.5 bg-white text-[#243b5a] rounded-full px-8 py-4 font-bold hover:bg-gray-100 hover:scale-[1.02] transition-all duration-300 shadow-xl text-[16px]\" dir=\"ltr\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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>+966 12 533 3555<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ==============================\n         ARABIC CONTENT (SSR Ready)\n         ============================== -->\n    <div class=\"sh-lang-ar sh-book-wrapper text-white relative z-10 sh-text-center\" dir=\"rtl\">\n        <div class=\"sh-animate\">\n            <!-- Kicker Badge -->\n            <div class=\"inline-flex items-center gap-2 bg-white\/10 backdrop-blur px-4 py-1.5 rounded-full text-[13.5px] font-semibold mb-6 border border-white\/20 shadow-sm\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-[#d4af37]\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \n                <span>\u0627\u0644\u062e\u0627\u062a\u0645\u0629<\/span>\n            <\/div>\n            \n            <!-- Main Title -->\n            <h2 class=\"text-[36px] md:text-[48px] lg:text-[52px] leading-tight font-bold text-white m-0 max-w-3xl mx-auto\" style=\"font-family: var(--font-display);\">\n                \u0627\u062d\u062c\u0632\u064a \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u064a\u0648\u0645\n            <\/h2>\n            \n            <!-- Description Paragraphs -->\n            <div class=\"mt-6 space-y-5 text-white\/90 text-[17px] md:text-[18px] leading-relaxed max-w-3xl mx-auto font-normal\">\n                <p>\u0625\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 <strong class='text-white font-semibold'>\u0623\u0641\u0636\u0644 \u0637\u0628\u064a\u0628\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0641\u064a \u0645\u0643\u0629<\/strong> \u064a\u064f\u0639\u062f \u062e\u0637\u0648\u0629 \u0645\u0647\u0645\u0629 \u0646\u062d\u0648 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0635\u062d\u062a\u0643 \u0627\u0644\u0625\u0646\u062c\u0627\u0628\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a\u0650 \u062a\u062e\u0637\u0637\u064a\u0646 \u0644\u0644\u062d\u0645\u0644\u060c \u0623\u0648 \u062a\u0646\u062a\u0638\u0631\u064a\u0646 \u0645\u0648\u0644\u0648\u062f\u0627\u064b\u060c \u0623\u0648 \u062a\u0639\u0627\u0646\u064a\u0646 \u0645\u0646 \u062a\u0643\u064a\u0633 \u0627\u0644\u0645\u0628\u0627\u064a\u0636\u060c \u0623\u0648 \u062a\u0628\u062d\u062b\u064a\u0646 \u0639\u0646 \u062f\u0639\u0645 \u0644\u0644\u062e\u0635\u0648\u0628\u0629\u060c \u0641\u0625\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0635\u062d\u064a\u0629 \u0645\u0628\u0643\u0631\u0627\u064b \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0639\u0644\u0627\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628.<\/p>\n                <p>\u064a\u0644\u062a\u0632\u0645 <strong class='text-white font-semibold'>\u0645\u0633\u062a\u0634\u0641\u0649 \u0634\u0641\u0627\u0621<\/strong> \u0628\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u062d\u064a\u0627\u062a\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0641\u064a \u0628\u064a\u0626\u0629 \u0645\u0633\u062a\u0634\u0641\u0649 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u064a\u0636\u0629 \u0623\u0648\u0644\u0627\u064b. \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0648\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u062d\u0645\u0644 \u0625\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u0635\u0648\u0628\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0646\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0631\u0639\u0627\u064a\u0629 \u0622\u0645\u0646\u0629\u060c \u0645\u0646\u0633\u0642\u0629\u060c \u0648\u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0623\u0633\u0633 \u0639\u0644\u0645\u064a\u0629 \u0644\u0643\u0644 \u0645\u0631\u064a\u0636\u0629.<\/p>\n            <\/div>\n            \n            <!-- Call to Action Buttons -->\n            <div class=\"mt-9 flex flex-wrap justify-center items-center gap-4\">\n                <a href=\"#\" class=\"shefa-popup-trigger inline-flex items-center gap-2.5 bg-[#d4af37] text-white rounded-full px-8 py-4 font-bold hover:bg-[#b5952f] hover:scale-[1.02] transition-all duration-300 shadow-xl text-[16px]\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg> \n                    <span>\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b<\/span>\n                <\/a>\n                \n                <a href=\"tel:+966125333555\" class=\"inline-flex items-center gap-2.5 bg-white text-[#243b5a] rounded-full px-8 py-4 font-bold hover:bg-gray-100 hover:scale-[1.02] transition-all duration-300 shadow-xl text-[16px]\" dir=\"ltr\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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>+966 12 533 3555<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-disclaimer-000 {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        max-width: 100vw !important;\n        background-color: transparent !important; \n        overflow: hidden !important;\n        padding-top: 2.5rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n        font-family: inherit;\n        display: block !important;\n    }\n\n    \/* 2. Constrained Wrapper (Max 1475px) *\/\n    #sh-disclaimer-000 .sh-disc-wrapper {\n        width: 100% !important;\n        max-width: 1475px !important; \n        margin: 0 auto !important;\n        padding: 0 1.25rem !important;\n        position: relative;\n        z-index: 10;\n        box-sizing: border-box !important;\n    }\n\n    \/* 3. Lightweight Entrance Animation - No JS *\/\n    @keyframes shFadeInUpDisc {\n        from { opacity: 0; transform: translateY(15px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    #sh-disclaimer-000 .sh-animate-fade-in-up { \n        opacity: 0; \n        animation: shFadeInUpDisc 0.5s ease-out forwards; \n    }\n\n    \/* 4. Base Card Styles *\/\n    #sh-disclaimer-000 .sh-disc-card {\n        background-color: #f8fafc; \/* Tailwind slate-50 *\/\n        border-radius: 1rem;\n        padding: 1.5rem;\n        border: 1px solid #e2e8f0; \/* Tailwind slate-200 *\/\n        transition: all 0.3s ease;\n    }\n    @media (min-width: 768px) {\n        #sh-disclaimer-000 .sh-disc-card { padding: 2rem; }\n    }\n    #sh-disclaimer-000 .sh-disc-card:hover {\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n        border-color: #cbd5e1; \/* Tailwind slate-300 *\/\n    }\n\n    \/* ==========================================\n       SSR SEO LANGUAGE SWITCHER (NO JS REQUIRED)\n       ========================================== *\/\n    #sh-disclaimer-000 .sh-lang-ar { display: none !important; }\n    #sh-disclaimer-000 .sh-lang-en { display: flex !important; }\n\n    html[dir=\"rtl\"] #sh-disclaimer-000 .sh-lang-ar,\n    html[lang*=\"ar\"] #sh-disclaimer-000 .sh-lang-ar,\n    body.rtl #sh-disclaimer-000 .sh-lang-ar { \n        display: flex !important; \n    }\n    \n    html[dir=\"rtl\"] #sh-disclaimer-000 .sh-lang-en,\n    html[lang*=\"ar\"] #sh-disclaimer-000 .sh-lang-en,\n    body.rtl #sh-disclaimer-000 .sh-lang-en { \n        display: none !important; \n    }\n<\/style>\n\n<section id=\"sh-disclaimer-000\">\n    <div class=\"sh-disc-wrapper\">\n        \n        <!-- ==============================\n             ENGLISH CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-en sh-disc-card flex-col sm:flex-row gap-4 sm:gap-6 items-start sh-animate-fade-in-up\" dir=\"ltr\">\n            <!-- Icon -->\n            <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-xl bg-white border border-[#e2e8f0] text-[#1e293b] flex items-center justify-center shrink-0 shadow-sm\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 md:w-7 md:h-7\" aria-hidden=\"true\"><path d=\"M10 12h4\"><\/path><path d=\"M10 8h4\"><\/path><path d=\"M14 21v-3a2 2 0 0 0-4 0v3\"><\/path><path d=\"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\"><\/path><path d=\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"><\/path><\/svg>\n            <\/div>\n\n            <!-- Content -->\n            <div class=\"text-left flex-1\">\n                <h3 class=\"text-lg md:text-[20px] font-semibold text-[#0f172a] mb-3 tracking-tight\">Medical Review &amp; Disclaimer<\/h3>\n                \n                <ul class=\"text-[13.5px] md:text-sm text-[#334155] space-y-1 mb-4\">\n                    <li><strong>Reviewed By:<\/strong> Dr. Elsadig Ali, Consultant OB-GYN (Languages: Arabic, English)<\/li>\n                    <li><strong>Last Updated:<\/strong> July 2026<\/li>\n                    <li><strong>Hospital Accreditation:<\/strong> CBAHI Accredited Facility<\/li>\n                <\/ul>\n\n                <p class=\"text-[13.5px] md:text-sm text-[#475569] leading-relaxed m-0\">\n                    <strong>Disclaimer:<\/strong> This article is intended for general educational purposes only and should not replace professional medical advice, diagnosis, or treatment. Every patient&#8217;s health condition is different. Always consult a qualified obstetrician and gynecologist for personalized medical recommendations, diagnosis, and treatment. In case of a medical emergency, seek immediate medical attention or visit our 24\/7 Emergency Department at Al Mansur, Makkah.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- ==============================\n             ARABIC CONTENT (SSR Ready)\n             ============================== -->\n        <div class=\"sh-lang-ar sh-disc-card flex-col sm:flex-row gap-4 sm:gap-6 items-start sh-animate-fade-in-up\" dir=\"rtl\">\n            <!-- Icon -->\n            <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-xl bg-white border border-[#e2e8f0] text-[#1e293b] flex items-center justify-center shrink-0 shadow-sm\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6 md:w-7 md:h-7\" aria-hidden=\"true\"><path d=\"M10 12h4\"><\/path><path d=\"M10 8h4\"><\/path><path d=\"M14 21v-3a2 2 0 0 0-4 0v3\"><\/path><path d=\"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\"><\/path><path d=\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"><\/path><\/svg>\n            <\/div>\n\n            <!-- Content -->\n            <div class=\"text-right flex-1\">\n                <h3 class=\"text-lg md:text-[20px] font-semibold text-[#0f172a] mb-3 tracking-tight\">\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0625\u062e\u0644\u0627\u0621 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629<\/h3>\n                \n                <ul class=\"text-[13.5px] md:text-sm text-[#334155] space-y-1 mb-4\">\n                    <li><strong>\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0628\u0648\u0627\u0633\u0637\u0629:<\/strong> \u062f. \u0627\u0644\u0635\u0627\u062f\u0642 \u0639\u0644\u064a\u060c \u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0644\u064a\u062f (\u0627\u0644\u0644\u063a\u0627\u062a: \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629)<\/li>\n                    <li><strong>\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:<\/strong> \u064a\u0648\u0644\u064a\u0648 2026<\/li>\n                    <li><strong>\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649:<\/strong> \u0645\u0646\u0634\u0623\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646 \u0633\u0628\u0627\u0647\u064a (CBAHI)<\/li>\n                <\/ul>\n\n                <p class=\"text-[13.5px] md:text-sm text-[#475569] leading-relaxed m-0\">\n                    <strong>\u0625\u062e\u0644\u0627\u0621 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629:<\/strong> \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u0645\u062e\u0635\u0635 \u0644\u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0641\u0642\u0637 \u0648\u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u0623\u0646 \u064a\u062d\u0644 \u0645\u062d\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0623\u0648 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u060c \u0623\u0648 \u0627\u0644\u0639\u0644\u0627\u062c. \u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0644\u0643\u0644 \u0645\u0631\u064a\u0636\u0629. \u064a\u064f\u0631\u062c\u0649 \u062f\u0627\u0626\u0645\u0627\u064b \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0628\/\u0629 \u0623\u0645\u0631\u0627\u0636 \u0646\u0633\u0627\u0621 \u0648\u062a\u0648\u0644\u064a\u062f \u0645\u0624\u0647\u0644 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0648\u0635\u064a\u0627\u062a \u0637\u0628\u064a\u0629\u060c \u0648\u062a\u0634\u062e\u064a\u0635\u060c \u0648\u0639\u0644\u0627\u062c \u0634\u062e\u0635\u064a. \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \u0627\u0644\u0637\u0628\u064a\u0629\u060c \u064a\u064f\u0631\u062c\u0649 \u0637\u0644\u0628 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u0623\u0648 \u0632\u064a\u0627\u0631\u0629 \u0642\u0633\u0645 \u0627\u0644\u0637\u0648\u0627\u0631\u0626 \u0644\u062f\u064a\u0646\u0627 \u0627\u0644\u0645\u0641\u062a\u0648\u062d \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u0641\u064a \u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Home \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 Departments \u0627\u0644\u0623\u0642\u0633\u0627\u0645 Obstetrics &amp; Gynecology \u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0646\u0633\u0627\u0621 \u0648\u0627\u0644\u0648\u0644\u0627\u062f\u0629 CBAHI Accredited \u00b7 Al Mansur, Makkah \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a \u00b7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-565","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/565","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=565"}],"version-history":[{"count":51,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/565\/revisions"}],"predecessor-version":[{"id":1944,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/565\/revisions\/1944"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}