{"id":19,"date":"2025-11-29T11:00:44","date_gmt":"2025-11-29T11:00:44","guid":{"rendered":"https:\/\/sgss.org.sa\/?page_id=19"},"modified":"2026-07-20T13:08:09","modified_gmt":"2026-07-20T13:08:09","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/sgss.org.sa\/en\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-244063e e-con-full e-flex e-con e-parent\" data-id=\"244063e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-557f3f0 elementor-widget elementor-widget-shortcode\" data-id=\"557f3f0\" 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\">    <style>\r\n        \/* ========================================\r\n           HERO WRAPPER (Overflow Visible for Dropdown)\r\n           ======================================== *\/\r\n        .sgss-hero-wrapper {\r\n            position: relative;\r\n            height: 80vh;\r\n            min-height: 650px;\r\n            direction: ltr;\r\n            font-family: 'Inter', sans-serif;\r\n            \/* Allow search dropdown to overflow *\/\r\n            overflow: visible; \r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* ========================================\r\n           BACKGROUND (Overflow Hidden for Animation)\r\n           ======================================== *\/\r\n        .sgss-hero-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n            overflow: hidden; \/* Clips the zoomed image *\/\r\n            z-index: 0;\r\n        }\r\n        \r\n        .sgss-hero-bg-img {\r\n            position: absolute;\r\n            inset: -5%;\r\n            background-image: url('https:\/\/sgss.org.sa\/wp-content\/plugins\/sgss-platform\/image\/4a6ba50f966fdb76a329e00aeba8149398f5dafe.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            animation: sgss-kenBurns 30s ease-in-out infinite alternate;\r\n            will-change: transform;\r\n        }\r\n\r\n        .sgss-hero-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg, rgba(80, 46, 109, 0.9) 0%, rgba(46, 139, 109, 0.5) 100%);\r\n            z-index: 1;\r\n        }\r\n\r\n        @keyframes sgss-kenBurns {\r\n            0% { transform: scale(1); }\r\n            100% { transform: scale(1.08); }\r\n        }\r\n\r\n        \/* ========================================\r\n           CONTENT LAYER\r\n           ======================================== *\/\r\n        .sgss-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 900px;\r\n            width: 100%;\r\n            padding: 0 20px;\r\n            text-align: center;\r\n            color: #fff;\r\n        }\r\n\r\n        \/* TITLE & TYPEWRITER *\/\r\n        .sgss-hero-title {\r\n            font-size: 42px;\r\n            font-weight: 900;\r\n            margin-bottom: 20px;\r\n            min-height: auto; \/* Remove min-height for static *\/\r\n            text-align: center;\r\n            color: #ffffff;\r\n            text-shadow: 0 4px 15px rgba(0,0,0,0.4);\r\n            letter-spacing: 1px;\r\n            line-height: 1.3;\r\n            direction: ltr;\r\n        }\r\n        \r\n        .sgss-cursor {\r\n            display: none; \/* Hide cursor in EN *\/\r\n            width: 3px;\r\n            background-color: #fff;\r\n            animation: sgss-blink 1s infinite;\r\n            margin: 0 5px;\r\n            vertical-align: bottom;\r\n        }\r\n        @keyframes sgss-blink { 50% { opacity: 0; } }\r\n\r\n        .sgss-hero-subtitle {\r\n            font-size: 18px;\r\n            line-height: 1.8;\r\n            margin-bottom: 40px;\r\n            font-weight: 500;\r\n            color: #ffffff;\r\n            text-shadow: 0 2px 6px rgba(0,0,0,0.4);\r\n            max-width: 800px;\r\n            margin-left: auto; margin-right: auto;\r\n            opacity: 0;\r\n            animation: sgss-fadeInUp 0.8s ease forwards 0.3s;\r\n        }\r\n\r\n        \/* ========================================\r\n           SEARCH BAR & DROPDOWN\r\n           ======================================== *\/\r\n        .sgss-search-wrapper {\r\n            position: relative;\r\n            max-width: 700px;\r\n            margin: 0 auto 50px;\r\n            z-index: 200; \/* High z-index for dropdown *\/\r\n        }\r\n\r\n        .sgss-search-bar {\r\n            position: relative;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            padding: 5px;\r\n            border-radius: 50px;\r\n            display: flex;\r\n            align-items: center;\r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.2);\r\n            border: 4px solid rgba(255,255,255,0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n        .sgss-search-bar:focus-within {\r\n            background: #fff;\r\n            box-shadow: 0 15px 50px rgba(46, 139, 109, 0.4);\r\n            border-color: rgba(46, 139, 109, 0.3);\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .sgss-search-bar input {\r\n            flex: 1;\r\n            background: transparent;\r\n            border: none;\r\n            padding: 15px 30px;\r\n            font-size: 18px;\r\n            outline: none;\r\n            color: #333;\r\n            font-family: inherit;\r\n        }\r\n\r\n        .sgss-search-btn {\r\n            background: linear-gradient(135deg, #502E6D, #673d8a);\r\n            border: none;\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            color: #fff;\r\n            font-size: 20px;\r\n            cursor: pointer;\r\n            margin: 0 5px;\r\n            display: flex; align-items: center; justify-content: center;\r\n            transition: transform 0.2s;\r\n        }\r\n        .sgss-search-btn:hover { transform: scale(1.1); }\r\n\r\n        \/* MEGA MENU SEARCH RESULT *\/\r\n        .sgss-search-results {\r\n            position: absolute;\r\n            top: 100%;\r\n            left: 0;\r\n            right: 0;\r\n            background: #fff;\r\n            border-radius: 20px;\r\n            margin-top: 15px;\r\n            max-height: 450px;\r\n            overflow-y: auto;\r\n            display: none;\r\n            box-shadow: 0 25px 60px rgba(0,0,0,0.3);\r\n            z-index: 999; \/* Highest priority *\/\r\n            text-align: left;\r\n            padding: 10px;\r\n            border: 1px solid #eee;\r\n        }\r\n        \r\n        \/* Custom Scrollbar *\/\r\n        .sgss-search-results::-webkit-scrollbar { width: 8px; }\r\n        .sgss-search-results::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 8px; }\r\n        .sgss-search-results::-webkit-scrollbar-thumb { background: #dcdcdc; border-radius: 8px; }\r\n        .sgss-search-results::-webkit-scrollbar-thumb:hover { background: #b0b0b0; }\r\n\r\n        .sgss-result-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n            padding: 15px;\r\n            border-radius: 12px;\r\n            text-decoration: none !important;\r\n            transition: background 0.2s, transform 0.2s;\r\n            border-bottom: 1px solid #f9f9f9;\r\n        }\r\n        .sgss-result-item:last-child { border-bottom: none; }\r\n        .sgss-result-item:hover { background: #f8fafc; transform: translateX(5px); }\r\n\r\n        .sgss-result-img {\r\n            width: 70px; \/* Larger Image *\/\r\n            height: 70px;\r\n            border-radius: 12px;\r\n            object-fit: cover;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .sgss-result-info { flex: 1; }\r\n        .sgss-result-title { \r\n            font-size: 16px; font-weight: 700; color: #1e293b; margin-bottom: 5px; \r\n            line-height: 1.4;\r\n        }\r\n        .sgss-result-meta { \r\n            font-size: 13px; color: #64748b; font-weight: 500; display: flex; gap: 10px; \r\n        }\r\n        .sgss-type-badge {\r\n            background: #f1f5f9; color: #475569; padding: 2px 8px; border-radius: 6px; font-size: 11px; font-weight: 700;\r\n        }\r\n\r\n        \/* ========================================\r\n           STATS BAR\r\n           ======================================== *\/\r\n        .sgss-hero-stats {\r\n            position: absolute;\r\n            bottom: 40px;\r\n            left: 0; right: 0;\r\n            z-index: 10;\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 60px;\r\n            pointer-events: none; \/* Let clicks pass through if overlapping (though z-index manages it) *\/\r\n        }\r\n        .sgss-stat-item {\r\n            text-align: center; color: #fff;\r\n            pointer-events: auto; \/* Re-enable clicks *\/\r\n            animation: sgss-fadeInUp 0.8s ease forwards 1s; opacity: 0;\r\n        }\r\n        .sgss-stat-num { font-size: 32px; font-weight: 900; display: block; text-shadow: 0 4px 10px rgba(0,0,0,0.3); }\r\n        .sgss-stat-label { font-size: 13px; font-weight: 600; opacity: 0.9; text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n        \/* Animation Keyframes *\/\r\n        @keyframes sgss-fadeInUp { from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:translateY(0);} }\r\n        \r\n        @media (max-width: 768px) {\r\n            .sgss-hero-title { font-size: 28px; min-height: 50px; }\r\n            .sgss-hero-stats { gap: 20px; flex-wrap: wrap; bottom: 20px; }\r\n            .sgss-stat-num { font-size: 24px; }\r\n            .sgss-search-results { max-height: 350px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"sgss-hero-wrapper\">\r\n        <!-- Separate BG Container for clipping -->\r\n        <div class=\"sgss-hero-bg\">\r\n            <div class=\"sgss-hero-bg-img\"><\/div>\r\n            <div class=\"sgss-hero-overlay\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Content (Visible Overflow for Dropdown) -->\r\n        <div class=\"sgss-hero-content\">\r\n            \r\n            <h1 class=\"sgss-hero-title\">\r\n                                    Advancing Surgical Excellence                            <\/h1>\r\n            \r\n            <p class=\"sgss-hero-subtitle\">We provide a supportive environment for our physicians by offering professional growth opportunities and organizing conferences and events in the field of general surgery, fostering knowledge exchange and professional communication.<\/p>\r\n\r\n            <div class=\"sgss-search-wrapper\">\r\n                <div class=\"sgss-search-bar\">\r\n                    <input type=\"text\" \r\n                           id=\"sgss-main-search\" \r\n                           placeholder=\"Search for events, research, news...\"\r\n                           autocomplete=\"off\">\r\n                    <button class=\"sgss-search-btn\">\r\n                        <span class=\"dashicons dashicons-search\"><\/span>\r\n                    <\/button>\r\n                    <div id=\"sgss-search-spinner\" style=\"display:none; margin:0 10px;\">\r\n                        <span class=\"dashicons dashicons-update\" style=\"animation:spin 1s infinite linear; color:#502E6D;\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- DROPDOWN -->\r\n                <div class=\"sgss-search-results\" id=\"sgss-search-results\"><\/div>\r\n            <\/div>\r\n\r\n                            <a href=\"https:\/\/sgss.org.sa\/en\/sgss-join\" \r\n                   style=\"display:inline-block; padding:15px 40px; background:#fff; color:#502E6D; border-radius:50px; font-weight:800; text-decoration:none; box-shadow:0 10px 20px rgba(0,0,0,0.2); transition:0.3s; opacity:0; animation:sgss-fadeInUp 0.8s forwards 0.8s;\">\r\n                    Join our society \/ Renew                <\/a>\r\n            \r\n        <\/div>\r\n\r\n        <div class=\"sgss-hero-stats\">\r\n            <div class=\"sgss-stat-item\">\r\n                <span class=\"sgss-stat-num sgss-count-up\" data-target=\"9440\">0<\/span>\r\n                <span class=\"sgss-stat-label\">EXPERTS<\/span>\r\n            <\/div>\r\n            <div class=\"sgss-stat-item\">\r\n                <span class=\"sgss-stat-num sgss-count-up\" data-target=\"0\">0<\/span>\r\n                <span class=\"sgss-stat-label\">RESEARCH<\/span>\r\n            <\/div>\r\n            <div class=\"sgss-stat-item\">\r\n                <span class=\"sgss-stat-num sgss-count-up\" data-target=\"255\">0<\/span>\r\n                <span class=\"sgss-stat-label\">VIDEOS<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n    jQuery(document).ready(function($){\r\n        'use strict';\r\n\r\n        \/\/ TYPEWRITER\r\n        const text = \"Advancing Surgical Excellence\";\r\n        const $el = $('#sgss-typewriter-text');\r\n        \r\n        \/\/ Only run if element exists (Arabic)\r\n        if ($el.length) {\r\n            let i = 0;\r\n            function typeWriter() {\r\n                if (i < text.length) {\r\n                    $el.text($el.text() + text.charAt(i));\r\n                    i++;\r\n                    setTimeout(typeWriter, 50); \/\/ Speed\r\n                }\r\n            }\r\n            setTimeout(typeWriter, 500);\r\n        }\r\n\r\n        \/\/ STATS COUNT UP\r\n        $('.sgss-count-up').each(function () {\r\n            const el = this;\r\n            const target = parseInt($(el).attr('data-target'), 10);\r\n            const duration = 2000; \r\n            const stepTime = 20;\r\n            const steps = duration \/ stepTime;\r\n            const increment = target \/ steps;\r\n            let current = 0;\r\n            \r\n            const timer = setInterval(() => {\r\n                current += increment;\r\n                if (current >= target) {\r\n                    $(el).text(formatNum(target));\r\n                    clearInterval(timer);\r\n                } else {\r\n                    $(el).text(formatNum(Math.floor(current)));\r\n                }\r\n            }, stepTime);\r\n        });\r\n\r\n        function formatNum(num) {\r\n            return num >= 1000 ? (num\/1000).toFixed(1) + 'k' : num;\r\n        }\r\n\r\n        \/\/ SEARCH\r\n        let searchTimer;\r\n        const $input = $('#sgss-main-search');\r\n        const $results = $('#sgss-search-results');\r\n        const $spinner = $('#sgss-search-spinner');\r\n\r\n        $input.on('input', function(){\r\n            clearTimeout(searchTimer);\r\n            const val = $(this).val();\r\n            if(val.length < 2) { $results.slideUp(200); return; }\r\n            \r\n            searchTimer = setTimeout(() => {\r\n                $spinner.show();\r\n                $.post(\r\n                    'https:\/\/sgss.org.sa\/wp-admin\/admin-ajax.php',\r\n                    { action: 'sgss_global_search', query: val, nonce: '3d902198b9' },\r\n                    function(res) {\r\n                        $spinner.hide();\r\n                        if(res.success && res.data.length) {\r\n                            let html = '';\r\n                            res.data.forEach(item => {\r\n                                html += `\r\n                                <a href=\"${item.link}\" class=\"sgss-result-item\">\r\n                                    <img decoding=\"async\" src=\"${item.img}\" class=\"sgss-result-img\">\r\n                                    <div class=\"sgss-result-info\">\r\n                                        <div class=\"sgss-result-title\">${item.title}<\/div>\r\n                                        <div class=\"sgss-result-meta\">\r\n                                            <span class=\"sgss-type-badge\">${item.type}<\/span>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/a>`;\r\n                            });\r\n                            $results.html(html).slideDown(200);\r\n                        } else {\r\n                            $results.html('<div style=\"padding:20px; color:#888;\">No results found<\/div>').slideDown(200);\r\n                        }\r\n                    }\r\n                );\r\n            }, 400);\r\n        });\r\n\r\n        \/\/ Close on outside click\r\n        $(document).click(e => {\r\n            if(!$(e.target).closest('.sgss-search-wrapper').length) $results.slideUp(200);\r\n        });\r\n    });\r\n    <\/script>\r\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-4863c6c e-con-full e-flex e-con e-parent\" data-id=\"4863c6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99894b3 elementor-widget elementor-widget-shortcode\" data-id=\"99894b3\" 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 class=\"nx-btn-wrapper\">\n                                <a href=\"https:\/\/sgss.org.sa\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/\" class=\"nx-main-btn\">\n                                    Read More                                <\/a>\n                            <\/div>\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>\n\t\t<div class=\"elementor-element elementor-element-56281df e-con-full e-flex e-con e-parent\" data-id=\"56281df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09bfebc elementor-widget elementor-widget-shortcode\" data-id=\"09bfebc\" 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\">    <section class=\"enp-event-wrapper\" dir=\"ltr\">\n        <div class=\"enp-event-container\">\n            <div class=\"enp-text-col\">\n                <span class=\"enp-pill-tag enp-status-open\">\n                    Registration Open                <\/span>\n\n                <h1 class=\"enp-main-title\">17th SGSS Congress<\/h1>\n\n                                    <p class=\"enp-description\">The 17th Saudi General Surgery Society (SGSS) Congress, held in conjunction with the 2nd Gulf General Surgery Societies Conference, focuses on advancing surgical education and shaping the next generation of surgeons through scientific sessions, expert lectures, and specialized workshops delivered by leading local and international professionals.<\/p>\n                \n                <div class=\"enp-meta-group\">\n                                            <div class=\"enp-info-badge\">\n                            <span class=\"enp-badge-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg><\/span>\n                            <span>November 6, 2026<\/span>\n                        <\/div>\n                    \n                                            <div class=\"enp-info-badge\">\n                            <span class=\"enp-badge-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><polyline points=\"12 7 12 12 15 15\"><\/polyline><\/svg><\/span>\n                            <span>8:00 AM - 6:00 PM<\/span>\n                        <\/div>\n                    \n                                    <\/div>\n\n                                    <a href=\"http:\/\/sgss.org.sa\/en\/sgss2026\" class=\"enp-register-btn\" target=\"_blank\" rel=\"noopener\">\n                        Register now                    <\/a>\n                            <\/div>\n\n            <div class=\"enp-poster-col\">\n                <div class=\"enp-poster-card\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-13-at-3.23.36-AM-1024x711.png\" alt=\"17th SGSS Congress\" class=\"enp-event-poster\" \/>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n            <\/section>\n\n    <style>\n        .enp-event-wrapper {\n            --bg-base: #45B8A84D;\n            --btn-bg: #4B286A;\n            --font: 'Tajawal', 'Cairo', sans-serif;\n            background: var(--bg-base);\n            padding: 80px 20px;\n            font-family: var(--font);\n            overflow: hidden;\n            border-radius: 20px;\n        }\n\n        .enp-event-container {\n            max-width: 1250px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 50px;\n            align-items: center;\n        }\n\n        .enp-text-col {\n            text-align: right;\n        }\n\n        .enp-event-wrapper[dir=\"ltr\"] .enp-text-col {\n            text-align: left;\n        }\n\n        .enp-pill-tag {\n            display: inline-block;\n            color: #fff;\n            font-size: 14px;\n            font-weight: 700;\n            padding: 8px 18px;\n            border-radius: 50px;\n            margin-bottom: 22px;\n        }\n\n        .enp-status-open {\n            background: #1f9d55;\n        }\n\n        .enp-status-soon {\n            background: #d97706;\n        }\n\n        .enp-status-closed {\n            background: #b42318;\n        }\n\n        .enp-status-completed {\n            background: #475467;\n        }\n\n        .enp-main-title {\n            font-size: 36px;\n            font-weight: 900;\n            line-height: 1.35;\n            margin-bottom: 20px;\n            color: #163A36;\n        }\n\n        .enp-description {\n            font-size: 18px;\n            line-height: 1.8;\n            color: #2c5c56;\n            margin-bottom: 28px;\n            max-width: 550px;\n            font-weight: 600;\n        }\n\n        .enp-meta-group {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 14px;\n            margin-bottom: 32px;\n        }\n\n        .enp-info-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: rgba(22, 58, 54, 0.88);\n            color: #fff;\n            padding: 12px 20px;\n            border-radius: 12px;\n            font-weight: 600;\n            font-size: 15px;\n        }\n\n        .enp-badge-icon {\n            color: #4cd97b;\n            display: inline-flex;\n        }\n\n        .enp-details-btn-wrap {\n            display: inline-flex;\n            align-items: center;\n        }\n\n        a.enp-details-btn,\n        .enp-meta-group a.enp-details-btn {\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            min-height: 48px !important;\n            padding: 12px 22px !important;\n            background: #0f766e !important;\n            border: 1px solid #0f766e !important;\n            border-radius: 12px !important;\n            color: #ffffff !important;\n            text-decoration: none !important;\n            font-weight: 700 !important;\n            line-height: 1 !important;\n            white-space: nowrap !important;\n            box-sizing: border-box !important;\n            box-shadow: none !important;\n        }\n\n        a.enp-details-btn:hover,\n        a.enp-details-btn:focus,\n        a.enp-details-btn:active,\n        a.enp-details-btn:visited,\n        .enp-meta-group a.enp-details-btn:hover,\n        .enp-meta-group a.enp-details-btn:focus,\n        .enp-meta-group a.enp-details-btn:active,\n        .enp-meta-group a.enp-details-btn:visited {\n            background: #0b5f59 !important;\n            border-color: #0b5f59 !important;\n            color: #ffffff !important;\n            text-decoration: none !important;\n        }\n\n        .enp-register-btn {\n            display: inline-block;\n            background-color: var(--btn-bg);\n            color: #fff !important;\n            padding: 16px 54px;\n            border-radius: 12px;\n            font-size: 19px;\n            font-weight: 800;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 20px rgba(75, 40, 106, 0.25);\n        }\n\n        .enp-register-btn:hover {\n            transform: translateY(-3px);\n            background-color: #381e4f;\n        }\n\n        .enp-disabled-btn {\n            opacity: 0.7;\n            cursor: not-allowed;\n            pointer-events: none;\n        }\n\n        .enp-poster-col {\n            display: flex;\n            justify-content: center;\n        }\n\n        .enp-poster-card {\n            width: 100%;\n            max-width: 460px;\n            background: #ffffff;\n            border-radius: 22px;\n            box-shadow: 0 18px 45px rgba(0,0,0,0.10);\n            padding: 14px;\n        }\n\n        .enp-event-poster {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 16px;\n            object-fit: cover;\n        }\n\n        .enp-no-poster {\n            min-height: 420px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            border: 2px dashed #d0d5dd;\n            border-radius: 16px;\n            color: #667085;\n            font-weight: 700;\n            padding: 20px;\n            background: #f8fafc;\n        }\n\n        .enp-details-box {\n            max-width: 1250px;\n            margin: 40px auto 0;\n            background: transparent;\n            border-radius: 0;\n            padding: 0;\n            box-shadow: none;\n        }\n\n        .enp-details-text {\n            font-size: 17px;\n            line-height: 1.9;\n            color: #344054;\n            margin-bottom: 20px;\n            white-space: normal;\n        }\n\n        .enp-details-image-wrap {\n            margin-bottom: 20px;\n        }\n\n        .enp-details-image {\n            max-width: 100%;\n            width: auto;\n            height: auto;\n            display: block;\n            border-radius: 14px;\n            object-fit: contain;\n        }\n\n        @media (max-width: 992px) {\n            .enp-event-container {\n                grid-template-columns: 1fr;\n                gap: 35px;\n            }\n\n            .enp-text-col {\n                text-align: center !important;\n            }\n\n            .enp-description {\n                margin: 0 auto 28px auto;\n            }\n\n            .enp-meta-group {\n                justify-content: center;\n            }\n\n            .enp-register-btn {\n                width: 100%;\n                text-align: center;\n                padding-right: 20px;\n                padding-left: 20px;\n            }\n\n            .enp-main-title {\n                font-size: 30px;\n            }\n\n            .enp-poster-card {\n                max-width: 100%;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .enp-details-btn-wrap {\n                width: 100%;\n                display: flex;\n            }\n\n            a.enp-details-btn,\n            .enp-meta-group a.enp-details-btn {\n                display: flex !important;\n                width: 100% !important;\n                text-align: center !important;\n            }\n        }\n    <\/style>\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-cfdccc3 e-con-full e-flex e-con e-parent\" data-id=\"cfdccc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c8cd91 elementor-widget elementor-widget-shortcode\" data-id=\"2c8cd91\" 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-map-section nx-ltr\">\n            <div class=\"nx-map-container\">\n                \n                <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\n                <h2 class=\"nx-title\">Our Membership<\/h2>\n\n                <!-- \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0639\u0631\u0636 (Map Wrapper) -->\n                <div class=\"nx-map-wrapper\">\n                    \n                    <!-- \u0635\u0648\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0628 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 -->\n                    <div class=\"nx-center-figure\">\n                        <div class=\"nx-pulse-ring\"><\/div>\n                        <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2025\/11\/Ellipse-3.png\" alt=\"Doctor\">\n                    <\/div>\n\n                    <!-- \u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0643\u0631\u0648\u062a -->\n                                            <div class=\"nx-card nx-pos-1\">\n                            \n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0639\u0644\u0648\u064a: \u0627\u0644\u0631\u0642\u0645 + \u0627\u0644\u0646\u062c\u0645\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a) -->\n                            <div class=\"nx-card-header\">\n                                <!-- \u0645\u0633\u0627\u062d\u0629 \u0641\u0627\u0631\u063a\u0629 \u0623\u0648 \u0627\u0644\u0646\u062c\u0645\u0629 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0632\u064a\u0639) -->\n                                <div class=\"nx-header-side nx-side-star\">\n                                                                            <div class=\"nx-star-icon\">\n                                            <!-- SVG Star Icon -->\n                                            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2A9D8F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-5.82 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- \u0627\u0644\u0631\u0642\u0645 \u0641\u064a \u0627\u0644\u062f\u0627\u0626\u0631\u0629 -->\n                                <div class=\"nx-header-side nx-side-badge\">\n                                    <div class=\"nx-badge\">1<\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0641\u0644\u064a: \u0627\u0644\u0646\u0635 -->\n                            <div class=\"nx-card-body\">\n                                <h3 class=\"nx-text\">Special Pricing for Association Activities<\/h3>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"nx-card nx-pos-2\">\n                            \n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0639\u0644\u0648\u064a: \u0627\u0644\u0631\u0642\u0645 + \u0627\u0644\u0646\u062c\u0645\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a) -->\n                            <div class=\"nx-card-header\">\n                                <!-- \u0645\u0633\u0627\u062d\u0629 \u0641\u0627\u0631\u063a\u0629 \u0623\u0648 \u0627\u0644\u0646\u062c\u0645\u0629 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0632\u064a\u0639) -->\n                                <div class=\"nx-header-side nx-side-star\">\n                                                                    <\/div>\n\n                                <!-- \u0627\u0644\u0631\u0642\u0645 \u0641\u064a \u0627\u0644\u062f\u0627\u0626\u0631\u0629 -->\n                                <div class=\"nx-header-side nx-side-badge\">\n                                    <div class=\"nx-badge\">2<\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0641\u0644\u064a: \u0627\u0644\u0646\u0635 -->\n                            <div class=\"nx-card-body\">\n                                <h3 class=\"nx-text\">Participation in Scientific Committees<\/h3>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"nx-card nx-pos-3\">\n                            \n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0639\u0644\u0648\u064a: \u0627\u0644\u0631\u0642\u0645 + \u0627\u0644\u0646\u062c\u0645\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a) -->\n                            <div class=\"nx-card-header\">\n                                <!-- \u0645\u0633\u0627\u062d\u0629 \u0641\u0627\u0631\u063a\u0629 \u0623\u0648 \u0627\u0644\u0646\u062c\u0645\u0629 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0632\u064a\u0639) -->\n                                <div class=\"nx-header-side nx-side-star\">\n                                                                    <\/div>\n\n                                <!-- \u0627\u0644\u0631\u0642\u0645 \u0641\u064a \u0627\u0644\u062f\u0627\u0626\u0631\u0629 -->\n                                <div class=\"nx-header-side nx-side-badge\">\n                                    <div class=\"nx-badge\">3<\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0641\u0644\u064a: \u0627\u0644\u0646\u0635 -->\n                            <div class=\"nx-card-body\">\n                                <h3 class=\"nx-text\">Ease of Access to Members Expertise<\/h3>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"nx-card nx-pos-4\">\n                            \n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0639\u0644\u0648\u064a: \u0627\u0644\u0631\u0642\u0645 + \u0627\u0644\u0646\u062c\u0645\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a) -->\n                            <div class=\"nx-card-header\">\n                                <!-- \u0645\u0633\u0627\u062d\u0629 \u0641\u0627\u0631\u063a\u0629 \u0623\u0648 \u0627\u0644\u0646\u062c\u0645\u0629 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0632\u064a\u0639) -->\n                                <div class=\"nx-header-side nx-side-star\">\n                                                                    <\/div>\n\n                                <!-- \u0627\u0644\u0631\u0642\u0645 \u0641\u064a \u0627\u0644\u062f\u0627\u0626\u0631\u0629 -->\n                                <div class=\"nx-header-side nx-side-badge\">\n                                    <div class=\"nx-badge\">4<\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0641\u0644\u064a: \u0627\u0644\u0646\u0635 -->\n                            <div class=\"nx-card-body\">\n                                <h3 class=\"nx-text\">Facilitation of Joint Research<\/h3>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"nx-card nx-pos-5\">\n                            \n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0639\u0644\u0648\u064a: \u0627\u0644\u0631\u0642\u0645 + \u0627\u0644\u0646\u062c\u0645\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a) -->\n                            <div class=\"nx-card-header\">\n                                <!-- \u0645\u0633\u0627\u062d\u0629 \u0641\u0627\u0631\u063a\u0629 \u0623\u0648 \u0627\u0644\u0646\u062c\u0645\u0629 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0632\u064a\u0639) -->\n                                <div class=\"nx-header-side nx-side-star\">\n                                                                    <\/div>\n\n                                <!-- \u0627\u0644\u0631\u0642\u0645 \u0641\u064a \u0627\u0644\u062f\u0627\u0626\u0631\u0629 -->\n                                <div class=\"nx-header-side nx-side-badge\">\n                                    <div class=\"nx-badge\">5<\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0641\u0644\u064a: \u0627\u0644\u0646\u0635 -->\n                            <div class=\"nx-card-body\">\n                                <h3 class=\"nx-text\">Legal Cover and Logistical Support<\/h3>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"nx-card nx-pos-6\">\n                            \n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0639\u0644\u0648\u064a: \u0627\u0644\u0631\u0642\u0645 + \u0627\u0644\u0646\u062c\u0645\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a) -->\n                            <div class=\"nx-card-header\">\n                                <!-- \u0645\u0633\u0627\u062d\u0629 \u0641\u0627\u0631\u063a\u0629 \u0623\u0648 \u0627\u0644\u0646\u062c\u0645\u0629 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0632\u064a\u0639) -->\n                                <div class=\"nx-header-side nx-side-star\">\n                                                                            <div class=\"nx-star-icon\">\n                                            <!-- SVG Star Icon -->\n                                            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2A9D8F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-5.82 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <!-- \u0627\u0644\u0631\u0642\u0645 \u0641\u064a \u0627\u0644\u062f\u0627\u0626\u0631\u0629 -->\n                                <div class=\"nx-header-side nx-side-badge\">\n                                    <div class=\"nx-badge\">6<\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0641\u0644\u064a: \u0627\u0644\u0646\u0635 -->\n                            <div class=\"nx-card-body\">\n                                <h3 class=\"nx-text\">Eligibility to Attend International Conferences<\/h3>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"nx-card nx-pos-7\">\n                            \n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0639\u0644\u0648\u064a: \u0627\u0644\u0631\u0642\u0645 + \u0627\u0644\u0646\u062c\u0645\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a) -->\n                            <div class=\"nx-card-header\">\n                                <!-- \u0645\u0633\u0627\u062d\u0629 \u0641\u0627\u0631\u063a\u0629 \u0623\u0648 \u0627\u0644\u0646\u062c\u0645\u0629 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0632\u064a\u0639) -->\n                                <div class=\"nx-header-side nx-side-star\">\n                                                                    <\/div>\n\n                                <!-- \u0627\u0644\u0631\u0642\u0645 \u0641\u064a \u0627\u0644\u062f\u0627\u0626\u0631\u0629 -->\n                                <div class=\"nx-header-side nx-side-badge\">\n                                    <div class=\"nx-badge\">7<\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0641\u0644\u064a: \u0627\u0644\u0646\u0635 -->\n                            <div class=\"nx-card-body\">\n                                <h3 class=\"nx-text\">Ease of Access to the Scientific Journal<\/h3>\n                            <\/div>\n\n                        <\/div>\n                                            <div class=\"nx-card nx-pos-8\">\n                            \n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0639\u0644\u0648\u064a: \u0627\u0644\u0631\u0642\u0645 + \u0627\u0644\u0646\u062c\u0645\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a) -->\n                            <div class=\"nx-card-header\">\n                                <!-- \u0645\u0633\u0627\u062d\u0629 \u0641\u0627\u0631\u063a\u0629 \u0623\u0648 \u0627\u0644\u0646\u062c\u0645\u0629 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0632\u064a\u0639) -->\n                                <div class=\"nx-header-side nx-side-star\">\n                                                                    <\/div>\n\n                                <!-- \u0627\u0644\u0631\u0642\u0645 \u0641\u064a \u0627\u0644\u062f\u0627\u0626\u0631\u0629 -->\n                                <div class=\"nx-header-side nx-side-badge\">\n                                    <div class=\"nx-badge\">8<\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0641\u0644\u064a: \u0627\u0644\u0646\u0635 -->\n                            <div class=\"nx-card-body\">\n                                <h3 class=\"nx-text\">Right to Nominate for the Board of Directors<\/h3>\n                            <\/div>\n\n                        <\/div>\n                    \n                <\/div>\n            <\/div>\n\n            <style>\n                \/* --- \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a --- *\/\n                :root {\n                    --nx-bg-tint: #4B286A0D; \/* \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u0646\u0641\u0633\u062c\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0641\u0629 *\/\n                    --nx-white: #FFFFFF;\n                    --nx-text: #000000;\n                    --nx-primary: #4B286A;\n                    --nx-light-purple: #EBE5F1; \/* \u0644\u0648\u0646 \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0631\u0642\u0645 *\/\n                    --nx-card-w: 306px;\n                    --nx-card-h: 180px;\n                }\n\n                \/* --- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0642\u0633\u0645 --- *\/\n                .nx-map-section {\n                    background-color: var(--nx-bg-tint);\n                    padding: 80px 20px;\n                    font-family: 'Tajawal', sans-serif;\n                    overflow: hidden;\n                    position: relative;\n                }\n\n                .nx-rtl { direction: rtl; }\n                .nx-ltr { direction: ltr; }\n\n                .nx-map-container {\n                    max-width: 1400px;\n                    margin: 0 auto;\n                }\n\n                .nx-title {\n                    text-align: center;\n                    font-size: 3rem;\n                    font-weight: 800;\n                    margin-bottom: 60px;\n                    color: #000;\n                }\n\n                .nx-map-wrapper {\n                    position: relative;\n                    width: 100%;\n                    height: 1000px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a \u0644\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 \u0644\u0627\u0633\u062a\u064a\u0639\u0627\u0628 \u0627\u0644\u062a\u0645\u0648\u0636\u0639 *\/\n                }\n\n                \/* --- \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 --- *\/\n                .nx-center-figure {\n                    position: absolute;\n                    width: 440px;\n                    height: 440px;\n                    top: 150px;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    z-index: 1;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                }\n\n                .nx-center-figure img {\n                    width: 100%;\n                    height: 100%;\n                    object-fit: contain;\n                    border-radius: 50%;\n                    position: relative;\n                    z-index: 2;\n                }\n\n                .nx-pulse-ring {\n                    position: absolute;\n                    width: 100%;\n                    height: 100%;\n                    border-radius: 50%;\n                    background: rgba(75, 40, 106, 0.05);\n                    animation: nx-pulse 3s infinite;\n                    z-index: 1;\n                }\n                @keyframes nx-pulse {\n                    0% { transform: scale(0.95); opacity: 0.8; }\n                    50% { transform: scale(1.1); opacity: 0.3; }\n                    100% { transform: scale(0.95); opacity: 0.8; }\n                }\n\n                \/* --- \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0643\u0631\u062a (\u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629) --- *\/\n                .nx-card {\n                    background: var(--nx-white);\n                    width: var(--nx-card-w);\n                    height: var(--nx-card-h);\n                    border-radius: 20px;\n                    box-shadow: 0 10px 40px rgba(0,0,0,0.05);\n                    position: absolute; \/* \u0644\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 *\/\n                    padding: 20px 25px;\n                    \n                    \/* \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0643\u0631\u062a \u0625\u0644\u0649 \u0641\u0644\u064a\u0643\u0633 \u0639\u0645\u0648\u062f\u064a *\/\n                    display: flex;\n                    flex-direction: column; \n                    justify-content: space-between; \/* \u064a\u0641\u0635\u0644 \u0627\u0644\u0647\u064a\u062f\u0631 \u0639\u0646 \u0627\u0644\u0646\u0635 *\/\n                    \n                    z-index: 10;\n                    transition: transform 0.3s ease;\n                }\n\n                .nx-card:hover {\n                    transform: translateY(-5px);\n                    box-shadow: 0 15px 50px rgba(75, 40, 106, 0.15);\n                }\n\n                \/* --- \u0631\u0623\u0633 \u0627\u0644\u0643\u0631\u062a (\u0627\u0644\u0631\u0642\u0645 + \u0627\u0644\u0646\u062c\u0645\u0629) --- *\/\n                .nx-card-header {\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    width: 100%;\n                    height: 60px; \/* \u062d\u062c\u0632 \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0631\u0642\u0645 *\/\n                }\n\n                \/* \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u0647\u064a\u062f\u0631 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\n                .nx-rtl .nx-card-header { flex-direction: row; } \/* \u0627\u0644\u0646\u062c\u0645\u0629 \u064a\u0645\u064a\u0646 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 (\u064a\u0633\u0627\u0631 \u0627\u0644\u0643\u0631\u062a) \u0648\u0627\u0644\u0631\u0642\u0645 \u064a\u0633\u0627\u0631 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 (\u064a\u0645\u064a\u0646 \u0627\u0644\u0643\u0631\u062a) - \u0633\u0623\u0634\u0631\u062d \u0627\u0644\u062a\u0631\u062a\u064a\u0628 \u0628\u0627\u0644\u0643\u0644\u0627\u0633\u0627\u062a *\/\n                \n                \/* \n                   \u0641\u064a \u0627\u0644\u0641\u0644\u064a\u0643\u0633: \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0623\u0648\u0644 \u064a\u0638\u0647\u0631 \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0629.\n                   \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a (RTL): \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0647\u064a \u0627\u0644\u064a\u0645\u064a\u0646. \n                   \u0646\u062d\u0646 \u0646\u0631\u064a\u062f \u0627\u0644\u0631\u0642\u0645 \u0641\u064a \u0627\u0644\u064a\u0645\u064a\u0646\u060c \u0648\u0627\u0644\u0646\u062c\u0645\u0629 \u0641\u064a \u0627\u0644\u064a\u0633\u0627\u0631.\n                   \u0625\u0630\u0646: \u062a\u0631\u062a\u064a\u0628 HTML: \u0627\u0644\u0646\u062c\u0645\u0629 \u0623\u0648\u0644\u0627\u064b\u061f \u0644\u0627.\n                   \u0644\u0646\u062c\u0639\u0644\u0647\u0627 \u0628\u0627\u0644\u0640 Order \u0623\u0648 Justify\n                *\/\n                \n                .nx-side-badge { flex-shrink: 0; }\n                .nx-side-star { flex-shrink: 0; }\n\n                \/* \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0631\u0642\u0645 *\/\n                .nx-badge {\n                    width: 60px;\n                    height: 60px;\n                    background-color: var(--nx-light-purple);\n                    color: var(--nx-primary);\n                    font-size: 28px;\n                    font-weight: 700;\n                    border-radius: 50%;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                }\n\n                \/* \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a: \u0627\u0644\u0631\u0642\u0645 \u064a\u0645\u064a\u0646\u060c \u0627\u0644\u0646\u062c\u0645\u0629 \u064a\u0633\u0627\u0631 *\/\n                .nx-rtl .nx-card-header {\n                    flex-direction: row-reverse; \/* \u064a\u062c\u0639\u0644 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0623\u0648\u0644 (\u0627\u0644\u0646\u062c\u0645\u0629) \u0641\u064a \u0627\u0644\u064a\u0633\u0627\u0631\u060c \u0648\u0627\u0644\u062b\u0627\u0646\u064a (\u0627\u0644\u0631\u0642\u0645) \u0641\u064a \u0627\u0644\u064a\u0645\u064a\u0646 *\/\n                }\n                \n                \/* \u0641\u064a \u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u064a: \u0627\u0644\u0631\u0642\u0645 \u064a\u0633\u0627\u0631\u060c \u0627\u0644\u0646\u062c\u0645\u0629 \u064a\u0645\u064a\u0646 *\/\n                .nx-ltr .nx-card-header {\n                    flex-direction: row-reverse; \/* \u064a\u062c\u0639\u0644 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0623\u0648\u0644 (\u0627\u0644\u0646\u062c\u0645\u0629) \u0641\u064a \u0627\u0644\u064a\u0645\u064a\u0646\u060c \u0648\u0627\u0644\u062b\u0627\u0646\u064a (\u0627\u0644\u0631\u0642\u0645) \u0641\u064a \u0627\u0644\u064a\u0633\u0627\u0631 *\/\n                }\n\n                \/* --- \u062c\u0633\u0645 \u0627\u0644\u0643\u0631\u062a (\u0627\u0644\u0646\u0635) --- *\/\n                .nx-card-body {\n                    flex-grow: 1;\n                    display: flex;\n                    align-items: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0639\u0645\u0648\u062f\u064a \u0644\u0644\u0646\u0635 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629 *\/\n                    justify-content: center;\n                }\n\n                .nx-text {\n                    font-size: 18px;\n                    font-weight: 700;\n                    margin: 0;\n                    line-height: 1.5;\n                    color: var(--nx-text);\n                    text-align: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0646\u0635 \u0643\u0645\u0627 \u0641\u064a \u0627\u0644\u0635\u0648\u0631\u0629 *\/\n                }\n\n                \/* --- \u0627\u0644\u062a\u0645\u0648\u0636\u0639 (Positioning) \u0644\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 --- *\/\n                \n                \/* 1: \u0623\u0639\u0644\u0649 \u064a\u0645\u064a\u0646 *\/\n                .nx-pos-1 { top: 5%; right: 15%; }\n                \/* 8: \u0623\u0639\u0644\u0649 \u064a\u0633\u0627\u0631 *\/\n                .nx-pos-8 { top: 5%; left: 15%; }\n\n                \/* 2: \u064a\u0645\u064a\u0646 \u0648\u0633\u0637 *\/\n                .nx-pos-2 { top: 32%; right: 3%; }\n                \/* 7: \u064a\u0633\u0627\u0631 \u0648\u0633\u0637 *\/\n                .nx-pos-7 { top: 32%; left: 3%; }\n\n                \/* 3: \u0623\u0633\u0641\u0644 \u064a\u0645\u064a\u0646 *\/\n                .nx-pos-3 { top: 58%; right: 12%; }\n                \/* 6: \u0623\u0633\u0641\u0644 \u064a\u0633\u0627\u0631 *\/\n                .nx-pos-6 { top: 58%; left: 12%; }\n\n                \/* 4 \u0648 5: \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0633\u0641\u0644\u064a\u0629 *\/\n                \/* \u0627\u0644\u062d\u0633\u0627\u0628: \u0627\u0644\u0645\u0646\u062a\u0635\u0641 50%\u060c \u0627\u0644\u0625\u0632\u0627\u062d\u0629 341px (\u0639\u0631\u0636 \u0627\u0644\u0643\u0631\u062a + \u0646\u0635\u0641 \u0627\u0644\u062c\u0627\u0628) *\/\n                .nx-pos-4 { top: 82%; right: 50%; margin-right: -341px; }\n                .nx-pos-5 { top: 82%; left: 50%; margin-left: -341px; }\n\n                \/* \u0639\u0643\u0633 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 (Mirroring) *\/\n                .nx-ltr .nx-pos-1 { left: 15%; right: auto; }\n                .nx-ltr .nx-pos-8 { right: 15%; left: auto; }\n                .nx-ltr .nx-pos-2 { left: 3%; right: auto; }\n                .nx-ltr .nx-pos-7 { right: 3%; left: auto; }\n                .nx-ltr .nx-pos-3 { left: 12%; right: auto; }\n                .nx-ltr .nx-pos-6 { right: 12%; left: auto; }\n                \n                .nx-ltr .nx-pos-4 { left: 50%; right: auto; margin-left: -341px; margin-right: 0; }\n                .nx-ltr .nx-pos-5 { right: 50%; left: auto; margin-right: -341px; margin-left: 0; }\n\n\n                \/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a (Timeline Style) --- *\/\n                @media (max-width: 1100px) {\n                    .nx-map-section { height: auto; padding-bottom: 60px; }\n                    \n                    .nx-map-wrapper {\n                        height: auto;\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        gap: 15px;\n                        margin-top: 20px;\n                    }\n\n                    \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0623\u0648\u0644\u0627\u064b *\/\n                    .nx-center-figure {\n                        position: relative;\n                        top: auto; left: auto; right: auto;\n                        transform: none;\n                        width: 280px;\n                        height: 280px;\n                        order: -1;\n                        margin-bottom: 40px;\n                    }\n\n                    \/* \u0627\u0644\u0643\u0631\u0648\u062a *\/\n                    .nx-card {\n                        position: relative;\n                        top: auto !important; right: auto !important;\n                        left: auto !important; bottom: auto !important;\n                        margin: 0 !important;\n                        transform: none !important;\n                        \n                        width: 100%;\n                        max-width: 500px;\n                        height: auto;\n                        min-height: 160px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 *\/\n                    }\n\n                    \/* \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0638\u0647\u0648\u0631 *\/\n                    .nx-pos-1 { order: 1; } .nx-pos-2 { order: 2; }\n                    .nx-pos-3 { order: 3; } .nx-pos-4 { order: 4; }\n                    .nx-pos-5 { order: 5; } .nx-pos-6 { order: 6; }\n                    .nx-pos-7 { order: 7; } .nx-pos-8 { order: 8; }\n                }\n            <\/style>\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-ffde5af e-con-full e-flex e-con e-parent\" data-id=\"ffde5af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f0df5c elementor-widget elementor-widget-shortcode\" data-id=\"9f0df5c\" 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\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20e10d8 elementor-widget elementor-widget-shortcode\" data-id=\"20e10d8\" 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\">    <style>\n        .sgss-home-section {\n            background: transparent;\n            padding: 80px 20px;\n            direction: ltr;\n            font-family: 'Inter', sans-serif;\n            text-align: center;\n        }\n        .sgss-home-head { margin-bottom: 50px; }\n        .sgss-home-head h2 { \n            font-size: 32px; font-weight: 800; color: #432c7a; margin-bottom: 15px; \n        }\n        .sgss-home-head p { font-size: 18px; color: #666; max-width: 800px; margin: 0 auto; line-height: 1.6; }\n\n        .sgss-home-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            max-width: 1300px;\n            margin: 0 auto 50px;\n        }\n\n        \/* Video Card Styling - Premium Dark Mode *\/\n        .sgss-vcard {\n            background: #ffffff; \/* White card like in image *\/\n            border-radius: 20px;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            display: flex;\n            flex-direction: column;\n            text-align: left;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n        .sgss-vcard:hover { transform: translateY(-12px); box-shadow: 0 20px 50px rgba(80, 46, 109, 0.4); }\n\n        .sgss-vcard-thumb { position: relative; height: 200px; }\n        .sgss-vcard-thumb img { width: 100%; height: 100%; object-fit: cover; }\n        .sgss-vcard-cat {\n            position: absolute; bottom: -12px; left: 20px;\n            background: #502e6d; color: #fff; font-size: 12px; padding: 6px 16px;\n            border-radius: 20px; font-weight: bold; z-index: 2;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n        }\n\n        .sgss-vcard-body { padding: 30px 20px 20px; flex-grow: 1; display: flex; flex-direction: column; color: #333; }\n        .sgss-vcard-title {\n            font-size: 18px; color: #432c7a; margin: 10px 0; line-height: 1.4; font-weight: 800;\n            min-height: 50px;\n        }\n        .sgss-vcard-excerpt {\n            font-size: 14px; color: #666; margin-bottom: 20px; line-height: 1.6; flex-grow: 1;\n        }\n\n        .sgss-vcard-meta { margin-bottom: 25px; border-top: 1px solid #eee; padding-top: 20px; }\n        .sgss-vmeta-item { \n            display: flex; align-items: center; gap: 10px; margin-bottom: 8px; \n            font-size: 13px; color: #555; font-weight: 500;\n        }\n        .sgss-vmeta-item .dashicons { font-size: 18px; width: 18px; height: 18px; color: #10B981; }\n        .sgss-vmeta-item.locked .dashicons { color: #f59e0b; }\n        .sgss-vmeta-item.public .dashicons { color: #10B981; }\n\n        .sgss-vcard-btn {\n            display: block; width: 100%; text-align: center;\n            background: #502e6d; color: #fff; padding: 14px 0;\n            border-radius: 12px; text-decoration: none !important; font-weight: 700;\n            transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(80, 46, 109, 0.2);\n        }\n        .sgss-vcard-btn:hover { background: #3b1e55; color: #fff; transform: scale(1.02); }\n\n        \/* Main Library Button *\/\n        .sgss-home-footer-btn {\n            display: inline-block; padding: 16px 45px;\n            background: rgba(80, 46, 109, 0.9); color: #fff; \n            border: 2px solid #502e6d; border-radius: 50px;\n            font-weight: 800; font-size: 18px; text-decoration: none !important;\n            transition: all 0.3s;\n            box-shadow: 0 10px 25px rgba(80, 46, 109, 0.3);\n        }\n        .sgss-home-footer-btn:hover { \n            background: #502e6d; color: #fff; transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(80, 46, 109, 0.5);\n        }\n\n        @media (max-width: 768px) {\n            .sgss-home-grid { grid-template-columns: 1fr; }\n            .sgss-home-section { padding: 50px 15px; }\n            .sgss-home-head h2 { font-size: 26px; }\n        }\n    <\/style>\n\n    <section class=\"sgss-home-section\">\n        <div class=\"sgss-home-head\">\n            <h2>Our Video Library<\/h2>\n            <p>Explore a comprehensive library of surgical educational videos!<\/p>\n        <\/div>\n\n        <div class=\"sgss-home-grid\">\n                            <div class=\"sgss-vcard\">\n                    <div class=\"sgss-vcard-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-21-at-3.25.10-PM.png\" alt=\"Medicine and the Judiciary Legal Responsibility\">\n                        <div class=\"sgss-vcard-cat\">News<\/div>\n                    <\/div>\n                    \n                    <div class=\"sgss-vcard-body\">\n                        <h3 class=\"sgss-vcard-title\">Medicine and the Judiciary Legal Responsibility<\/h3>\n                        <p class=\"sgss-vcard-excerpt\"><\/p>\n                        \n                        <div class=\"sgss-vcard-meta\">\n                            <div class=\"sgss-vmeta-item\">\n                                <span class=\"dashicons dashicons-calendar-alt\"><\/span> 22 April 2026                            <\/div>\n                            <div class=\"sgss-vmeta-item\">\n                                <span class=\"dashicons dashicons-admin-users\"><\/span> SGSS Academy                            <\/div>\n                            <div class=\"sgss-vmeta-item public\">\n                                <span class=\"dashicons dashicons-unlock\"><\/span> Public                            <\/div>\n                        <\/div>\n\n                        <a href=\"https:\/\/sgss.org.sa\/en\/?sgss_video_id=60\" class=\"sgss-vcard-btn\">More Details<\/a>\n                    <\/div>\n                <\/div>\n                            <div class=\"sgss-vcard\">\n                    <div class=\"sgss-vcard-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/11.png\" alt=\"HIPEC in Locally Advanced Colorectal Cancer\">\n                        <div class=\"sgss-vcard-cat\">SGSS Congress 2024<\/div>\n                    <\/div>\n                    \n                    <div class=\"sgss-vcard-body\">\n                        <h3 class=\"sgss-vcard-title\">HIPEC in Locally Advanced Colorectal Cancer<\/h3>\n                        <p class=\"sgss-vcard-excerpt\">SGSS2024 HIPEC in Locally Advanced Colorectal Cancer<\/p>\n                        \n                        <div class=\"sgss-vcard-meta\">\n                            <div class=\"sgss-vmeta-item\">\n                                <span class=\"dashicons dashicons-calendar-alt\"><\/span> 12 March 2026                            <\/div>\n                            <div class=\"sgss-vmeta-item\">\n                                <span class=\"dashicons dashicons-admin-users\"><\/span> SGSS Academy                            <\/div>\n                            <div class=\"sgss-vmeta-item locked\">\n                                <span class=\"dashicons dashicons-lock\"><\/span> Full Members                            <\/div>\n                        <\/div>\n\n                        <a href=\"https:\/\/sgss.org.sa\/en\/?sgss_video_id=59\" class=\"sgss-vcard-btn\">More Details<\/a>\n                    <\/div>\n                <\/div>\n                            <div class=\"sgss-vcard\">\n                    <div class=\"sgss-vcard-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/10.png\" alt=\"Failure of Components Separation, How To Avoid it\">\n                        <div class=\"sgss-vcard-cat\">SGSS Congress 2024<\/div>\n                    <\/div>\n                    \n                    <div class=\"sgss-vcard-body\">\n                        <h3 class=\"sgss-vcard-title\">Failure of Components Separation, How To Avoid it<\/h3>\n                        <p class=\"sgss-vcard-excerpt\">SGSS2024 Failure of Components Separation, How To Avoid it, Dr. Hesham Haroun<\/p>\n                        \n                        <div class=\"sgss-vcard-meta\">\n                            <div class=\"sgss-vmeta-item\">\n                                <span class=\"dashicons dashicons-calendar-alt\"><\/span> 12 March 2026                            <\/div>\n                            <div class=\"sgss-vmeta-item\">\n                                <span class=\"dashicons dashicons-admin-users\"><\/span> SGSS Academy                            <\/div>\n                            <div class=\"sgss-vmeta-item public\">\n                                <span class=\"dashicons dashicons-unlock\"><\/span> Public                            <\/div>\n                        <\/div>\n\n                        <a href=\"https:\/\/sgss.org.sa\/en\/?sgss_video_id=58\" class=\"sgss-vcard-btn\">More Details<\/a>\n                    <\/div>\n                <\/div>\n                            <div class=\"sgss-vcard\">\n                    <div class=\"sgss-vcard-thumb\">\n                        <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/8.png\" alt=\"Surgery in colorectal liver metastasis\">\n                        <div class=\"sgss-vcard-cat\">SGSS Congress 2024<\/div>\n                    <\/div>\n                    \n                    <div class=\"sgss-vcard-body\">\n                        <h3 class=\"sgss-vcard-title\">Surgery in colorectal liver metastasis<\/h3>\n                        <p class=\"sgss-vcard-excerpt\">SGSS2024 Surgery in colorectal liver metastasis<\/p>\n                        \n                        <div class=\"sgss-vcard-meta\">\n                            <div class=\"sgss-vmeta-item\">\n                                <span class=\"dashicons dashicons-calendar-alt\"><\/span> 12 March 2026                            <\/div>\n                            <div class=\"sgss-vmeta-item\">\n                                <span class=\"dashicons dashicons-admin-users\"><\/span> SGSS Academy                            <\/div>\n                            <div class=\"sgss-vmeta-item public\">\n                                <span class=\"dashicons dashicons-unlock\"><\/span> Public                            <\/div>\n                        <\/div>\n\n                        <a href=\"https:\/\/sgss.org.sa\/en\/?sgss_video_id=57\" class=\"sgss-vcard-btn\">More Details<\/a>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n        <a href=\"https:\/\/sgss.org.sa\/en\/en\/%d8%a7%d9%84%d9%85%d9%83%d8%aa%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b1%d8%a1%d9%8a%d8%a9\/\" class=\"sgss-home-footer-btn\">Visit Media Library<\/a>\n    <\/section>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e992bab elementor-widget elementor-widget-shortcode\" data-id=\"e992bab\" 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\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4161b60 elementor-widget elementor-widget-shortcode\" data-id=\"4161b60\" 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    <style>\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 *\/\n        .success-partners-container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 50px auto;\n            direction: rtl; \/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0639\u0631\u0628\u064a *\/\n        }\n\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n        .success-partners-title {\n            text-align: center;\n            font-size: 32px;\n            font-weight: 700;\n            color: #2c3e50;\n            margin-bottom: 40px;\n            position: relative;\n        }\n\n        \/* \u062e\u0637 \u0633\u0641\u0644\u064a \u062c\u0645\u0627\u0644\u064a \u062a\u062d\u062a \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n        .success-partners-title::after {\n            content: \"\";\n            display: block;\n            width: 80px;\n            height: 4px;\n            background: linear-gradient(90deg, #0073aa, #00a8ff); \/* \u064a\u0645\u0643\u0646\u0643 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u062d\u0633\u0628 \u0647\u0648\u064a\u0629 \u0645\u0648\u0642\u0639\u0643 *\/\n            margin: 15px auto 0;\n            border-radius: 5px;\n        }\n\n        \/* \u062a\u0646\u0633\u064a\u0642 \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 *\/\n        .sponsors-slider-wrapper {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            background: #ffffff;\n            padding: 40px 0;\n            border-radius: 15px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.04);\n            direction: ltr; \/* \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u064a\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644 \u0645\u0639 ltr *\/\n        }\n\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0644\u0627\u0634\u064a \u0639\u0644\u0649 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 *\/\n        .sponsors-slider-wrapper::before,\n        .sponsors-slider-wrapper::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            width: 180px;\n            height: 100%;\n            z-index: 2;\n            pointer-events: none;\n        }\n        .sponsors-slider-wrapper::before {\n            left: 0;\n            background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);\n        }\n        .sponsors-slider-wrapper::after {\n            right: 0;\n            background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%);\n        }\n\n        .sponsors-track {\n            display: flex;\n            align-items: center;\n            width: max-content;\n            animation: sponsors-scroll 40s linear infinite; \/* \u062a\u0645 \u0625\u0628\u0637\u0627\u0621 \u0627\u0644\u0633\u0631\u0639\u0629 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0623\u0643\u0628\u0631 *\/\n        }\n\n        .sponsors-slider-wrapper:hover .sponsors-track {\n            animation-play-state: paused;\n        }\n\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0634\u0639\u0627\u0631 \u0627\u0644\u0648\u0627\u062d\u062f (\u062a\u0645 \u0627\u0644\u062a\u0643\u0628\u064a\u0631 \u0647\u0646\u0627) *\/\n        .sponsor-slide {\n            width: 220px; \/* \u062a\u0645 \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0639\u0631\u0636 *\/\n            margin: 0 40px; \/* \u062a\u0645 \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a *\/\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            transition: all 0.4s ease-in-out;\n        }\n\n        .sponsor-slide img {\n            max-width: 100%;\n            max-height: 120px; \/* \u062a\u0645 \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\n            object-fit: contain;\n            filter: grayscale(100%) opacity(0.7);\n            transition: all 0.4s ease;\n        }\n\n        .sponsor-slide:hover img {\n            filter: grayscale(0%) opacity(1);\n            transform: scale(1.1); \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0643\u0628\u064a\u0631 \u0639\u0646\u062f \u0645\u0631\u0648\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 *\/\n        }\n\n        @keyframes sponsors-scroll {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n\n        \/* \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644\u0627\u062a (\u062a\u0645 \u0627\u0644\u062a\u0643\u0628\u064a\u0631 \u0647\u0646\u0627 \u0623\u064a\u0636\u0627\u064b) *\/\n        @media (max-width: 768px) {\n            .success-partners-title {\n                font-size: 26px;\n            }\n            .sponsor-slide {\n                width: 160px;\n                margin: 0 20px;\n            }\n            .sponsor-slide img {\n                max-height: 90px;\n            }\n            .sponsors-slider-wrapper::before,\n            .sponsors-slider-wrapper::after {\n                width: 60px;\n            }\n        }\n    <\/style>\n\n    <div class=\"success-partners-container\">\n        <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\n        <h2 class=\"success-partners-title\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d<\/h2>\n        \n        <!-- \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 -->\n        <div class=\"sponsors-slider-wrapper\">\n            <div class=\"sponsors-track\">\n                <div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/10-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/1-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/11-1.png\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/2-1.png\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/3-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/4-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/5-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/6-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/7-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/8-1-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/9-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/na-e1773282912791.png\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/10-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/1-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/11-1.png\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/2-1.png\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/3-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/4-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/5-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/6-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/7-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/8-1-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/9-1-1.webp\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div><div class=\"sponsor-slide\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/03\/na-e1773282912791.png\" alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d\" loading=\"lazy\"><\/div>            <\/div>\n        <\/div>\n    <\/div>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47182e0 elementor-widget elementor-widget-shortcode\" data-id=\"47182e0\" 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\">    <style>\r\n        .sgss-newsletter-wrapper {\r\n            padding: 80px 20px;\r\n            direction: ltr;\r\n            font-family: 'Inter', sans-serif;\r\n            background: transparent;\r\n            text-align: center;\r\n        }\r\n\r\n        .sgss-newsletter-content {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .sgss-newsletter-title {\r\n            font-size: 36px;\r\n            font-weight: 800;\r\n            color: #111;\r\n            margin-bottom: 15px;\r\n            background: linear-gradient(90deg, #333, #666);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .sgss-newsletter-subtitle {\r\n            font-size: 18px;\r\n            color: #666;\r\n            margin-bottom: 40px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .sgss-newsletter-form {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        .sgss-newsletter-input-group {\r\n            flex-grow: 1;\r\n            position: relative;\r\n        }\r\n\r\n        .sgss-newsletter-input {\r\n            width: 100%;\r\n            padding: 16px 25px;\r\n            border-radius: 12px;\r\n            border: 1px solid #e0e0e0;\r\n            background: #fff;\r\n            font-size: 16px;\r\n            outline: none;\r\n            transition: border-color 0.3s, box-shadow 0.3s;\r\n            text-align: left;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n        }\r\n\r\n        .sgss-newsletter-input:focus {\r\n            border-color: #502e6d;\r\n            box-shadow: 0 4px 20px rgba(80, 46, 109, 0.1);\r\n        }\r\n\r\n        .sgss-newsletter-btn {\r\n            background: #502e6d;\r\n            color: #fff;\r\n            padding: 16px 40px;\r\n            border-radius: 12px;\r\n            border: none;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            white-space: nowrap;\r\n            box-shadow: 0 4px 15px rgba(80, 46, 109, 0.2);\r\n        }\r\n\r\n        .sgss-newsletter-btn:hover {\r\n            background: #3b1e55;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(80, 46, 109, 0.3);\r\n        }\r\n\r\n        .sgss-newsletter-btn:disabled {\r\n            background: #ccc;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n            box-shadow: none;\r\n        }\r\n\r\n        .sgss-newsletter-msg {\r\n            margin-top: 20px;\r\n            font-weight: 600;\r\n            display: none;\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .sgss-newsletter-form {\r\n                flex-direction: column;\r\n            }\r\n            .sgss-newsletter-btn {\r\n                width: 100%;\r\n            }\r\n            .sgss-newsletter-title {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"sgss-newsletter-wrapper\" id=\"sgss-newsletter\">\r\n        <div class=\"sgss-newsletter-content\">\r\n            <h2 class=\"sgss-newsletter-title\">Be one of the first participants!<\/h2>\r\n            <p class=\"sgss-newsletter-subtitle\">Subscribe to our newsletter to receive updates on upcoming events.<\/p>\r\n\r\n            <form class=\"sgss-newsletter-form\" id=\"sgss-newsletter-form\">\r\n                <div class=\"sgss-newsletter-input-group\">\r\n                    <input type=\"email\" name=\"email\" class=\"sgss-newsletter-input\" \r\n                           placeholder=\"Electronic Email\" required>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"sgss-newsletter-btn\">Subscribe<\/button>\r\n            <\/form>\r\n            <div class=\"sgss-newsletter-msg\" id=\"sgss-newsletter-msg\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    jQuery(document).ready(function($){\r\n        $('#sgss-newsletter-form').on('submit', function(e){\r\n            e.preventDefault();\r\n            var $form = $(this);\r\n            var $btn = $form.find('button');\r\n            var $msg = $('#sgss-newsletter-msg');\r\n            var email = $form.find('input[name=\"email\"]').val();\r\n\r\n            $btn.prop('disabled', true);\r\n            $msg.fadeOut().removeClass('error success');\r\n\r\n            $.post('https:\/\/sgss.org.sa\/wp-admin\/admin-ajax.php', {\r\n                action: 'sgss_subscribe_newsletter',\r\n                email: email\r\n            }, function(res){\r\n                if(res.success) {\r\n                    $msg.addClass('success').text('Thank you for subscribing!').fadeIn();\r\n                    $form.fadeOut();\r\n                    $msg.css('color', '#10B981');\r\n                } else {\r\n                    $msg.addClass('error').text(res.data || 'Invalid email or already subscribed.').fadeIn();\r\n                    $msg.css('color', '#EF4444');\r\n                    $btn.prop('disabled', false);\r\n                }\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\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":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/19","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=19"}],"version-history":[{"count":190,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":1826,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/1826"}],"wp:attachment":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}