{"id":22,"date":"2025-11-29T11:01:08","date_gmt":"2025-11-29T11:01:08","guid":{"rendered":"https:\/\/sgss.org.sa\/?page_id=22"},"modified":"2026-06-19T09:53:25","modified_gmt":"2026-06-19T09:53:25","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/sgss.org.sa\/en\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d83243d e-con-full e-flex e-con e-parent\" data-id=\"d83243d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f2c2a3 elementor-widget elementor-widget-shortcode\" data-id=\"4f2c2a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        \n        <section class=\"nx-hero-section ltr\">\n            <div class=\"nx-hero-bg\" style=\"background-image: url('https:\/\/sgss.org.sa\/wp-content\/uploads\/2025\/12\/4a6ba50f966fdb76a329e00aeba8149398f5dafe-scaled.webp');\"><\/div>\n            <div class=\"nx-hero-overlay\"><\/div>\n            \n            <div class=\"nx-hero-container\">\n                <div class=\"nx-hero-content\">\n                    <!-- \u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0643\u0644\u0627\u0633 \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0633\u0637\u0631 \u0627\u0644\u0648\u0627\u062d\u062f -->\n                    <h1 class=\"nx-hero-title\">About Us<\/h1>\n                    \n                                            <div class=\"nx-hero-separator\"><\/div>\n                        <p class=\"nx-hero-subtitle\">Leading the future of surgery<\/p>\n                                    <\/div>\n            <\/div>\n\n            <style>\n                :root {\n                    --nx-hero-font: 'Tajawal', 'Cairo', sans-serif;\n                }\n\n                .nx-hero-section {\n                    position: relative;\n                    width: 100%;\n                    height: 50vh;\n                    min-height: 400px;\n                    max-height: 600px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    overflow: hidden;\n                    font-family: var(--nx-hero-font);\n                    direction: ltr;\n                }\n                .nx-hero-section.rtl { direction: rtl; }\n\n                \/* Background & Animation *\/\n                .nx-hero-bg {\n                    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n                    background-size: cover; background-position: center;\n                    animation: nxZoomIn 20s infinite alternate;\n                    z-index: 1;\n                }\n                @keyframes nxZoomIn { from { transform: scale(1); } to { transform: scale(1.1); } }\n\n                .nx-hero-overlay {\n                    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n                    background: linear-gradient(135deg, rgba(93, 58, 117, 0.85) 0%, rgba(60, 141, 127, 0.8) 100%);\n                    z-index: 2;\n                }\n\n                .nx-hero-container {\n                    position: relative; z-index: 3;\n                    width: 100%; max-width: 1200px;\n                    padding: 0 15px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0648\u0627\u0641 \u0644\u0625\u0639\u0637\u0627\u0621 \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0646\u0635 *\/\n                    text-align: center;\n                }\n\n                .nx-hero-content {\n                    opacity: 0; transform: translateY(30px);\n                    animation: nxFadeUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.3s;\n                }\n\n                \/* =========================================\n                   \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 (\u0627\u0644\u0633\u0631 \u0647\u0646\u0627)\n                   ========================================= *\/\n                .nx-hero-title {\n                    color: #ffffff;\n                    font-weight: 900;\n                    margin: 0;\n                    line-height: 1.2;\n                    text-shadow: 0 10px 30px rgba(0,0,0,0.2);\n                    \n                    \/* \u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f *\/\n                    white-space: nowrap; \n                    \n                    \/* \u062d\u062c\u0645 \u062e\u0637 \u0630\u0643\u064a \u064a\u062a\u063a\u064a\u0631 \u0645\u0639 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\n                    \/* \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 1.5rem\u060c \u0627\u0644\u0645\u0641\u0636\u0644 5vw (\u0646\u0633\u0628\u0629 \u0645\u0646 \u0627\u0644\u0639\u0631\u0636)\u060c \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 4rem *\/\n                    font-size: clamp(1.5rem, 5vw, 4rem); \n                }\n\n                .nx-hero-separator {\n                    width: 80px; height: 4px; background: #ffffff;\n                    margin: 20px auto; border-radius: 2px; opacity: 0.8;\n                }\n\n                .nx-hero-subtitle {\n                    color: rgba(255, 255, 255, 0.95);\n                    font-size: clamp(1rem, 2vw, 1.5rem);\n                    font-weight: 500;\n                    margin: 0;\n                    line-height: 1.6;\n                    max-width: 800px;\n                    margin-left: auto; margin-right: auto;\n                }\n\n                @keyframes nxFadeUp { to { opacity: 1; transform: translateY(0); } }\n\n                \/* =========================================\n                   \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\n                   ========================================= *\/\n                @media (max-width: 768px) {\n                    .nx-hero-section { min-height: 300px; }\n                    \n                    .nx-hero-title {\n                        \/* \n                         \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u060c \u0646\u0633\u062a\u062e\u062f\u0645 \u062d\u062c\u0645 \u062e\u0637 \u064a\u0639\u062a\u0645\u062f \u0643\u0644\u064a\u0627\u064b \u0639\u0644\u0649 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \n                         \u0644\u0636\u0645\u0627\u0646 \u0623\u0646 \u062c\u0645\u0644\u0629 \"\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\" \u062a\u062f\u062e\u0644 \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f\n                        *\/\n                        font-size: clamp(1.4rem, 7vw, 2.5rem);\n                        white-space: nowrap; \/* \u062a\u0623\u0643\u064a\u062f \u0639\u062f\u0645 \u0627\u0644\u0646\u0632\u0648\u0644 \u0644\u0633\u0637\u0631 \u062b\u0627\u0646\u064a *\/\n                    }\n\n                    .nx-hero-subtitle { font-size: 1rem; padding: 0 10px; }\n                    .nx-hero-separator { margin: 15px auto; width: 60px; }\n                }\n            <\/style>\n        \n        <\/section>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-190b40f e-con-full e-flex e-con e-parent\" data-id=\"190b40f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a3f3cb elementor-widget elementor-widget-shortcode\" data-id=\"3a3f3cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        \n        <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 \u062a\u062c\u0648\u0627\u0644 \u0644\u0636\u0645\u0627\u0646 \u0638\u0647\u0648\u0631\u0647 -->\n        <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n        <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n        <section class=\"nx-about-section nx-ltr\">\n            <div class=\"nx-about-container\">\n                <div class=\"nx-about-grid\">\n                    \n                    <!-- \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0646\u0635\u064a -->\n                    <div class=\"nx-text-col\">\n                        <h2 class=\"nx-about-title\">About Us<\/h2>\n                        <div class=\"nx-about-desc\">\n                            The Saudi General Surgery Society was established by a decision of the King Abdulaziz University Council in its second meeting held on 11\/8\/1421 AH (2001 AD). The society provides a supportive environment for its doctors, enabling them to benefit from unique professional opportunities for growth and development, and to participate in conferences and events that contribute to enhancing the field of surgery.<br><br>The society also encourages all surgeons to participate effectively to support professional communication and achieve scientific progress in this vital specialty.                        <\/div>\n\n                                            <\/div>\n\n                    <!-- \u0639\u0645\u0648\u062f \u0627\u0644\u0635\u0648\u0631\u0629 -->\n                    <div class=\"nx-img-col\">\n                        <div class=\"nx-img-frame\">\n                            <div class=\"nx-border-effect\"><\/div>\n                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-25-at-12.45.40-AM.jpeg\" alt=\"About SGSS\" loading=\"lazy\">\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <style>\n                :root {\n                    --nx-bg-transparent: transparent;\n                    --nx-text-gray: #555555;\n                    --nx-purple-btn: #4B286A;\n                    --nx-green-frame: #2A9D8F;\n                    \/* \u062a\u0623\u0643\u064a\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0637 \u062a\u062c\u0648\u0627\u0644 *\/\n                    --nx-font-family: 'Tajawal', sans-serif;\n                }\n\n                .nx-about-section {\n                    background-color: var(--nx-bg-transparent);\n                    padding: 80px 20px;\n                    \/* \u0641\u0631\u0636 \u0627\u0644\u062e\u0637 \u0628\u0642\u0648\u0629 *\/\n                    font-family: 'Tajawal', sans-serif !important;\n                    overflow: hidden;\n                }\n\n                \/* \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062e\u0637 \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 *\/\n                .nx-about-section h2, \n                .nx-about-section p, \n                .nx-about-section a, \n                .nx-about-section div {\n                    font-family: 'Tajawal', sans-serif !important;\n                }\n\n                .nx-about-container {\n                    max-width: 1200px;\n                    margin: 0 auto;\n                }\n\n                .nx-about-grid {\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    gap: 60px;\n                }\n\n                \/* --- \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629 --- *\/\n                .nx-text-col { \n                    flex: 1; \n                    max-width: 600px;\n                }\n\n                \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0639\u0631\u0628\u064a \u064a\u0645\u064a\u0646 *\/\n                .nx-rtl .nx-text-col { text-align: right; }\n                .nx-rtl .nx-about-title { text-align: right; }\n                .nx-rtl .nx-btn-wrapper { justify-content: flex-start; }\n\n                \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u064a\u0633\u0627\u0631 *\/\n                .nx-ltr .nx-text-col { text-align: left; }\n                .nx-ltr .nx-about-title { text-align: left; }\n                .nx-ltr .nx-btn-wrapper { justify-content: flex-start; }\n\n                .nx-about-title {\n                    font-size: 3rem;\n                    font-weight: 800;\n                    color: #000;\n                    margin-bottom: 30px;\n                    line-height: 1.2;\n                }\n\n                .nx-about-desc {\n                    font-size: 18px;\n                    line-height: 1.8;\n                    color: var(--nx-text-gray);\n                    margin-bottom: 40px;\n                }\n\n                \/* --- \u0627\u0644\u0632\u0631 --- *\/\n                .nx-btn-wrapper { display: flex; }\n\n                .nx-main-btn {\n                    display: inline-block;\n                    background-color: var(--nx-purple-btn);\n                    color: #ffffff !important;\n                    padding: 15px 40px;\n                    border-radius: 8px;\n                    font-size: 18px;\n                    font-weight: 700;\n                    text-decoration: none;\n                    transition: none;\n                }\n\n                .nx-main-btn:hover, \n                .nx-main-btn:focus {\n                    background-color: var(--nx-purple-btn);\n                    color: #ffffff !important;\n                    transform: none;\n                    box-shadow: none;\n                }\n\n                \/* --- \u0627\u0644\u0635\u0648\u0631\u0629 --- *\/\n                .nx-img-col {\n                    flex: 1;\n                    display: flex;\n                    justify-content: center;\n                    position: relative;\n                }\n\n                .nx-img-frame {\n                    position: relative;\n                    margin: 20px;\n                    width: 100%;\n                    max-width: 500px; \/* \u062a\u062d\u062f\u064a\u062f \u0639\u0631\u0636 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\n                }\n\n                .nx-img-frame img {\n                    position: relative;\n                    z-index: 2;\n                    border-radius: 12px;\n                    width: 100%;\n                    height: auto;\n                    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n                    display: block;\n                    object-fit: cover; \/* \u0644\u0636\u0645\u0627\u0646 \u0645\u0644\u0621 \u0627\u0644\u0625\u0637\u0627\u0631 \u0628\u0634\u0643\u0644 \u062c\u0645\u064a\u0644 *\/\n                }\n\n                .nx-border-effect {\n                    position: absolute;\n                    width: 100%;\n                    height: 100%;\n                    border: 2px solid var(--nx-green-frame);\n                    border-radius: 12px;\n                    z-index: 1;\n                }\n\n                .nx-rtl .nx-border-effect { top: -20px; left: -20px; }\n                .nx-ltr .nx-border-effect { top: -20px; right: -20px; }\n\n                \/* --- \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 --- *\/\n                @media (max-width: 992px) {\n                    .nx-about-grid { flex-direction: column; gap: 40px; }\n                    \n                    .nx-text-col { text-align: center !important; max-width: 100%; order: 2; }\n                    .nx-about-title { text-align: center !important; font-size: 2.5rem; }\n                    .nx-btn-wrapper { justify-content: center !important; }\n                    \n                    .nx-img-col { order: 1; width: 100%; }\n                    .nx-img-frame { margin: 10px; max-width: 100%; }\n                    .nx-rtl .nx-border-effect { top: -10px; left: -10px; }\n                    .nx-ltr .nx-border-effect { top: -10px; right: -10px; }\n                }\n            <\/style>\n        <\/section>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2665320 elementor-widget elementor-widget-shortcode\" data-id=\"2665320\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        \n        <section class=\"nx-vmg-section nx-ltr\">\n            <div class=\"nx-vmg-container\">\n                <div class=\"nx-vmg-grid\">\n                    \n                                            <div class=\"nx-vmg-card\">\n                            <!-- \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 -->\n                            <div class=\"nx-icon-wrapper\">\n                                                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\n                                                            <\/div>\n\n                            <h3 class=\"nx-card-title\">Our Vision<\/h3>\n                            \n                            <div class=\"nx-card-body\">\n                                                                    <p>Developing theoretical and applied knowledge, encouraging research, and providing scientific and applied consultations and studies to both public and private sectors, in accordance with the regulations outlined in the organizational rules of scientific associations in Saudi universities.<\/p>\n                                                            <\/div>\n\n                            <!-- \u062e\u0637 \u0633\u0641\u0644\u064a \u062c\u0645\u0627\u0644\u064a -->\n                            <div class=\"nx-card-line\"><\/div>\n                        <\/div>\n                                            <div class=\"nx-vmg-card\">\n                            <!-- \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 -->\n                            <div class=\"nx-icon-wrapper\">\n                                                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><path d=\"M12 2v2M12 22v-2M2 12h2M22 12h-2\"><\/path><\/svg>\n                                                            <\/div>\n\n                            <h3 class=\"nx-card-title\">Our Goals<\/h3>\n                            \n                            <div class=\"nx-card-body\">\n                                                                    <ul class=\"nx-goals-list\">\n                                                                                    <li>\n                                                <span class=\"nx-check-icon\">\u2713<\/span>\n                                                Fostering scientific development in the field of general surgery.                                            <\/li>\n                                                                                    <li>\n                                                <span class=\"nx-check-icon\">\u2713<\/span>\n                                                Achieving scientific communication for the members.                                            <\/li>\n                                                                                    <li>\n                                                <span class=\"nx-check-icon\">\u2713<\/span>\n                                                Providing scientific advice in the specialized field.                                            <\/li>\n                                                                                    <li>\n                                                <span class=\"nx-check-icon\">\u2713<\/span>\n                                                Enhancing the scientific and professional performance of members.                                            <\/li>\n                                                                            <\/ul>\n                                                            <\/div>\n\n                            <!-- \u062e\u0637 \u0633\u0641\u0644\u064a \u062c\u0645\u0627\u0644\u064a -->\n                            <div class=\"nx-card-line\"><\/div>\n                        <\/div>\n                                            <div class=\"nx-vmg-card\">\n                            <!-- \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 -->\n                            <div class=\"nx-icon-wrapper\">\n                                                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path><line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line><\/svg>\n                                                            <\/div>\n\n                            <h3 class=\"nx-card-title\">Our Mission<\/h3>\n                            \n                            <div class=\"nx-card-body\">\n                                                                    <p>Facilitating the exchange of scientific production, ideas, and scientific consultations within the scope of the society\u2019s interests among relevant entities and institutions both within and outside the Kingdom.<\/p>\n                                                            <\/div>\n\n                            <!-- \u062e\u0637 \u0633\u0641\u0644\u064a \u062c\u0645\u0627\u0644\u064a -->\n                            <div class=\"nx-card-line\"><\/div>\n                        <\/div>\n                    \n                <\/div>\n            <\/div>\n\n            <style>\n                :root {\n                    --nx-bg-cards: #ffffff;\n                    --nx-bg-section: transparent; \/* \u062e\u0644\u0641\u064a\u0629 \u0634\u0641\u0627\u0641\u0629 \u0643\u0645\u0627 \u0641\u064a \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629 *\/\n                    --nx-text-primary: #4B286A; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a *\/\n                    --nx-text-body: #555;\n                    --nx-accent: #2A9D8F; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u062a\u0631\u0643\u0648\u0627\u0632 *\/\n                    --nx-shadow: 0 10px 30px rgba(0,0,0,0.04);\n                    --nx-shadow-hover: 0 20px 40px rgba(75, 40, 106, 0.1);\n                    --nx-font: 'Tajawal', sans-serif;\n                }\n\n                .nx-vmg-section {\n                    background-color: var(--nx-bg-section);\n                    padding: 60px 20px;\n                    font-family: var(--nx-font);\n                    direction: ltr; \/* Grid handles layout, content handles text align *\/\n                }\n                .nx-vmg-section.nx-rtl { direction: rtl; }\n\n                .nx-vmg-container {\n                    max-width: 1200px;\n                    margin: 0 auto;\n                }\n\n                .nx-vmg-grid {\n                    display: grid;\n                    grid-template-columns: repeat(3, 1fr);\n                    gap: 30px;\n                }\n\n                \/* --- Card Design --- *\/\n                .nx-vmg-card {\n                    background: var(--nx-bg-cards);\n                    border-radius: 20px;\n                    padding: 40px 30px;\n                    box-shadow: var(--nx-shadow);\n                    position: relative;\n                    overflow: hidden;\n                    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27);\n                    border: 1px solid rgba(0,0,0,0.01);\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\n                    text-align: center;\n                }\n\n                .nx-vmg-card:hover {\n                    transform: translateY(-10px);\n                    box-shadow: var(--nx-shadow-hover);\n                }\n\n                \/* --- Icons --- *\/\n                .nx-icon-wrapper {\n                    width: 70px;\n                    height: 70px;\n                    background-color: #F8F5FB; \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u0646\u0641\u0633\u062c\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 \u062c\u062f\u0627\u064b *\/\n                    color: var(--nx-text-primary);\n                    border-radius: 50%;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    margin-bottom: 25px;\n                    transition: all 0.3s ease;\n                }\n\n                .nx-icon-wrapper svg {\n                    width: 32px;\n                    height: 32px;\n                }\n\n                .nx-vmg-card:hover .nx-icon-wrapper {\n                    background-color: var(--nx-text-primary);\n                    color: #fff;\n                    transform: scale(1.1) rotate(5deg);\n                }\n\n                \/* --- Typography --- *\/\n                .nx-card-title {\n                    font-size: 24px;\n                    font-weight: 800;\n                    color: var(--nx-text-primary);\n                    margin-bottom: 20px;\n                    position: relative;\n                }\n\n                .nx-card-body p {\n                    font-size: 16px;\n                    line-height: 1.8;\n                    color: var(--nx-text-body);\n                    margin: 0;\n                }\n\n                \/* --- Goals List Style --- *\/\n                .nx-goals-list {\n                    list-style: none;\n                    padding: 0;\n                    margin: 0;\n                    text-align: right; \/* \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u062f\u0627\u0626\u0645\u0627\u064b \u0645\u062d\u0627\u0630\u064a\u0629 \u0644\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0633\u0637\u0631 *\/\n                    width: 100%;\n                }\n                \n                .nx-ltr .nx-goals-list { text-align: left; }\n\n                .nx-goals-list li {\n                    font-size: 15px;\n                    color: var(--nx-text-body);\n                    margin-bottom: 12px;\n                    display: flex;\n                    align-items: baseline;\n                    gap: 10px;\n                }\n\n                .nx-check-icon {\n                    color: var(--nx-accent);\n                    font-weight: bold;\n                    font-size: 14px;\n                    background: #E6F7F5;\n                    width: 20px;\n                    height: 20px;\n                    border-radius: 50%;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    flex-shrink: 0;\n                }\n\n                \/* --- Decorative Bottom Line --- *\/\n                .nx-card-line {\n                    position: absolute;\n                    bottom: 0;\n                    left: 0;\n                    width: 0%;\n                    height: 4px;\n                    background: linear-gradient(90deg, var(--nx-text-primary), var(--nx-accent));\n                    transition: width 0.4s ease;\n                }\n\n                .nx-vmg-card:hover .nx-card-line {\n                    width: 100%;\n                }\n\n                \/* --- Responsive --- *\/\n                @media (max-width: 992px) {\n                    .nx-vmg-grid {\n                        grid-template-columns: 1fr;\n                        gap: 20px;\n                    }\n                    \n                    .nx-vmg-card {\n                        padding: 30px 20px;\n                    }\n                }\n            <\/style>\n        <\/section>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab3179e elementor-widget elementor-widget-shortcode\" data-id=\"ab3179e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n            <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n            <style>\n                .sgss-board-section {\n                    background: linear-gradient(180deg, #f8f8f8 0%, #eef2ef 100%);\n                    padding: 90px 20px;\n                    font-family: 'Tajawal', sans-serif;\n                    direction: ltr;\n                }\n\n                .sgss-board-container {\n                    max-width: 1280px;\n                    margin: 0 auto;\n                }\n\n                .sgss-board-header {\n                    text-align: center;\n                    margin-bottom: 50px;\n                }\n\n                .sgss-board-badge {\n                    display: inline-block;\n                    background: #1E3A2B;\n                    color: #fff;\n                    padding: 8px 18px;\n                    border-radius: 30px;\n                    font-size: 12px;\n                    font-weight: 700;\n                    letter-spacing: 1px;\n                    margin-bottom: 18px;\n                }\n\n                .sgss-board-title {\n                    font-size: 42px;\n                    font-weight: 800;\n                    color: #111;\n                    margin: 0;\n                }\n\n                .sgss-board-leader {\n                    display: flex;\n                    justify-content: center;\n                    margin-bottom: 50px;\n                }\n\n                .sgss-leader-card {\n    max-width: 420px;\n    width: 100%;\n}\n\n.sgss-leader-card .sgss-board-image-wrap {\n    height: 320px;\n}\n\n                .sgss-board-grid {\n                    display: grid;\n                    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n                    gap: 28px;\n                }\n\n                .sgss-board-card {\n                    background: #ffffff;\n                    border-radius: 26px;\n                    overflow: hidden;\n                    box-shadow: 0 12px 35px rgba(0,0,0,0.06);\n                    transition: transform 0.3s ease, box-shadow 0.3s ease;\n                    position: relative;\n                }\n\n                .sgss-board-card:hover {\n                    transform: translateY(-8px);\n                    box-shadow: 0 20px 45px rgba(0,0,0,0.10);\n                }\n\n                .sgss-board-image-wrap {\n                    position: relative;\n                    background: #dfe7e1;\n                    height: 320px;\n                    overflow: hidden;\n                }\n\n                .sgss-board-image-wrap img {\n                    width: 100%;\n                    height: 100%;\n                    object-fit: cover;\n                    display: block;\n                }\n\n                .sgss-board-content {\n                    padding: 24px 22px 26px;\n                    text-align: center;\n                }\n\n                .sgss-board-name {\n                    font-size: 24px;\n                    font-weight: 800;\n                    color: #1E3A2B;\n                    margin: 0 0 10px;\n                    line-height: 1.4;\n                }\n\n                .sgss-board-position {\n                    display: inline-block;\n                    font-size: 14px;\n                    font-weight: 700;\n                    color: #6D7C72;\n                    background: #F2F5F3;\n                    border-radius: 20px;\n                    padding: 8px 14px;\n                    margin-bottom: 14px;\n                }\n\n                .sgss-board-bio {\n                    font-size: 14px;\n                    line-height: 1.8;\n                    color: #333;\n                    margin: 0;\n                }\n\n                .sgss-board-empty {\n                    text-align: center;\n                    font-size: 18px;\n                    color: #444;\n                }\n\n                @media (max-width: 768px) {\n                    .sgss-board-section {\n                        padding: 70px 15px;\n                    }\n\n                    .sgss-board-title {\n                        font-size: 32px;\n                    }\n\n                    .sgss-board-image-wrap {\n                        height: 280px;\n                    }\n\n                    .sgss-leader-card .sgss-board-image-wrap {\n                        height: 320px;\n                    }\n\n                    .sgss-board-name {\n                        font-size: 21px;\n                    }\n                }\n            <\/style>\n\n            <section class=\"sgss-board-section\">\n                <div class=\"sgss-board-container\">\n\n                    <div class=\"sgss-board-header\">\n                        <span class=\"sgss-board-badge\">LEADERSHIP<\/span>\n                        <h2 class=\"sgss-board-title\">Board of Directors<\/h2>\n                    <\/div>\n\n                    \n                        \n                                                                                <div class=\"sgss-board-leader\">\n                                <div class=\"sgss-board-card sgss-leader-card\">\n                                    <div class=\"sgss-board-image-wrap\">\n                                                                                    <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.29.59-AM-e1781653834476.png\" alt=\"\u062f.\u0648\u0627\u0626\u0644 \u0637\u0627\u0634\u0643\u0646\u062f\u064a\">\n                                                                            <\/div>\n\n                                    <div class=\"sgss-board-content\">\n                                        <h3 class=\"sgss-board-name\">\u062f.\u0648\u0627\u0626\u0644 \u0637\u0627\u0634\u0643\u0646\u062f\u064a<\/h3>\n\n                                                                                    <div class=\"sgss-board-position\">\u0631\u0626\u064a\u0633 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/div>\n                                        \n                                                                                    <p class=\"sgss-board-bio\">\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u062c\u0631\u0627\u062d\u0629<br \/>\r\n\u0648\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u062d\u0631\u062c\u0629<br \/>\r\n\u0645\u0633\u062a\u0634\u0641\u0649 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632\u060c \u062c\u062f\u0629<\/p>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    \n                                                    <div class=\"sgss-board-grid\">\n                                                                                                        <div class=\"sgss-board-card\">\n                                        <div class=\"sgss-board-image-wrap\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.32.04-AM.png\" alt=\"\u062f.\u062d\u0633\u0646 \u0645\u0634\u0628\u0631\u064a\">\n                                                                                    <\/div>\n\n                                        <div class=\"sgss-board-content\">\n                                            <h3 class=\"sgss-board-name\">\u062f.\u062d\u0633\u0646 \u0645\u0634\u0628\u0631\u064a<\/h3>\n\n                                                                                            <div class=\"sgss-board-position\">\u0627\u0644\u0646\u0627\u0626\u0628 - \u0627\u0644\u0631\u0626\u064a\u0633 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a<\/div>\n                                            \n                                                                                            <p class=\"sgss-board-bio\">\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0625\u0635\u0627\u0628\u0627\u062a (Trauma)<br \/>\r\n\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u062d\u0627\u062f\u0629 (Acute Care Surgery)<br \/>\r\n\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u062d\u0631\u062c\u0629 \u0627\u0644\u062c\u0631\u0627\u062d\u064a\u0629 (Surgical Critical Care)<br \/>\r\n\u062c\u0627\u0645\u0639\u0629 \u062c\u0627\u0632\u0627\u0646\u060c \u062c\u0627\u0632\u0627\u0646<\/p>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"sgss-board-card\">\n                                        <div class=\"sgss-board-image-wrap\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.31.37-AM.png\" alt=\"\u062f. \u0645\u062d\u0645\u062f \u0627\u0644\u062d\u0627\u0631\u062b\u064a\">\n                                                                                    <\/div>\n\n                                        <div class=\"sgss-board-content\">\n                                            <h3 class=\"sgss-board-name\">\u062f. \u0645\u062d\u0645\u062f \u0627\u0644\u062d\u0627\u0631\u062b\u064a<\/h3>\n\n                                                                                            <div class=\"sgss-board-position\">\u0623\u0645\u064a\u0646 \u0627\u0644\u0635\u0646\u062f\u0648\u0642<\/div>\n                                            \n                                                                                            <p class=\"sgss-board-bio\">\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<br \/>\r\n\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0642\u0648\u0644\u0648\u0646 \u0648\u0627\u0644\u0645\u0633\u062a\u0642\u064a\u0645<br \/>\r\n\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0643\u0628\u062f \u0648\u0627\u0644\u0628\u0646\u0643\u0631\u064a\u0627\u0633 \u0648\u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0635\u0641\u0631\u0627\u0648\u064a\u0629 (HPB)<br \/>\r\n\u0645\u0633\u062a\u0634\u0641\u0649 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632\u060c \u062c\u062f\u0629<\/p>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"sgss-board-card\">\n                                        <div class=\"sgss-board-image-wrap\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.39.34-AM.png\" alt=\"\u062f.\u0633\u0647\u0627 \u0643\u0639\u0643\u064a\">\n                                                                                    <\/div>\n\n                                        <div class=\"sgss-board-content\">\n                                            <h3 class=\"sgss-board-name\">\u062f.\u0633\u0647\u0627 \u0643\u0639\u0643\u064a<\/h3>\n\n                                                                                            <div class=\"sgss-board-position\">\u0627\u0644\u0623\u0645\u064a\u0646 \u0627\u0644\u0639\u0627\u0645<\/div>\n                                            \n                                                                                            <p class=\"sgss-board-bio\">\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0635\u062f\u0631 \u0648\u0627\u0644\u0645\u0631\u064a\u0621<br \/>\r\n\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0628\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u0633\u0639\u0648\u062f\u060c \u0627\u0644\u0631\u064a\u0627\u0636<\/p>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"sgss-board-card\">\n                                        <div class=\"sgss-board-image-wrap\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.40.50-AM.png\" alt=\"\u062f.\u0645\u0631\u0627\u0645 \u0627\u0644\u062e\u0637\u064a\u0628\">\n                                                                                    <\/div>\n\n                                        <div class=\"sgss-board-content\">\n                                            <h3 class=\"sgss-board-name\">\u062f.\u0645\u0631\u0627\u0645 \u0627\u0644\u062e\u0637\u064a\u0628<\/h3>\n\n                                                                                            <div class=\"sgss-board-position\">\u0639\u0636\u0648 \u0645\u062c\u0644\u0633 \u0625\u062f\u0627\u0631\u0629<\/div>\n                                            \n                                                                                            <p class=\"sgss-board-bio\">\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<br \/>\r\n\u0648\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u0642\u062f\u0645 \u0627\u0644\u0633\u0643\u0631\u064a<br \/>\r\n\u0645\u0633\u062a\u0634\u0641\u0649 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0639\u0632\u064a\u0632\u060c \u062c\u062f\u0629<\/p>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"sgss-board-card\">\n                                        <div class=\"sgss-board-image-wrap\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.45.07-AM.png\" alt=\"\u062f.\u0641\u0627\u0636\u0644 \u0627\u0644\u0632\u0647\u0631\u0627\u0646\u064a\">\n                                                                                    <\/div>\n\n                                        <div class=\"sgss-board-content\">\n                                            <h3 class=\"sgss-board-name\">\u062f.\u0641\u0627\u0636\u0644 \u0627\u0644\u0632\u0647\u0631\u0627\u0646\u064a<\/h3>\n\n                                                                                            <div class=\"sgss-board-position\">\u0639\u0636\u0648 \u0645\u062c\u0644\u0633 \u0625\u062f\u0627\u0631\u0629<\/div>\n                                            \n                                                                                            <p class=\"sgss-board-bio\">\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0647\u0636\u0645\u064a \u0627\u0644\u0639\u0644\u0648\u064a<br \/>\r\n\u0648\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0633\u0645\u0646\u0629<br \/>\r\n\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0644\u0643 \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0637\u0628\u064a\u0629\u060c \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629<\/p>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"sgss-board-card\">\n                                        <div class=\"sgss-board-image-wrap\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.49.51-AM.png\" alt=\"\u062f.\u0639\u0647\u0648\u062f \u0627\u0644\u0639\u0645\u0648\u062f\u064a\">\n                                                                                    <\/div>\n\n                                        <div class=\"sgss-board-content\">\n                                            <h3 class=\"sgss-board-name\">\u062f.\u0639\u0647\u0648\u062f \u0627\u0644\u0639\u0645\u0648\u062f\u064a<\/h3>\n\n                                                                                            <div class=\"sgss-board-position\">\u0639\u0636\u0648 \u0645\u062c\u0644\u0633 \u0625\u062f\u0627\u0631\u0629<\/div>\n                                            \n                                                                                            <p class=\"sgss-board-bio\">\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<br \/>\r\n\u0648\u062c\u0631\u0627\u062d \u0627\u0644\u0642\u0648\u0644\u0648\u0646 \u0648\u0627\u0644\u0645\u0633\u062a\u0642\u064a\u0645<br \/>\r\n\u0642\u0633\u0645 \u0627\u0644\u062c\u0631\u0627\u062d\u0629\u060c \u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u062f\u0648\u0644\u064a (IMC)\u060c \u062c\u062f\u0629<\/p>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"sgss-board-card\">\n                                        <div class=\"sgss-board-image-wrap\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.47.46-AM.png\" alt=\"\u062f.\u0648\u0633\u0627\u0645 \u0623\u0628\u0648 \u0632\u0646\u0627\u062f\u0629\">\n                                                                                    <\/div>\n\n                                        <div class=\"sgss-board-content\">\n                                            <h3 class=\"sgss-board-name\">\u062f.\u0648\u0633\u0627\u0645 \u0623\u0628\u0648 \u0632\u0646\u0627\u062f\u0629<\/h3>\n\n                                                                                            <div class=\"sgss-board-position\">\u0639\u0636\u0648 \u0645\u062c\u0644\u0633 \u0625\u062f\u0627\u0631\u0629<\/div>\n                                            \n                                                                                            <p class=\"sgss-board-bio\">\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<br \/>\r\n\u0648\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0623\u0648\u0639\u064a\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629<br \/>\r\n\u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629 \u0644\u0644\u062c\u0631\u0627\u062d\u064a\u0646<\/p>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"sgss-board-card\">\n                                        <div class=\"sgss-board-image-wrap\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.46.36-AM.png\" alt=\"\u062f. \u0627\u0644\u062d\u0633\u0627\u0646 \u0627\u0644\u0645\u063a\u0631\u0628\u064a\">\n                                                                                    <\/div>\n\n                                        <div class=\"sgss-board-content\">\n                                            <h3 class=\"sgss-board-name\">\u062f. \u0627\u0644\u062d\u0633\u0627\u0646 \u0627\u0644\u0645\u063a\u0631\u0628\u064a<\/h3>\n\n                                                                                            <div class=\"sgss-board-position\">\u0639\u0636\u0648 \u0645\u062c\u0644\u0633 \u0625\u062f\u0627\u0631\u0629<\/div>\n                                            \n                                                                                            <p class=\"sgss-board-bio\">\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<br \/>\r\n\u0648\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0633\u0645\u0646\u0629<br \/>\r\n\u0648\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0628\u0627\u0644\u0645\u0646\u0638\u0627\u0631<br \/>\r\n\u0645\u0633\u062a\u0634\u0641\u0649 \u0627\u0644\u0646\u0648\u0631 \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u060c \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629<\/p>\n                                                                                    <\/div>\n                                    <\/div>\n                                                            <\/div>\n                        \n                    \n                <\/div>\n            <\/section>\n\n            <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bff796a elementor-widget elementor-widget-shortcode\" data-id=\"bff796a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n            <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@10\/swiper-bundle.min.css\" \/>\n            <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n            <style>\n                .rss-ls-sec { background-color: #F1F3F2; padding: 80px 20px; font-family: 'Tajawal', sans-serif; direction: ltr; overflow: hidden; }\n                .rss-ls-container { max-width: 1300px; margin: 0 auto; position: relative; }\n                .rss-ls-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; }\n                .rss-ls-badge { display: inline-flex; align-items: center; background: #E5E8E6; color: #1E3A2B; padding: 6px 16px; border-radius: 30px; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; }\n                .rss-ls-badge::before { content: ''; display: inline-block; width: 6px; height: 6px; background: #1E3A2B; border-radius: 50%; margin-inline-end: 8px; }\n                .rss-ls-title { font-size: 42px; font-weight: 800; color: #000; margin: 0 0 10px 0; }\n\n                .rss-ls-controls { display: flex; gap: 15px; }\n                .rss-nav-btn {\n                    width: 50px; height: 50px; border-radius: 50%;\n                    border: 1px solid #1E3A2B; background: transparent; color: #1E3A2B;\n                    display: flex; align-items: center; justify-content: center;\n                    cursor: pointer; transition: all 0.3s ease; outline: none; z-index: 10;\n                }\n                .rss-nav-btn:hover { background: #1E3A2B; color: #fff; }\n\n                .rss-team-card { background: #FFFFFF; border-radius: 20px; padding: 30px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.02); height: 100%; transition: transform 0.3s; display: flex; flex-direction: column; }\n                .rss-team-card:hover { transform: translateY(-5px); }\n                .rss-team-img { width: 220px; height: 220px; border-radius: 50%; background: #E5E5E5; margin: 0 auto 25px auto; overflow: hidden; flex-shrink: 0; }\n                .rss-team-img img { width: 100%; height: 100%; object-fit: cover; }\n                \n                .rss-team-name { font-size: 20px; font-weight: 700; color: #1E3A2B; margin: 0 0 10px 0; line-height: 1.3; }\n                \n                \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u0646\u0635\u0628 \u0628\u0644\u0648\u0646 \u0623\u062e\u0636\u0631 \u062f\u0627\u0643\u0646 *\/\n                .rss-team-role { font-size: 15px; font-weight: 600; color: #1E3A2B; margin: 0 0 10px 0; }\n                \n                \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0648\u0635\u0641 (\u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u062c\u062f\u064a\u062f) \u0628\u062e\u0637 \u0623\u0635\u063a\u0631 \u0648\u0644\u0648\u0646 \u0631\u0645\u0627\u062f\u064a \u062f\u0627\u0643\u0646 *\/\n                .rss-team-desc { font-size: 13px; color: #333333; line-height: 1.6; margin: 0 0 20px 0; flex-grow: 1; }\n\n                .rss-team-social { display: flex; justify-content: center; gap: 15px; align-items: center; margin-top: auto; }\n                .rss-team-social a { color: #1E3A2B; transition: 0.3s; display: flex; align-items: center; }\n                .rss-team-social a:hover { opacity: 0.7; transform: translateY(-3px); color: #2C5F45; }\n\n                .swiper-slide { height: auto; }\n\n                @media (max-width: 768px) {\n                    .rss-ls-header { flex-direction: column; align-items: flex-start; gap: 20px; }\n                    .rss-ls-title { font-size: 32px; }\n                    .rss-team-img { width: 180px; height: 180px; }\n                }\n            <\/style>\n\n            <section class=\"rss-ls-sec\">\n                <div class=\"rss-ls-container\">\n                    \n                    <div class=\"rss-ls-header\">\n                        <div class=\"rss-ls-title-area\">\n                            <span class=\"rss-ls-badge\">SUBCOMMITTEE LEADERSHIP<\/span>\n                            <h2 class=\"rss-ls-title\">Subcommittees Heads<\/h2>\n                        <\/div>\n\n                        <div class=\"rss-ls-controls\">\n                            <button class=\"rss-nav-btn\" id=\"rss-btn-custom-prev\">\n                                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line><polyline points=\"12 19 5 12 12 5\"><\/polyline><\/svg>                            <\/button>\n                            <button class=\"rss-nav-btn\" id=\"rss-btn-custom-next\">\n                                <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                                            <div class=\"swiper rss-team-swiper\" dir=\"ltr\">\n                            <div class=\"swiper-wrapper\">\n                                \n                                                                \n                                <div class=\"swiper-slide\">\n                                    <div class=\"rss-team-card\">\n\t\t\t\t\t\t\t\t\t                                            <p class=\"rss-team-role\">\u0644\u062c\u0646\u0629 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629<\/p>\n                                                                                <div class=\"rss-team-img\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.47.46-AM.png\" alt=\"\u062f. \u0648\u0633\u0627\u0645 \u0623\u0628\u0648 \u0632\u0646\u0627\u062f\u0629\">\n                                                                                    <\/div>\n                                        <h3 class=\"rss-team-name\">\u062f. \u0648\u0633\u0627\u0645 \u0623\u0628\u0648 \u0632\u0646\u0627\u062f\u0629<\/h3>\n                                        \n\n                                                                                \n                                        <div class=\"rss-team-social\">\n                                                                                        \n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                                                \n                                <div class=\"swiper-slide\">\n                                    <div class=\"rss-team-card\">\n\t\t\t\t\t\t\t\t\t                                            <p class=\"rss-team-role\">\u0644\u062c\u0646\u0629 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/p>\n                                                                                <div class=\"rss-team-img\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.31.37-AM.png\" alt=\"\u062f.\u0645\u062d\u0645\u062f \u0627\u0644\u062d\u0627\u0631\u062b\u064a\">\n                                                                                    <\/div>\n                                        <h3 class=\"rss-team-name\">\u062f.\u0645\u062d\u0645\u062f \u0627\u0644\u062d\u0627\u0631\u062b\u064a<\/h3>\n                                        \n\n                                                                                \n                                        <div class=\"rss-team-social\">\n                                                                                        \n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                                                \n                                <div class=\"swiper-slide\">\n                                    <div class=\"rss-team-card\">\n\t\t\t\t\t\t\t\t\t                                            <p class=\"rss-team-role\">\u0644\u062c\u0646\u0629 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f<\/p>\n                                                                                <div class=\"rss-team-img\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.45.07-AM.png\" alt=\"\u062f.\u0641\u0627\u0636\u0644 \u0627\u0644\u0632\u0647\u0631\u0627\u0646\u064a\">\n                                                                                    <\/div>\n                                        <h3 class=\"rss-team-name\">\u062f.\u0641\u0627\u0636\u0644 \u0627\u0644\u0632\u0647\u0631\u0627\u0646\u064a<\/h3>\n                                        \n\n                                                                                \n                                        <div class=\"rss-team-social\">\n                                                                                        \n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                                                \n                                <div class=\"swiper-slide\">\n                                    <div class=\"rss-team-card\">\n\t\t\t\t\t\t\t\t\t                                            <p class=\"rss-team-role\">\u0644\u062c\u0646\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0639\u0636\u0627\u0621<\/p>\n                                                                                <div class=\"rss-team-img\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.40.50-AM.png\" alt=\"\u062f.\u0645\u0631\u0627\u0645 \u0627\u0644\u062e\u0637\u064a\u0628\">\n                                                                                    <\/div>\n                                        <h3 class=\"rss-team-name\">\u062f.\u0645\u0631\u0627\u0645 \u0627\u0644\u062e\u0637\u064a\u0628<\/h3>\n                                        \n\n                                                                                \n                                        <div class=\"rss-team-social\">\n                                                                                        \n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                                                \n                                <div class=\"swiper-slide\">\n                                    <div class=\"rss-team-card\">\n\t\t\t\t\t\t\t\t\t                                            <p class=\"rss-team-role\">\u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/p>\n                                                                                <div class=\"rss-team-img\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.49.51-AM.png\" alt=\"\u062f.\u0639\u0647\u0648\u062f \u0627\u0644\u0639\u0645\u0648\u062f\u064a\">\n                                                                                    <\/div>\n                                        <h3 class=\"rss-team-name\">\u062f.\u0639\u0647\u0648\u062f \u0627\u0644\u0639\u0645\u0648\u062f\u064a<\/h3>\n                                        \n\n                                                                                \n                                        <div class=\"rss-team-social\">\n                                                                                        \n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                                                \n                                <div class=\"swiper-slide\">\n                                    <div class=\"rss-team-card\">\n\t\t\t\t\t\t\t\t\t                                            <p class=\"rss-team-role\">\u0644\u062c\u0646\u0629 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/p>\n                                                                                <div class=\"rss-team-img\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-29-at-10.46.36-AM.png\" alt=\"\u062f.\u0627\u0644\u062d\u0633\u0646 \u0627\u0644\u0645\u063a\u0631\u0628\u064a\">\n                                                                                    <\/div>\n                                        <h3 class=\"rss-team-name\">\u062f.\u0627\u0644\u062d\u0633\u0646 \u0627\u0644\u0645\u063a\u0631\u0628\u064a<\/h3>\n                                        \n\n                                                                                \n                                        <div class=\"rss-team-social\">\n                                                                                        \n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                \n                            <\/div>\n                        <\/div>\n                    \n                <\/div>\n            <\/section>\n\n            <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@10\/swiper-bundle.min.js\"><\/script>\n            <script>\n                document.addEventListener('DOMContentLoaded', function() {\n                    const swiperContainer = document.querySelector('.rss-team-swiper');\n                    if(swiperContainer) {\n                        var teamSwiper = new Swiper('.rss-team-swiper', {\n                            slidesPerView: 1,\n                            spaceBetween: 20,\n                            loop: true,\n                            loopAdditionalSlides: 5, \n                            speed: 600, \n                            grabCursor: true, \n                            autoplay: {\n                                delay: 3000,\n                                disableOnInteraction: false,\n                                pauseOnMouseEnter: true, \n                            },\n                            breakpoints: {\n                                640: { slidesPerView: 2, spaceBetween: 20 },\n                                992: { slidesPerView: 3, spaceBetween: 30 },\n                                1200: { slidesPerView: 4, spaceBetween: 30 }\n                            }\n                        });\n\n                        const btnNext = document.getElementById('rss-btn-custom-next');\n                        const btnPrev = document.getElementById('rss-btn-custom-prev');\n                        \n                        if(btnNext) {\n                            btnNext.addEventListener('click', function(e) {\n                                e.preventDefault();\n                                teamSwiper.slideNext();\n                            });\n                        }\n                        \n                        if(btnPrev) {\n                            btnPrev.addEventListener('click', function(e) {\n                                e.preventDefault();\n                                teamSwiper.slidePrev();\n                            });\n                        }\n                    }\n                });\n            <\/script>\n\n            <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01cac00 elementor-widget elementor-widget-shortcode\" data-id=\"01cac00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\n        <main class=\"sgss-regions-page\" id=\"sgss_regions_5925\" dir=\"ltr\">\n\n            <section class=\"sgss-regions-hero\">\n                <div class=\"sgss-regions-hero-overlay\"><\/div>\n                <div class=\"sgss-regions-hero-content\">\n                    <h1>Regional Representatives<\/h1>\n                    <p>Select a region to view its SGSS representative and contact details.<\/p>\n                <\/div>\n            <\/section>\n\n            <section class=\"sgss-regions-section\">\n                <div class=\"sgss-regions-container\">\n\n                    <div class=\"sgss-region-tabs\" role=\"tablist\">\n                                                    <button\n                                type=\"button\"\n                                class=\"sgss-region-tab active\"\n                                data-region=\"southern\">\n                                Southern Region                            <\/button>\n                                                    <button\n                                type=\"button\"\n                                class=\"sgss-region-tab \"\n                                data-region=\"central\">\n                                Central Region                            <\/button>\n                                                    <button\n                                type=\"button\"\n                                class=\"sgss-region-tab \"\n                                data-region=\"western\">\n                                Western Region                            <\/button>\n                                                    <button\n                                type=\"button\"\n                                class=\"sgss-region-tab \"\n                                data-region=\"eastern\">\n                                Eastern Region                            <\/button>\n                                                    <button\n                                type=\"button\"\n                                class=\"sgss-region-tab \"\n                                data-region=\"northern\">\n                                Northern Region                            <\/button>\n                                            <\/div>\n\n                    <div class=\"sgss-region-content-wrap\">\n                                                    <div class=\"sgss-region-panel active\" data-panel=\"southern\">\n\n                                                                    <div class=\"sgss-officers-grid\">\n                                                                                    <div class=\"sgss-person-card\">\n                                                <div class=\"sgss-person-image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/06\/PHOTO-2026-06-14-10-10-15.jpg\" alt=\"Dr.Abdulaziz Shaher Abdullah\">\n                                                <\/div>\n\n                                                <div class=\"sgss-person-info\">\n                                                    <span class=\"sgss-region-badge\">\n                                                        Southern Region                                                    <\/span>\n\n                                                    <h2>Dr.Abdulaziz Shaher Abdullah<\/h2>\n\n                                                                                                            <div class=\"sgss-email-box\">\n                                                            <span>Email<\/span>\n                                                            <a href=\"mailto:southern-region@sgss.org.sa\">\n                                                                southern-region@sgss.org.sa                                                            <\/a>\n                                                        <\/div>\n\n                                                        <a class=\"sgss-contact-btn\" href=\"mailto:southern-region@sgss.org.sa\">\n                                                            Contact by Email                                                        <\/a>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                \n                            <\/div>\n                                                    <div class=\"sgss-region-panel \" data-panel=\"central\">\n\n                                                                    <div class=\"sgss-officers-grid\">\n                                                                                    <div class=\"sgss-person-card\">\n                                                <div class=\"sgss-person-image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/06\/PHOTO-2026-06-14-10-10-37-683x1024.jpg\" alt=\"Dr.Rami Abdullah Alghamdi\">\n                                                <\/div>\n\n                                                <div class=\"sgss-person-info\">\n                                                    <span class=\"sgss-region-badge\">\n                                                        Central Region                                                    <\/span>\n\n                                                    <h2>Dr.Rami Abdullah Alghamdi<\/h2>\n\n                                                                                                            <div class=\"sgss-email-box\">\n                                                            <span>Email<\/span>\n                                                            <a href=\"mailto:central@sgss.org.sa\">\n                                                                central@sgss.org.sa                                                            <\/a>\n                                                        <\/div>\n\n                                                        <a class=\"sgss-contact-btn\" href=\"mailto:central@sgss.org.sa\">\n                                                            Contact by Email                                                        <\/a>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                \n                            <\/div>\n                                                    <div class=\"sgss-region-panel \" data-panel=\"western\">\n\n                                                                    <div class=\"sgss-officers-grid\">\n                                                                                    <div class=\"sgss-person-card\">\n                                                <div class=\"sgss-person-image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/06\/PHOTO-2026-06-14-10-09-32-974x1024.jpg\" alt=\"Dr.Ahemd Fallatah\">\n                                                <\/div>\n\n                                                <div class=\"sgss-person-info\">\n                                                    <span class=\"sgss-region-badge\">\n                                                        Western Region                                                    <\/span>\n\n                                                    <h2>Dr.Ahemd Fallatah<\/h2>\n\n                                                                                                            <div class=\"sgss-email-box\">\n                                                            <span>Email<\/span>\n                                                            <a href=\"mailto:western@sgss.org.sa\">\n                                                                western@sgss.org.sa                                                            <\/a>\n                                                        <\/div>\n\n                                                        <a class=\"sgss-contact-btn\" href=\"mailto:western@sgss.org.sa\">\n                                                            Contact by Email                                                        <\/a>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                \n                            <\/div>\n                                                    <div class=\"sgss-region-panel \" data-panel=\"eastern\">\n\n                                                                    <div class=\"sgss-officers-grid\">\n                                                                                    <div class=\"sgss-person-card\">\n                                                <div class=\"sgss-person-image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/06\/PHOTO-2026-06-14-10-11-15-700x1024.jpg\" alt=\"Dr. Haytham Mohammed Alarfaj\">\n                                                <\/div>\n\n                                                <div class=\"sgss-person-info\">\n                                                    <span class=\"sgss-region-badge\">\n                                                        Eastern Region                                                    <\/span>\n\n                                                    <h2>Dr. Haytham Mohammed Alarfaj<\/h2>\n\n                                                                                                            <div class=\"sgss-email-box\">\n                                                            <span>Email<\/span>\n                                                            <a href=\"mailto:eastern@sgss.org.sa\">\n                                                                eastern@sgss.org.sa                                                            <\/a>\n                                                        <\/div>\n\n                                                        <a class=\"sgss-contact-btn\" href=\"mailto:eastern@sgss.org.sa\">\n                                                            Contact by Email                                                        <\/a>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                \n                            <\/div>\n                                                    <div class=\"sgss-region-panel \" data-panel=\"northern\">\n\n                                                                    <div class=\"sgss-officers-grid\">\n                                                                                    <div class=\"sgss-person-card\">\n                                                <div class=\"sgss-person-image\">\n                                                    <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/06\/PHOTO-2026-06-14-10-11-45-768x1024.jpg\" alt=\"Dr. Haddaj Abdulmohsen Alkuraya\">\n                                                <\/div>\n\n                                                <div class=\"sgss-person-info\">\n                                                    <span class=\"sgss-region-badge\">\n                                                        Northern Region                                                    <\/span>\n\n                                                    <h2>Dr. Haddaj Abdulmohsen Alkuraya<\/h2>\n\n                                                                                                            <div class=\"sgss-email-box\">\n                                                            <span>Email<\/span>\n                                                            <a href=\"mailto:northern@sgss.org.sa\">\n                                                                northern@sgss.org.sa                                                            <\/a>\n                                                        <\/div>\n\n                                                        <a class=\"sgss-contact-btn\" href=\"mailto:northern@sgss.org.sa\">\n                                                            Contact by Email                                                        <\/a>\n                                                                                                    <\/div>\n                                            <\/div>\n                                                                            <\/div>\n                                \n                            <\/div>\n                                            <\/div>\n\n                <\/div>\n            <\/section>\n\n        <\/main>\n\n\n        <style>\n            #sgss_regions_5925 {\n                font-family: 'Tajawal', sans-serif;\n                background: #ffffff;\n                color: #2c2c2c;\n            }\n\n            #sgss_regions_5925 * {\n                box-sizing: border-box;\n            }\n\n            #sgss_regions_5925 .sgss-regions-hero {\n                position: relative;\n                min-height: 360px;\n                background-image: url('https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/01\/close-up-surgeons-operating-room-scaled.jpg');\n                background-size: cover;\n                background-position: center;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                text-align: center;\n                overflow: hidden;\n            }\n\n            #sgss_regions_5925 .sgss-regions-hero-overlay {\n                position: absolute;\n                inset: 0;\n                background: linear-gradient(120deg, rgba(93,58,117,.88), rgba(60,141,127,.86));\n            }\n\n            #sgss_regions_5925 .sgss-regions-hero-content {\n                position: relative;\n                z-index: 2;\n                max-width: 900px;\n                padding: 40px 20px;\n                color: #fff;\n            }\n\n            #sgss_regions_5925 .sgss-regions-hero-content h1 {\n                font-size: 54px;\n                font-weight: 800;\n                margin: 0 0 15px;\n                color: #fff;\n            }\n\n            #sgss_regions_5925 .sgss-regions-hero-content p {\n                font-size: 22px;\n                line-height: 1.8;\n                margin: 0;\n                color: #fff;\n            }\n\n            #sgss_regions_5925 .sgss-regions-section {\n                padding: 70px 20px;\n            }\n\n            #sgss_regions_5925 .sgss-regions-container {\n                max-width: 1120px;\n                margin: 0 auto;\n            }\n\n            #sgss_regions_5925 .sgss-region-tabs {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 14px;\n                justify-content: center;\n                margin-bottom: 40px;\n            }\n\n            #sgss_regions_5925 .sgss-region-tab {\n                border: 0;\n                background: #f2edf6;\n                color: #5D3A75;\n                padding: 15px 24px;\n                border-radius: 999px;\n                font-size: 17px;\n                font-weight: 800;\n                cursor: pointer;\n                transition: all .25s ease;\n                font-family: inherit;\n                box-shadow: 0 6px 18px rgba(93,58,117,.08);\n            }\n\n            #sgss_regions_5925 .sgss-region-tab:hover,\n            #sgss_regions_5925 .sgss-region-tab.active {\n                background: linear-gradient(135deg, #5D3A75, #3C8D7F);\n                color: #fff;\n                transform: translateY(-3px);\n                box-shadow: 0 12px 28px rgba(93,58,117,.18);\n            }\n\n            #sgss_regions_5925 .sgss-region-panel {\n                display: none;\n                animation: sgssFadeUp .35s ease;\n            }\n\n            #sgss_regions_5925 .sgss-region-panel.active {\n                display: block;\n            }\n\n            @keyframes sgssFadeUp {\n                from {\n                    opacity: 0;\n                    transform: translateY(15px);\n                }\n                to {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n\n            #sgss_regions_5925 .sgss-officers-grid {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: 28px;\n            }\n\n            #sgss_regions_5925 .sgss-person-card {\n                display: grid;\n                grid-template-columns: 250px 1fr;\n                background: #fff;\n                border-radius: 28px;\n                overflow: hidden;\n                box-shadow: 0 18px 55px rgba(0,0,0,.10);\n                border: 1px solid rgba(0,0,0,.06);\n            }\n\n            #sgss_regions_5925 .sgss-person-image {\n                min-height: 300px;\n                background: #f6f6f6;\n            }\n\n            #sgss_regions_5925 .sgss-person-image img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                display: block;\n            }\n\n            #sgss_regions_5925 .sgss-person-info {\n                padding: 35px 28px;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n            }\n\n            #sgss_regions_5925[dir=\"rtl\"] .sgss-person-info {\n                text-align: right;\n                align-items: flex-start;\n            }\n\n            #sgss_regions_5925[dir=\"ltr\"] .sgss-person-info {\n                text-align: left;\n                align-items: flex-start;\n            }\n\n            #sgss_regions_5925 .sgss-region-badge {\n                display: inline-block;\n                background: rgba(60,141,127,.12);\n                color: #3C8D7F;\n                padding: 8px 15px;\n                border-radius: 999px;\n                font-size: 14px;\n                font-weight: 800;\n                margin-bottom: 16px;\n            }\n\n            #sgss_regions_5925 .sgss-person-info h2 {\n                margin: 0 0 20px;\n                font-size: 28px;\n                font-weight: 800;\n                color: #5D3A75;\n                line-height: 1.3;\n            }\n\n            #sgss_regions_5925 .sgss-email-box {\n                background: #fafafa;\n                border: 1px solid #eee;\n                border-radius: 16px;\n                padding: 15px 17px;\n                width: 100%;\n                margin-bottom: 20px;\n            }\n\n            #sgss_regions_5925 .sgss-email-box span {\n                display: block;\n                font-size: 13px;\n                font-weight: 800;\n                color: #3C8D7F;\n                margin-bottom: 6px;\n            }\n\n            #sgss_regions_5925 .sgss-email-box a {\n                color: #333;\n                text-decoration: none;\n                font-size: 16px;\n                font-weight: 700;\n                word-break: break-word;\n            }\n\n            #sgss_regions_5925 .sgss-contact-btn {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                min-height: 44px;\n                padding: 0 22px;\n                border-radius: 999px;\n                background: #5D3A75;\n                color: #fff;\n                text-decoration: none;\n                font-weight: 800;\n                transition: .25s ease;\n            }\n\n            #sgss_regions_5925 .sgss-contact-btn:hover {\n                background: #3C8D7F;\n                color: #fff;\n                transform: translateY(-2px);\n            }\n\n            #sgss_regions_5925 .sgss-empty-region {\n                max-width: 620px;\n                margin: 0 auto;\n                text-align: center;\n                background: #fafafa;\n                border: 1px dashed #ddd;\n                border-radius: 22px;\n                padding: 35px 20px;\n                color: #777;\n                font-size: 18px;\n                font-weight: 700;\n            }\n\n            @media (max-width: 1000px) {\n                #sgss_regions_5925 .sgss-officers-grid {\n                    grid-template-columns: 1fr;\n                    max-width: 720px;\n                    margin: 0 auto;\n                }\n            }\n\n            @media (max-width: 650px) {\n                #sgss_regions_5925 .sgss-regions-hero {\n                    min-height: 300px;\n                }\n\n                #sgss_regions_5925 .sgss-regions-hero-content h1 {\n                    font-size: 34px;\n                }\n\n                #sgss_regions_5925 .sgss-regions-hero-content p {\n                    font-size: 18px;\n                }\n\n                #sgss_regions_5925 .sgss-region-tab {\n                    width: 100%;\n                    font-size: 16px;\n                }\n\n                #sgss_regions_5925 .sgss-person-card {\n                    grid-template-columns: 1fr;\n                }\n\n                #sgss_regions_5925 .sgss-person-image {\n                    min-height: 350px;\n                }\n            }\n        <\/style>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function () {\n                const wrapper = document.getElementById('sgss_regions_5925');\n                if (!wrapper) return;\n\n                const tabs = wrapper.querySelectorAll('.sgss-region-tab');\n                const panels = wrapper.querySelectorAll('.sgss-region-panel');\n\n                tabs.forEach(function(tab) {\n                    tab.addEventListener('click', function() {\n                        const region = this.getAttribute('data-region');\n\n                        tabs.forEach(function(t) {\n                            t.classList.remove('active');\n                        });\n\n                        panels.forEach(function(panel) {\n                            panel.classList.remove('active');\n                        });\n\n                        this.classList.add('active');\n\n                        const target = wrapper.querySelector('[data-panel=\"' + region + '\"]');\n                        if (target) {\n                            target.classList.add('active');\n                        }\n                    });\n                });\n            });\n        <\/script>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":52,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":1618,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/22\/revisions\/1618"}],"wp:attachment":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}