{"id":587,"date":"2026-07-06T11:54:12","date_gmt":"2026-07-06T11:54:12","guid":{"rendered":"https:\/\/shefahospital.sa\/pre-employment-medical-checkup-makkah\/"},"modified":"2026-07-21T18:54:40","modified_gmt":"2026-07-21T18:54:40","slug":"pre-employment-medical-checkup-makkah","status":"publish","type":"page","link":"https:\/\/shefahospital.sa\/ar\/pre-employment-medical-checkup-makkah\/","title":{"rendered":"Pre-Employment Screening"},"content":{"rendered":"\n<style>\n    \/* 1. Highly Unique Scoped ID for Astra Breakout (Full Width Background) *\/\n    #sh-emp-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: 4rem !important;\n        padding-bottom: 4rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 1024px) {\n        #sh-emp-hero-998 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hex Pattern pseudo-element *\/\n    #sh-emp-hero-998::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='%23243B5A' stroke-opacity='0.04' 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. Protected Inner Container - ALIGNED WITH HEADER LOGO & BUTTON *\/\n    #sh-emp-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. Force remove underlines from ALL links in this section *\/\n    #sh-emp-hero-998 a {\n        text-decoration: none !important;\n        box-shadow: none !important;\n    }\n    #sh-emp-hero-998 a:hover {\n        text-decoration: none !important;\n    }\n\n    #sh-emp-hero-998 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-emp-hero-998\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper grid lg:grid-cols-[1.15fr_1fr] gap-14 lg:gap-20 items-center text-left\">\n        \n        <div class=\"animate-fadeup !mx-0\">\n            \n            <nav class=\"flex items-center gap-2 text-[13px] text-slate-500 mb-6 font-medium\">\n                <a href=\"#\" class=\"!text-slate-500 hover:!text-[#0d9488] transition\" id=\"sh-hero-lang-home\">Home<\/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\" id=\"sh-hero-lang-dept\">Services<\/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]\" id=\"sh-hero-lang-subdept\">Pre-Employment Checkup<\/span>\n            <\/nav>\n\n            <div class=\"inline-flex items-center gap-2 bg-amber-100\/60 text-[#d97706] px-4 py-1.5 rounded-full text-[13px] font-bold mb-6\">\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 id=\"sh-hero-lang-badge\">CBAHI Accredited \u00b7 Al Mansur, Makkah<\/span>\n            <\/div>\n\n            <h1 id=\"sh-hero-title-main\" class=\"text-[38px] md:text-[50px] lg:text-[56px] font-bold leading-[1.1] text-[#0f172a] mb-2\" style=\"font-family: var(--font-display);\">\n                Pre-Employment Medical Checkup in Makkah\n            <\/h1>\n            <h2 id=\"sh-hero-title-sub\" class=\"text-[24px] md:text-[32px] font-bold leading-[1.2] text-[#0d9488]\" style=\"font-family: var(--font-display);\">\n                Employment Health Assessments That Support Safe and Productive Workplaces\n            <\/h2>\n\n            <p id=\"sh-hero-lang-desc\" class=\"mt-6 text-[15px] md:text-[17px] text-slate-600 leading-relaxed max-w-xl\">\n                <!-- Injected via JS below -->\n            <\/p>\n\n            <div class=\"mt-8 flex flex-wrap gap-3\">\n                <!-- ADDED shefa-popup-trigger strictly to this button as ID and Class -->\n                <a href=\"#appointment-form\" id=\"shefa-popup-trigger\" class=\"shefa-popup-trigger !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)]\">\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\" class=\"shrink-0\"><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 id=\"sh-hero-lang-btn-book\">Book Appointment<\/span>\n                <\/a>\n                \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\">\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\" class=\"shrink-0\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-call\">Call Hospital<\/span>\n                <\/a>\n                \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)]\" target=\"_blank\" rel=\"noopener\">\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\" class=\"shrink-0\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg> \n                    <span id=\"sh-hero-lang-btn-wa\">WhatsApp<\/span>\n                <\/a>\n            <\/div>\n\n            <div class=\"mt-12 grid grid-cols-2 sm:grid-cols-4 gap-4\">\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md 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 text-[#0d9488]\"><path d=\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">CBAHI Accredited<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md 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 text-[#0d9488]\"><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                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Comprehensive Testing<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md 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 text-[#0d9488]\"><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"><\/path><path d=\"M10.4 12.6a2 2 0 1 1 3 3L8 21l-4 1 1-4Z\"><\/path><path d=\"M20 18v-8a2 2 0 0 0-2-2h-4.5\"><\/path><path d=\"M4 12v-6a2 2 0 0 1 2-2h6\"><\/path><\/svg>\n                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Fast Results<\/span>\n                <\/div>\n                <div class=\"flex flex-col items-center justify-center gap-2 text-center bg-white\/70 border border-slate-200\/60 rounded-xl py-4 px-2 backdrop-blur-md 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 text-[#0d9488]\"><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                    <span class=\"text-[12px] md:text-[13px] font-bold text-[#0f172a] leading-tight sh-hero-feat\">Hospital-Based<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"relative mt-8 lg:mt-0 !mx-0\">\n            <div class=\"absolute -top-10 -left-10 w-48 h-48 bg-[#0d9488]\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n            <div class=\"absolute -bottom-10 -right-10 w-64 h-64 bg-[#d97706]\/15 rounded-full blur-3xl pointer-events-none\"><\/div>\n            \n            <div class=\"relative rounded-3xl overflow-hidden shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] border-4 border-white\">\n                <!-- Image uses proper constraints for responsiveness -->\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pre_employee1.webp\" alt=\"Pre-employment medical checkup consultation at Shefa Hospital in Makkah.\" class=\"w-full h-auto aspect-auto object-contain object-center block\" loading=\"eager\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Pre_employee1.webp';\">\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const heroData = {\n            en: { \n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                home: \"Home\",\n                dept: \"Services\",\n                subdept: \"Pre-Employment Checkup\",\n                badge: \"CBAHI Accredited \u00b7 Al Mansur, Makkah\",\n                titleMain: \"Pre-Employment Medical Checkup in Makkah\",\n                titleSub: \"Employment Health Assessments That Support Safe and Productive Workplaces\",\n                desc: \"Hiring the right employee involves more than reviewing qualifications and experience. Many organizations also require a pre-employment medical checkup to evaluate whether a candidate is medically fit for the responsibilities of a specific role. These examinations help employers meet workplace health requirements while giving employees an opportunity to identify previously undiagnosed health conditions before beginning work. If you are looking for a pre-employment medical checkup in Makkah, <a href='https:\/\/shefahospital.sa\/' style='color:#0d9488; font-weight:700; text-decoration:underline;'>Shefa Hospital<\/a>, located in Al Mansur, Makkah, provides comprehensive employment medical assessments supported by physicians, laboratory services, diagnostic imaging, and hospital-based clinical facilities.\",\n                btnBook: \"Book Appointment\",\n                btnCall: \"Call Hospital\",\n                btnWa: \"WhatsApp\",\n                feats: [\n                    \"CBAHI Accredited\",\n                    \"Comprehensive Testing\",\n                    \"Fast Results\",\n                    \"Hospital-Based\"\n                ],\n                floatSub: \"Trusted by\",\n                floatMain: \"761+ Corporate Clients\"\n            },\n            ar: { \n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                home: \"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\n                dept: \"\u0627\u0644\u062e\u062f\u0645\u0627\u062a\",\n                subdept: \"\u0641\u062d\u0635 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\",\n                badge: \"\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a \u00b7 \u0627\u0644\u0645\u0646\u0635\u0648\u0631\u060c \u0645\u0643\u0629\",\n                titleMain: \"\u0641\u062d\u0635 \u0637\u0628\u064a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0645\u0643\u0629\",\n                titleSub: \"\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0635\u062d\u064a\u0629 \u0645\u0647\u0646\u064a\u0629 \u062a\u062f\u0639\u0645 \u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0622\u0645\u0646\u0629 \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0629\",\n                desc: \"\u0625\u0646 \u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0634\u062e\u0635 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u064a\u062a\u0637\u0644\u0628 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0624\u0647\u0644\u0627\u062a \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u062a. \u062a\u0637\u0644\u0628 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0623\u064a\u0636\u0627\u064b \u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0635 \u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0644\u062a\u0642\u064a\u064a\u0645 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0645\u0631\u0634\u062d \u0644\u0627\u0626\u0642\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u062f\u0648\u0631 \u0645\u0639\u064a\u0646. \u062a\u0633\u0627\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0644\u0628\u064a\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0635\u062d\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644 \u0628\u064a\u0646\u0645\u0627 \u062a\u0645\u0646\u062d \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0641\u0631\u0635\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u063a\u064a\u0631 \u0627\u0644\u0645\u0634\u062e\u0635\u0629 \u0633\u0627\u0628\u0642\u0627\u064b \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u0639\u0645\u0644. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0641\u062d\u0635 \u0637\u0628\u064a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0645\u0643\u0629\u060c \u0641\u0625\u0646 <a href='https:\/\/shefahospital.sa\/' style='color:#0d9488; font-weight:700; text-decoration:underline;'>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621<\/a>\u060c \u0627\u0644\u0648\u0627\u0642\u0639 \u0641\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u0628\u0645\u0643\u0629\u060c \u064a\u0642\u062f\u0645 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0637\u0628\u064a\u0629 \u0648\u0638\u064a\u0641\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u062f\u0639\u0648\u0645\u0629 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0648\u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649.\",\n                btnBook: \"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\",\n                btnCall: \"\u0627\u062a\u0635\u0644 \u0628\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649\",\n                btnWa: \"\u0648\u0627\u062a\u0633\u0627\u0628\",\n                feats: [\n                    \"\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0633\u0628\u0627\u0647\u064a\",\n                    \"\u0641\u062d\u0648\u0635\u0627\u062a \u0634\u0627\u0645\u0644\u0629\",\n                    \"\u0646\u062a\u0627\u0626\u062c \u0633\u0631\u064a\u0639\u0629\",\n                    \"\u0631\u0639\u0627\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\"\n                ],\n                floatSub: \"\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0645\u0646 \u0642\u0628\u0644\",\n                floatMain: \"+761 \u0639\u0645\u064a\u0644 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\"\n            }\n        };\n\n        function initUniqueHeroSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = heroData[lang];\n\n            const section = document.getElementById('sh-emp-hero-998');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-hero-lang-home').textContent = content.home;\n            document.getElementById('sh-hero-lang-dept').textContent = content.dept;\n            document.getElementById('sh-hero-lang-subdept').textContent = content.subdept;\n            document.getElementById('sh-hero-lang-badge').textContent = content.badge;\n            \n            const titleMain = document.getElementById('sh-hero-title-main');\n            titleMain.textContent = content.titleMain;\n            titleMain.style.fontFamily = content.headerFont;\n\n            const titleSub = document.getElementById('sh-hero-title-sub');\n            titleSub.textContent = content.titleSub;\n            titleSub.style.fontFamily = content.headerFont;\n\n            const desc = document.getElementById('sh-hero-lang-desc');\n            desc.innerHTML = content.desc; \/\/ Changed to innerHTML to process the <a> tag\n            desc.style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-hero-lang-btn-book').textContent = content.btnBook;\n            document.getElementById('sh-hero-lang-btn-call').textContent = content.btnCall;\n            document.getElementById('sh-hero-lang-btn-wa').textContent = content.btnWa;\n            \n            \/\/ Bug Fix: Check if element exists before modifying to prevent console errors\n            const floatSubEl = document.getElementById('sh-hero-lang-float-sub');\n            if (floatSubEl) floatSubEl.textContent = content.floatSub;\n            \n            const floatMain = document.getElementById('sh-hero-lang-float-main');\n            if (floatMain) {\n                floatMain.textContent = content.floatMain;\n                floatMain.style.fontFamily = content.headerFont;\n            }\n\n            const featureTitles = section.querySelectorAll('.sh-hero-feat');\n            content.feats.forEach((featText, index) => {\n                if(featureTitles[index]) {\n                    featureTitles[index].textContent = featText;\n                    featureTitles[index].style.fontFamily = content.bodyFont;\n                }\n            });\n        }\n\n        initUniqueHeroSection();\n        \n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initUniqueHeroSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<!-- Introduction Section -->\n<section id=\"intro-section\" class=\"py-20 md:py-24 bg-white\" dir=\"ltr\">\n    <!-- Main container: Screen ke center mein -->\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\">\n                <span class=\"h-px w-8 bg-[#138b86]\"><\/span>\n                <span id=\"intro-kicker\">Employment Health<\/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]\" style=\"font-family: var(--font-display);\">\n                What Is a Pre-Employment Medical Checkup?\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\">\n            <!-- Content will be injected here by JS -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    \/\/ Translation Data Engine\n    const introData = {\n        en: { \n            headerFont: \"var(--font-display)\", \n            bodyFont: \"var(--font-sans)\",\n            kicker: \"Employment Health\",\n            title: \"What Is a Pre-Employment Medical Checkup?\",\n            content: `\n                <p>A <strong>pre-employment medical checkup<\/strong> is a structured health assessment performed before a person officially starts a new job.<\/p>\n                <p>The purpose is to determine whether an applicant is medically capable of performing the essential duties of the position while considering workplace safety and occupational health requirements.<\/p>\n                <p class=\"font-semibold text-[#243b5a] mt-8 mb-4\">A medical examination may include:<\/p>\n                <ul class=\"grid sm:grid-cols-2 gap-y-3 gap-x-6 mb-6\">\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> Medical history review<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> Physical examination<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> Vision assessment<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> Laboratory investigations<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> Diagnostic imaging (when required)<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> Fitness evaluation<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> Additional tests requested by the employer<\/li>\n                <\/ul>\n                <p>The scope of the assessment depends on the nature of the job and any applicable organizational or regulatory requirements.<\/p>\n            `\n        },\n        ar: { \n            headerFont: \"var(--font-arabic)\", \n            bodyFont: \"var(--font-arabic)\",\n            kicker: \"\u0635\u062d\u0629 \u0627\u0644\u0639\u0645\u0644\",\n            title: \"\u0645\u0627 \u0647\u0648 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\u061f\",\n            content: `\n                <p><strong>\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641<\/strong> \u0647\u0648 \u062a\u0642\u064a\u064a\u0645 \u0635\u062d\u064a \u0645\u0646\u0638\u0645 \u064a\u062a\u0645 \u0625\u062c\u0631\u0627\u0624\u0647 \u0642\u0628\u0644 \u0623\u0646 \u064a\u0628\u062f\u0623 \u0627\u0644\u0634\u062e\u0635 \u0631\u0633\u0645\u064a\u0627\u064b \u0641\u064a \u0648\u0638\u064a\u0641\u0629 \u062c\u062f\u064a\u062f\u0629.<\/p>\n                <p>\u0627\u0644\u063a\u0631\u0636 \u0645\u0646\u0647 \u0647\u0648 \u062a\u062d\u062f\u064a\u062f \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0642\u0627\u062f\u0631\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0639\u0644\u0649 \u0623\u062f\u0627\u0621 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0648\u0638\u064a\u0641\u0629 \u0645\u0639 \u0645\u0631\u0627\u0639\u0627\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629.<\/p>\n                <p class=\"font-semibold text-[#243b5a] mt-8 mb-4\">\u0642\u062f \u064a\u0634\u0645\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0645\u0627 \u064a\u0644\u064a:<\/p>\n                <ul class=\"grid sm:grid-cols-2 gap-y-3 gap-x-6 mb-6\">\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0646\u0638\u0631<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a (\u0639\u0646\u062f \u0627\u0644\u0637\u0644\u0628)<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629<\/li>\n                    <li class=\"flex items-start gap-3\"><span class=\"mt-1.5 shrink-0 w-2 h-2 rounded-full bg-[#138b86]\"><\/span> \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u064a\u0637\u0644\u0628\u0647\u0627 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644<\/li>\n                <\/ul>\n                <p>\u064a\u0639\u062a\u0645\u062f \u0646\u0637\u0627\u0642 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0639\u0644\u0649 \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0648\u0623\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0623\u0648 \u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0645\u0639\u0645\u0648\u0644 \u0628\u0647\u0627.<\/p>\n            `\n        }\n    };\n\n    function initIntroSection() {\n        const htmlElement = document.documentElement;\n        \/\/ Determine language from HTML tag or default to 'en'\n        const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n        const lang = isRtl ? 'ar' : 'en';\n        const data = introData[lang];\n\n        const section = document.getElementById('intro-section');\n        if (!section) return;\n\n        \/\/ Set Main RTL\/LTR directions specifically for this section\n        section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n        \/\/ Apply Translations & Fonts\n        const kickerEl = document.getElementById('intro-kicker');\n        kickerEl.textContent = data.kicker;\n        kickerEl.style.fontFamily = data.bodyFont;\n\n        const titleEl = document.getElementById('intro-title');\n        titleEl.textContent = data.title;\n        titleEl.style.fontFamily = data.headerFont;\n\n        const contentEl = document.getElementById('intro-content');\n        contentEl.innerHTML = data.content; \/\/ innerHTML to parse <strong> tags and lists\n        contentEl.style.fontFamily = data.bodyFont;\n    }\n\n    \/\/ Initialize the logic on load\n    initIntroSection();\n    \n    \/\/ Watch for dynamic HTML lang\/dir changes (helps in modern WordPress setups)\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n            if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                initIntroSection();\n            }\n        });\n    });\n    observer.observe(document.documentElement, { attributes: true });\n});\n<\/script>\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; \/* Soft blue background *\/\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. Hexa Pattern Background *\/\n    #sh-reasons-999::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. Set Max-Width to exactly 1475px as requested *\/\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    #sh-reasons-999 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-reasons-999\" dir=\"ltr\">\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            <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 id=\"sh-rea-lang-kicker\">Pre-Employment Checkup<\/span>\n            <\/div>\n            \n            <h2 id=\"sh-rea-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.15] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">\n                Why Employers Request Medical Fitness Assessments\n            <\/h2>\n            \n            <p id=\"sh-rea-lang-desc\" class=\"text-[#667085] text-[17px] md:text-[18px] leading-relaxed\">\n                Different occupations involve different physical and environmental demands. A pre-employment examination helps employers understand whether an applicant can safely perform the required tasks.\n            <\/p>\n        <\/div>\n\n        <p id=\"sh-rea-lang-mid\" class=\"text-center max-w-2xl mx-auto -mt-6 mb-12 text-[#243b5a]\/90 text-[17px] font-medium sh-animate-fadeup !mx-auto\" style=\"animation-delay: 0.1s;\">\n            Employers commonly request medical assessments to:\n        <\/p>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-5 sh-animate-fadeup\" style=\"animation-delay: 0.2s;\">\n            \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-2.5 sh-rea-item\">Support workplace health and safety<\/span>\n            <\/div>\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\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">Evaluate job-related physical fitness<\/span>\n            <\/div>\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=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">Identify medical conditions requiring workplace accommodations<\/span>\n            <\/div>\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\"><polyline points=\"22 17 13.5 8.5 8.5 13.5 2 7\"><\/polyline><polyline points=\"16 17 22 17 22 11\"><\/polyline><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">Reduce occupational health risks<\/span>\n            <\/div>\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 x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">Meet company hiring policies<\/span>\n            <\/div>\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=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><path d=\"M9 15l2 2 4-4\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">Comply with contractual or industry requirements<\/span>\n            <\/div>\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\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path><\/svg>\n                <\/div>\n                <span class=\"text-[15px] text-[#243b5a] font-semibold leading-snug mt-1.5 sh-rea-item\">Establish baseline health information where appropriate<\/span>\n            <\/div>\n            \n        <\/div>\n\n        <p id=\"sh-rea-lang-footer\" class=\"mt-12 text-center max-w-3xl mx-auto text-[#667085] text-[17px] leading-relaxed sh-animate-fadeup !mx-auto\" style=\"animation-delay: 0.3s;\">\n            These assessments are intended to evaluate work fitness rather than serve as a general health diagnosis.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const reasonsData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Pre-Employment Checkup\",\n                title: \"Why Employers Request Medical Fitness Assessments\",\n                desc: \"Different occupations involve different physical and environmental demands. A pre-employment examination helps employers understand whether an applicant can safely perform the required tasks.\",\n                mid: \"Employers commonly request medical assessments to:\",\n                footer: \"These assessments are intended to evaluate work fitness rather than serve as a general health diagnosis.\",\n                reasons: [\n                    \"Support workplace health and safety\",\n                    \"Evaluate job-related physical fitness\",\n                    \"Identify medical conditions requiring workplace accommodations\",\n                    \"Reduce occupational health risks\",\n                    \"Meet company hiring policies\",\n                    \"Comply with contractual or industry requirements\",\n                    \"Establish baseline health information where appropriate\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0641\u062d\u0635 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u064a\u0637\u0644\u0628 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629\",\n                desc: \"\u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u0645\u0647\u0646 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0628\u062f\u0646\u064a\u0629 \u0648\u0628\u064a\u0626\u064a\u0629 \u0645\u062e\u062a\u0644\u0641\u0629. \u064a\u0633\u0627\u0639\u062f \u0641\u062d\u0635 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0642\u0627\u062f\u0631\u0627\u064b \u0639\u0644\u0649 \u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0628\u0623\u0645\u0627\u0646.\",\n                mid: \"\u064a\u0637\u0644\u0628 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0639\u0627\u062f\u0629\u064b \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0637\u0628\u064a\u0629 \u0645\u0646 \u0623\u062c\u0644:\",\n                footer: \"\u062a\u0647\u062f\u0641 \u0647\u0630\u0647 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0625\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0644\u0644\u0639\u0645\u0644 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0623\u0646 \u062a\u0643\u0648\u0646 \u062a\u0634\u062e\u064a\u0635\u0627\u064b \u0635\u062d\u064a\u0627\u064b \u0639\u0627\u0645\u0627\u064b.\",\n                reasons: [\n                    \"\u062f\u0639\u0645 \u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0627\u0644\u0648\u0638\u064a\u0641\u0629\",\n                    \"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0637\u0644\u0628 \u062a\u0631\u062a\u064a\u0628\u0627\u062a \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\",\n                    \"\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\",\n                    \"\u062a\u0644\u0628\u064a\u0629 \u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0634\u0631\u0643\u0629\",\n                    \"\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629 \u0623\u0648 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\",\n                    \"\u0625\u0646\u0634\u0627\u0621 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0635\u062d\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621\"\n                ]\n            }\n        };\n\n        function initReasonsSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const content = reasonsData[lang];\n\n            const section = document.getElementById('sh-reasons-999');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply General Text\n            document.getElementById('sh-rea-lang-kicker').textContent = content.kicker;\n            document.getElementById('sh-rea-lang-kicker').style.fontFamily = content.bodyFont;\n\n            const titleEl = document.getElementById('sh-rea-lang-title');\n            titleEl.textContent = content.title;\n            titleEl.style.fontFamily = content.headerFont;\n\n            document.getElementById('sh-rea-lang-desc').textContent = content.desc;\n            document.getElementById('sh-rea-lang-desc').style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-rea-lang-mid').textContent = content.mid;\n            document.getElementById('sh-rea-lang-mid').style.fontFamily = content.bodyFont;\n\n            document.getElementById('sh-rea-lang-footer').textContent = content.footer;\n            document.getElementById('sh-rea-lang-footer').style.fontFamily = content.bodyFont;\n\n            \/\/ Apply Grid Text\n            const reasonElements = section.querySelectorAll('.sh-rea-item');\n            content.reasons.forEach((text, index) => {\n                if (reasonElements[index]) {\n                    reasonElements[index].textContent = text;\n                    reasonElements[index].style.fontFamily = content.bodyFont;\n                }\n            });\n        }\n\n        initReasonsSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initReasonsSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\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; \n        padding-bottom: 3.5rem; \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. 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    #sh-choose-995 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-choose-995\" dir=\"ltr\">\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        <div class=\"relative sh-animate-up !mx-0 mb-6 lg:mb-0 lg:sticky lg:top-24\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pre_employee2.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Pre_employee2.webp'\" alt=\"Healthcare professional evaluating a patient for pre-employment checkup\" class=\"rounded-[2rem] shadow-xl w-full h-auto aspect-auto object-contain block\">\n        <\/div>\n\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\">\n                    <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-cho-lang-kicker\">Target Audience<\/span>\n                <\/div>\n                \n                <h2 id=\"sh-cho-lang-title\" class=\"text-[28px] md:text-[36px] lg:text-[44px] font-bold leading-[1.2] lg:leading-[1.15] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    Who May Need a Pre-Employment Medical Examination?\n                <\/h2>\n                \n                <p id=\"sh-cho-lang-p1\" class=\"mt-4 md:mt-5 text-slate-500 text-[16px] md:text-[18px] leading-relaxed\">\n                    Medical fitness assessments are commonly requested across many industries.\n                <\/p>\n            <\/div>\n\n            <p id=\"sh-cho-lang-list-title\" class=\"text-[#243b5a] text-[18px] md:text-[20px] font-bold mb-4 md:mb-5\" style=\"font-family: var(--font-display);\">\n                Examples include:\n            <\/p>\n            \n            <ul id=\"sh-cho-grid\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 md:gap-y-3.5 mb-6 md:mb-8\">\n                <!-- Dynamically populated via JS -->\n            <\/ul>\n\n            <p id=\"sh-cho-lang-footer\" class=\"mt-5 md:mt-6 text-slate-500 text-[15px] md:text-[16px] leading-relaxed\">\n                The required evaluation varies according to the responsibilities and potential occupational exposures associated with each role.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const chooseData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Target Audience\",\n                title: \"Who May Need a Pre-Employment Medical Examination?\",\n                p1: \"Medical fitness assessments are commonly requested across many industries.\",\n                listTitle: \"Examples include:\",\n                footer: \"The required evaluation varies according to the responsibilities and potential occupational exposures associated with each role.\",\n                list: [\n                    \"Healthcare professionals\",\n                    \"Hospitality staff\",\n                    \"Construction workers\",\n                    \"Manufacturing employees\",\n                    \"Office personnel\",\n                    \"Drivers\",\n                    \"Security staff\",\n                    \"Food industry workers\",\n                    \"Aviation employees\",\n                    \"Industrial workers\",\n                    \"Educational institution employees\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\",\n                title: \"\u0645\u0646 \u0642\u062f \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0641\u062d\u0635 \u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\u061f\",\n                p1: \"\u0639\u0627\u062f\u0629 \u0645\u0627 \u062a\u064f\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a.\",\n                listTitle: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0645\u062b\u0644\u0629:\",\n                footer: \"\u064a\u062e\u062a\u0644\u0641 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0627\u0644\u0645\u0631\u062a\u0628\u0637 \u0628\u0643\u0644 \u062f\u0648\u0631.\",\n                list: [\n                    \"\u0623\u062e\u0635\u0627\u0626\u064a\u0648 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\",\n                    \"\u0645\u0648\u0638\u0641\u0648 \u0627\u0644\u0636\u064a\u0627\u0641\u0629 \u0627\u0644\u0641\u0646\u062f\u0642\u064a\u0629\",\n                    \"\u0639\u0645\u0627\u0644 \u0627\u0644\u0628\u0646\u0627\u0621\",\n                    \"\u0645\u0648\u0638\u0641\u0648 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c\",\n                    \"\u0627\u0644\u0645\u0648\u0638\u0641\u0648\u0646 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0648\u0646 \u0648\u0627\u0644\u0645\u0643\u062a\u0628\u064a\u0648\u0646\",\n                    \"\u0627\u0644\u0633\u0627\u0626\u0642\u0648\u0646\",\n                    \"\u0645\u0648\u0638\u0641\u0648 \u0627\u0644\u0623\u0645\u0646\",\n                    \"\u0639\u0645\u0627\u0644 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629\",\n                    \"\u0645\u0648\u0638\u0641\u0648 \u0627\u0644\u0637\u064a\u0631\u0627\u0646\",\n                    \"\u0627\u0644\u0639\u0645\u0627\u0644 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0648\u0646\",\n                    \"\u0645\u0648\u0638\u0641\u0648 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629\"\n                ]\n            }\n        };\n\n        function initChooseSection() {\n            const htmlElement = document.documentElement;\n            const isRtl = htmlElement.dir === 'rtl' || htmlElement.lang.includes('ar');\n            const lang = isRtl ? 'ar' : 'en';\n            const data = chooseData[lang];\n\n            const section = document.getElementById('sh-choose-995');\n            if (!section) return;\n\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Set Text & Fonts\n            document.getElementById('sh-cho-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-cho-lang-kicker').style.fontFamily = data.bodyFont;\n            \n            const titleEl = document.getElementById('sh-cho-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-cho-lang-p1').textContent = data.p1;\n            document.getElementById('sh-cho-lang-p1').style.fontFamily = data.bodyFont;\n\n            const listTitle = document.getElementById('sh-cho-lang-list-title');\n            listTitle.textContent = data.listTitle;\n            listTitle.style.fontFamily = data.headerFont;\n\n            document.getElementById('sh-cho-lang-footer').textContent = data.footer;\n            document.getElementById('sh-cho-lang-footer').style.fontFamily = data.bodyFont;\n\n            \/\/ Dynamically Render List with fluid responsive sizing\n            const grid = document.getElementById('sh-cho-grid');\n            grid.innerHTML = ''; \/\/ Clear previous\n            data.list.forEach(itemText => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-2 md:gap-3 items-start\";\n                li.innerHTML = `\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-[15.5px] leading-relaxed text-[#243b5a]\/90 font-medium\" style=\"font-family: ${data.bodyFont};\">${itemText}<\/span>\n                `;\n                grid.appendChild(li);\n            });\n        }\n\n        initChooseSection();\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initChooseSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-emp-history-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    \/* Hexa Background *\/\n    #sh-emp-history-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    #sh-emp-history-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    \/* Animation *\/\n    @keyframes shFadeUp {\n        from { opacity: 0; transform: translateY(25px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    .sh-animate-up { opacity: 0; animation: shFadeUp 0.7s ease forwards; }\n<\/style>\n\n<section id=\"sh-emp-history-997\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \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 id=\"sh-eh-lang-kicker\">Checkup Components<\/span>\n            <\/div>\n            <h2 id=\"sh-eh-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                What Does a Pre-Employment Medical Checkup Include?\n            <\/h2>\n            <p id=\"sh-eh-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\"><\/p>\n        <\/div>\n\n        <div class=\"bg-white rounded-3xl p-8 lg:p-12 border border-[#e4edf3] shadow-sm max-w-5xl mx-auto sh-animate-up\" style=\"animation-delay: 0.1s;\">\n            \n            <div class=\"text-center mb-10\">\n                <div class=\"w-16 h-16 rounded-2xl bg-[#138b86]\/10 text-[#138b86] mx-auto grid place-items-center mb-5\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                <\/div>\n                <h3 id=\"sh-eh-lang-mid-title\" class=\"text-[28px] font-bold text-[#243b5a] mb-4\" style=\"font-family: var(--font-display);\"><\/h3>\n                <p id=\"sh-eh-lang-mid-desc\" class=\"text-[#667085] text-[18px] max-w-2xl mx-auto leading-relaxed\"><\/p>\n            <\/div>\n\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-4\" id=\"sh-eh-grid\">\n                <\/div>\n            \n            <div class=\"mt-10 p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3] text-center\">\n                <p id=\"sh-eh-lang-footer\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0\"><\/p>\n            <\/div>\n            \n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const ehData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Checkup Components\", \n                title: \"What Does a Pre-Employment Medical Checkup Include?\",\n                desc: \"Although requirements differ between employers, most employment medical examinations include several standard components.\",\n                midTitle: \"Medical History Review\",\n                midDesc: \"The physician begins by discussing your health background. Topics may include:\",\n                footer: \"Accurate information helps ensure that the assessment reflects your overall health status.\",\n                items: [\n                    \"Previous illnesses\",\n                    \"Past surgeries\",\n                    \"Current medications\",\n                    \"Allergies\",\n                    \"Chronic medical conditions\",\n                    \"Previous workplace injuries\",\n                    \"Family medical history when relevant\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0641\u062d\u0635\", \n                title: \"\u0645\u0627\u0630\u0627 \u064a\u0634\u0645\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\u061f\",\n                desc: \"\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0627\u062e\u062a\u0644\u0627\u0641 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0628\u064a\u0646 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644\u060c \u0641\u0625\u0646 \u0645\u0639\u0638\u0645 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u062a\u0634\u0645\u0644 \u0639\u062f\u0629 \u0645\u0643\u0648\u0646\u0627\u062a \u0642\u064a\u0627\u0633\u064a\u0629.\",\n                midTitle: \"\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a\",\n                midDesc: \"\u064a\u0628\u062f\u0623 \u0627\u0644\u0637\u0628\u064a\u0628 \u0628\u0645\u0646\u0627\u0642\u0634\u0629 \u062e\u0644\u0641\u064a\u062a\u0643 \u0627\u0644\u0635\u062d\u064a\u0629. \u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0645\u0648\u0627\u0636\u064a\u0639 \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0641\u064a \u0636\u0645\u0627\u0646 \u0623\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u064a\u0639\u0643\u0633 \u062d\u0627\u0644\u062a\u0643 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d.\",\n                items: [\n                    \"\u0627\u0644\u0623\u0645\u0631\u0627\u0636 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\",\n                    \"\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\",\n                    \"\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\",\n                    \"\u0627\u0644\u062d\u0633\u0627\u0633\u064a\u0629\",\n                    \"\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0632\u0645\u0646\u0629\",\n                    \"\u0625\u0635\u0627\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\",\n                    \"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a \u0644\u0644\u0639\u0627\u0626\u0644\u0629 (\u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621)\"\n                ]\n            }\n        };\n\n        function initHistorySection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? ehData.ar : ehData.en;\n            const section = document.getElementById('sh-emp-history-997');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-eh-lang-kicker').textContent = data.kicker;\n            \n            const title = document.getElementById('sh-eh-lang-title');\n            title.textContent = data.title;\n            title.style.fontFamily = data.font;\n            \n            document.getElementById('sh-eh-lang-desc').textContent = data.desc;\n            \n            const midTitle = document.getElementById('sh-eh-lang-mid-title');\n            midTitle.textContent = data.midTitle;\n            midTitle.style.fontFamily = data.font;\n            \n            document.getElementById('sh-eh-lang-mid-desc').textContent = data.midDesc;\n            document.getElementById('sh-eh-lang-footer').textContent = data.footer;\n            \n            const grid = document.getElementById('sh-eh-grid');\n            grid.innerHTML = '';\n            data.items.forEach((item, i) => {\n                const div = document.createElement('div');\n                div.className = \"flex items-center gap-3 p-4 rounded-xl border border-[#e4edf3] bg-white hover:border-[#138b86]\/50 hover:shadow-md transition-all cursor-default\";\n                div.innerHTML = `\n                    <div class=\"w-8 h-8 rounded-full bg-[#e6f4f3] text-[#138b86] flex items-center justify-center shrink-0\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-[15.5px] font-semibold text-[#243b5a] leading-snug\" style=\"font-family: ${data.body}\">${item}<\/span>\n                `;\n                grid.appendChild(div);\n            });\n        }\n        \n        initHistorySection();\n        new MutationObserver(initHistorySection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-physical-887 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 3.5rem !important; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem !important; \/* Reduced for mobile *\/\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-physical-887 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-physical-887 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-physical-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        position: relative;\n        z-index: 10;\n    }\n\n    \/* 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    #sh-physical-887 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-physical-887\" dir=\"ltr\">\n    <!-- Adjusted gap for mobile (gap-10) and desktop (gap-14), items-start for sticky support -->\n    <div class=\"sh-inner-wrapper grid lg:grid-cols-[1fr_1.1fr] gap-10 lg:gap-14 items-start\">\n        \n        <div class=\"sh-animate-up text-start\">\n            <div class=\"mb-8 md:mb-10 max-w-6xl\">\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\">\n                    <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-phy-lang-kicker\">Checkup Components<\/span>\n                <\/div>\n                \n                <!-- Fluid typography applied -->\n                <h2 id=\"sh-phy-lang-title\" class=\"font-display text-[28px] md:text-[36px] lg:text-[46px] font-bold leading-[1.2] lg:leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    Physical Examination\n                <\/h2>\n                \n                <p id=\"sh-phy-lang-desc\" class=\"mt-4 md:mt-5 text-[#667085] text-[16px] md:text-[18px] leading-relaxed\"><\/p>\n            <\/div>\n            \n            <p id=\"sh-phy-lang-subtitle\" class=\"font-bold text-[#243b5a] text-[18px] md:text-[20px] mb-4 md:mb-5\" style=\"font-family: var(--font-display);\"><\/p>\n            \n            <ul id=\"sh-phy-grid\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 md:gap-y-3.5 mb-6 md:mb-8\">\n                <!-- Dynamically populated via JS -->\n            <\/ul>\n            \n            <div class=\"p-4 md:p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3]\">\n                <p id=\"sh-phy-lang-footer\" class=\"m-0 text-[#243b5a] font-medium text-[15px] md:text-[16px] leading-relaxed\"><\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- Image Container with mt-8 for mobile spacing and sticky positioning on desktop -->\n        <div class=\"sh-animate-up mt-8 lg:mt-0 lg:sticky lg:top-24\" style=\"animation-delay: 0.2s;\">\n            <!-- Fluid responsive image -->\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pre_employee3.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Pre_employee3.webp'\" alt=\"Doctor conducting a general physical examination including checking pulse and blood pressure\" class=\"rounded-[2rem] shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] w-full h-auto aspect-auto object-contain block\" loading=\"lazy\">\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const phyData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Checkup Components\", \n                title: \"Physical Examination\",\n                desc: \"A general physical examination evaluates overall health and identifies findings that may require further assessment.\",\n                subtitle: \"The examination may include:\",\n                footer: \"The examination is adapted according to the specific occupational requirements.\",\n                items: [\n                    \"Height and weight\",\n                    \"Blood pressure\",\n                    \"Pulse rate\",\n                    \"Heart examination\",\n                    \"Lung examination\",\n                    \"Abdominal assessment\",\n                    \"Musculoskeletal evaluation\",\n                    \"General neurological observations\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0641\u062d\u0635\", \n                title: \"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a\",\n                desc: \"\u064a\u0642\u064a\u0645 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u064a\u062d\u062f\u062f \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0625\u0636\u0627\u0641\u064a\u0627\u064b.\",\n                subtitle: \"\u0642\u062f \u064a\u0634\u0645\u0644 \u0627\u0644\u0641\u062d\u0635 \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u064a\u062a\u0645 \u062a\u0643\u064a\u064a\u0641 \u0627\u0644\u0641\u062d\u0635 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0629.\",\n                items: [\n                    \"\u0627\u0644\u0637\u0648\u0644 \u0648\u0627\u0644\u0648\u0632\u0646\",\n                    \"\u0636\u063a\u0637 \u0627\u0644\u062f\u0645\",\n                    \"\u0645\u0639\u062f\u0644 \u0627\u0644\u0646\u0628\u0636\",\n                    \"\u0641\u062d\u0635 \u0627\u0644\u0642\u0644\u0628\",\n                    \"\u0641\u062d\u0635 \u0627\u0644\u0631\u0626\u062a\u064a\u0646\",\n                    \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0628\u0637\u0646\",\n                    \"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u0636\u0644\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a\",\n                    \"\u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0627\u0644\u0639\u0635\u0628\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\"\n                ]\n            }\n        };\n\n        \/\/ Added fluid sizing to the checkmark icon\n        const checkIcon = `<span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[22px] md:h-[22px] rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center shadow-sm\"><svg class=\"w-[10px] h-[10px] md:w-3 md:h-3\" 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\n        function initPhysicalSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? phyData.ar : phyData.en;\n            const section = document.getElementById('sh-physical-887');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-phy-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-phy-lang-kicker').style.fontFamily = data.body;\n            \n            const title = document.getElementById('sh-phy-lang-title');\n            title.textContent = data.title;\n            title.style.fontFamily = data.font;\n            \n            const desc = document.getElementById('sh-phy-lang-desc');\n            desc.textContent = data.desc;\n            desc.style.fontFamily = data.body;\n            \n            const subtitle = document.getElementById('sh-phy-lang-subtitle');\n            subtitle.textContent = data.subtitle;\n            subtitle.style.fontFamily = data.font;\n            \n            const footer = document.getElementById('sh-phy-lang-footer');\n            footer.textContent = data.footer;\n            footer.style.fontFamily = data.body;\n            \n            const grid = document.getElementById('sh-phy-grid');\n            grid.innerHTML = '';\n            data.items.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-2 md:gap-3 items-start\";\n                li.innerHTML = `${checkIcon}<span class=\"text-[14px] md:text-[15.5px] text-[#243b5a]\/90 font-medium leading-relaxed\" style=\"font-family: ${data.body}\">${item}<\/span>`;\n                grid.appendChild(li);\n            });\n        }\n        \n        initPhysicalSection();\n        new MutationObserver(initPhysicalSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID & Clean Container *\/\n    #sh-vision-888 {\n        width: 100%;\n        background-color: #ffffff !important;\n        overflow: hidden;\n        padding-top: 3.5rem !important; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem !important; \/* Reduced for mobile *\/\n        box-sizing: border-box;\n    }\n\n    @media (min-width: 768px) {\n        #sh-vision-888 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-vision-888 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Container Max-Width 1475px *\/\n    #sh-vision-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        position: relative;\n        z-index: 10;\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 ease forwards; }\n\n    #sh-vision-888 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-vision-888\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Adjusted gap for mobile (gap-10) and desktop (gap-14), items-start for sticky support -->\n        <div class=\"grid lg:grid-cols-[1.1fr_1fr] gap-10 lg:gap-14 items-start\">\n            \n            <!-- Left Image Container: Mobile par order-2 (niche), Desktop par order-1 (left) -->\n            <div class=\"sh-animate-up lg:sticky lg:top-24 order-2 lg:order-1\">\n                <!-- Fluid responsive image -->\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pre_employee4.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Pre_employee4.webp'\" alt=\"Patient undergoing a vision assessment test using an eye chart\" class=\"rounded-[2rem] w-full h-auto aspect-auto object-contain shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] block\" loading=\"lazy\">\n            <\/div>\n\n            <!-- Text Container: Mobile par order-1 (upar), Desktop par order-2 (right) -->\n            <div class=\"sh-animate-up text-start order-1 lg:order-2\" style=\"animation-delay: 0.1s;\">\n                <div class=\"mb-8 md:mb-10 max-w-xl\">\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\">\n                        <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                        <span id=\"sh-vis-lang-kicker\">Checkup Components<\/span>\n                    <\/div>\n                    \n                    <!-- Fluid typography applied -->\n                    <h2 id=\"sh-vis-lang-title\" class=\"text-[28px] md:text-[36px] lg:text-[46px] font-bold leading-[1.2] lg:leading-[1.1] text-[#243b5a] mb-4 md:mb-5\" style=\"font-family: var(--font-display);\">\n                        Vision Assessment\n                    <\/h2>\n                    \n                    <p id=\"sh-vis-lang-desc\" class=\"text-[#667085] text-[16px] md:text-[18px] leading-relaxed\"><\/p>\n                <\/div>\n\n                <p id=\"sh-vis-lang-subtitle\" class=\"font-bold text-[#243b5a] text-[18px] md:text-[20px] mb-4 md:mb-5\" style=\"font-family: var(--font-display);\"><\/p>\n                \n                <ul id=\"sh-vis-grid\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 md:gap-y-4 mb-6 md:mb-8\">\n                    <!-- Dynamically populated via JS -->\n                <\/ul>\n\n                <p id=\"sh-vis-lang-footer\" class=\"text-[#667085] text-[15px] md:text-[16px] leading-relaxed pt-4 md:pt-5 border-t border-[#e4edf3]\"><\/p>\n            <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const visData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Checkup Components\",\n                title: \"Vision Assessment\",\n                desc: \"Many occupations require adequate visual function to perform duties safely.\",\n                subtitle: \"Vision testing may assess:\",\n                footer: \"Additional ophthalmic evaluation may be recommended when necessary.\",\n                items: [\n                    \"Distance vision\",\n                    \"Near vision\",\n                    \"Color perception (for selected occupations)\",\n                    \"Visual acuity\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0641\u062d\u0635\",\n                title: \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0646\u0638\u0631\",\n                desc: \"\u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0647\u0646 \u0648\u0638\u064a\u0641\u0629 \u0628\u0635\u0631\u064a\u0629 \u0643\u0627\u0641\u064a\u0629 \u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0628\u0623\u0645\u0627\u0646.\",\n                subtitle: \"\u0642\u062f \u064a\u0642\u064a\u0651\u0645 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0631\u0624\u064a\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u0642\u062f \u064a\u0648\u0635\u0649 \u0628\u0625\u062c\u0631\u0627\u0621 \u062a\u0642\u064a\u064a\u0645 \u0625\u0636\u0627\u0641\u064a \u0644\u0644\u0639\u064a\u0646 \u0639\u0646\u062f \u0627\u0644\u0636\u0631\u0648\u0631\u0629.\",\n                items: [\n                    \"\u0627\u0644\u0631\u0624\u064a\u0629 \u0639\u0646 \u0628\u0639\u062f\",\n                    \"\u0627\u0644\u0631\u0624\u064a\u0629 \u0639\u0646 \u0642\u0631\u0628\",\n                    \"\u0625\u062f\u0631\u0627\u0643 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 (\u0644\u0645\u0647\u0646 \u0645\u062e\u062a\u0627\u0631\u0629)\",\n                    \"\u062d\u062f\u0629 \u0627\u0644\u0628\u0635\u0631\"\n                ]\n            }\n        };\n\n        \/\/ Fluid responsive sizing for the list icon bullet\n        const checkIcon = `<span class=\"mt-1.5 shrink-0 w-1.5 h-1.5 md:w-2 md:h-2 rounded-full bg-[#138b86] shadow-[0_0_0_3px_rgba(19,139,134,0.15)] md:shadow-[0_0_0_4px_rgba(19,139,134,0.15)]\"><\/span>`;\n\n        function initVisionSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? visData.ar : visData.en;\n            const section = document.getElementById('sh-vision-888');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-vis-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-vis-lang-kicker').style.fontFamily = data.body;\n            \n            const title = document.getElementById('sh-vis-lang-title');\n            title.textContent = data.title;\n            title.style.fontFamily = data.font;\n            \n            const desc = document.getElementById('sh-vis-lang-desc');\n            desc.textContent = data.desc;\n            desc.style.fontFamily = data.body;\n            \n            const subtitle = document.getElementById('sh-vis-lang-subtitle');\n            subtitle.textContent = data.subtitle;\n            subtitle.style.fontFamily = data.font;\n            \n            const footer = document.getElementById('sh-vis-lang-footer');\n            footer.textContent = data.footer;\n            footer.style.fontFamily = data.body;\n            \n            \/\/ Dynamically Render List with responsive text sizing\n            const grid = document.getElementById('sh-vis-grid');\n            grid.innerHTML = '';\n            data.items.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex items-start gap-3 md:gap-4\";\n                li.innerHTML = `${checkIcon}<span class=\"text-[14px] md:text-[15.5px] text-[#243b5a] font-medium leading-relaxed\" style=\"font-family: ${data.body}\">${item}<\/span>`;\n                grid.appendChild(li);\n            });\n        }\n        \n        initVisionSection();\n        new MutationObserver(initVisionSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-laboratory-777 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-laboratory-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    \/* 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<\/style>\n\n<section id=\"sh-laboratory-777\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        <div class=\"relative rounded-3xl border-l-4 border-[#138b86] bg-gradient-to-br from-[#138b86]\/5 to-white p-8 md:p-12 shadow-sm sh-animate-up\">\n            \n            <div class=\"flex items-center gap-3 mb-4\">\n                <div class=\"w-12 h-12 rounded-full bg-[#138b86] text-white 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\"><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                <h3 id=\"sh-lab-lang-title\" class=\"font-display text-[28px] md:text-[32px] text-[#243b5a] m-0\" style=\"font-family: var(--font-display);\">Laboratory Investigations<\/h3>\n            <\/div>\n            \n            <p id=\"sh-lab-lang-desc\" class=\"text-[#243b5a]\/85 mb-5 text-[17px] leading-relaxed\"><\/p>\n            <p id=\"sh-lab-lang-criteria\" class=\"font-semibold text-[#243b5a] mb-4 text-[17px]\"><\/p>\n            \n            <ul id=\"sh-lab-grid\" class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-4 mb-8\">\n                <\/ul>\n            \n            <div class=\"pt-5 border-t border-[#e4edf3]\">\n                <p id=\"sh-lab-lang-footer\" class=\"text-[#667085] text-[16px] leading-relaxed m-0\"><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const labData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                title: \"Laboratory Investigations\",\n                desc: \"Laboratory tests provide objective information that supports the medical assessment.\",\n                criteria: \"Depending on employer requirements, investigations may include:\",\n                footer: \"The testing panel varies according to company policy and occupational requirements.\",\n                list: [\n                    \"Complete blood count\", \n                    \"Blood glucose\", \n                    \"Urine analysis\", \n                    \"Kidney function tests\", \n                    \"Liver function tests\", \n                    \"Additional investigations requested by the employer\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                title: \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\",\n                desc: \"\u062a\u0648\u0641\u0631 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0648\u0636\u0648\u0639\u064a\u0629 \u062a\u062f\u0639\u0645 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a.\",\n                criteria: \"\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644\u060c \u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u062a\u062e\u062a\u0644\u0641 \u0644\u0648\u062d\u0629 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0648\u0641\u0642\u0627\u064b \u0644\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0634\u0631\u0643\u0629 \u0648\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629.\",\n                list: [\n                    \"\u0635\u0648\u0631\u0629 \u0627\u0644\u062f\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 (CBC)\", \n                    \"\u0646\u0633\u0628\u0629 \u0627\u0644\u062c\u0644\u0648\u0643\u0648\u0632 \u0641\u064a \u0627\u0644\u062f\u0645\", \n                    \"\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u0648\u0644\", \n                    \"\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0644\u0649\", \n                    \"\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0643\u0628\u062f\", \n                    \"\u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u064a\u0637\u0644\u0628\u0647\u0627 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644\"\n                ]\n            }\n        };\n\n        function initLabSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? labData.ar : labData.en;\n            const section = document.getElementById('sh-laboratory-777');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            const titleEl = document.getElementById('sh-lab-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-lab-lang-desc').textContent = data.desc;\n            document.getElementById('sh-lab-lang-desc').style.fontFamily = data.body;\n            \n            document.getElementById('sh-lab-lang-criteria').textContent = data.criteria;\n            document.getElementById('sh-lab-lang-criteria').style.fontFamily = data.body;\n            \n            document.getElementById('sh-lab-lang-footer').textContent = data.footer;\n            document.getElementById('sh-lab-lang-footer').style.fontFamily = data.body;\n            \n            const grid = document.getElementById('sh-lab-grid');\n            grid.innerHTML = '';\n            data.list.forEach(item => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start\";\n                li.innerHTML = `\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\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n                    <\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium leading-snug\" style=\"font-family: ${data.body}\">${item}<\/span>\n                `;\n                grid.appendChild(li);\n            });\n        }\n        \n        initLabSection();\n        new MutationObserver(initLabSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Scoped ID & Breakout Width for Astra *\/\n    #sh-imaging-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        \/* CRITICAL FIX: Must be 'clip' instead of 'hidden' for position: sticky to work *\/\n        overflow: clip !important; \n        padding-top: 3.5rem !important;\n        padding-bottom: 3.5rem !important;\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-imaging-555 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-imaging-555 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* 2. Hexa Background *\/\n    #sh-imaging-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. Container Max-Width *\/\n    #sh-imaging-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. 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. Smooth Font Transitions *\/\n    #sh-imaging-555 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-imaging-555\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <!-- Header Content -->\n        <div class=\"mb-10 md: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-[12px] md:text-[13px] tracking-wider uppercase mb-3 md:mb-4\">\n                <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                <span id=\"sh-img-lang-kicker\">Checkup Components<\/span>\n                <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n            <\/div>\n            \n            <h2 id=\"sh-img-lang-title\" class=\"text-[28px] md:text-[38px] lg:text-[46px] font-bold leading-[1.2] lg:leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Imaging Studies\n            <\/h2>\n            <p id=\"sh-img-lang-desc\" class=\"mt-4 md:mt-5 text-[#667085] text-[16px] md:text-[18px] leading-relaxed\"><\/p>\n        <\/div>\n\n        <!-- Main Content Grid -->\n        <div class=\"grid lg:grid-cols-[1fr_1.1fr] gap-8 lg:gap-14 items-start mb-10 md:mb-12\">\n            \n            <!-- Left: Sticky Image Block -->\n            <!-- FIXED: lg:sticky added so it sticks only on desktop, preventing mobile scroll blocking -->\n            <div class=\"sh-animate-up mb-8 lg:mb-0 lg:sticky lg:top-24\" style=\"animation-delay: 0.1s;\">\n                <!-- \n                  FIXED IMAGE: \n                  - aspect-auto ensures the natural ratio is kept.\n                  - h-auto lets it scale freely.\n                  - object-contain ensures absolutely no cropping occurs.\n                -->\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pre_employee5.webp\" \n                     onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Pre_employee5.webp'\" \n                     alt=\"Radiology imaging including digital X-rays used during pre-employment medical examinations\" \n                     class=\"rounded-[2rem] w-full h-auto aspect-auto object-contain shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] block bg-white\">\n            <\/div>\n            \n            <!-- Right: Content Card -->\n            <div class=\"bg-white rounded-3xl p-6 md:p-8 lg:p-10 border border-[#e4edf3] shadow-sm sh-animate-up\" style=\"animation-delay: 0.2s;\">\n                <ul id=\"sh-img-list\" class=\"space-y-4 md:space-y-5\">\n                    <!-- Dynamically populated via JS -->\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- Footer \/ Outro Block -->\n        <div class=\"mt-8 md:mt-10 p-5 md:p-6 rounded-2xl bg-white border border-[#e4edf3] shadow-sm max-w-3xl mx-auto text-center sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <p id=\"sh-img-lang-footer\" class=\"m-0 text-[#243b5a] font-medium text-[15px] md:text-[16px] leading-relaxed\"><\/p>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const imagingData = {\n            en: {\n                font: \"var(--font-display)\", \n                body: \"system-ui, sans-serif\",\n                kicker: \"Checkup Components\",\n                title: \"Imaging Studies\",\n                desc: \"Although requirements differ between employers, most employment medical examinations include several standard components. Depending on employer requirements, diagnostic imaging may include:\",\n                footer: \"The testing panel varies according to company policy and occupational requirements.\",\n                items: [\n                    \"Chest X-ray (commonly requested to rule out active pulmonary tuberculosis and other respiratory conditions)\",\n                    \"Additional imaging studies if clinically indicated or required by the specific job profile\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", \n                body: \"var(--font-arabic)\",\n                kicker: \"\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0641\u062d\u0635\",\n                title: \"\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\",\n                desc: \"\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0627\u062e\u062a\u0644\u0627\u0641 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0628\u064a\u0646 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644\u060c \u0641\u0625\u0646 \u0645\u0639\u0638\u0645 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u062a\u0634\u0645\u0644 \u0639\u062f\u0629 \u0645\u0643\u0648\u0646\u0627\u062a \u0642\u064a\u0627\u0633\u064a\u0629. \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644\u060c \u0642\u062f \u064a\u0634\u0645\u0644 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a:\",\n                footer: \"\u062a\u062e\u062a\u0644\u0641 \u0644\u0648\u062d\u0629 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0648\u0641\u0642\u0627\u064b \u0644\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0634\u0631\u0643\u0629 \u0648\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629.\",\n                items: [\n                    \"\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u0633\u064a\u0646\u064a\u0629 \u0644\u0644\u0635\u062f\u0631 (\u0644\u0627\u0633\u062a\u0628\u0639\u0627\u062f \u062d\u0627\u0644\u0627\u062a \u0645\u062b\u0644 \u0627\u0644\u0633\u0644 \u0648\u062a\u0642\u064a\u064a\u0645 \u0635\u062d\u0629 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062a\u0646\u0641\u0633\u064a)\",\n                    \"\u062f\u0631\u0627\u0633\u0627\u062a \u062a\u0635\u0648\u064a\u0631 \u0625\u0636\u0627\u0641\u064a\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0647\u0646\u0627\u0643 \u062f\u0627\u0639\u064d \u0633\u0631\u064a\u0631\u064a \u0623\u0648 \u0625\u0630\u0627 \u062a\u0637\u0644\u0628\u0647\u0627 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0648\u0638\u064a\u0641\u064a \u0627\u0644\u0645\u062d\u062f\u062f\"\n                ]\n            }\n        };\n\n        function initImagingSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? imagingData.ar : imagingData.en;\n            const section = document.getElementById('sh-imaging-555');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Apply Texts and Fonts\n            document.getElementById('sh-img-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-img-lang-kicker').style.fontFamily = data.body;\n\n            const titleEl = document.getElementById('sh-img-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.font;\n\n            const descEl = document.getElementById('sh-img-lang-desc');\n            descEl.textContent = data.desc;\n            descEl.style.fontFamily = data.body;\n\n            const footerEl = document.getElementById('sh-img-lang-footer');\n            footerEl.textContent = data.footer;\n            footerEl.style.fontFamily = data.body;\n\n            \/\/ Dynamically Render List with fluid sizing for icons and text\n            const listContainer = document.getElementById('sh-img-list');\n            listContainer.innerHTML = '';\n            \n            data.items.forEach(itemText => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 md:gap-4 items-start\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[24px] md:h-[24px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                        <svg class=\"w-[10px] h-[10px] md:w-3 md:h-3\" 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\"\/><\/svg>\n                    <\/span>\n                    <span class=\"text-[15.5px] md:text-[16.5px] text-[#243b5a]\/90 font-medium leading-relaxed\" style=\"font-family: ${data.body}\">${itemText}<\/span>\n                `;\n                listContainer.appendChild(li);\n            });\n        }\n        \n        \/\/ Initialize and Observe for Language Changes\n        initImagingSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initImagingSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-assessment-safety-666 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-assessment-safety-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    \/* 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    \/* Table Styling *\/\n    .sh-safety-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n    }\n    [dir=\"rtl\"] .sh-safety-table {\n        text-align: right;\n    }\n    .sh-safety-table th {\n        background-color: #f8fbfd;\n        color: #138b86;\n        font-weight: bold;\n        padding: 1.25rem;\n        border-bottom: 2px solid #e4edf3;\n        font-size: 17px;\n    }\n    .sh-safety-table td {\n        padding: 1.25rem;\n        border-bottom: 1px solid #e4edf3;\n        color: #243b5a;\n        font-size: 16px;\n    }\n    .sh-safety-table tr:last-child td {\n        border-bottom: none;\n    }\n    .sh-safety-table tbody tr:hover {\n        background-color: #fcfdfe;\n        box-shadow: inset 4px 0 0 0 #138b86;\n    }\n    [dir=\"rtl\"] .sh-safety-table tbody tr:hover {\n        box-shadow: inset -4px 0 0 0 #138b86;\n    }\n<\/style>\n\n<section id=\"sh-assessment-safety-666\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-4xl 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 id=\"sh-safe-lang-kicker\">Workplace Safety<\/span>\n            <\/div>\n            <h2 id=\"sh-safe-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                How the Medical Assessment Supports Workplace Safety\n            <\/h2>\n            <p id=\"sh-safe-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">\n                A pre-employment medical checkup benefits both employers and employees by helping ensure that health considerations are taken into account before work begins.\n            <\/p>\n        <\/div>\n\n        <div class=\"max-w-5xl mx-auto bg-white rounded-2xl border border-[#e4edf3] shadow-sm overflow-x-auto sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            <table class=\"sh-safety-table\">\n                <thead>\n                    <tr>\n                        <th id=\"sh-safe-lang-col1\" style=\"font-family: var(--font-display); width: 40%;\">Objective<\/th>\n                        <th id=\"sh-safe-lang-col2\" style=\"font-family: var(--font-display); width: 60%;\">Workplace Benefit<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody id=\"sh-safe-table-body\">\n                    <\/tbody>\n            <\/table>\n        <\/div>\n\n        <div class=\"mt-10 text-center max-w-3xl mx-auto sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <p id=\"sh-safe-lang-footer\" class=\"text-[#667085] text-[16px] leading-relaxed\"><\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const safeData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Workplace Safety\", \n                title: \"How the Medical Assessment Supports Workplace Safety\",\n                desc: \"A pre-employment medical checkup benefits both employers and employees by helping ensure that health considerations are taken into account before work begins.\",\n                col1: \"Objective\",\n                col2: \"Workplace Benefit\",\n                footer: \"The assessment is based on the specific duties associated with the position rather than applying the same standard to every applicant.\",\n                rows: [\n                    { obj: \"Assess medical fitness\", ben: \"Supports safe job placement\" },\n                    { obj: \"Identify health risks\", ben: \"Allows appropriate workplace planning\" },\n                    { obj: \"Establish baseline health\", ben: \"Useful for future occupational assessments when applicable\" },\n                    { obj: \"Recommend additional evaluation\", ben: \"Supports appropriate medical follow-up\" },\n                    { obj: \"Promote employee wellbeing\", ben: \"Encourages early health awareness\" }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0633\u0644\u0627\u0645\u0629 \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\", \n                title: \"\u0643\u064a\u0641 \u064a\u062f\u0639\u0645 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0633\u0644\u0627\u0645\u0629 \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\",\n                desc: \"\u064a\u0641\u064a\u062f \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0643\u0644\u0627\u064b \u0645\u0646 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0636\u0645\u0627\u0646 \u0623\u062e\u0630 \u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0641\u064a \u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u0639\u0645\u0644.\",\n                col1: \"\u0627\u0644\u0647\u062f\u0641\",\n                col2: \"\u0641\u0627\u0626\u062f\u0629 \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\",\n                footer: \"\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0639\u0644\u0649 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0646\u0635\u0628 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u062a\u0637\u0628\u064a\u0642 \u0646\u0641\u0633 \u0627\u0644\u0645\u0639\u064a\u0627\u0631 \u0639\u0644\u0649 \u0643\u0644 \u0645\u062a\u0642\u062f\u0645.\",\n                rows: [\n                    { obj: \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629\", ben: \"\u064a\u062f\u0639\u0645 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0622\u0645\u0646 \u0641\u064a \u0627\u0644\u0645\u0646\u0635\u0628 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\" },\n                    { obj: \"\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0635\u062d\u064a\u0629\", ben: \"\u064a\u0633\u0645\u062d \u0628\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\" },\n                    { obj: \"\u0625\u0646\u0634\u0627\u0621 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0635\u062d\u064a\u0629 \u0623\u0633\u0627\u0633\u064a\u0629\", ben: \"\u0645\u0641\u064a\u062f \u0644\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0639\u0646\u062f \u0627\u0644\u0627\u0642\u062a\u0636\u0627\u0621\" },\n                    { obj: \"\u0627\u0644\u062a\u0648\u0635\u064a\u0629 \u0628\u062a\u0642\u064a\u064a\u0645 \u0625\u0636\u0627\u0641\u064a\", ben: \"\u064a\u062f\u0639\u0645 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\" },\n                    { obj: \"\u062a\u0639\u0632\u064a\u0632 \u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\", ben: \"\u064a\u0634\u062c\u0639 \u0627\u0644\u0648\u0639\u064a \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0644\u0645\u0648\u0638\u0641\" }\n                ]\n            }\n        };\n\n        function initSafetySection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? safeData.ar : safeData.en;\n            const section = document.getElementById('sh-assessment-safety-666');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-safe-lang-kicker').textContent = data.kicker;\n            \n            const title = document.getElementById('sh-safe-lang-title');\n            title.textContent = data.title;\n            title.style.fontFamily = data.font;\n            \n            document.getElementById('sh-safe-lang-desc').textContent = data.desc;\n            document.getElementById('sh-safe-lang-col1').textContent = data.col1;\n            document.getElementById('sh-safe-lang-col2').textContent = data.col2;\n            document.getElementById('sh-safe-lang-footer').textContent = data.footer;\n            \n            const tbody = document.getElementById('sh-safe-table-body');\n            tbody.innerHTML = '';\n            \n            data.rows.forEach(row => {\n                const tr = document.createElement('tr');\n                tr.innerHTML = `\n                    <td class=\"font-bold text-[#243b5a]\" style=\"font-family: ${data.font};\">${row.obj}<\/td>\n                    <td class=\"text-[#667085]\" style=\"font-family: ${data.body};\">${row.ben}<\/td>\n                `;\n                tbody.appendChild(tr);\n            });\n        }\n        \n        initSafetySection();\n        new MutationObserver(initSafetySection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Astra Breakout & Hexa Background *\/\n    #sh-prep-exam-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    \/* Hexa Background *\/\n    #sh-prep-exam-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    #sh-prep-exam-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    @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<\/style>\n\n<section id=\"sh-prep-exam-444\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \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 id=\"sh-prep-lang-kicker\">Patient Guidelines<\/span>\n            <\/div>\n            <h2 id=\"sh-prep-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Preparing for Your Medical Examination<\/h2>\n            <p id=\"sh-prep-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">Preparing in advance helps ensure that the assessment proceeds smoothly.<\/p>\n        <\/div>\n\n        <div class=\"bg-white rounded-3xl p-8 lg:p-12 border border-[#e4edf3] shadow-sm max-w-5xl mx-auto sh-animate-up\" style=\"animation-delay: 0.15s;\">\n            \n            <p id=\"sh-prep-lang-subtitle\" class=\"font-bold text-[#243b5a] text-[20px] mb-6 text-center\" style=\"font-family: var(--font-display);\">You may be advised to:<\/p>\n            \n            <ul class=\"grid sm:grid-cols-2 gap-x-8 gap-y-4 mb-8\" id=\"sh-prep-list\">\n                <\/ul>\n\n            <div class=\"pt-6 border-t border-[#e4edf3] text-center\">\n                <p id=\"sh-prep-lang-footer\" class=\"text-[#667085] text-[16.5px] m-0\">Preparation requirements vary depending on the tests included in your assessment.<\/p>\n            <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const prepData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Patient Guidelines\", \n                title: \"Preparing for Your Medical Examination\",\n                desc: \"Preparing in advance helps ensure that the assessment proceeds smoothly.\",\n                subtitle: \"You may be advised to:\",\n                footer: \"Preparation requirements vary depending on the tests included in your assessment.\",\n                list: [\n                    \"Bring a valid identification document.\",\n                    \"Carry employer referral forms if provided.\",\n                    \"Bring previous medical reports when requested.\",\n                    \"Wear comfortable clothing.\",\n                    \"Bring prescription glasses if you use them.\",\n                    \"Inform the physician about ongoing medical treatment.\",\n                    \"Follow fasting instructions if blood tests require it.\"\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0631\u064a\u0636\", \n                title: \"\u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u062e\u0627\u0635 \u0628\u0643\",\n                desc: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0645\u0633\u0628\u0642 \u0641\u064a \u0636\u0645\u0627\u0646 \u0633\u064a\u0631 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0628\u0633\u0644\u0627\u0633\u0629.\",\n                subtitle: \"\u0642\u062f \u064a\u064f\u0646\u0635\u062d \u0628\u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u062a\u062e\u062a\u0644\u0641 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0639\u062a\u0645\u0627\u062f\u0627\u064b \u0639\u0644\u0649 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062f\u0631\u062c\u0629 \u0641\u064a \u062a\u0642\u064a\u064a\u0645\u0643.\",\n                list: [\n                    \"\u0625\u062d\u0636\u0627\u0631 \u0648\u062b\u064a\u0642\u0629 \u0647\u0648\u064a\u0629 \u0633\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u0641\u0639\u0648\u0644.\",\n                    \"\u0625\u062d\u0636\u0627\u0631 \u0646\u0645\u0627\u0630\u062c \u0625\u062d\u0627\u0644\u0629 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0625\u0646 \u0648\u062c\u062f\u062a.\",\n                    \"\u0625\u062d\u0636\u0627\u0631 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0639\u0646\u062f \u0627\u0644\u0637\u0644\u0628.\",\n                    \"\u0627\u0631\u062a\u062f\u0627\u0621 \u0645\u0644\u0627\u0628\u0633 \u0645\u0631\u064a\u062d\u0629.\",\n                    \"\u0625\u062d\u0636\u0627\u0631 \u0627\u0644\u0646\u0638\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0633\u062a\u062e\u062f\u0645\u0647\u0627.\",\n                    \"\u0625\u0628\u0644\u0627\u063a \u0627\u0644\u0637\u0628\u064a\u0628 \u0639\u0646 \u0623\u064a \u0639\u0644\u0627\u062c \u0637\u0628\u064a \u0645\u0633\u062a\u0645\u0631.\",\n                    \"\u0627\u062a\u0628\u0627\u0639 \u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u064a\u0627\u0645 \u0625\u0630\u0627 \u062a\u0637\u0644\u0628\u062a \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u062f\u0645 \u0630\u0644\u0643.\"\n                ]\n            }\n        };\n\n        function initPrepSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? prepData.ar : prepData.en;\n            const section = document.getElementById('sh-prep-exam-444');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-prep-lang-kicker').textContent = data.kicker;\n            \n            const titleEl = document.getElementById('sh-prep-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-prep-lang-desc').textContent = data.desc;\n            document.getElementById('sh-prep-lang-desc').style.fontFamily = data.body;\n            \n            const subtitleEl = document.getElementById('sh-prep-lang-subtitle');\n            subtitleEl.textContent = data.subtitle;\n            subtitleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-prep-lang-footer').textContent = data.footer;\n            document.getElementById('sh-prep-lang-footer').style.fontFamily = data.body;\n            \n            const listGrid = document.getElementById('sh-prep-list');\n            listGrid.innerHTML = '';\n            data.list.forEach(text => {\n                const li = document.createElement('li');\n                li.className = \"flex gap-3 items-start p-3 rounded-xl hover:bg-[#f8fbfd] transition-colors border border-transparent hover:border-[#e4edf3]\";\n                li.innerHTML = `\n                    <span class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center\">\n                        <svg width=\"14\" height=\"14\" 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\"\/><\/svg>\n                    <\/span>\n                    <span class=\"text-[16px] text-[#243b5a]\/90 font-medium leading-snug\" style=\"font-family: ${data.body}\">${text}<\/span>\n                `;\n                listGrid.appendChild(li);\n            });\n        }\n        \n        initPrepSection();\n        new MutationObserver(initPrepSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-job-specific-333 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-job-specific-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    }\n\n    \/* 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    \/* Step Card Hover *\/\n    .sh-step-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-step-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 24px rgba(36, 59, 90, 0.08);\n            border-color: #138b86;\n        }\n    }\n<\/style>\n\n<section id=\"sh-job-specific-333\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper\">\n        \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 id=\"sh-job-lang-kicker\">Occupational Medicine<\/span>\n            <\/div>\n            <h2 id=\"sh-job-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Fitness for Work Is Job-Specific<\/h2>\n            <p id=\"sh-job-lang-desc\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\">One of the most important aspects of occupational medicine is that medical fitness is assessed in relation to the actual demands of a specific job.<\/p>\n        <\/div>\n\n        <p id=\"sh-job-lang-subtitle\" class=\"font-bold text-[#243b5a] text-[20px] mb-6 text-center sh-animate-up\" style=\"font-family: var(--font-display); animation-delay: 0.1s;\">For example:<\/p>\n\n        <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6 sh-animate-up\" style=\"animation-delay: 0.2s;\" id=\"sh-job-grid\">\n            <\/div>\n\n        <div class=\"mt-10 p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3] max-w-3xl mx-auto text-center sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <p id=\"sh-job-lang-footer\" class=\"m-0 text-[#243b5a] font-medium text-[16px] leading-relaxed\"><\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Use a generic building\/role icon for consistency\n        const jobIcon = `<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\"><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\n        const jobData = {\n            en: {\n                kicker: \"Occupational Medicine\", \n                title: \"Fitness for Work Is Job-Specific\",\n                desc: \"One of the most important aspects of occupational medicine is that medical fitness is assessed in relation to the actual demands of a specific job.\",\n                subtitle: \"For example:\",\n                footer: \"This individualized approach helps ensure that employment decisions are based on relevant medical considerations rather than a one-size-fits-all evaluation.\",\n                steps: [\n                    { \n                        t: \"Administrative Roles\", \n                        d: \"A desk-based administrative role may have different physical requirements than a construction position.\" \n                    },\n                    { \n                        t: \"Healthcare\", \n                        d: \"Healthcare professionals may require additional occupational health screening.\" \n                    },\n                    { \n                        t: \"Transportation\", \n                        d: \"Commercial drivers may undergo assessments related to vision and overall fitness.\" \n                    },\n                    { \n                        t: \"Food Industry\", \n                        d: \"Food handlers may need examinations that align with public health regulations.\" \n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0637\u0628 \u0627\u0644\u0645\u0647\u0646\u064a\", \n                title: \"\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0644\u0644\u0639\u0645\u0644 \u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0648\u0638\u064a\u0641\u0629\",\n                desc: \"\u0645\u0646 \u0623\u0647\u0645 \u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0637\u0628 \u0627\u0644\u0645\u0647\u0646\u064a \u0623\u0646 \u064a\u062a\u0645 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0641\u064a\u0645\u0627 \u064a\u062a\u0639\u0644\u0642 \u0628\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0648\u0638\u064a\u0641\u0629 \u0645\u0639\u064a\u0646\u0629.\",\n                subtitle: \"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:\",\n                footer: \"\u064a\u0633\u0627\u0639\u062f \u0647\u0630\u0627 \u0627\u0644\u0646\u0647\u062c \u0627\u0644\u0641\u0631\u062f\u064a \u0641\u064a \u0636\u0645\u0627\u0646 \u0623\u0646 \u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u062a\u0633\u062a\u0646\u062f \u0625\u0644\u0649 \u0627\u0639\u062a\u0628\u0627\u0631\u0627\u062a \u0637\u0628\u064a\u0629 \u0630\u0627\u062a \u0635\u0644\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0648\u062d\u062f \u0644\u0644\u062c\u0645\u064a\u0639.\",\n                steps: [\n                    { \n                        t: \"\u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\", \n                        d: \"\u0642\u062f \u064a\u0643\u0648\u0646 \u0644\u0644\u0623\u062f\u0648\u0627\u0631 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u0643\u062a\u0628\u064a\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0628\u062f\u0646\u064a\u0629 \u0645\u062e\u062a\u0644\u0641\u0629 \u0639\u0646 \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0628\u0646\u0627\u0621.\" \n                    },\n                    { \n                        t: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\", \n                        d: \"\u0642\u062f \u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0625\u0644\u0649 \u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629.\" \n                    },\n                    { \n                        t: \"\u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0644\u0627\u062a\", \n                        d: \"\u0642\u062f \u064a\u062e\u0636\u0639 \u0627\u0644\u0633\u0627\u0626\u0642\u0648\u0646 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0648\u0646 \u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u062a\u062a\u0639\u0644\u0642 \u0628\u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u0645\u0629.\" \n                    },\n                    { \n                        t: \"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0623\u063a\u0630\u064a\u0629\", \n                        d: \"\u0642\u062f \u064a\u062d\u062a\u0627\u062c \u0639\u0645\u0627\u0644 \u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0623\u063a\u0630\u064a\u0629 \u0625\u0644\u0649 \u0641\u062d\u0648\u0635\u0627\u062a \u062a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629.\" \n                    }\n                ]\n            }\n        };\n\n        function initJobSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? jobData.ar : jobData.en;\n            const section = document.getElementById('sh-job-specific-333');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-job-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-job-lang-title').textContent = data.title;\n            document.getElementById('sh-job-lang-desc').textContent = data.desc;\n            document.getElementById('sh-job-lang-subtitle').textContent = data.subtitle;\n            document.getElementById('sh-job-lang-footer').textContent = data.footer;\n            \n            const grid = document.getElementById('sh-job-grid');\n            grid.innerHTML = '';\n            \n            data.steps.forEach((step) => {\n                const div = document.createElement('div');\n                div.className = \"bg-white rounded-2xl p-7 border border-[#e4edf3] shadow-sm sh-step-card text-start flex flex-col items-start gap-4\";\n                div.innerHTML = `\n                    <div class=\"w-12 h-12 rounded-xl bg-[#138b86]\/10 text-[#138b86] flex items-center justify-center shrink-0\">\n                        ${jobIcon}\n                    <\/div>\n                    <div>\n                        <h3 class=\"font-bold text-[18px] text-[#243b5a] mb-2 leading-snug\" style=\"font-family: var(--font-display);\">${step.t}<\/h3>\n                        <p class=\"text-[#667085] text-[15.5px] leading-relaxed m-0\">${step.d}<\/p>\n                    <\/div>\n                `;\n                grid.appendChild(div);\n            });\n        }\n        \n        initJobSection();\n        new MutationObserver(initJobSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID for Clean Astra-proof Layout *\/\n    #sh-fitness-results-555 {\n        width: 100% !important;\n        background-color: #ffffff !important;\n        overflow: hidden !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n    }\n\n    \/* Set Max-Width 1475px *\/\n    #sh-fitness-results-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    \/* 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    \/* Table Styling *\/\n    .sh-fitness-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n    }\n    [dir=\"rtl\"] .sh-fitness-table {\n        text-align: right;\n    }\n    .sh-fitness-table th {\n        background-color: #f8fbfd;\n        color: #138b86;\n        font-weight: bold;\n        padding: 1.25rem;\n        border-bottom: 2px solid #e4edf3;\n        font-size: 17px;\n    }\n    .sh-fitness-table td {\n        padding: 1.25rem;\n        border-bottom: 1px solid #e4edf3;\n        color: #243b5a;\n        font-size: 16px;\n    }\n    .sh-fitness-table tr:last-child td {\n        border-bottom: none;\n    }\n    .sh-fitness-table tbody tr:hover {\n        background-color: #fcfdfe;\n        box-shadow: inset 4px 0 0 0 #138b86;\n    }\n    [dir=\"rtl\"] .sh-fitness-table tbody tr:hover {\n        box-shadow: inset -4px 0 0 0 #138b86;\n    }\n<\/style>\n\n<section id=\"sh-fitness-results-555\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper max-w-[1475px] mx-auto px-5\">\n        \n        <div class=\"mb-10 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 id=\"sh-fit-lang-kicker\">Assessment Results<\/span>\n            <\/div>\n            <h2 id=\"sh-fit-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">Understanding Your Medical Fitness Result<\/h2>\n            <p id=\"sh-fit-lang-p1\" class=\"mt-5 text-[#667085] text-[18px] leading-relaxed\"><\/p>\n            <p id=\"sh-fit-lang-p2\" class=\"mt-3 text-[#667085] text-[18px] leading-relaxed\"><\/p>\n        <\/div>\n\n        <p id=\"sh-fit-lang-subtitle\" class=\"font-bold text-[#243b5a] text-[20px] mb-6 text-center sh-animate-up\" style=\"animation-delay: 0.1s; font-family: var(--font-display);\"><\/p>\n\n        <div class=\"max-w-4xl mx-auto bg-white rounded-2xl border border-[#e4edf3] shadow-sm overflow-x-auto sh-animate-up\" style=\"animation-delay: 0.2s;\">\n            <table class=\"sh-fitness-table w-full text-start\">\n                <thead>\n                    <tr class=\"bg-[#f8fbfd] border-b-2 border-[#e4edf3]\">\n                        <th id=\"sh-fit-lang-col1\" class=\"p-5 text-[#138b86] font-bold text-[17px] w-2\/5\" style=\"font-family: var(--font-display);\"><\/th>\n                        <th id=\"sh-fit-lang-col2\" class=\"p-5 text-[#138b86] font-bold text-[17px] w-3\/5\" style=\"font-family: var(--font-display);\"><\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody id=\"sh-fit-table-body\">\n                    <\/tbody>\n            <\/table>\n        <\/div>\n        \n        <div class=\"mt-10 max-w-3xl mx-auto text-center sh-animate-up\" style=\"animation-delay: 0.3s;\">\n            <p id=\"sh-fit-lang-footer\" class=\"text-[#667085] text-[16.5px] leading-relaxed m-0\"><\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const fitData = {\n            en: {\n                font: \"var(--font-display)\", body: \"system-ui, sans-serif\",\n                kicker: \"Assessment Results\", \n                title: \"Understanding Your Medical Fitness Result\",\n                p1: \"At the end of a pre-employment medical assessment, the examining physician reviews the findings together with the employer's requirements before issuing a medical fitness recommendation.\",\n                p2: \"The outcome is based on the applicant's ability to perform the essential duties of the position safely rather than on the presence or absence of a medical condition alone.\",\n                subtitle: \"Possible outcomes may include:\",\n                col1: \"Medical Assessment Outcome\",\n                col2: \"Meaning\",\n                footer: \"The final report follows the employer's requested assessment protocol and applicable occupational health standards.\",\n                rows: [\n                    { out: \"Fit for work\", mean: \"The applicant is medically suitable for the proposed role.\" },\n                    { out: \"Fit with recommendations\", mean: \"The applicant can perform the job with specific workplace considerations or follow-up advice.\" },\n                    { out: \"Additional evaluation required\", mean: \"Further investigations or specialist assessment are needed before a final opinion is provided.\" }\n                ]\n            },\n            ar: {\n                font: \"var(--font-arabic)\", body: \"var(--font-arabic)\",\n                kicker: \"\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0642\u064a\u064a\u0645\", \n                title: \"\u0641\u0647\u0645 \u0646\u062a\u064a\u062c\u0629 \u0644\u064a\u0627\u0642\u062a\u0643 \u0627\u0644\u0637\u0628\u064a\u0629\",\n                p1: \"\u0641\u064a \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0644\u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\u060c \u064a\u0631\u0627\u062c\u0639 \u0627\u0644\u0637\u0628\u064a\u0628 \u0627\u0644\u0641\u0627\u062d\u0635 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0645\u0639 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0642\u0628\u0644 \u0625\u0635\u062f\u0627\u0631 \u062a\u0648\u0635\u064a\u0629 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629.\",\n                p2: \"\u062a\u0633\u062a\u0646\u062f \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0625\u0644\u0649 \u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0639\u0644\u0649 \u0623\u062f\u0627\u0621 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0648\u0638\u064a\u0641\u0629 \u0628\u0623\u0645\u0627\u0646 \u0648\u0644\u064a\u0633 \u0639\u0644\u0649 \u0648\u062c\u0648\u062f \u0623\u0648 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u062d\u0627\u0644\u0629 \u0637\u0628\u064a\u0629 \u0628\u062d\u062f \u0630\u0627\u062a\u0647\u0627.\",\n                subtitle: \"\u0642\u062f \u062a\u0634\u0645\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                col1: \"\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a\",\n                col2: \"\u0627\u0644\u0645\u0639\u0646\u0649\",\n                footer: \"\u064a\u062a\u0628\u0639 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0630\u064a \u064a\u0637\u0644\u0628\u0647 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0645\u0648\u0644 \u0628\u0647\u0627.\",\n                rows: [\n                    { out: \"\u0644\u0627\u0626\u0642 \u0644\u0644\u0639\u0645\u0644\", mean: \"\u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0644\u0627\u0626\u0642 \u0637\u0628\u064a\u0627\u064b \u0648\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u062f\u0648\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d.\" },\n                    { out: \"\u0644\u0627\u0626\u0642 \u0645\u0639 \u062a\u0648\u0635\u064a\u0627\u062a\", mean: \"\u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u062a\u0642\u062f\u0645 \u0623\u062f\u0627\u0621 \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0645\u0639 \u0627\u0639\u062a\u0628\u0627\u0631\u0627\u062a \u0645\u062d\u062f\u062f\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644 \u0623\u0648 \u0646\u0635\u0627\u0626\u062d \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\" },\n                    { out: \"\u064a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0625\u0636\u0627\u0641\u064a\u0627\u064b\", mean: \"\u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0623\u0648 \u062a\u0642\u064a\u064a\u0645 \u0623\u062e\u0635\u0627\u0626\u064a \u0642\u0628\u0644 \u062a\u0642\u062f\u064a\u0645 \u0631\u0623\u064a \u0646\u0647\u0627\u0626\u064a.\" }\n                ]\n            }\n        };\n\n        function initFitnessSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? fitData.ar : fitData.en;\n            const section = document.getElementById('sh-fitness-results-555');\n            \n            if(!section) return;\n            \n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-fit-lang-kicker').textContent = data.kicker;\n            \n            const titleEl = document.getElementById('sh-fit-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.font;\n            \n            document.getElementById('sh-fit-lang-p1').textContent = data.p1;\n            document.getElementById('sh-fit-lang-p1').style.fontFamily = data.body;\n            \n            document.getElementById('sh-fit-lang-p2').textContent = data.p2;\n            document.getElementById('sh-fit-lang-p2').style.fontFamily = data.body;\n            \n            const subTitle = document.getElementById('sh-fit-lang-subtitle');\n            subTitle.textContent = data.subtitle;\n            subTitle.style.fontFamily = data.font;\n            \n            document.getElementById('sh-fit-lang-col1').textContent = data.col1;\n            document.getElementById('sh-fit-lang-col2').textContent = data.col2;\n            \n            document.getElementById('sh-fit-lang-footer').textContent = data.footer;\n            document.getElementById('sh-fit-lang-footer').style.fontFamily = data.body;\n            \n            const tbody = document.getElementById('sh-fit-table-body');\n            tbody.innerHTML = '';\n            \n            data.rows.forEach(row => {\n                const tr = document.createElement('tr');\n                tr.className = \"hover:bg-[#fcfdfe] transition-colors border-b border-[#e4edf3] last:border-0\";\n                \n                const boxShadowClass = isRtl ? 'hover:shadow-[inset_-4px_0_0_0_#138b86]' : 'hover:shadow-[inset_4px_0_0_0_#138b86]';\n                tr.classList.add(...boxShadowClass.split(' '));\n\n                tr.innerHTML = `\n                    <td class=\"p-5 font-bold text-[#243b5a] align-top\" style=\"font-family: ${data.font};\">${row.out}<\/td>\n                    <td class=\"p-5 text-[#667085] align-top\" style=\"font-family: ${data.body};\">${row.mean}<\/td>\n                `;\n                tbody.appendChild(tr);\n            });\n        }\n        \n        initFitnessSection();\n        new MutationObserver(initFitnessSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-occupational-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: 3.5rem !important; \/* Reduced for mobile *\/\n        padding-bottom: 3.5rem !important; \/* Reduced for mobile *\/\n        box-sizing: border-box !important;\n    }\n\n    @media (min-width: 768px) {\n        #sh-occupational-222 {\n            padding-top: 5rem !important;\n            padding-bottom: 5rem !important;\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #sh-occupational-222 {\n            padding-top: 6rem !important;\n            padding-bottom: 6rem !important;\n        }\n    }\n\n    \/* Hexa Background *\/\n    #sh-occupational-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-occupational-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    \/* 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    #sh-occupational-222 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-occupational-222\" dir=\"ltr\">\n    <!-- Adjusted gap for mobile (gap-10) and desktop (gap-14), set to items-start for sticky support -->\n    <div class=\"sh-inner-wrapper grid lg:grid-cols-[1fr_1.1fr] gap-10 lg:gap-14 items-start\">\n        \n        <!-- Image Container with mb-8 for mobile spacing and sticky positioning on desktop -->\n        <div class=\"sh-animate-up !mx-0 mb-8 lg:mb-0 lg:sticky lg:top-24\">\n            <!-- Fluid responsive image -->\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Pre_employee6.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/Pre_employee6.webp'\" alt=\"Doctor consulting with a worker for an occupational health assessment\" class=\"rounded-[2rem] w-full h-auto aspect-auto object-contain shadow-[0_20px_50px_-12px_rgba(0,0,0,0.15)] block\" loading=\"lazy\">\n        <\/div>\n\n        <div class=\"sh-animate-up !mx-0 text-start\" style=\"animation-delay: 0.2s;\">\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\">\n                    <span class=\"h-px w-6 md:w-8 bg-[#138b86]\"><\/span>\n                    <span id=\"sh-occ-lang-kicker\">Ongoing Care<\/span>\n                <\/div>\n                \n                <!-- Fluid typography applied -->\n                <h2 id=\"sh-occ-lang-title\" class=\"text-[28px] md:text-[38px] lg:text-[46px] font-bold leading-[1.2] lg:leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                    Occupational Health Goes Beyond Employment Screening\n                <\/h2>\n                \n                <p id=\"sh-occ-lang-desc\" class=\"mt-4 md:mt-5 text-[#667085] text-[16px] md:text-[18px] leading-relaxed\">\n                    A pre-employment examination is often the beginning of an employee&#8217;s occupational health journey rather than a one-time assessment.\n                <\/p>\n            <\/div>\n\n            <p id=\"sh-occ-lang-care-title\" class=\"font-bold text-[#243b5a] text-[18px] md:text-[20px] mb-4 md:mb-5\" style=\"font-family: var(--font-display);\">\n                Occupational health programs may also include:\n            <\/p>\n            \n            <ul id=\"sh-occ-grid\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-3 md:gap-y-4\">\n                <!-- Dynamically populated via JS -->\n            <\/ul>\n            \n            <p id=\"sh-occ-lang-footer\" class=\"mt-6 md:mt-8 text-[#667085] text-[15px] md:text-[16px] leading-relaxed border-t border-[#e4edf3] pt-5\">\n                These services help organizations maintain a healthy workforce while supporting employee wellbeing over time.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const occData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Ongoing Care\", \n                title: \"Occupational Health Goes Beyond Employment Screening\",\n                desc: \"A pre-employment examination is often the beginning of an employee's occupational health journey rather than a one-time assessment.\",\n                care: \"Occupational health programs may also include:\",\n                footer: \"These services help organizations maintain a healthy workforce while supporting employee wellbeing over time.\",\n                list: [\n                    \"Periodic health examinations\", \n                    \"Workplace exposure monitoring\", \n                    \"Return-to-work assessments after illness or injury\", \n                    \"Vaccination programs for selected professions\", \n                    \"Health education initiatives\", \n                    \"Medical surveillance for specific occupations\"\n                ]\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\", \n                title: \"\u0627\u0644\u0637\u0628 \u0627\u0644\u0645\u0647\u0646\u064a \u064a\u062a\u062c\u0627\u0648\u0632 \u0641\u062d\u0635 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\",\n                desc: \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u0643\u0648\u0646 \u0641\u062d\u0635 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0628\u062f\u0627\u064a\u0629 \u0631\u062d\u0644\u0629 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0644\u0644\u0645\u0648\u0638\u0641 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u062a\u0642\u064a\u064a\u0645 \u0644\u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629.\",\n                care: \"\u0642\u062f \u062a\u0634\u0645\u0644 \u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0623\u064a\u0636\u0627\u064b:\",\n                footer: \"\u062a\u0633\u0627\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0642\u0648\u0629 \u0639\u0627\u0645\u0644\u0629 \u0635\u062d\u064a\u0629 \u0645\u0639 \u062f\u0639\u0645 \u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a.\",\n                list: [\n                    \"\u0641\u062d\u0648\u0635\u0627\u062a \u0637\u0628\u064a\u0629 \u062f\u0648\u0631\u064a\u0629\", \n                    \"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u0639\u0631\u0636 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\", \n                    \"\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644 \u0628\u0639\u062f \u0627\u0644\u0645\u0631\u0636 \u0623\u0648 \u0627\u0644\u0625\u0635\u0627\u0628\u0629\", \n                    \"\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u0637\u0639\u064a\u0645 \u0644\u0645\u0647\u0646 \u0645\u062e\u062a\u0627\u0631\u0629\", \n                    \"\u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0635\u062d\u064a\", \n                    \"\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0644\u0645\u0647\u0646 \u0645\u062d\u062f\u062f\u0629\"\n                ]\n            }\n        };\n\n        function initOccSection() {\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\n            const data = isRtl ? occData.ar : occData.en;\n            const section = document.getElementById('sh-occupational-222');\n            \n            if(!section) return;\n            section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            document.getElementById('sh-occ-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-occ-lang-kicker').style.fontFamily = data.bodyFont;\n\n            const titleEl = document.getElementById('sh-occ-lang-title');\n            titleEl.textContent = data.title;\n            titleEl.style.fontFamily = data.headerFont;\n\n            const descEl = document.getElementById('sh-occ-lang-desc');\n            descEl.textContent = data.desc;\n            descEl.style.fontFamily = data.bodyFont;\n\n            const careEl = document.getElementById('sh-occ-lang-care-title');\n            careEl.textContent = data.care;\n            careEl.style.fontFamily = data.headerFont;\n\n            const footerEl = document.getElementById('sh-occ-lang-footer');\n            footerEl.textContent = data.footer;\n            footerEl.style.fontFamily = data.bodyFont;\n            \n            \/\/ Dynamically Render List with fluid sizing for icons and text\n            const grid = document.getElementById('sh-occ-grid');\n            grid.innerHTML = '';\n            data.list.forEach(item => {\n                grid.innerHTML += `\n                    <li class=\"flex gap-2 md:gap-3 items-start\">\n                        <span class=\"mt-1 shrink-0 w-[20px] h-[20px] md:w-[24px] md:h-[24px] rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center shadow-sm\">\n                            <svg class=\"w-[10px] h-[10px] md:w-3 md:h-3\" 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\"\/><\/svg>\n                        <\/span>\n                        <span class=\"text-[14px] md:text-[15.5px] lg:text-[16px] text-[#243b5a]\/90 font-medium leading-relaxed\" style=\"font-family: ${data.bodyFont};\">${item}<\/span>\n                    <\/li>`;\n            });\n        }\n        \n        initOccSection();\n        new MutationObserver(initOccSection).observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped ID & Breakout Width for Astra *\/\n    #sh-employer-req-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    \/* Hexa Background *\/\n    #sh-employer-req-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    #sh-employer-req-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-employer-req-444 .sh-text-start { text-align: left !important; }\n    #sh-employer-req-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-animate-up { \n        opacity: 0; \n        animation: shFadeUp 0.7s ease forwards; \n    }\n\n    \/* Table Styling *\/\n    .sh-req-table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n    .sh-req-table th {\n        background-color: #243b5a;\n        color: #ffffff;\n        font-weight: bold;\n        padding: 1.25rem;\n        font-size: 17px;\n    }\n    .sh-req-table td {\n        padding: 1.25rem;\n        border-top: 1px solid #e4edf3;\n        font-size: 16px;\n    }\n    .sh-req-table tbody tr {\n        transition: background-color 0.2s ease;\n    }\n    .sh-req-table tbody tr:nth-child(odd) {\n        background-color: #ffffff;\n    }\n    .sh-req-table tbody tr:nth-child(even) {\n        background-color: #f4f7f9;\n    }\n    .sh-req-table tbody tr:hover {\n        background-color: #e6f4f3;\n    }\n<\/style>\n\n<section id=\"sh-employer-req-444\" dir=\"ltr\">\n    <div class=\"sh-inner-wrapper max-w-5xl mx-auto\">\n        \n        <div class=\"mb-10 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 id=\"sh-req-lang-kicker\">Industry Requirements<\/span>\n            <\/div>\n            <h2 id=\"sh-req-lang-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\">Employer-Specific Medical Requirements<\/h2>\n            <p id=\"sh-req-desc\" class=\"text-[#667085] text-[18px] leading-relaxed mb-2\"><\/p>\n        <\/div>\n\n        <div class=\"sh-animate-up\" style=\"animation-delay: 0.1s;\">\n            <div class=\"overflow-x-auto rounded-2xl border border-[#e4edf3] bg-white shadow-sm mb-6\">\n                <table class=\"sh-req-table sh-text-start\" id=\"sh-req-table\">\n                    <\/table>\n            <\/div>\n        <\/div>\n\n        <p id=\"sh-req-footer-note\" class=\"text-center text-[#596b82] text-[15px] italic max-w-3xl mx-auto sh-animate-up\" style=\"animation-delay: 0.2s;\"><\/p>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const reqData = {\n            en: {\n                kicker: \"Industry Requirements\", \n                title: \"Employer-Specific Medical Requirements\",\n                desc: \"Different industries present different workplace demands, which means the scope of a medical assessment varies depending on the position. For example:\",\n                footerNote: \"*Actual testing requirements depend on employer policies, contractual obligations, and applicable regulations.\",\n                table: { \n                    h: [\"Industry\", \"Common Focus Areas*\"], \n                    r: [\n                        [\"Healthcare\", \"General health evaluation, vision, occupational health requirements\"], \n                        [\"Construction\", \"Physical fitness, musculoskeletal assessment, general medical evaluation\"], \n                        [\"Food services\", \"Medical assessment according to employer and public health requirements\"],\n                        [\"Office-based roles\", \"General physical examination and routine health screening\"],\n                        [\"Transportation\", \"Vision, hearing (when required), cardiovascular health, overall fitness\"],\n                        [\"Industrial workplaces\", \"Assessment based on physical demands and workplace exposure risks\"]\n                    ] \n                }\n            },\n            ar: {\n                kicker: \"\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u0629\", \n                title: \"\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644\",\n                desc: \"\u062a\u0637\u0631\u062d \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\u060c \u0645\u0645\u0627 \u064a\u0639\u0646\u064a \u0623\u0646 \u0646\u0637\u0627\u0642 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u064a\u062e\u062a\u0644\u0641 \u0628\u0627\u062e\u062a\u0644\u0627\u0641 \u0627\u0644\u0645\u0646\u0635\u0628. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:\",\n                footerNote: \"*\u062a\u0639\u062a\u0645\u062f \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0639\u0644\u0649 \u0633\u064a\u0627\u0633\u0627\u062a \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629 \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0645\u0639\u0645\u0648\u0644 \u0628\u0647\u0627.\",\n                table: { \n                    h: [\"\u0627\u0644\u0635\u0646\u0627\u0639\u0629\", \"\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0634\u0627\u0626\u0639\u0629*\"], \n                    r: [\n                        [\"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\", \"\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\u060c \u0627\u0644\u0631\u0624\u064a\u0629\u060c \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\"], \n                        [\"\u0627\u0644\u0628\u0646\u0627\u0621\", \"\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629\u060c \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0639\u0636\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0638\u0627\u0645\u060c \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0639\u0627\u0645\"], \n                        [\"\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629\", \"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0648\u0641\u0642\u0627\u064b \u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\"],\n                        [\"\u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0627\u0644\u0645\u0643\u062a\u0628\u064a\u0629\", \"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a \u0627\u0644\u0639\u0627\u0645 \u0648\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\"],\n                        [\"\u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0644\u0627\u062a\", \"\u0627\u0644\u0631\u0624\u064a\u0629\u060c \u0627\u0644\u0633\u0645\u0639 (\u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629)\u060c \u0635\u062d\u0629 \u0627\u0644\u0642\u0644\u0628 \u0648\u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629\u060c \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\"],\n                        [\"\u0623\u0645\u0627\u0643\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\", \"\u062a\u0642\u064a\u064a\u0645 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0648\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u062a\u0639\u0631\u0636 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\"]\n                    ] \n                }\n            }\n        };\n\n        function initReqSection() {\n            \/\/ Determine language context\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? reqData.ar : reqData.en;\n            \n            \/\/ Set Section Direction\n            const section = document.getElementById('sh-employer-req-444');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n            \n            \/\/ Populate Text\n            document.getElementById('sh-req-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-req-lang-title').textContent = data.title;\n            document.getElementById('sh-req-desc').textContent = data.desc;\n            document.getElementById('sh-req-footer-note').textContent = data.footerNote;\n            \n            \/\/ Populate Table\n            const tableContainer = document.getElementById('sh-req-table');\n            tableContainer.innerHTML = `\n                <thead>\n                    <tr>\n                        ${data.table.h.map((h, i) => `<th class=\"${i === 0 ? 'w-1\/3' : 'w-2\/3'}\" style=\"font-family: var(--font-display);\">${h}<\/th>`).join('')}\n                    <\/tr>\n                <\/thead>\n                <tbody class=\"text-[#243b5a]\">\n                    ${data.table.r.map(r => `\n                        <tr>\n                            <td class=\"font-bold text-[#138b86]\" style=\"font-family: var(--font-display);\">${r[0]}<\/td>\n                            <td class=\"text-[#596b82] leading-relaxed\">${r[1]}<\/td>\n                        <\/tr>\n                    `).join('')}\n                <\/tbody>`;\n        }\n\n        \/\/ Initialize and setup mutation observer for real-time translation switching\n        initReqSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang') {\n                    initReqSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-early-detection-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; \/* No Hexa Pattern *\/\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-early-detection-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    }\n\n    \/* RTL Support for text alignment *\/\n    #sh-early-detection-555 .sh-text-start { text-align: left !important; }\n    #sh-early-detection-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-early-detection-555 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n<\/style>\n\n<section id=\"sh-early-detection-555\" dir=\"ltr\">\n    <div class=\"sh-wrapper grid lg:grid-cols-[1.1fr_1fr] gap-14 items-center\">\n        \n        <div class=\"sh-text-start sh-animate\">\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 id=\"sh-ed-kicker\"><\/span>\n                <\/div>\n                <h2 id=\"sh-ed-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a] mb-5\" style=\"font-family: var(--font-display);\"><\/h2>\n                <p id=\"sh-ed-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed\"><\/p>\n            <\/div>\n            \n            <p id=\"sh-ed-list-title\" class=\"font-bold text-[#243b5a] text-[20px] mb-4\" style=\"font-family: var(--font-display);\"><\/p>\n            <ul id=\"sh-ed-list\" class=\"grid sm:grid-cols-2 gap-x-6 gap-y-4 mb-8\"><\/ul>\n            \n            <div class=\"p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3]\">\n                <p id=\"sh-ed-footer\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0\"><\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"sh-animate\" style=\"animation-delay: 0.2s;\">\n            <!-- Changed h-[450px] lg:h-[550px] object-cover to h-auto aspect-auto object-contain -->\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/7-8.webp\" onerror=\"this.src='\/wp-content\/uploads\/2026\/07\/7-8.webp'\" alt=\"Doctor discussing early health detection benefits with a patient\" class=\"w-full h-auto aspect-auto object-contain rounded-3xl shadow-[0_15px_30px_rgba(36,59,90,0.1)]\" loading=\"lazy\">\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        const edData = {\n            en: {\n                kicker: \"Early Detection\",\n                title: \"Why Early Health Detection Benefits Employees\",\n                desc: \"Although the primary purpose of a pre-employment medical examination is workplace fitness, the assessment may also identify health concerns that deserve medical attention.\",\n                listTitle: \"Examples include:\",\n                footer: \"Early recognition allows individuals to seek timely medical evaluation and appropriate treatment before symptoms become more serious.\",\n                list: [\n                    \"Elevated blood pressure\",\n                    \"High blood sugar\",\n                    \"Anemia\",\n                    \"Vision problems\",\n                    \"Abnormal laboratory findings\",\n                    \"Previously undiagnosed medical conditions\"\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0643\u0634\u0641 \u0627\u0644\u0645\u0628\u0643\u0631\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u064a\u0641\u064a\u062f \u0627\u0644\u0643\u0634\u0641 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0645\u0628\u0643\u0631 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\",\n                desc: \"\u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646 \u0627\u0644\u063a\u0631\u0636 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0645\u0646 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0647\u0648 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\u060c \u0625\u0644\u0627 \u0623\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0642\u062f \u064a\u062d\u062f\u062f \u0623\u064a\u0636\u0627\u064b \u0645\u062e\u0627\u0648\u0641 \u0635\u062d\u064a\u0629 \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629.\",\n                listTitle: \"\u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0645\u062b\u0644\u0629 \u0645\u0627 \u064a\u0644\u064a:\",\n                footer: \"\u064a\u062a\u064a\u062d \u0627\u0644\u062a\u0639\u0631\u0641 \u0627\u0644\u0645\u0628\u0643\u0631 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u0633\u0639\u064a \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0637\u0628\u064a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0639\u0644\u0627\u062c \u0645\u0646\u0627\u0633\u0628 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0635\u0628\u062d \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0623\u0643\u062b\u0631 \u062e\u0637\u0648\u0631\u0629.\",\n                list: [\n                    \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0636\u063a\u0637 \u0627\u0644\u062f\u0645\",\n                    \"\u0627\u0631\u062a\u0641\u0627\u0639 \u0646\u0633\u0628\u0629 \u0627\u0644\u0633\u0643\u0631 \u0641\u064a \u0627\u0644\u062f\u0645\",\n                    \"\u0641\u0642\u0631 \u0627\u0644\u062f\u0645 (\u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0627)\",\n                    \"\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0646\u0638\u0631\",\n                    \"\u0646\u062a\u0627\u0626\u062c \u0645\u062e\u0628\u0631\u064a\u0629 \u063a\u064a\u0631 \u0637\u0628\u064a\u0639\u064a\u0629\",\n                    \"\u062d\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0644\u0645 \u064a\u062a\u0645 \u062a\u0634\u062e\u064a\u0635\u0647\u0627 \u0645\u0633\u0628\u0642\u0627\u064b\"\n                ]\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-1 shrink-0 w-5 h-5 rounded-full bg-[#e6f4f3] text-[#138b86] grid place-items-center\"><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\n        function buildSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? edData.ar : edData.en;\n            \n            const section = document.getElementById('sh-early-detection-555');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-ed-kicker').textContent = data.kicker;\n            document.getElementById('sh-ed-title').textContent = data.title;\n            document.getElementById('sh-ed-desc').textContent = data.desc;\n            document.getElementById('sh-ed-list-title').textContent = data.listTitle;\n            document.getElementById('sh-ed-footer').textContent = data.footer;\n\n            document.getElementById('sh-ed-list').innerHTML = data.list.map(item => `\n                <li class=\"flex gap-3 items-start\">\n                    ${checkIcon}\n                    <span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed font-medium\">${item}<\/span>\n                <\/li>\n            `).join('');\n        }\n\n        buildSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') buildSection();\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* Scoped Container & Breakout Reset *\/\n    #sh-privacy-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-privacy-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-privacy-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-privacy-666 .sh-text-start { text-align: left !important; }\n    #sh-privacy-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-privacy-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-privacy-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-privacy-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<\/style>\n\n<section id=\"sh-privacy-666\" dir=\"ltr\">\n    <div class=\"sh-wrapper\">\n        \n        <div class=\"mb-12 text-center max-w-4xl 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 id=\"sh-priv-kicker\">Patient Confidentiality<\/span>\n            <\/div>\n            <h2 id=\"sh-priv-title\" class=\"text-[34px] md:text-[46px] font-bold leading-[1.1] text-[#243b5a]\" style=\"font-family: var(--font-display);\">\n                Protecting Medical Privacy\n            <\/h2>\n            <p id=\"sh-priv-desc\" class=\"mt-5 text-[#596b82] text-[18px] leading-relaxed\">\n                Many applicants are concerned about how their health information is handled during employment screening. Medical assessments are conducted with respect for patient confidentiality and professional ethical standards. Healthcare providers generally:\n            <\/p>\n        <\/div>\n\n        <div id=\"sh-priv-cards-grid\" class=\"grid sm:grid-cols-2 gap-6 max-w-4xl mx-auto sh-animate\" style=\"animation-delay: 0.1s;\">\n            <\/div>\n\n        <div class=\"mt-10 p-5 rounded-2xl bg-[#ffffff] border border-[#e4edf3] shadow-sm max-w-3xl mx-auto text-center sh-animate\" style=\"animation-delay: 0.2s;\">\n            <p id=\"sh-priv-footer\" class=\"text-[#243b5a] font-medium text-[16.5px] leading-relaxed m-0\"><\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data containing English and Arabic texts\n        const privData = {\n            en: {\n                kicker: \"Patient Confidentiality\",\n                title: \"Protecting Medical Privacy\",\n                desc: \"Many applicants are concerned about how their health information is handled during employment screening. Medical assessments are conducted with respect for patient confidentiality and professional ethical standards. Healthcare providers generally:\",\n                cards: [\n                    \"Verify patient identity before testing\",\n                    \"Maintain confidential medical records\",\n                    \"Share assessment findings according to applicable legal, regulatory, and employer authorization requirements\",\n                    \"Protect personal medical information through established privacy procedures\"\n                ],\n                footer: \"Applicants should inform the examining physician about existing medical conditions, medications, or previous surgeries to ensure an accurate assessment.\"\n            },\n            ar: {\n                kicker: \"\u0633\u0631\u064a\u0629 \u0627\u0644\u0645\u0631\u064a\u0636\",\n                title: \"\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629\",\n                desc: \"\u064a\u0634\u0639\u0631 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u064a\u0646 \u0628\u0627\u0644\u0642\u0644\u0642 \u062d\u0648\u0644 \u0643\u064a\u0641\u064a\u0629 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0647\u0645 \u0627\u0644\u0635\u062d\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0641\u062d\u0635 \u0627\u0644\u062a\u0648\u0638\u064a\u0641. \u062a\u064f\u062c\u0631\u0649 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0639 \u0627\u062d\u062a\u0631\u0627\u0645 \u0633\u0631\u064a\u0629 \u0627\u0644\u0645\u0631\u064a\u0636 \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u062e\u0644\u0627\u0642\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629. \u064a\u0642\u0648\u0645 \u0645\u0642\u062f\u0645\u0648 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0639\u0645\u0648\u0645\u0627\u064b \u0628\u0645\u0627 \u064a\u0644\u064a:\",\n                cards: [\n                    \"\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0647\u0648\u064a\u0629 \u0627\u0644\u0645\u0631\u064a\u0636 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635\",\n                    \"\u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0633\u062c\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0633\u0631\u064a\u0629\",\n                    \"\u0645\u0634\u0627\u0631\u0643\u0629 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0648\u0641\u0642\u0627\u064b \u0644\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0648\u062a\u0641\u0648\u064a\u0636 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0639\u0645\u0648\u0644 \u0628\u0647\u0627\",\n                    \"\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629\"\n                ],\n                footer: \"\u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u064a\u0646 \u0625\u0628\u0644\u0627\u063a \u0627\u0644\u0637\u0628\u064a\u0628 \u0627\u0644\u0641\u0627\u062d\u0635 \u0639\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0623\u0648 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0623\u0648 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0642\u064a\u064a\u0645 \u062f\u0642\u064a\u0642.\"\n            }\n        };\n\n        const svgs = [\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=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><polyline points=\"16 11 18 13 22 9\"\/><\/svg>', \/\/ Verify Identity\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=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"><\/path><rect x=\"12\" y=\"11\" width=\"8\" height=\"6\" rx=\"1\"><\/rect><path d=\"M16 11V9a2 2 0 0 0-4 0v2\"><\/path><\/svg>', \/\/ Confidential Records\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 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>', \/\/ Share findings (File Text)\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>' \/\/ Protect Procedures\n        ];\n\n        function buildPrivacySection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? privData.ar : privData.en;\n            \n            \/\/ Set Section Direction\n            const section = document.getElementById('sh-privacy-666');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            \/\/ Populate Text Elements\n            document.getElementById('sh-priv-kicker').textContent = data.kicker;\n            document.getElementById('sh-priv-title').textContent = data.title;\n            document.getElementById('sh-priv-desc').textContent = data.desc;\n            document.getElementById('sh-priv-footer').textContent = data.footer;\n\n            \/\/ Populate Grid Cards\n            const grid = document.getElementById('sh-priv-cards-grid');\n            grid.innerHTML = data.cards.map((desc, index) => `\n                <div class=\"bg-white rounded-2xl p-6 border border-[#e4edf3] shadow-sm sh-hover-card sh-text-start cursor-default flex flex-col md:flex-row gap-5 items-start\">\n                    <div class=\"w-12 h-12 shrink-0 rounded-xl bg-[#138b86] text-white grid place-items-center\">\n                        ${svgs[index]}\n                    <\/div>\n                    <div class=\"font-medium text-[16px] text-[#243b5a] leading-relaxed mt-1\" style=\"font-family: system-ui, sans-serif;\">\n                        ${desc}\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Initialize and bind Mutation Observer\n        buildPrivacySection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    buildPrivacySection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\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    \/* 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<\/style>\n\n<section id=\"sh-appointment-888\" dir=\"ltr\">\n    <div class=\"sh-wrapper max-w-5xl mx-auto\">\n        \n        <div class=\"bg-white rounded-3xl p-8 md:p-12 border border-[#e4edf3] shadow-sm sh-animate sh-text-start\">\n            \n            <div class=\"flex items-center gap-4 mb-6\">\n                <div class=\"w-14 h-14 rounded-xl bg-[#d4af37] 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\"><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n                <\/div>\n                <h2 id=\"sh-appt-title1\" class=\"text-[28px] md:text-[34px] text-[#243b5a] m-0 font-bold leading-tight\" style=\"font-family: var(--font-display);\"><\/h2>\n            <\/div>\n            \n            <p id=\"sh-appt-desc1\" class=\"text-[#596b82] mb-6 text-[18px]\"><\/p>\n            <p id=\"sh-appt-subtitle\" class=\"font-bold text-[#243b5a] mb-4 text-[18px]\" style=\"font-family: var(--font-display);\"><\/p>\n            \n            <ul id=\"sh-appt-list\" class=\"grid sm:grid-cols-2 gap-x-8 gap-y-4 mb-8\">\n                <\/ul>\n            \n            <div class=\"p-5 rounded-2xl bg-[#f8fbfd] border border-[#e4edf3] text-center\">\n                <p id=\"sh-appt-footer1\" class=\"text-[#243b5a] font-medium text-[16px] leading-relaxed m-0\"><\/p>\n            <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        const apptData = {\n            en: {\n                title: \"Questions to Ask Before Your Employment Medical Examination\",\n                desc: \"Being informed helps applicants prepare for the assessment process.\",\n                subtitle: \"You may wish to ask:\",\n                list: [\n                    \"Which medical tests are included in my assessment?\",\n                    \"Should I fast before blood investigations?\",\n                    \"Do I need to bring previous medical reports?\",\n                    \"How long will the examination take?\",\n                    \"When will the medical fitness report be available?\",\n                    \"Will additional specialist evaluation be required if needed?\",\n                    \"Are there any job-specific assessment requirements?\"\n                ],\n                footer: \"Clarifying these details beforehand can help avoid unnecessary delays.\"\n            },\n            ar: {\n                title: \"\u0623\u0633\u0626\u0644\u0629 \u0644\u0637\u0631\u062d\u0647\u0627 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0644\u0644\u062a\u0648\u0638\u064a\u0641\",\n                desc: \"\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0627\u0637\u0644\u0627\u0639 \u0627\u0644\u0645\u0633\u0628\u0642 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645.\",\n                subtitle: \"\u0642\u062f \u062a\u0631\u063a\u0628 \u0641\u064a \u0623\u0646 \u062a\u0633\u0623\u0644:\",\n                list: [\n                    \"\u0645\u0627 \u0647\u064a \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062f\u0631\u062c\u0629 \u0641\u064a \u062a\u0642\u064a\u064a\u0645\u064a\u061f\",\n                    \"\u0647\u0644 \u064a\u062c\u0628 \u0623\u0646 \u0623\u0635\u0648\u0645 \u0642\u0628\u0644 \u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u062f\u0645\u061f\",\n                    \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0625\u062d\u0636\u0627\u0631 \u062a\u0642\u0627\u0631\u064a\u0631 \u0637\u0628\u064a\u0629 \u0633\u0627\u0628\u0642\u0629\u061f\",\n                    \"\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u0633\u064a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0641\u062d\u0635\u061f\",\n                    \"\u0645\u062a\u0649 \u0633\u064a\u0643\u0648\u0646 \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u062a\u0627\u062d\u0627\u064b\u061f\",\n                    \"\u0647\u0644 \u0633\u062a\u0643\u0648\u0646 \u0647\u0646\u0627\u0643 \u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0623\u062e\u0635\u0627\u0626\u064a \u0625\u0636\u0627\u0641\u064a \u0625\u0630\u0627 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631\u061f\",\n                    \"\u0647\u0644 \u0647\u0646\u0627\u0643 \u0623\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u062a\u0642\u064a\u064a\u0645 \u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0648\u0638\u064a\u0641\u0629\u061f\"\n                ],\n                footer: \"\u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0633\u0627\u0639\u062f \u062a\u0648\u0636\u064a\u062d \u0647\u0630\u0647 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0633\u0628\u0642\u0627\u064b \u0641\u064a \u062a\u062c\u0646\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u063a\u064a\u0631 \u0627\u0644\u0636\u0631\u0648\u0631\u064a.\"\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-1 shrink-0 w-6 h-6 rounded-full bg-[#d4af37]\/15 text-[#d4af37] grid place-items-center\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg><\/span>`;\n\n        function renderApptSection() {\n            const htmlTag = document.documentElement;\n            const isRtl = htmlTag.dir === 'rtl' || htmlTag.lang.startsWith('ar');\n            const data = isRtl ? apptData.ar : apptData.en;\n            \n            const section = document.getElementById('sh-appointment-888');\n            if (section) section.setAttribute('dir', isRtl ? 'rtl' : 'ltr');\n\n            document.getElementById('sh-appt-title1').textContent = data.title;\n            document.getElementById('sh-appt-desc1').textContent = data.desc;\n            document.getElementById('sh-appt-subtitle').textContent = data.subtitle;\n            document.getElementById('sh-appt-footer1').textContent = data.footer;\n            \n            document.getElementById('sh-appt-list').innerHTML = data.list.map(item => `\n                <li class=\"flex gap-3 items-start p-3 rounded-xl hover:bg-[#f8fbfd] transition-colors border border-transparent hover:border-[#e4edf3]\">\n                    ${checkIcon}\n                    <span class=\"text-[16px] text-[#243b5a]\/90 leading-relaxed font-medium\" style=\"font-family: system-ui, sans-serif;\">${item}<\/span>\n                <\/li>\n            `).join('');\n        }\n\n        renderApptSection();\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((m) => {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    renderApptSection();\n                }\n            });\n        });\n        observer.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\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: 1rem !important;\n        padding: 1.5rem !important;\n        display: flex !important;\n        gap: 1rem !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 { border-left: 4px solid #d4af37 !important; border-right: none !important; }\n    #sh-awareness-202[dir=\"rtl\"] .sh-aw-card { border-right: 4px solid #d4af37 !important; border-left: none !important; }\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<\/style>\n\n<section id=\"sh-awareness-202\" dir=\"ltr\">\n    <div class=\"sh-aw-wrapper\">\n        \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 id=\"sh-aw-lang-kicker\">Patient Education<\/span>\n            <\/div>\n            <h2 id=\"sh-aw-lang-title\" class=\"text-[34px] md:text-[46px] text-[#243b5a] m-0 font-bold leading-tight mb-5\" style=\"font-family: var(--font-display);\">\n                Common Misconceptions About Pre-Employment Medical Checkups\n            <\/h2>\n            <p id=\"sh-aw-lang-desc\" class=\"text-[#596b82] text-[18px] leading-relaxed\">\n                Misunderstandings about employment health assessments can create unnecessary concern.\n            <\/p>\n        <\/div>\n\n        <div id=\"sh-aw-lang-grid\" class=\"grid sm:grid-cols-2 gap-6 sh-aw-animate\" style=\"animation-delay: 0.1s;\">\n            <\/div>\n\n        <p id=\"sh-aw-lang-footer\" class=\"mt-8 text-[#596b82] max-w-3xl sh-aw-text-start sh-aw-animate text-[16px] hidden\" style=\"animation-delay: 0.2s;\">\n            <\/p>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data Dictionary for EN and AR\n        const shAwData = {\n            en: {\n                kicker: \"Patient Education\",\n                title: \"Common Misconceptions About Pre-Employment Medical Checkups\",\n                desc: \"Misunderstandings about employment health assessments can create unnecessary concern.\",\n                items: [\n                    {\n                        q: `\"Every medical condition means I will fail the examination.\"`,\n                        a: \"Many medical conditions do not automatically prevent employment. Fitness is assessed in relation to the duties of the specific job and whether the condition can be safely managed.\"\n                    },\n                    {\n                        q: `\"The examination is only for physically demanding jobs.\"`,\n                        a: \"Organizations across many industries, including healthcare, education, hospitality, administration, and transportation, may require medical assessments before employment.\"\n                    },\n                    {\n                        q: `\"A pre-employment medical checkup replaces regular healthcare.\"`,\n                        a: \"Employment screening evaluates work fitness. It should not replace routine medical checkups or ongoing care from your healthcare provider.\"\n                    },\n                    {\n                        q: `\"The same tests are performed for every applicant.\"`,\n                        a: \"Assessment requirements differ depending on the employer, industry, workplace risks, and job responsibilities.\"\n                    }\n                ],\n                footer: \"\"\n            },\n            ar: {\n                kicker: \"\u062a\u062b\u0642\u064a\u0641 \u0627\u0644\u0645\u0631\u0636\u0649\",\n                title: \"\u0645\u0641\u0627\u0647\u064a\u0645 \u062e\u0627\u0637\u0626\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\",\n                desc: \"\u0642\u062f \u064a\u062e\u0644\u0642 \u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u062e\u0627\u0637\u0626 \u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0642\u0644\u0642\u064b\u0627 \u063a\u064a\u0631 \u0636\u0631\u0648\u0631\u064a \u0644\u0644\u0645\u062a\u0642\u062f\u0645\u064a\u0646.\",\n                items: [\n                    {\n                        q: `\"\u0623\u064a \u062d\u0627\u0644\u0629 \u0637\u0628\u064a\u0629 \u062a\u0639\u0646\u064a \u0623\u0646\u0646\u064a \u0633\u0623\u0631\u0633\u0628 \u0641\u064a \u0627\u0644\u0641\u062d\u0635.\"`,\n                        a: \"\u0644\u0627 \u062a\u0645\u0646\u0639 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b. \u064a\u062a\u0645 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0641\u064a\u0645\u0627 \u064a\u062a\u0639\u0644\u0642 \u0628\u0648\u0627\u062c\u0628\u0627\u062a \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0648\u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u064a\u0645\u0643\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0627\u0644\u0629 \u0628\u0623\u0645\u0627\u0646.\"\n                    },\n                    {\n                        q: `\"\u0627\u0644\u0641\u062d\u0635 \u0645\u062e\u0635\u0635 \u0641\u0642\u0637 \u0644\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u062a\u064a \u062a\u062a\u0637\u0644\u0628 \u0645\u062c\u0647\u0648\u062f\u0627\u064b \u0628\u062f\u0646\u064a\u0627\u064b \u0634\u0627\u0642\u0627\u064b.\"`,\n                        a: \"\u0642\u062f \u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0641\u064a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u0636\u064a\u0627\u0641\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u0646\u0642\u0644\u060c \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0637\u0628\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641.\"\n                    },\n                    {\n                        q: `\"\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u064a\u062d\u0644 \u0645\u062d\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0639\u0627\u062f\u064a\u0629.\"`,\n                        a: \"\u062a\u0642\u064a\u0651\u0645 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0644\u0644\u0639\u0645\u0644. \u0644\u0627 \u064a\u0646\u0628\u063a\u064a \u0623\u0646 \u062a\u062d\u0644 \u0645\u062d\u0644 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0623\u0648 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u0646 \u0645\u0642\u062f\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643.\"\n                    },\n                    {\n                        q: `\"\u064a\u062a\u0645 \u0625\u062c\u0631\u0627\u0621 \u0646\u0641\u0633 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u064a\u0646.\"`,\n                        a: \"\u062a\u062e\u062a\u0644\u0641 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0633\u064a\u0627\u0633\u0627\u062a \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0648\u0645\u062e\u0627\u0637\u0631 \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644 \u0648\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0627\u0644\u0648\u0638\u064a\u0641\u0629.\"\n                    }\n                ],\n                footer: \"\"\n            }\n        };\n\n        \/\/ Alert SVG Icon (Gold Color)\n        const alertIcon = `<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-6 h-6 text-[#d4af37] mt-1 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\n        function shInitAwarenessData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shAwData.ar : shAwData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-awareness-202');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Texts\n            document.getElementById('sh-aw-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-aw-lang-title').textContent = data.title;\n            document.getElementById('sh-aw-lang-desc').textContent = data.desc;\n            \n            const footerEl = document.getElementById('sh-aw-lang-footer');\n            if(data.footer) {\n                footerEl.textContent = data.footer;\n                footerEl.classList.remove('hidden');\n            } else {\n                footerEl.classList.add('hidden');\n            }\n            \n            \/\/ Build the grid items\n            const gridContainer = document.getElementById('sh-aw-lang-grid');\n            gridContainer.innerHTML = data.items.map(item => `\n                <div class=\"sh-aw-card\">\n                    ${alertIcon}\n                    <div class=\"flex flex-col gap-2\">\n                        <span class=\"text-[#243b5a] text-[17px] font-bold leading-snug\" style=\"font-family: var(--font-display);\">${item.q}<\/span>\n                        <span class=\"text-[#596b82] text-[15.5px] leading-relaxed\">${item.a}<\/span>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Run Initialization\n        shInitAwarenessData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const shAwObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitAwarenessData();\n                }\n            }\n        });\n        shAwObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\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<\/style>\n\n<section id=\"sh-faq-303\" dir=\"ltr\">\n    <div class=\"sh-faq-wrapper\">\n        \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 id=\"sh-faq-lang-kicker\">FAQ<\/span>\n            <\/div>\n            <h2 id=\"sh-faq-lang-title\" 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        <div id=\"sh-faq-accordion-list\" class=\"space-y-3 max-w-4xl mx-auto sh-faq-animate\" style=\"animation-delay: 0.1s;\">\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ FAQ Data Dictionary\n        const shFaqData = {\n            en: {\n                kicker: \"FAQ\",\n                title: \"Frequently Asked Questions\",\n                faqs: [\n                    { \n                        q: \"What is included in a pre-employment medical checkup?\", \n                        a: \"A pre-employment medical checkup may include a medical history review, physical examination, vision assessment, laboratory investigations, and diagnostic imaging when required. The exact tests depend on the employer's requirements and the nature of the job.\" \n                    },\n                    { \n                        q: \"How long does a pre-employment medical examination take?\", \n                        a: \"The duration varies depending on the number of tests requested. Basic assessments may be completed relatively quickly, while additional laboratory investigations or imaging studies can require more time.\" \n                    },\n                    { \n                        q: \"Do I need to fast before my medical checkup?\", \n                        a: \"Some blood tests require fasting, while others do not. The hospital or your employer will inform you if fasting is necessary before your appointment.\" \n                    },\n                    { \n                        q: \"Can I work if I have a chronic medical condition?\", \n                        a: \"Many individuals with chronic medical conditions are medically fit for employment. The assessment considers how the condition affects the specific duties of the job rather than making decisions based solely on the diagnosis.\" \n                    },\n                    { \n                        q: \"What documents should I bring for my employment medical examination?\", \n                        a: \"Applicants are generally advised to bring a valid identification document, employer referral forms if applicable, previous medical reports requested by the employer, and a list of current medications.\" \n                    },\n                    { \n                        q: \"Is a pre-employment medical checkup the same as an annual health checkup?\", \n                        a: \"No. A pre-employment examination focuses on determining medical fitness for a specific role, whereas an annual health checkup is a broader preventive assessment designed to monitor overall health.\" \n                    }\n                ]\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\",\n                title: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\",\n                faqs: [\n                    { \n                        q: \"\u0645\u0627\u0630\u0627 \u064a\u0634\u0645\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\u061f\", \n                        a: \"\u0642\u062f \u064a\u0634\u0645\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0637\u0628\u064a\u060c \u0648\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0628\u062f\u0646\u064a\u060c \u0648\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0631\u0624\u064a\u0629\u060c \u0648\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629. \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0639\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0648\u0638\u064a\u0641\u0629.\" \n                    },\n                    { \n                        q: \"\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u064a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\u061f\", \n                        a: \"\u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u062f\u0629 \u062d\u0633\u0628 \u0639\u062f\u062f \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629. \u0642\u062f \u062a\u0643\u062a\u0645\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0628\u0633\u0631\u0639\u0629 \u0646\u0633\u0628\u064a\u0629\u060c \u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0645\u062e\u0628\u0631\u064a\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 \u0623\u0648 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0642\u062f \u062a\u062a\u0637\u0644\u0628 \u0648\u0642\u062a\u0627\u064b \u0623\u0637\u0648\u0644.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0635\u064a\u0627\u0645 \u0642\u0628\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a\u061f\", \n                        a: \"\u062a\u062a\u0637\u0644\u0628 \u0628\u0639\u0636 \u062a\u062d\u0627\u0644\u064a\u0644 \u0627\u0644\u062f\u0645 \u0627\u0644\u0635\u064a\u0627\u0645\u060c \u0628\u064a\u0646\u0645\u0627 \u0644\u0627 \u064a\u062a\u0637\u0644\u0628 \u0627\u0644\u0628\u0639\u0636 \u0627\u0644\u0622\u062e\u0631 \u0630\u0644\u0643. \u0633\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0623\u0648 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0628\u0625\u0628\u0644\u0627\u063a\u0643 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0635\u064a\u0627\u0645 \u0636\u0631\u0648\u0631\u064a\u0627\u064b \u0642\u0628\u0644 \u0645\u0648\u0639\u062f\u0643.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u0639\u0645\u0644 \u0625\u0630\u0627 \u0643\u0646\u062a \u0623\u0639\u0627\u0646\u064a \u0645\u0646 \u062d\u0627\u0644\u0629 \u0637\u0628\u064a\u0629 \u0645\u0632\u0645\u0646\u0629\u061f\", \n                        a: \"\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u062d\u0627\u0644\u0627\u062a \u0637\u0628\u064a\u0629 \u0645\u0632\u0645\u0646\u0629 \u0644\u0627\u0626\u0642\u0648\u0646 \u0637\u0628\u064a\u0627\u064b \u0644\u0644\u0639\u0645\u0644. \u064a\u0646\u0638\u0631 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0641\u064a \u0643\u064a\u0641\u064a\u0629 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062d\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0644\u0644\u0648\u0638\u064a\u0641\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u062a\u0633\u062a\u0646\u062f \u0641\u0642\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0634\u062e\u064a\u0635.\" \n                    },\n                    { \n                        q: \"\u0645\u0627 \u0647\u064a \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u062c\u0628 \u0623\u0646 \u0623\u062d\u0636\u0631\u0647\u0627 \u0644\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0644\u0644\u062a\u0648\u0638\u064a\u0641\u061f\", \n                        a: \"\u064a\u064f\u0646\u0635\u062d \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0648\u0646 \u0639\u0645\u0648\u0645\u0627\u064b \u0628\u0625\u062d\u0636\u0627\u0631 \u0648\u062b\u064a\u0642\u0629 \u0647\u0648\u064a\u0629 \u0633\u0627\u0631\u064a\u0629\u060c \u0648\u0646\u0645\u0627\u0630\u062c \u0625\u062d\u0627\u0644\u0629 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0625\u0646 \u0648\u062c\u062f\u062a\u060c \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0627\u0644\u062a\u064a \u0637\u0644\u0628\u0647\u0627 \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0642\u0627\u0626\u0645\u0629 \u0628\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629.\" \n                    },\n                    { \n                        q: \"\u0647\u0644 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0647\u0648 \u0646\u0641\u0633\u0647 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0633\u0646\u0648\u064a\u061f\", \n                        a: \"\u0644\u0627. \u064a\u0631\u0643\u0632 \u0641\u062d\u0635 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0644\u062f\u0648\u0631 \u0645\u0639\u064a\u0646\u060c \u0641\u064a \u062d\u064a\u0646 \u0623\u0646 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0635\u062d\u064a \u0627\u0644\u0633\u0646\u0648\u064a \u0647\u0648 \u062a\u0642\u064a\u064a\u0645 \u0648\u0642\u0627\u0626\u064a \u0623\u0648\u0633\u0639 \u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629.\" \n                    }\n                ]\n            }\n        };\n\n        function shInitFaqData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shFaqData.ar : shFaqData.en;\n            \n            const section = document.getElementById('sh-faq-303');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Set Header Texts\n            document.getElementById('sh-faq-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-faq-lang-title').textContent = data.title;\n            \n            \/\/ Build Accordions\n            const listContainer = document.getElementById('sh-faq-accordion-list');\n            listContainer.innerHTML = data.faqs.map(faq => `\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);\">${faq.q}<\/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                            ${faq.a}\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `).join('');\n        }\n\n        \/\/ Accordion Toggle Logic Function (Global Scope to be callable from inline HTML)\n        window.shToggleFaqAccordion = function(btn) {\n            const item = btn.parentElement;\n            const content = item.querySelector('.sh-faq-content');\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all other accordions\n            document.querySelectorAll('#sh-faq-303 .sh-faq-item').forEach(el => {\n                el.classList.remove('active');\n                el.querySelector('.sh-faq-content').style.maxHeight = null;\n            });\n\n            \/\/ Open clicked accordion\n            if (!isActive) {\n                item.classList.add('active');\n                content.style.maxHeight = content.scrollHeight + 50 + \"px\"; \/\/ +50px for padding\n            }\n        };\n\n        \/\/ Initialize Data\n        shInitFaqData();\n        \n        \/\/ Listen for Theme\/Language switches\n        const shFaqObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitFaqData();\n                }\n            }\n        });\n        shFaqObserver.observe(document.documentElement, { attributes: true });\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; \/* 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-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 { 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<\/style>\n\n<section id=\"sh-trust-404\" dir=\"ltr\">\n    <div class=\"sh-trust-wrapper\">\n        \n        <div class=\"max-w-4xl mx-auto sh-trust-text-start sh-trust-animate\">\n            \n            <div class=\"mb-10 text-center md: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 id=\"sh-trust-lang-kicker\">Trust<\/span>\n                <\/div>\n                <h2 id=\"sh-trust-lang-title\" 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 for Pre-Employment Medical Checkups in Makkah?\n                <\/h2>\n            <\/div>\n\n            <div class=\"space-y-6 text-[17.5px] leading-[1.85] text-[#596b82]\">\n                <p id=\"sh-trust-lang-p1\"><\/p>\n                <p id=\"sh-trust-lang-p2\"><\/p>\n                <p id=\"sh-trust-lang-p3\"><\/p>\n            <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ Data Dictionary for EN and AR\n        const shTrustData = {\n            en: {\n                kicker: \"Trust\",\n                title: \"Why Choose Shefa Hospital for Pre-Employment Medical Checkups in Makkah?\",\n                p1: \"Applicants and employers looking for a <strong>pre-employment medical checkup in Makkah<\/strong> need an efficient, organized process that combines clinical evaluation with reliable diagnostic services.\",\n                p2: \"Located in <strong>Al Mansur, Makkah<\/strong>, <strong>Shefa Hospital<\/strong> offers employment medical assessments supported by experienced physicians, laboratory testing, diagnostic imaging, and coordinated hospital services. By providing multiple diagnostic facilities in one location, the hospital helps simplify the assessment process for individuals and organizations.\",\n                p3: \"Whether the examination is required for a new job, company policy, occupational health program, or contractual employment, the focus remains on delivering a structured medical evaluation based on workplace requirements and accepted clinical practices.\"\n            },\n            ar: {\n                kicker: \"\u0627\u0644\u062b\u0642\u0629\",\n                title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0644\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0645\u0643\u0629\u061f\",\n                p1: \"\u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0648\u0646 \u0644\u0644\u0648\u0638\u0627\u0626\u0641 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 <strong>\u0641\u062d\u0635 \u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0645\u0643\u0629<\/strong> \u0625\u0644\u0649 \u0639\u0645\u0644\u064a\u0629 \u0641\u0639\u0627\u0644\u0629 \u0648\u0645\u0646\u0638\u0645\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u0629.\",\n                p2: \"\u064a\u0642\u0639 <strong>\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\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 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0637\u0628\u064a\u0629 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 \u0645\u062f\u0639\u0648\u0645\u0629 \u0645\u0646 \u0642\u0628\u0644 \u0623\u0637\u0628\u0627\u0621 \u0630\u0648\u064a \u062e\u0628\u0631\u0629 \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0645\u0639\u0645\u0644\u064a\u0629 \u0648\u062a\u0635\u0648\u064a\u0631 \u062a\u0634\u062e\u064a\u0635\u064a \u0648\u062e\u062f\u0645\u0627\u062a \u0645\u0633\u062a\u0634\u0641\u0649 \u0645\u0646\u0633\u0642\u0629. \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0648\u0641\u064a\u0631 \u0645\u0631\u0627\u0641\u0642 \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\u060c \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0641\u064a \u062a\u0628\u0633\u064a\u0637 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a.\",\n                p3: \"\u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0627\u0644\u0641\u062d\u0635 \u0645\u0637\u0644\u0648\u0628\u0627\u064b \u0644\u0648\u0638\u064a\u0641\u0629 \u062c\u062f\u064a\u062f\u0629\u060c \u0623\u0648 \u0633\u064a\u0627\u0633\u0629 \u0634\u0631\u0643\u0629\u060c \u0623\u0648 \u0628\u0631\u0646\u0627\u0645\u062c \u0635\u062d\u0629 \u0645\u0647\u0646\u064a\u0629\u060c \u0623\u0648 \u062a\u0648\u0638\u064a\u0641 \u062a\u0639\u0627\u0642\u062f\u064a\u060c \u064a\u0638\u0644 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062a\u0642\u064a\u064a\u0645 \u0637\u0628\u064a \u0645\u0646\u0638\u0645 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629 \u0627\u0644\u0645\u0642\u0628\u0648\u0644\u0629.\"\n            }\n        };\n\n        function shInitTrustData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const data = isAr ? shTrustData.ar : shTrustData.en;\n            \n            \/\/ Apply direction to the scoped section\n            const section = document.getElementById('sh-trust-404');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject HTML Content\n            document.getElementById('sh-trust-lang-kicker').textContent = data.kicker;\n            document.getElementById('sh-trust-lang-title').textContent = data.title;\n            \n            \/\/ Using innerHTML to preserve the <strong> tags for SEO formatting\n            document.getElementById('sh-trust-lang-p1').innerHTML = data.p1;\n            document.getElementById('sh-trust-lang-p2').innerHTML = data.p2;\n            document.getElementById('sh-trust-lang-p3').innerHTML = data.p3;\n        }\n\n        \/\/ Run Initialization\n        shInitTrustData();\n        \n        \/\/ Listen for Language\/Direction Changes dynamically\n        const shTrustObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitTrustData();\n                }\n            }\n        });\n        shTrustObserver.observe(document.documentElement, { attributes: true });\n    });\n})();\n<\/script>\n\n\n\n<style>\n    \/* 1. Strict Isolation & Breakout Container *\/\n    #sh-conclusion-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 (Image Removed, Gradient Only) *\/\n    #sh-conclusion-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        background: linear-gradient(135deg, #1e293b 0%, #138b86 100%) !important;\n    }\n\n    \/* 2. Constrained Centered Wrapper (Max 1100px for balanced reading) *\/\n    #sh-conclusion-505 .sh-book-wrapper {\n        width: 100% !important;\n        max-width: 1100px !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-conclusion-505 .sh-text-center { text-align: center !important; }\n    #sh-conclusion-505 .sh-text-start { text-align: left !important; }\n    #sh-conclusion-505[dir=\"rtl\"] .sh-text-start { text-align: right !important; }\n\n    \/* 4. Remove Links Underline *\/\n    #sh-conclusion-505 a {\n        text-decoration: none !important;\n        outline: none !important;\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-conclusion-505 .sh-animate { \n        opacity: 0; \n        animation: shFadeInUpBook 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n    }\n\n    \/* Smooth Font Transitions *\/\n    #sh-conclusion-505 * {\n        transition: font-family 0.3s ease;\n    }\n<\/style>\n\n<section id=\"sh-conclusion-505\" dir=\"ltr\">\n    \n    <!-- Background Layer (No Image, Premium Gradient Only) -->\n    <div class=\"sh-bg-layer\"><\/div>\n\n    <!-- Centered Content Wrapper -->\n    <div class=\"sh-book-wrapper text-white relative z-10\">\n        \n        <div class=\"sh-animate text-center mb-10\">\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 id=\"sh-book-lang-kicker\">Summary<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Glassmorphism Box for Key Takeaways -->\n        <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 rounded-3xl p-8 md:p-10 mb-12 shadow-xl sh-animate sh-text-start\" style=\"animation-delay: 0.1s;\">\n            <h3 id=\"sh-book-lang-takeaways-title\" class=\"text-[28px] md:text-[32px] font-bold text-white mb-6\" style=\"font-family: var(--font-display);\"><\/h3>\n            <ul id=\"sh-book-lang-takeaways-list\" class=\"space-y-4\">\n                <!-- Injected via JS -->\n            <\/ul>\n        <\/div>\n\n        <!-- Conclusion Text Section -->\n        <div class=\"sh-animate sh-text-center max-w-4xl mx-auto\" style=\"animation-delay: 0.2s;\">\n            <h2 id=\"sh-book-lang-conclusion-title\" class=\"text-[34px] md:text-[42px] leading-tight font-bold text-white mb-6\" style=\"font-family: var(--font-display);\"><\/h2>\n            \n            <div class=\"space-y-6 text-white\/90 text-[17.5px] leading-relaxed font-normal sh-text-start md:sh-text-center\">\n                <p id=\"sh-book-lang-p1\"><\/p>\n                <p id=\"sh-book-lang-p2\" class=\"[&#038;_strong]:text-white [&#038;_strong]:font-bold\"><\/p>\n            <\/div>\n            \n            <!-- Call to Action Buttons -->\n            <div class=\"mt-10 flex flex-wrap justify-center items-center gap-4\">\n                <!-- Book Appointment Button -->\n                <a href=\"#appointment-form\" 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 id=\"sh-book-lang-btn1\">Book Appointment<\/span>\n                <\/a>\n                <!-- Call Dialer Button -->\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 id=\"sh-book-lang-btn2\">+966 12 533 3555<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Scoped JavaScript -->\n<script>\n(function() {\n    document.addEventListener('DOMContentLoaded', () => {\n        \n        \/\/ --- Translation Data ---\n        const shBookData = {\n            en: {\n                headerFont: \"var(--font-display)\", \n                bodyFont: \"system-ui, sans-serif\",\n                kicker: \"Summary & Conclusion\",\n                takeawaysTitle: \"Key Takeaways\",\n                takeaways: [\n                    \"A pre-employment medical checkup evaluates whether an applicant is medically fit for the responsibilities of a specific position.\",\n                    \"The assessment may include a physical examination, laboratory investigations, vision screening, and diagnostic imaging based on employer requirements.\",\n                    \"Medical fitness decisions are made in relation to job responsibilities rather than medical diagnoses alone.\",\n                    \"Occupational health assessments contribute to workplace safety, employee wellbeing, and informed hiring decisions.\",\n                    \"Hospital-based employment screening allows clinical evaluation and diagnostic testing to be completed through coordinated healthcare services.\"\n                ],\n                conclusionTitle: \"Conclusion\",\n                p1: \"A pre-employment medical checkup is an important part of the hiring process for many organizations, helping ensure that employees are medically prepared for their workplace responsibilities while supporting occupational health and safety. These assessments also provide an opportunity to identify health concerns that may benefit from early medical attention.\",\n                p2: \"For individuals and employers seeking a <a href='https:\/\/shefahospital.sa\/emergency-hospital-makkah\/' style='color: #ffffff; text-decoration: underline !important; font-weight: bold;'>Pre-Employment Medical Checkup in Makkah<\/a>, Shefa Hospital in Al Mansur offers comprehensive employment health assessments supported by physicians, laboratory services, diagnostic imaging, and coordinated hospital-based care. With a structured evaluation process and access to multiple diagnostic facilities, the hospital helps support efficient employment screening for a wide range of industries.\",\n                btnAppt: \"Book an Assessment\",\n                btnCall: \"+966 12 533 3555\"\n            },\n            ar: {\n                headerFont: \"var(--font-arabic)\", \n                bodyFont: \"var(--font-arabic)\",\n                kicker: \"\u0627\u0644\u0645\u0644\u062e\u0635 \u0648\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                takeawaysTitle: \"\u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637\",\n                takeaways: [\n                    \"\u064a\u0642\u064a\u0651\u0645 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0644\u0627\u0626\u0642\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0648\u0638\u064a\u0641\u0629 \u0645\u0639\u064a\u0646\u0629.\",\n                    \"\u0642\u062f \u064a\u0634\u0645\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0641\u062d\u0635\u0627\u064b \u0628\u062f\u0646\u064a\u0627\u064b\u060c \u0648\u0641\u062d\u0648\u0635\u0627\u062a \u0645\u062e\u0628\u0631\u064a\u0629\u060c \u0648\u0641\u062d\u0635 \u0627\u0644\u0631\u0624\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644.\",\n                    \"\u062a\u064f\u062a\u062e\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u062d\u062f\u0647\u0627.\",\n                    \"\u062a\u0633\u0627\u0647\u0645 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0641\u064a \u0633\u0644\u0627\u0645\u0629 \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\u060c \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u062a\u0648\u0638\u064a\u0641 \u0645\u062f\u0631\u0648\u0633\u0629.\",\n                    \"\u064a\u062a\u064a\u062d \u0641\u062d\u0635 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0631\u064a \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0627\u062a \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u0645\u0646\u0633\u0642\u0629 \u0648\u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\"\n                ],\n                conclusionTitle: \"\u0627\u0644\u062e\u0627\u062a\u0645\u0629\",\n                p1: \"\u064a\u064f\u0639\u062f \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u062c\u0632\u0621\u0627\u064b \u0645\u0647\u0645\u0627\u064b \u0645\u0646 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\u060c \u062d\u064a\u062b \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0637\u0628\u064a\u0627\u064b \u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u0647\u0645 \u0641\u064a \u0645\u0643\u0627\u0646 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u062f\u0639\u0645 \u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629. \u0643\u0645\u0627 \u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0641\u0631\u0635\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062e\u0627\u0648\u0641 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0633\u062a\u0641\u064a\u062f \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0628\u0643\u0631\u0629.\",\n                p2: \"\u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 <a href='https:\/\/shefahospital.sa\/emergency-hospital-makkah\/' style='color: #ffffff; text-decoration: underline !important; font-weight: bold;'>\u0641\u062d\u0635 \u0637\u0628\u064a \u0642\u0628\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0645\u0643\u0629<\/a>\u060c \u064a\u0642\u062f\u0645 \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0634\u0641\u0627\u0621 \u0641\u064a \u062d\u064a \u0627\u0644\u0645\u0646\u0635\u0648\u0631 \u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u064a\u062f\u0639\u0645\u0647\u0627 \u0627\u0644\u0623\u0637\u0628\u0627\u0621 \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0645\u0646\u0633\u0642\u0629. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0645\u0644\u064a\u0629 \u062a\u0642\u064a\u064a\u0645 \u0645\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0645\u0631\u0627\u0641\u0642 \u062a\u0634\u062e\u064a\u0635\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629\u060c \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u0649 \u0641\u064a \u062f\u0639\u0645 \u0641\u062d\u0635 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0641\u0639\u0627\u0644 \u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a.\",\n                btnAppt: \"\u0627\u062d\u062c\u0632 \u0641\u062d\u0635\u0643 \u0627\u0644\u0622\u0646\",\n                btnCall: \"+966 12 533 3555\"\n            }\n        };\n\n        const checkIcon = `<span class=\"mt-[3px] shrink-0 w-6 h-6 rounded-full bg-white\/20 text-white flex items-center justify-center\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" 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\n        function shInitBookData() {\n            const htmlNode = document.documentElement;\n            const isAr = htmlNode.dir === 'rtl' || htmlNode.lang.startsWith('ar');\n            const currentLang = isAr ? 'ar' : 'en';\n            const data = shBookData[currentLang];\n            \n            const section = document.getElementById('sh-conclusion-505');\n            if (section) section.setAttribute('dir', isAr ? 'rtl' : 'ltr');\n\n            \/\/ Inject Content Texts and apply Fonts\n            const kicker = document.getElementById('sh-book-lang-kicker');\n            kicker.textContent = data.kicker;\n            kicker.style.fontFamily = data.bodyFont;\n\n            const takeawaysTitle = document.getElementById('sh-book-lang-takeaways-title');\n            takeawaysTitle.textContent = data.takeawaysTitle;\n            takeawaysTitle.style.fontFamily = data.headerFont;\n\n            const conclusionTitle = document.getElementById('sh-book-lang-conclusion-title');\n            conclusionTitle.textContent = data.conclusionTitle;\n            conclusionTitle.style.fontFamily = data.headerFont;\n\n            const p1 = document.getElementById('sh-book-lang-p1');\n            p1.innerHTML = data.p1;\n            p1.style.fontFamily = data.bodyFont;\n\n            const p2 = document.getElementById('sh-book-lang-p2');\n            p2.innerHTML = data.p2;\n            p2.style.fontFamily = data.bodyFont;\n\n            const btn1 = document.getElementById('sh-book-lang-btn1');\n            btn1.textContent = data.btnAppt;\n            btn1.style.fontFamily = data.bodyFont;\n\n            const btn2 = document.getElementById('sh-book-lang-btn2');\n            btn2.textContent = data.btnCall;\n            btn2.style.fontFamily = data.bodyFont;\n\n            \/\/ Inject Takeaways List\n            const takeawaysList = document.getElementById('sh-book-lang-takeaways-list');\n            takeawaysList.innerHTML = data.takeaways.map(item => `\n                <li class=\"flex gap-4 items-start text-[16.5px] leading-relaxed text-white\/95\" style=\"font-family: ${data.bodyFont};\">\n                    ${checkIcon}\n                    <span>${item}<\/span>\n                <\/li>\n            `).join('');\n        }\n\n        \/\/ Initialize Translation & Listen for Language\/Dir Changes\n        shInitBookData();\n        const shBookObserver = new MutationObserver((mutations) => {\n            for (let m of mutations) {\n                if (m.attributeName === 'dir' || m.attributeName === 'lang') {\n                    shInitBookData();\n                }\n            }\n        });\n        shBookObserver.observe(document.documentElement, { attributes: true });\n\n    });\n})();\n<\/script>\n\n\n\n<style>\n  \/* Extremely lightweight CSS animation - Zero JS required *\/\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(15px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  .animate-fade-in-up {\n    animation: fadeInUp 0.5s ease-out forwards;\n  }\n<\/style>\n\n<section class=\"py-10 md:py-16 w-full\" dir=\"ltr\">\n  <div class=\"mx-auto px-4 md:px-6 lg:px-8 max-w-[1475px]\">\n    \n    <div class=\"bg-slate-50 rounded-2xl p-6 md:p-8 border border-slate-200 flex flex-col sm:flex-row gap-4 sm:gap-6 items-start transition-all duration-300 hover:shadow-lg hover:border-slate-300 animate-fade-in-up\">\n      \n      <div class=\"w-12 h-12 md:w-14 md:h-14 rounded-xl bg-white border border-slate-200 text-slate-800 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\">\n          <path d=\"M10 12h4\"><\/path>\n          <path d=\"M10 8h4\"><\/path>\n          <path d=\"M14 21v-3a2 2 0 0 0-4 0v3\"><\/path>\n          <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>\n          <path d=\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <div class=\"text-left flex-1\">\n        <h3 class=\"text-lg md:text-[20px] font-semibold text-slate-900 mb-3 tracking-tight\">Medical Review &#038; Disclaimer<\/h3>\n        \n        <ul class=\"text-[13.5px] md:text-sm text-slate-700 space-y-1 mb-4\">\n          <li><strong>Reviewed By:<\/strong> Dr. Ekhlas Abdelmarouf, Consultant Internal Medicine<\/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-slate-600 leading-relaxed m-0\">\n          <strong>Disclaimer:<\/strong> The information provided on this page is for educational purposes only and should not be considered legal, occupational, or medical advice. Pre-employment medical assessment requirements vary according to employer policies, industry standards, and applicable regulations. Medical fitness decisions should always be made by qualified healthcare professionals based on an individual&#8217;s health status and the specific requirements of the intended job role.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Home Services Pre-Employment Checkup CBAHI Accredited \u00b7 Al Mansur, Makkah Pre-Employment Medical Checkup in Makkah Employment Health Assessments That Support [&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-587","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/587","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=587"}],"version-history":[{"count":37,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/587\/revisions"}],"predecessor-version":[{"id":1471,"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/pages\/587\/revisions\/1471"}],"wp:attachment":[{"href":"https:\/\/shefahospital.sa\/ar\/wp-json\/wp\/v2\/media?parent=587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}