{"id":26,"date":"2025-11-29T11:05:21","date_gmt":"2025-11-29T11:05:21","guid":{"rendered":"https:\/\/sgss.org.sa\/?page_id=26"},"modified":"2026-01-21T04:40:06","modified_gmt":"2026-01-21T04:40:06","slug":"%d8%a7%d9%84%d8%b9%d8%b6%d9%88%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/sgss.org.sa\/en\/%d8%a7%d9%84%d8%b9%d8%b6%d9%88%d9%8a%d8%a9\/","title":{"rendered":"\u0627\u0644\u0639\u0636\u0648\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-139dc53 e-con-full e-flex e-con e-parent\" data-id=\"139dc53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1c84bb elementor-widget elementor-widget-shortcode\" data-id=\"e1c84bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        \n        <section class=\"nx-hero-section ltr\">\n            <div class=\"nx-hero-bg\" style=\"background-image: url('https:\/\/sgss.org.sa\/wp-content\/uploads\/2025\/12\/4a6ba50f966fdb76a329e00aeba8149398f5dafe-scaled.webp');\"><\/div>\n            <div class=\"nx-hero-overlay\"><\/div>\n            \n            <div class=\"nx-hero-container\">\n                <div class=\"nx-hero-content\">\n                    <!-- \u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0643\u0644\u0627\u0633 \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0633\u0637\u0631 \u0627\u0644\u0648\u0627\u062d\u062f -->\n                    <h1 class=\"nx-hero-title\">Membership<\/h1>\n                    \n                                            <div class=\"nx-hero-separator\"><\/div>\n                        <p class=\"nx-hero-subtitle\">Join our community<\/p>\n                                    <\/div>\n            <\/div>\n\n            <style>\n                :root {\n                    --nx-hero-font: 'Tajawal', 'Cairo', sans-serif;\n                }\n\n                .nx-hero-section {\n                    position: relative;\n                    width: 100%;\n                    height: 50vh;\n                    min-height: 400px;\n                    max-height: 600px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    overflow: hidden;\n                    font-family: var(--nx-hero-font);\n                    direction: ltr;\n                }\n                .nx-hero-section.rtl { direction: rtl; }\n\n                \/* Background & Animation *\/\n                .nx-hero-bg {\n                    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n                    background-size: cover; background-position: center;\n                    animation: nxZoomIn 20s infinite alternate;\n                    z-index: 1;\n                }\n                @keyframes nxZoomIn { from { transform: scale(1); } to { transform: scale(1.1); } }\n\n                .nx-hero-overlay {\n                    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n                    background: linear-gradient(135deg, rgba(93, 58, 117, 0.85) 0%, rgba(60, 141, 127, 0.8) 100%);\n                    z-index: 2;\n                }\n\n                .nx-hero-container {\n                    position: relative; z-index: 3;\n                    width: 100%; max-width: 1200px;\n                    padding: 0 15px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0648\u0627\u0641 \u0644\u0625\u0639\u0637\u0627\u0621 \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0646\u0635 *\/\n                    text-align: center;\n                }\n\n                .nx-hero-content {\n                    opacity: 0; transform: translateY(30px);\n                    animation: nxFadeUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.3s;\n                }\n\n                \/* =========================================\n                   \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 (\u0627\u0644\u0633\u0631 \u0647\u0646\u0627)\n                   ========================================= *\/\n                .nx-hero-title {\n                    color: #ffffff;\n                    font-weight: 900;\n                    margin: 0;\n                    line-height: 1.2;\n                    text-shadow: 0 10px 30px rgba(0,0,0,0.2);\n                    \n                    \/* \u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f *\/\n                    white-space: nowrap; \n                    \n                    \/* \u062d\u062c\u0645 \u062e\u0637 \u0630\u0643\u064a \u064a\u062a\u063a\u064a\u0631 \u0645\u0639 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\n                    \/* \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 1.5rem\u060c \u0627\u0644\u0645\u0641\u0636\u0644 5vw (\u0646\u0633\u0628\u0629 \u0645\u0646 \u0627\u0644\u0639\u0631\u0636)\u060c \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 4rem *\/\n                    font-size: clamp(1.5rem, 5vw, 4rem); \n                }\n\n                .nx-hero-separator {\n                    width: 80px; height: 4px; background: #ffffff;\n                    margin: 20px auto; border-radius: 2px; opacity: 0.8;\n                }\n\n                .nx-hero-subtitle {\n                    color: rgba(255, 255, 255, 0.95);\n                    font-size: clamp(1rem, 2vw, 1.5rem);\n                    font-weight: 500;\n                    margin: 0;\n                    line-height: 1.6;\n                    max-width: 800px;\n                    margin-left: auto; margin-right: auto;\n                }\n\n                @keyframes nxFadeUp { to { opacity: 1; transform: translateY(0); } }\n\n                \/* =========================================\n                   \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\n                   ========================================= *\/\n                @media (max-width: 768px) {\n                    .nx-hero-section { min-height: 300px; }\n                    \n                    .nx-hero-title {\n                        \/* \n                         \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u060c \u0646\u0633\u062a\u062e\u062f\u0645 \u062d\u062c\u0645 \u062e\u0637 \u064a\u0639\u062a\u0645\u062f \u0643\u0644\u064a\u0627\u064b \u0639\u0644\u0649 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \n                         \u0644\u0636\u0645\u0627\u0646 \u0623\u0646 \u062c\u0645\u0644\u0629 \"\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\" \u062a\u062f\u062e\u0644 \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f\n                        *\/\n                        font-size: clamp(1.4rem, 7vw, 2.5rem);\n                        white-space: nowrap; \/* \u062a\u0623\u0643\u064a\u062f \u0639\u062f\u0645 \u0627\u0644\u0646\u0632\u0648\u0644 \u0644\u0633\u0637\u0631 \u062b\u0627\u0646\u064a *\/\n                    }\n\n                    .nx-hero-subtitle { font-size: 1rem; padding: 0 10px; }\n                    .nx-hero-separator { margin: 15px auto; width: 60px; }\n                }\n            <\/style>\n        \n        <\/section>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2de9c61 e-con-full e-flex e-con e-parent\" data-id=\"2de9c61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-361ba6d elementor-widget elementor-widget-shortcode\" data-id=\"361ba6d\" 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-c3c17b3 e-flex e-con-boxed e-con e-parent\" data-id=\"c3c17b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1042ca e-con-full e-flex e-con e-parent\" data-id=\"d1042ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8d260f elementor-widget elementor-widget-shortcode\" data-id=\"a8d260f\" 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        <div class=\"nxpro-wrapper nx-ltr\">\n            <div class=\"nxpro-section\">\n                <h2 class=\"nxpro-main-title\">Membership Conditions &amp; Procedures<\/h2>\n                \n                <div class=\"nxpro-cards-grid\">\n\n                    <!-- 1. Gold Card -->\n                    <div class=\"nxpro-card nxpro-card-gold\">\n                        <div class=\"nxpro-card-inner\">\n                            <div class=\"nxpro-header\">\n                                <div class=\"nxpro-icon-wrapper\">\n                                    <svg class=\"nxpro-icon\" viewbox=\"0 0 50 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M39.5 32c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l3.3 3.3c.2.2.3.5.3.8 0 .3-.1.5-.3.7-.2.2-.5.3-.8.3-.3 0-.5-.1-.7-.3l-3.3-3.3c-.2-.2-.3-.5-.3-.8 0-.3.1-.5.3-.7zm1.4-24.2c.2.2.3.5.3.8 0 .3-.1.5-.3.7l-3.3 3.3c-.2.2-.5.3-.8.3-.3 0-.5-.1-.7-.3-.2-.2-.3-.5-.3-.8 0-.3.1-.5.3-.7l3.3-3.3c.2-.2.5-.3.8-.3.3 0 .5.1.7.3zM9 7.8c.2-.2.5-.3.8-.3.3 0 .5.1.7.3l3.3 3.3c.2.2.3.5.3.8 0 .3-.1.5-.3.7-.2.2-.5.3-.8.3-.3 0-.5-.1-.7-.3L9 9.3c-.2-.2-.3-.5-.3-.8 0-.3.1-.5.3-.7zm1.5 24.2c.2.2.3.5.3.8 0 .3-.1.5-.3.7l-3.3 3.3c-.2.2-.5.3-.8.3-.3 0-.5-.1-.7-.3-.2-.2-.3-.5-.3-.8 0-.3.1-.5.3-.7l3.3-3.3c.2-.2.5-.3.8-.3.3 0 .5.1.7.3zM25 34.7l-9.4 5.6c-.2.1-.4.2-.6.2-.2 0-.4-.1-.6-.2-.2-.1-.3-.3-.4-.5-.1-.2-.1-.4 0-.6l2.5-10.6-8.3-7.2c-.2-.2-.3-.4-.3-.6-.1-.2-.1-.4 0-.6.1-.2.2-.4.4-.5.1-.1.3-.2.6-.2l10.9-.9 4.3-10c.1-.2.2-.4.4-.5.2-.1.4-.2.6-.2.2 0 .4.1.6.2.2.1.3.3.4.5l4.3 10 10.9.9c.2.1.4.2.6.3.1.1.2.3.3.5.1.2.1.4 0 .6-.1.2-.2.4-.4.5l-8.3 7.2 2.5 10.6c.1.2.1.4 0 .6-.1.2-.2.4-.4.5-.2.1-.4.2-.6.2-.2 0-.4-.1-.6-.2L25 34.7z\" fill=\"url(#paint0_linear_gold)\"\/>\n                                        <defs><lineargradient id=\"paint0_linear_gold\" x1=\"25\" y1=\"7.5\" x2=\"25\" y2=\"55\" gradientunits=\"userSpaceOnUse\"><stop stop-color=\"#F4C542\"\/><stop offset=\"1\" stop-color=\"#8E7326\"\/><\/lineargradient><\/defs>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"nxpro-title-area\">\n                                    <h3 class=\"nxpro-card-title\">Honorary Membership<\/h3>\n                                    <div class=\"nxpro-accent-line\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"nxpro-body\">\n                                <div class=\"nxpro-content\"><p class=\"nxpro-paragraph\">Granted by the General Assembly decision to those who contributed to developing the society\u2019s fields of interest or provided financial\/moral services.<\/p>\n                                 <p class=\"nxpro-paragraph\">Honorary members are exempt from fees and may attend General Assembly meetings and participate in discussions.<\/p><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- 2. Purple Card -->\n                    <div class=\"nxpro-card nxpro-card-purple nxpro-featured\">\n                        <div class=\"nxpro-card-inner\">\n                            <div class=\"nxpro-header\">\n                                <div class=\"nxpro-title-area\" style=\"flex: 1;\">\n                                    <h3 class=\"nxpro-card-title nxpro-single-line\">Affiliate Membership<\/h3>\n                                    <div class=\"nxpro-accent-line\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"nxpro-body\">\n                                <div class=\"nxpro-section-label\">Eligibility:<\/div>\n                                <div class=\"nxpro-content\"><p class=\"nxpro-paragraph\"><strong>A)<\/strong> University students in the society\u2019s field of specialization.<\/p>\n                                 <p class=\"nxpro-paragraph\"><strong>B)<\/strong> Individuals working in the field or interested parties who do not meet general membership requirements.<\/p>\n                                 <p class=\"nxpro-paragraph nxpro-highlight-text\">Affiliate members receive a 50% discount on annual fees and may attend meetings without voting rights.<\/p><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- 3. Green Card -->\n                    <div class=\"nxpro-card nxpro-card-green\">\n                        <div class=\"nxpro-card-inner\">\n                            <div class=\"nxpro-header\">\n                                <div class=\"nxpro-icon-wrapper\">\n                                    <svg class=\"nxpro-icon\" viewbox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.99 0C15.6 0 12 1.2 9.47 3.76 6.94 6.28 5.7 9.9 5.7 14.28c0 4.38 1.24 8 3.77 10.53 2.52 2.52 6.14 3.76 10.52 3.76 4.37 0 8-1.24 10.52-3.76 2.52-2.53 3.76-6.15 3.76-10.53 0-4.38-1.24-8-3.76-10.52C28 1.23 24.37 0 20 0zm-1.58 8.7c.63-1.7 2.95-1.75 3.55-.05.23.66.43 1.37.64 2.22.9 0 1.66 0 2.38.05 1.82.1 2.55 2.3 1.08 3.38-.35.25-.7.5-1.06.73-.22.14-.38.35-.47.6-.09.24-.1.5-.02.75.22.7.4 1.34.55 1.96.4 1.74-1.46 3.1-2.9 2.03-.7-.53-1.38-1.1-2-1.72-.63.59-1.3 1.15-1.98 1.66-1.46 1.07-3.37-.27-2.95-2.03.14-.6.32-1.2.54-1.88.08-.25.08-.52 0-.77-.09-.25-.26-.46-.48-.6-.38-.25-.76-.5-1.13-.77-1.45-1.07-.74-3.25 1.06-3.34.75-.04 1.54-.04 2.5-.02.24-.83.46-1.53.7-2.18zM.1 30.7c1-2.5 2.62-4.78 4.33-6.68.67 1.2 1.5 2.32 2.5 3.33 2.02 2.02 4.5 3.34 7.23 4.08-1.42 2.3-2.46 4.84-3.07 7.48-.06.28-.2.53-.42.73-.2.2-.47.32-.75.36-.28.04-.57 0-.83-.13-.26-.12-.47-.32-.61-.57l-3.16-5.46L1.03 32.6c-.2-.06-.37-.15-.52-.28-.15-.13-.28-.29-.37-.47-.09-.18-.14-.37-.14-.57 0-.2.03-.4.1-.58zm28.8 8.2c-.6-2.65-1.64-5.18-3.07-7.5 2.73-.73 5.2-2.05 7.2-4.07 1-1 1.85-2.12 2.53-3.35 1.7 1.9 3.34 4.2 4.34 6.7.07.2.1.38.1.58 0 .2-.05.4-.14.57-.08.18-.2.34-.36.47-.15.13-.33.22-.52.28l-4.28 1.23-3.15 5.46c-.14.25-.36.45-.62.57-.25.13-.54.17-.82.13-.28-.04-.55-.16-.76-.36-.2-.19-.35-.44-.42-.72z\" fill=\"url(#paint0_linear_green)\"\/>\n                                        <defs><lineargradient id=\"paint0_linear_green\" x1=\"20\" y1=\"0\" x2=\"20\" y2=\"40\" gradientunits=\"userSpaceOnUse\"><stop stop-color=\"#50AB9E\"\/><stop offset=\"1\" stop-color=\"#204540\"\/><\/lineargradient><\/defs>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"nxpro-title-area\">\n                                    <h3 class=\"nxpro-card-title\">Active Membership<\/h3>\n                                    <div class=\"nxpro-accent-line\"><\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"nxpro-body\">\n                                <div class=\"nxpro-section-label\">Requirements:<\/div>\n                                <div class=\"nxpro-content\">\n                                    <ul class=\"nxpro-list\">\n                                                                                    <li class=\"nxpro-list-item\">Applicant must hold a degree or equivalent in the society\u2019s field of specialization.<\/li>\n                                                                                    <li class=\"nxpro-list-item\">Payment of annual membership fees.<\/li>\n                                                                                    <li class=\"nxpro-list-item\">Additional conditions as deemed necessary by the Board of Directors.<\/li>\n                                                                                    <li class=\"nxpro-list-item\">Board of Directors approval is required for acceptance.<\/li>\n                                                                            <\/ul>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"nxpro-cta-container\">\n                    <a href=\"https:\/\/sgss.org.sa\/en\/sgss-join\/\" class=\"nxpro-cta-button\">\n                        <span class=\"nxpro-cta-text\">Join the Society Now<\/span>\n                        <svg class=\"nxpro-cta-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <style>\n            :root {\n                --nx-font-main: 'Tajawal', 'Cairo', sans-serif;\n                --nx-color-dark: #1a1a1a;\n                --nx-color-text: #555555;\n            }\n\n            .nxpro-wrapper {\n                all: initial;\n                display: block;\n                width: 100%;\n                font-family: var(--nx-font-main);\n                background: linear-gradient(180deg, #f9f9f9 0%, #ffffff 100%);\n            }\n            .nxpro-wrapper * { box-sizing: border-box; }\n            .nxpro-wrapper.nx-rtl { direction: rtl; }\n            .nxpro-wrapper.nx-ltr { direction: ltr; }\n\n            .nxpro-section {\n                max-width: 1320px;\n                margin: 0 auto;\n                padding: 80px 30px;\n            }\n\n            .nxpro-main-title {\n                text-align: center;\n                font-size: clamp(2rem, 4vw, 3rem);\n                font-weight: 900;\n                color: var(--nx-color-dark);\n                margin: 0 0 70px 0;\n                font-family: var(--nx-font-main);\n                position: relative;\n            }\n            .nxpro-main-title::after {\n                content: '';\n                position: absolute;\n                bottom: -20px;\n                left: 50%;\n                transform: translateX(-50%);\n                width: 90px;\n                height: 6px;\n                background: linear-gradient(90deg, #5D3A75 0%, #7B4E99 100%);\n                border-radius: 4px;\n            }\n\n            .nxpro-cards-grid {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n                gap: 35px;\n                max-width: 1200px;\n                margin: 0 auto;\n            }\n            @media (min-width: 1024px) { .nxpro-cards-grid { grid-template-columns: repeat(3, 1fr); } }\n\n            .nxpro-card {\n                background: #ffffff;\n                border-radius: 24px;\n                box-shadow: 0 15px 40px rgba(0,0,0,0.06);\n                transition: all 0.4s ease;\n                display: flex;\n                flex-direction: column;\n                min-height: 480px;\n                position: relative;\n                overflow: hidden;\n            }\n            .nxpro-card:hover { transform: translateY(-10px); box-shadow: 0 25px 60px rgba(0,0,0,0.12); }\n            \n            .nxpro-card::before {\n                content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px;\n                background: linear-gradient(90deg, var(--c1) 0%, var(--c2) 100%);\n            }\n            .nxpro-card-gold { --c1: #C8A63A; --c2: #E0C050; }\n            .nxpro-card-purple { --c1: #5D3A75; --c2: #7B4E99; }\n            .nxpro-card-green { --c1: #3C8D7F; --c2: #4BA897; }\n\n            .nxpro-card-inner { padding: 45px 35px; display: flex; flex-direction: column; height: 100%; }\n\n            \/* === HEADER & LAYOUT LOGIC === *\/\n            .nxpro-header {\n                display: flex;\n                align-items: flex-start;\n                justify-content: space-between;\n                margin-bottom: 30px;\n                padding-bottom: 25px;\n                border-bottom: 2px solid rgba(0,0,0,0.04);\n                gap: 15px;\n                \n                \/* \n                   IMPORTANT: We use row-reverse for BOTH languages.\n                   HTML Order: Icon -> Title\n                   Row Reverse Order: Title -> Icon\n                   This puts the Icon at the \"end\" of the reading direction for both languages.\n                *\/\n                flex-direction: row-reverse;\n            }\n\n            .nxpro-icon-wrapper {\n                width: 60px; height: 60px;\n                display: flex; align-items: center; justify-content: center;\n                background: rgba(0,0,0,0.02);\n                border-radius: 50%;\n                flex-shrink: 0;\n            }\n            .nxpro-icon { width: 100%; height: 100%; }\n\n            \/* TITLE STYLES *\/\n            .nxpro-title-area { flex: 1; min-width: 0; }\n            \n            \/* Align Text Correctly for Language *\/\n            .nx-rtl .nxpro-title-area { text-align: right; }\n            .nx-ltr .nxpro-title-area { text-align: left; }\n            \n            .nxpro-card-title {\n                font-family: var(--nx-font-main);\n                font-size: clamp(1.1rem, 1.4vw, 1.3rem); \n                font-weight: 800;\n                margin: 0 0 12px 0;\n                white-space: nowrap;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n            \n            .nxpro-card-gold .nxpro-card-title { color: #C8A63A; }\n            .nxpro-card-purple .nxpro-card-title { color: #5D3A75; }\n            .nxpro-card-green .nxpro-card-title { color: #3C8D7F; }\n\n            .nxpro-accent-line { width: 50px; height: 4px; border-radius: 2px; background: currentColor; opacity: 0.6; display: inline-block; }\n\n            \/* BODY *\/\n            .nxpro-body { flex: 1; display: flex; flex-direction: column; }\n            .nxpro-section-label { font-weight: 800; margin-bottom: 15px; display: block; }\n            .nxpro-content { font-size: 15px; line-height: 1.7; color: var(--nx-color-text); }\n            \n            .nx-rtl .nxpro-content, .nx-rtl .nxpro-section-label { text-align: right; }\n            .nx-ltr .nxpro-content, .nx-ltr .nxpro-section-label { text-align: left; }\n\n            .nxpro-paragraph { margin-bottom: 15px; display: block; }\n            .nxpro-highlight-text { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; color: #5D3A75; font-weight: 600; }\n\n            \/* LIST *\/\n            .nxpro-list { list-style: none; padding: 0; margin: 0; }\n            .nxpro-list-item { position: relative; margin-bottom: 14px; font-weight: 500; }\n            \n            .nx-rtl .nxpro-list-item { padding-right: 24px; }\n            .nx-rtl .nxpro-list-item::before { content: ''; position: absolute; right: 0; top: 10px; width: 8px; height: 8px; background: #3C8D7F; border-radius: 50%; }\n            \n            .nx-ltr .nxpro-list-item { padding-left: 24px; }\n            .nx-ltr .nxpro-list-item::before { content: ''; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background: #3C8D7F; border-radius: 50%; }\n\n            \/* CTA BUTTON *\/\n            .nxpro-cta-container { text-align: center; margin-top: 60px; }\n            \n            .nxpro-cta-button {\n                display: inline-flex; align-items: center; justify-content: center; gap: 15px;\n                background: linear-gradient(135deg, #5D3A75 0%, #7B4E99 100%);\n                color: #ffffff !important; \/* Force White Color *\/\n                padding: 16px 50px; border-radius: 50px;\n                text-decoration: none; font-weight: 700; font-size: 1.1rem;\n                box-shadow: 0 10px 30px rgba(93, 58, 117, 0.3);\n                transition: background 0.3s ease; \/* Only animate background\/opacity *\/\n            }\n            \n            .nxpro-cta-button:hover { \n                transform: none; \/* DISABLE MOVEMENT *\/\n                background: linear-gradient(135deg, #53336a 0%, #6e4589 100%); \/* Slight color shift *\/\n            }\n\n            .nxpro-cta-arrow { width: 20px; height: 20px; transition: transform 0.3s; }\n            \n            .nx-rtl .nxpro-cta-arrow { transform: rotate(180deg); }\n            .nx-ltr .nxpro-cta-arrow { transform: rotate(0deg); }\n\n            \/* RESPONSIVE *\/\n            @media (max-width: 768px) {\n                .nxpro-section { padding: 60px 20px; }\n                .nxpro-card-inner { padding: 30px 20px; }\n                .nxpro-cards-grid { grid-template-columns: 1fr; }\n                .nxpro-cta-button { width: 100%; }\n            }\n        <\/style>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/26","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=26"}],"version-history":[{"count":76,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1180,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/26\/revisions\/1180"}],"wp:attachment":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}