{"id":1492,"date":"2026-04-07T10:00:16","date_gmt":"2026-04-07T10:00:16","guid":{"rendered":"https:\/\/sgss.org.sa\/sgss-join\/"},"modified":"2026-04-07T10:00:16","modified_gmt":"2026-04-07T10:00:16","slug":"sgss-join","status":"publish","type":"page","link":"https:\/\/sgss.org.sa\/en\/sgss-join\/","title":{"rendered":"\u0627\u0646\u0636\u0645 \u0644\u0644\u062c\u0645\u0639\u064a\u0629"},"content":{"rendered":"<!doctype html>\n<html lang=\"en-US\">\n<head>\n\t<meta charset=\"UTF-8\">\n\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t<link rel=\"profile\" href=\"https:\/\/gmpg.org\/xfn\/11\">\n\t<title>\u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/title>\n<meta name='robots' content='max-image-preview:large' \/>\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@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\"><link rel='dns-prefetch' href='\/\/fonts.googleapis.com' \/>\n<link rel=\"alternate\" type=\"application\/rss+xml\" title=\"\u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 &raquo; Feed\" href=\"https:\/\/sgss.org.sa\/en\/feed\/\" \/>\n<link rel=\"alternate\" type=\"application\/rss+xml\" title=\"\u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 &raquo; Comments Feed\" href=\"https:\/\/sgss.org.sa\/en\/comments\/feed\/\" \/>\n<style id='wp-img-auto-sizes-contain-inline-css'>\nimg:is([sizes=auto i],[sizes^=\"auto,\" i]){contain-intrinsic-size:3000px 1500px}\n\/*# sourceURL=wp-img-auto-sizes-contain-inline-css *\/\n<\/style>\n<link rel='stylesheet' id='sgss-font-tajawal-css' href='https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&#038;display=swap' media='all' \/>\n<link rel='stylesheet' id='dashicons-css' href='https:\/\/sgss.org.sa\/wp-includes\/css\/dashicons.min.css?ver=6.9.4' media='all' \/>\n<link rel='stylesheet' id='elementor-icons-css' href='https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/lib\/eicons\/css\/elementor-icons.min.css?ver=5.48.0' media='all' \/>\n<link rel='stylesheet' id='elementor-common-css' href='https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/css\/common.min.css?ver=4.0.6' media='all' \/>\n<link rel='stylesheet' id='e-theme-ui-light-css' href='https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/css\/theme-light.min.css?ver=4.0.6' media='all' \/>\n<style id='wp-emoji-styles-inline-css'>\n\n\timg.wp-smiley, img.emoji {\n\t\tdisplay: inline !important;\n\t\tborder: none !important;\n\t\tbox-shadow: none !important;\n\t\theight: 1em !important;\n\t\twidth: 1em !important;\n\t\tmargin: 0 0.07em !important;\n\t\tvertical-align: -0.1em !important;\n\t\tbackground: none !important;\n\t\tpadding: 0 !important;\n\t}\n\/*# sourceURL=wp-emoji-styles-inline-css *\/\n<\/style>\n<link rel='stylesheet' id='wp-block-library-css' href='https:\/\/sgss.org.sa\/wp-includes\/css\/dist\/block-library\/style.min.css?ver=6.9.4' media='all' \/>\n<style id='global-styles-inline-css'>\n:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4\/3;--wp--preset--aspect-ratio--3-4: 3\/4;--wp--preset--aspect-ratio--3-2: 3\/2;--wp--preset--aspect-ratio--2-3: 2\/3;--wp--preset--aspect-ratio--16-9: 16\/9;--wp--preset--aspect-ratio--9-16: 9\/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}\n:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}\n\/*# sourceURL=global-styles-inline-css *\/\n<\/style>\n<link rel='stylesheet' id='hostinger-reach-subscription-block-css' href='https:\/\/sgss.org.sa\/wp-content\/plugins\/hostinger-reach\/frontend\/dist\/blocks\/subscription.css?ver=1777977833' media='all' \/>\n<link rel='stylesheet' id='hello-elementor-css' href='https:\/\/sgss.org.sa\/wp-content\/themes\/hello-elementor\/assets\/css\/reset.css?ver=3.4.7' media='all' \/>\n<link rel='stylesheet' id='hello-elementor-theme-style-css' href='https:\/\/sgss.org.sa\/wp-content\/themes\/hello-elementor\/assets\/css\/theme.css?ver=3.4.7' media='all' \/>\n<link rel='stylesheet' id='hello-elementor-header-footer-css' href='https:\/\/sgss.org.sa\/wp-content\/themes\/hello-elementor\/assets\/css\/header-footer.css?ver=3.4.7' media='all' \/>\n<link rel='stylesheet' id='elementor-frontend-css' href='https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/css\/frontend.min.css?ver=4.0.6' media='all' \/>\n<link rel='stylesheet' id='elementor-post-1098-css' href='https:\/\/sgss.org.sa\/wp-content\/uploads\/elementor\/css\/post-1098.css?ver=1777978132' media='all' \/>\n<link rel='stylesheet' id='elementor-post-157-css' href='https:\/\/sgss.org.sa\/wp-content\/uploads\/elementor\/css\/post-157.css?ver=1777978133' media='all' \/>\n<link rel='stylesheet' id='elementor-post-163-css' href='https:\/\/sgss.org.sa\/wp-content\/uploads\/elementor\/css\/post-163.css?ver=1777978133' media='all' \/>\n<link rel='stylesheet' id='trp-language-switcher-v2-css' href='https:\/\/sgss.org.sa\/wp-content\/plugins\/translatepress-multilingual\/assets\/css\/trp-language-switcher-v2.css?ver=3.1.8' media='all' \/>\n<script src=\"https:\/\/sgss.org.sa\/wp-includes\/js\/jquery\/jquery.min.js?ver=3.7.1\" id=\"jquery-core-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-includes\/js\/jquery\/jquery-migrate.min.js?ver=3.4.1\" id=\"jquery-migrate-js\"><\/script>\n<script id=\"elementor-pro-app-js-before\">\nvar elementorAppProConfig = {\"baseUrl\":\"https:\\\/\\\/sgss.org.sa\\\/wp-content\\\/plugins\\\/elementor-pro\\\/\",\"site-editor\":{\"urls\":{\"legacy_view\":\"https:\\\/\\\/sgss.org.sa\\\/wp-admin\\\/edit.php?post_type=elementor_library&tabs_group=theme\"},\"utms\":{\"utm_source\":\"theme-builder\",\"utm_medium\":\"wp-dash\"},\"lock\":{\"is_locked\":true,\"badge\":{\"icon\":\"eicon-lock\",\"text\":\"Pro\"},\"content\":{\"heading\":\"You need an active Elementor Pro license\",\"description\":\"Your Elementor Pro license is inactive. To access premium Elementor widgets, templates, support &amp; plugin updates activate your Pro license.\"},\"button\":{\"text\":\"Connect &amp; Activate\",\"url\":\"https:\\\/\\\/sgss.org.sa\\\/wp-admin\\\/admin.php?page=elementor-connect&app=activate&action=authorize&nonce=6cd9726eb0&utm_source=%%utm_source%%&utm_medium=%%utm_medium%%&utm_campaign=connect-and-activate-license&utm_term=theme-builder\"}}},\"kit-library\":[],\"onboarding\":[],\"import-export\":[],\"import-export-customization\":[]};\n\/\/# sourceURL=elementor-pro-app-js-before\n<\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/translatepress-multilingual\/assets\/js\/trp-frontend-language-switcher.js?ver=3.1.8\" id=\"trp-language-switcher-js-v2-js\"><\/script>\n<link rel=\"https:\/\/api.w.org\/\" href=\"https:\/\/sgss.org.sa\/en\/wp-json\/\" \/><link rel=\"EditURI\" type=\"application\/rsd+xml\" title=\"RSD\" href=\"https:\/\/sgss.org.sa\/xmlrpc.php?rsd\" \/>\n<meta name=\"generator\" content=\"WordPress 6.9.4\" \/>\n<link rel=\"alternate\" hreflang=\"ar\" href=\"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/1492#TRPLINKPROCESSED\"\/>\n<link rel=\"alternate\" hreflang=\"en-US\" href=\"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/1492#TRPLINKPROCESSED\"\/>\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/1492#TRPLINKPROCESSED\"\/>\n<meta name=\"generator\" content=\"Elementor 4.0.6; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap\">\n\t\t\t<style>\n\t\t\t\t.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),\n\t\t\t\t.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {\n\t\t\t\t\tbackground-image: none !important;\n\t\t\t\t}\n\t\t\t\t@media screen and (max-height: 1024px) {\n\t\t\t\t\t.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),\n\t\t\t\t\t.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {\n\t\t\t\t\t\tbackground-image: none !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@media screen and (max-height: 640px) {\n\t\t\t\t\t.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),\n\t\t\t\t\t.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {\n\t\t\t\t\t\tbackground-image: none !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t<\/style>\n\t\t\t<link rel=\"icon\" href=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2025\/11\/cropped-2963c5f6eb4becbb9a6dd89d3103f0166cead02c-32x32.jpg\" sizes=\"32x32\" \/>\n<link rel=\"icon\" href=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2025\/11\/cropped-2963c5f6eb4becbb9a6dd89d3103f0166cead02c-192x192.jpg\" sizes=\"192x192\" \/>\n<link rel=\"apple-touch-icon\" href=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2025\/11\/cropped-2963c5f6eb4becbb9a6dd89d3103f0166cead02c-180x180.jpg\" \/>\n<meta name=\"msapplication-TileImage\" content=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2025\/11\/cropped-2963c5f6eb4becbb9a6dd89d3103f0166cead02c-270x270.jpg\" \/>\n<style>\n        \/* \n           AGGRESSIVE GLOBAL FONT OVERRIDE\n           Targets any element containing \"sgss-\" in its class and all its descendants.\n        *\/\n        [class*=\"sgss-\"], \n        [class*=\"sgss-\"] *,\n        .sgss-admin-page, .sgss-admin-page *,\n        .video-library-container, .video-library-container *,\n        #member-modal, #member-modal *,\n        #add-member-modal, #add-member-modal *,\n        .detail-modal, .detail-modal * {\n            font-family: \"Tajawal\", Arial, sans-serif !important;\n        }\n        \n        \/* Exception for Dashicons to prevent boxes instead of icons *\/\n        .dashicons, \n        .dashicons-before:before, \n        [class^=\"dashicons-\"]:before {\n            font-family: dashicons !important;\n        }\n    <\/style>\t\t<style id=\"wp-custom-css\">\n\t\t\t\n\n\/* \u0645\u064f\u0644\u062e\u0651\u0635\u0648 \u0627\u0644\u0623\u062d\u062f\u0627\u062b ACF Repeater *\/\n.event-cards-wrapper{\ndisplay:flex;\njustify-content:center;\ngap:24px;\nflex-wrap:wrap\n}\n.event-card{\nwidth:300px;\nmin-height:250px;\nbackground:#fff;\nborder-radius:24px;\npadding:32px 20px;\ntext-align:center;\nbox-shadow:0 12px 30px rgba(0,0,0,.07);\ntransition:transform .3s ease,box-shadow .3s ease;\ndisplay:flex;\nflex-direction:column;\nalign-items:center\n}\n.event-card:hover{\ntransform:translateY(-6px);\nbox-shadow:0 18px 40px rgba(0,0,0,.1)\n}\n.event-card-image{\nwidth:140px;\nheight:140px;\nmargin-bottom:20px;\nborder-radius:50%;\noverflow:hidden;\nflex-shrink:0\n}\n.event-card-image img{\nwidth:100%;\nheight:100%;\nobject-fit:cover\n}\n.event-card-name{\nfont-size:20px;\nfont-weight:700;\ncolor:#000;\nmargin:0;\nline-height:1.4\n}\n\t\t<\/style>\n\t\t<\/head>\n<body class=\"wp-custom-logo wp-embed-responsive wp-theme-hello-elementor translatepress-en_US hello-elementor-default\">\n\n\n<a class=\"skip-link screen-reader-text\" href=\"#content\">Skip to content<\/a>\n\n\t\t<header data-elementor-type=\"header\" data-elementor-id=\"157\" class=\"elementor elementor-157 elementor-location-header\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-479d3b2 e-con-full e-flex e-con e-parent\" data-id=\"479d3b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1189d98 elementor-widget elementor-widget-shortcode\" data-id=\"1189d98\" 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        <!-- Fonts -->\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        <!-- Wrapper -->\n        <div class=\"nx-sticky-wrapper nx-ltr\">\n            <header class=\"nx-main-header\">\n                <div class=\"nx-header-container\">\n                    \n                    <!-- 1. Logo (Fixed Start) -->\n                    <div class=\"nx-logo-area\">\n                        <a href=\"https:\/\/sgss.org.sa\/en\/\" class=\"nx-logo-link\">\n                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2026\/01\/Asset-3@3x.png\" \n                                 alt=\"SGSS Logo\" \n                                 class=\"nx-site-logo\" \n                                 loading=\"eager\">\n                        <\/a>\n                    <\/div>\n\n                    <!-- 2. Desktop Wrapper (Menu + Actions) -->\n                    <div class=\"nx-desktop-wrapper\" id=\"nxMenuOverlayV8\">\n                        \n                        <!-- Mobile Close Button -->\n                        <button class=\"nx-mobile-close\" onclick=\"toggleNxMenuV8(this)\">\n                            &times;\n                        <\/button>\n\n                        <div class=\"nx-menu-inner\">\n                            \n                            <!-- A. Navigation (Centered on Desktop) -->\n                            <nav class=\"nx-nav-area\">\n                                <ul class=\"nx-nav-list\">\n                                                                            <li class=\"nx-nav-item\">\n                                            <a href=\"https:\/\/sgss.org.sa\/en\/\" class=\"nx-nav-link \">\n                                                Home                                            <\/a>\n                                        <\/li>\n                                                                            <li class=\"nx-nav-item\">\n                                            <a href=\"https:\/\/sgss.org.sa\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/\" class=\"nx-nav-link \">\n                                                About Us                                            <\/a>\n                                        <\/li>\n                                                                            <li class=\"nx-nav-item\">\n                                            <a href=\"https:\/\/sgss.org.sa\/en\/events\/\" class=\"nx-nav-link \">\n                                                Events                                            <\/a>\n                                        <\/li>\n                                                                            <li class=\"nx-nav-item\">\n                                            <a href=\"https:\/\/sgss.org.sa\/%d8%a7%d9%84%d8%b9%d8%b6%d9%88%d9%8a%d8%a9\/\" class=\"nx-nav-link \">\n                                                Membership                                            <\/a>\n                                        <\/li>\n                                                                            <li class=\"nx-nav-item\">\n                                            <a href=\"https:\/\/sgss.org.sa\/en\/\u0627\u0644\u0645\u0643\u062a\u0628\u0629-\u0627\u0644\u0645\u0631\u0621\u064a\u0629\/\" class=\"nx-nav-link \">\n                                                Media Library                                            <\/a>\n                                        <\/li>\n                                                                            <li class=\"nx-nav-item\">\n                                            <a href=\"https:\/\/sgss.org.sa\/en\/Publications\/\" class=\"nx-nav-link \">\n                                                Publications                                            <\/a>\n                                        <\/li>\n                                                                            <li class=\"nx-nav-item\">\n                                            <a href=\"https:\/\/sgss.org.sa\/en\/scientific-journal\/\" class=\"nx-nav-link \">\n                                                Scientific Journal                                            <\/a>\n                                        <\/li>\n                                                                            <li class=\"nx-nav-item\">\n                                            <a href=\"https:\/\/sgss.org.sa\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"nx-nav-link \">\n                                                Contact Us                                            <\/a>\n                                        <\/li>\n                                                                    <\/ul>\n                            <\/nav>\n\n                            <!-- B. Actions (Fixed End on Desktop - Visible on Mobile) -->\n                            <div class=\"nx-actions-area\">\n                                <!-- Language Switcher Wrapper -->\n                                <div class=\"nx-lang-switch\">\n                                    <div class=\"trp-shortcode-switcher__wrapper\"\r\n     style=\"--bg:#ffffff;--bg-hover:#0000000d;--text:#143852;--text-hover:#1d2327;--border:1px solid #1438521a;--border-width:1px;--border-color:#1438521a;--border-radius:5px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4\/3;--font-size:14px;--transition-duration:0.2s\"\r\n     role=\"group\"\r\n     data-open-mode=\"hover\">\r\n\r\n    \r\n        <!-- ANCHOR (in-flow only; sizing\/borders; inert) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover\"\r\n             aria-hidden=\"true\"\r\n             inert\r\n             data-no-translation>\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <a class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation href=\"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/1492#TRPLINKPROCESSED\" title=\"English\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">English<\/span><\/a>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n            <\/div>\r\n\r\n        <!-- OVERLAY (positioned; interactive surface) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-overlay trp-open-on-hover\"\r\n             role=\"navigation\"\r\n             aria-label=\"Website language selector\"\r\n             data-no-translation\r\n        >\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <div class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-label=\"Change language\" aria-controls=\"trp-shortcode-dropdown-6a0a9fc6dbb8e\"><img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">English<\/span><\/div>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n    \r\n            <div class=\"trp-switcher-dropdown-list\"\r\n                 id=\"trp-shortcode-dropdown-6a0a9fc6dbb8e\"\r\n                 role=\"group\"\r\n                 aria-label=\"Available languages\"\r\n                 hidden\r\n                 inert\r\n            >\r\n                                                            <a class=\"trp-language-item\" href=\"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/1492#TRPLINKPROCESSED\" title=\"Arabic\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/ar.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/>                                                            <span class=\"trp-language-item-name\" data-no-translation>Arabic<\/span>\r\n                                                                                <\/a>\r\n                                                <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n                                <\/div>\n                                <!-- Auth Button Wrapper -->\n                                <div class=\"nx-auth-btn\">\n                                        <style>\r\n        .sgss-auth-wrapper {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            direction: ltr;\r\n        }\r\n\r\n        .sgss-header-auth-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 10px 24px;\r\n            border-radius: 50px;\r\n            text-decoration: none !important;\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 700;\r\n            font-size: 15px;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            border: 2px solid transparent;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        \/* Primary Button (Join\/Account) *\/\r\n        .sgss-btn-primary {\r\n            background: #502E6D;\r\n            color: #fff !important;\r\n            box-shadow: 0 4px 15px rgba(80, 46, 109, 0.2);\r\n        }\r\n\r\n        .sgss-btn-primary:hover {\r\n            background: #3d2353;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(80, 46, 109, 0.3);\r\n        }\r\n\r\n        \/* Secondary Button (Login) *\/\r\n        .sgss-btn-secondary {\r\n            background: rgba(80, 46, 109, 0.05);\r\n            color: #502E6D !important;\r\n            border-color: #502E6D;\r\n        }\r\n\r\n        .sgss-btn-secondary:hover {\r\n            background: #502E6D;\r\n            color: #fff !important;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(80, 46, 109, 0.2);\r\n        }\r\n\r\n        .sgss-header-auth-btn .dashicons {\r\n            font-size: 18px;\r\n            width: 18px;\r\n            height: 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .sgss-auth-wrapper { gap: 8px; }\r\n            .sgss-header-auth-btn {\r\n                padding: 8px 16px;\r\n                font-size: 13px;\r\n            }\r\n            .sgss-btn-secondary { display: none; } \/* Hide login on small mobile if needed, or keep both *\/\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"sgss-auth-wrapper\">\r\n                    <a href=\"https:\/\/sgss.org.sa\/en\/sgss-login\" class=\"sgss-header-auth-btn sgss-btn-secondary\">\r\n                <span class=\"dashicons dashicons-lock\"><\/span>\r\n                <span>Login<\/span>\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/sgss.org.sa\/en\/sgss-join\" class=\"sgss-header-auth-btn sgss-btn-primary\">\r\n                <span class=\"dashicons dashicons-plus-alt\"><\/span>\r\n                <span>Join Association<\/span>\r\n            <\/a>\r\n            <\/div>\r\n                                    <\/div>\n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n\n                    <!-- 3. Mobile Hamburger -->\n                    <button class=\"nx-artistic-toggle\" onclick=\"toggleNxMenuV8(this)\" aria-label=\"Menu\">\n                        <div class=\"nx-hamburger\">\n                            <span><\/span>\n                            <span><\/span>\n                            <span><\/span>\n                        <\/div>\n                    <\/button>\n\n                <\/div>\n            <\/header>\n        <\/div>\n\n        <script>\n            function toggleNxMenuV8(btn) {\n                var overlay = document.getElementById('nxMenuOverlayV8');\n                var toggleBtn = document.querySelector('.nx-artistic-toggle');\n                var body = document.body;\n                \n                if(overlay) overlay.classList.toggle('open');\n                if(toggleBtn) toggleBtn.classList.toggle('active');\n                \n                if (overlay && overlay.classList.contains('open')) {\n                    body.style.overflow = 'hidden'; \n                } else {\n                    body.style.overflow = '';\n                }\n            }\n        <\/script>\n\n        <style>\n            \/* ================= VARIABLES ================= *\/\n            :root {\n                --nx-bg: #ffffff;\n                --nx-text: #2c2c2c;\n                --nx-primary: #5D3A75;\n                --nx-accent: #3C8D7F;\n                --nx-font: 'Tajawal', sans-serif;\n                --nx-h-height: 110px; \n                --nx-glass: rgba(255, 255, 255, 0.99);\n                --nx-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n            }\n\n            \/* ================= STRUCTURE ================= *\/\n            .nx-sticky-wrapper * { box-sizing: border-box; }\n            \n            .nx-sticky-wrapper {\n                width: 100%;\n                position: sticky;\n                top: 0;\n                z-index: 99999;\n                font-family: var(--nx-font);\n                direction: ltr;\n            }\n            .nx-sticky-wrapper.nx-rtl { direction: rtl; }\n\n            .nx-main-header {\n                width: 100%;\n                background: var(--nx-glass);\n                backdrop-filter: blur(12px);\n                -webkit-backdrop-filter: blur(12px);\n                border-bottom: 1px solid rgba(0,0,0,0.06);\n                box-shadow: var(--nx-shadow);\n                height: var(--nx-h-height);\n                display: flex;\n                align-items: center;\n                transition: height 0.3s ease;\n            }\n\n            \/* ================= CONTAINER (Balanced Layout) ================= *\/\n            .nx-header-container {\n                width: 100%;\n                max-width: 1920px;\n                margin: 0 auto;\n                padding: 0 40px; \n                display: flex;\n                align-items: center;\n                justify-content: space-between; \n                position: relative;\n                height: 100%;\n                flex-wrap: nowrap;\n            }\n\n            \/* ================= LOGO ================= *\/\n            .nx-logo-area {\n                flex-shrink: 0;\n                display: flex;\n                align-items: center;\n                height: 100%;\n                z-index: 1000;\n            }\n\n            .nx-site-logo {\n                height: 80px !important; \n                width: auto !important;\n                object-fit: contain;\n                display: block;\n                transition: transform 0.3s ease;\n            }\n            .nx-logo-link:hover .nx-site-logo { transform: scale(1.02); }\n\n            \/* ================= DESKTOP WRAPPER ================= *\/\n            .nx-desktop-wrapper {\n                flex-grow: 1; \n                display: flex;\n                align-items: center;\n                justify-content: space-between; \n                margin: 0 30px; \n            }\n\n            .nx-menu-inner {\n                width: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: space-between; \n            }\n\n            \/* ================= MENU (Center) ================= *\/\n            .nx-nav-area {\n                flex-grow: 1;\n                display: flex;\n                justify-content: center; \n            }\n\n            .nx-nav-list {\n                list-style: none;\n                padding: 0; margin: 0;\n                display: flex;\n                gap: 20px; \n                align-items: center;\n            }\n\n            .nx-nav-link {\n                text-decoration: none;\n                color: var(--nx-text);\n                position: relative;\n                padding: 6px 0;\n                transition: color 0.3s ease;\n                font-family: var(--nx-font);\n                white-space: nowrap;\n            }\n\n            .nx-rtl .nx-nav-link { font-weight: 700; font-size: 17px; }\n            .nx-ltr .nx-nav-link { font-weight: 600; font-size: 16px; }\n\n            .nx-nav-link:hover, .nx-nav-link.active { color: var(--nx-primary); }\n            \n            .nx-nav-link::after {\n                content: ''; position: absolute; bottom: 0; \n                width: 0; height: 2px; background: var(--nx-primary);\n                transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            }\n            .nx-rtl .nx-nav-link::after { right: 0; }\n            .nx-ltr .nx-nav-link::after { left: 0; }\n            .nx-nav-link:hover::after { width: 100%; }\n\n            \/* ================= ACTIONS (Desktop) ================= *\/\n            .nx-actions-area { \n                flex-shrink: 0; \n                display: flex; \n                align-items: center; \n                gap: 15px; \n            }\n            \n            .nx-mobile-close { display: none; }\n\n            \/* ================= HAMBURGER ================= *\/\n            .nx-artistic-toggle {\n                display: none;\n                background: none;\n                border: none;\n                cursor: pointer;\n                width: 44px;\n                height: 44px;\n                padding: 0;\n                z-index: 100003;\n            }\n            .nx-hamburger {\n                width: 24px; height: 18px; position: relative;\n            }\n            .nx-hamburger span {\n                display: block; position: absolute; height: 2px; width: 100%;\n                background: var(--nx-primary); border-radius: 4px; left: 0;\n                transition: .25s ease-in-out;\n            }\n            .nx-hamburger span:nth-child(1) { top: 0px; }\n            .nx-hamburger span:nth-child(2) { top: 8px; }\n            .nx-hamburger span:nth-child(3) { top: 16px; }\n\n            \/* ================= RESPONSIVE (LAPTOP) ================= *\/\n            @media (max-width: 1450px) {\n                .nx-header-container { padding: 0 20px; } \n                .nx-nav-list { gap: 14px; } \n                .nx-desktop-wrapper { margin: 0 15px; }\n                .nx-rtl .nx-nav-link { font-size: 15px; }\n                .nx-ltr .nx-nav-link { font-size: 14px; }\n                .nx-site-logo { height: 65px !important; }\n            }\n\n            \/* ================= RESPONSIVE (MOBILE - CRITICAL FIX) ================= *\/\n            @media (max-width: 1150px) {\n                :root { --nx-h-height: 90px; }\n                \n                .nx-header-container { width: 94%; padding: 0; }\n                .nx-site-logo { height: 55px !important; }\n\n                .nx-artistic-toggle { display: flex; align-items: center; justify-content: center; }\n\n                \/* 1. Mobile Wrapper (Overlay) *\/\n                .nx-desktop-wrapper {\n                    position: fixed;\n                    top: 0; right: 0;\n                    width: 100%; height: 100vh;\n                    background: #ffffff;\n                    \/* Layout *\/\n                    flex-direction: column;\n                    justify-content: flex-start;\n                    \/* Scroll Handling *\/\n                    overflow-y: auto; \n                    -webkit-overflow-scrolling: touch;\n                    padding-top: 80px;\n                    padding-bottom: 50px;\n                    \/* Animation *\/\n                    z-index: 100001;\n                    opacity: 0; visibility: hidden;\n                    transition: all 0.4s ease;\n                    transform: translateY(-20px);\n                    margin: 0; \n                }\n                \n                .nx-rtl .nx-desktop-wrapper { left: 0; right: auto; }\n                .nx-ltr .nx-desktop-wrapper { right: 0; left: auto; }\n\n                .nx-desktop-wrapper.open {\n                    opacity: 1; visibility: visible;\n                    transform: translateY(0);\n                }\n\n                .nx-menu-inner {\n                    flex-direction: column;\n                    width: 100%;\n                    height: auto;\n                    gap: 0;\n                    justify-content: flex-start;\n                }\n\n                \/* 2. Menu Links *\/\n                .nx-nav-area { flex-grow: 0; width: 100%; }\n\n                .nx-nav-list {\n                    flex-direction: column;\n                    text-align: center;\n                    width: 100%;\n                    gap: 0;\n                }\n\n                .nx-nav-link {\n                    display: block;\n                    padding: 15px 0;\n                    font-size: 18px !important;\n                    font-weight: 800;\n                    border-bottom: 1px solid rgba(0,0,0,0.03);\n                    width: 100%;\n                }\n                .nx-nav-link::after { display: none; }\n                \n                \/* 3. Actions (The Fix for Auth\/Lang) *\/\n                .nx-actions-area {\n                    \/* FORCE DISPLAY *\/\n                    display: flex !important;\n                    flex-direction: column;\n                    width: 100%;\n                    justify-content: center;\n                    align-items: center;\n                    margin-top: 30px; \/* Space from last menu item *\/\n                    gap: 20px;\n                    padding-bottom: 40px; \/* Space for scrolling *\/\n                }\n\n                \/* Language Switcher Fix *\/\n                .nx-lang-switch {\n                    display: block !important;\n                    opacity: 1 !important;\n                    visibility: visible !important;\n                    z-index: 999;\n                }\n                \n                \/* Auth Button Fix *\/\n                .nx-auth-btn {\n                    width: 80%; \/* Make button wide on mobile *\/\n                    text-align: center;\n                }\n                \n                \/* Force any inner button to be centered\/full width if needed *\/\n                .nx-auth-btn a, .nx-auth-btn button {\n                    display: block;\n                    margin: 0 auto;\n                }\n\n                \/* 4. Close Button *\/\n                .nx-mobile-close {\n                    display: block;\n                    position: absolute;\n                    top: 25px; right: 25px;\n                    background: none; border: none;\n                    font-size: 40px; color: var(--nx-text);\n                    cursor: pointer; line-height: 1;\n                    z-index: 100005; \/* Top level *\/\n                }\n                .nx-rtl .nx-mobile-close { right: auto; left: 25px; }\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<\/header>\n\t\t\n<style>\n    :root {\n        --primary-gradient: linear-gradient(135deg, #52225e 0%, #7e3af2 100%);\n        --secondary-gradient: linear-gradient(135deg, #10B981 0%, #059669 100%);\n        --glass-bg: rgba(255, 255, 255, 0.95);\n        --accent-purple: #52225e;\n        --soft-gray: #f8fafc;\n        --border-color: #e2e8f0;\n        --text-dark: #1e293b;\n        --text-muted: #64748b;\n    }\n\n    .sgss-join-scope {\n        font-family: 'Tajawal', 'Inter', system-ui, -apple-system, sans-serif;\n        background: #fbfcfe;\n        width: 100%;\n        direction:\n            ltr        ;\n        text-align:\n            left        ;\n        color: var(--text-dark);\n        line-height: 1.6;\n    }\n\n    \/* Premium Hero Section *\/\n    .sgss-hero {\n        height: 400px;\n        background-image: url('https:\/\/sgss.org.sa\/wp-content\/plugins\/sgss-platform\/image\/4a6ba50f966fdb76a329e00aeba8149398f5dafe.jpg');\n        background-size: cover;\n        background-position: center;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #fff;\n        margin-bottom: -100px;\n    }\n\n    .sgss-hero-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(to bottom, rgba(82, 34, 94, 0.85), rgba(82, 34, 94, 0.4));\n        backdrop-filter: blur(2px);\n    }\n\n    .sgss-hero-content {\n        position: relative;\n        z-index: 10;\n        text-align: center;\n        max-width: 800px;\n        padding: 0 20px;\n    }\n\n    .sgss-hero h1 {\n        font-size: 3.5rem;\n        font-weight: 900;\n        margin: 0 0 1rem;\n        color: #fff !important;\n        text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n        letter-spacing: -0.02em;\n    }\n\n    .sgss-hero p {\n        font-size: 1.25rem;\n        margin: 0;\n        color: rgba(255, 255, 255, 0.9);\n        font-weight: 500;\n    }\n\n    \/* Container & Layout *\/\n    .sgss-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 0 20px 6rem;\n        position: relative;\n        z-index: 20;\n    }\n\n    .sgss-card-box {\n        background: var(--glass-bg);\n        border-radius: 24px;\n        padding: 4rem;\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\n        border: 1px solid rgba(255, 255, 255, 0.3);\n        backdrop-filter: blur(10px);\n    }\n\n    \/* Section Titles *\/\n    .sgss-section-title {\n        font-size: 1.75rem;\n        font-weight: 800;\n        color: var(--accent-purple);\n        margin: 3rem 0 1.5rem;\n        padding-bottom: 1rem;\n        border-bottom: 2px solid #f1f5f9;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .sgss-section-title::before {\n        content: \"\";\n        width: 6px;\n        height: 24px;\n        background: var(--primary-gradient);\n        border-radius: 4px;\n    }\n\n    \/* Form Grids & Inputs *\/\n    .sgss-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 2rem;\n    }\n\n    .f-group {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n    }\n\n    .sgss-label {\n        font-weight: 700;\n        font-size: 0.95rem;\n        color: #475569;\n    }\n\n    .sgss-input,\n    input[type=\"text\"],\n    input[type=\"email\"],\n    input[type=\"password\"],\n    input[type=\"tel\"] {\n        width: 100%;\n        padding: 1rem 1.25rem !important;\n        border: 2px solid #e2e8f0 !important;\n        border-radius: 12px !important;\n        font-size: 1rem !important;\n        transition: all 0.3s ease !important;\n        background: #fff !important;\n        color: var(--text-dark) !important;\n    }\n\n    .sgss-input:focus,\n    input:focus {\n        border-color: #52225e !important;\n        box-shadow: 0 0 0 4px rgba(82, 34, 94, 0.1) !important;\n        outline: none !important;\n    }\n\n    \/* Premium Membership Tiers *\/\n    .tier-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 2rem;\n        margin-top: 2rem;\n    }\n\n    .tier-card {\n        background: #fff;\n        border: 2px solid #e2e8f0;\n        border-radius: 24px;\n        padding: 3rem 2rem;\n        text-align: center;\n        cursor: pointer;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .tier-card:hover {\n        transform: translateY(-8px);\n        border-color: #52225e;\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);\n    }\n\n    .tier-card.selected {\n        border-color: #52225e;\n        background: #fff;\n        box-shadow: 0 25px 50px rgba(82, 34, 94, 0.15);\n        transform: scale(1.02);\n    }\n\n    .tier-card.selected::after {\n        content: \"\u2713\";\n        position: absolute;\n        top: 20px;\n        right        : 25px;\n        background: var(--primary-gradient);\n        color: #fff;\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        box-shadow: 0 4px 10px rgba(82, 34, 94, 0.3);\n    }\n\n    .tier-price {\n        font-size: 2.5rem;\n        font-weight: 900;\n        color: var(--accent-purple);\n        margin: 1rem 0;\n    }\n\n    .tier-price span {\n        font-size: 1rem;\n        color: var(--text-muted);\n        font-weight: 500;\n    }\n\n    .tier-features {\n        list-style: none;\n        padding: 0;\n        margin: 1.5rem 0;\n        color: var(--text-muted);\n        font-size: 0.95rem;\n    }\n\n    .tier-features li {\n        margin-bottom: 0.75rem;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        justify-content: center;\n    }\n\n    \/* Enhanced File Upload *\/\n    .file-drop {\n        border: 2px dashed #cbd5e1;\n        border-radius: 16px;\n        padding: 2.5rem;\n        text-align: center;\n        color: var(--text-muted);\n        cursor: pointer;\n        background: #f8fafc;\n        transition: all 0.3s ease;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .file-drop:hover {\n        border-color: #52225e;\n        background: #f1f5f9;\n        color: var(--accent-purple);\n    }\n\n    .file-drop i {\n        font-size: 2.5rem;\n        margin-bottom: 0.5rem;\n    }\n\n    \/* Success\/Payment Gateway *\/\n    #pro-payment-gateway {\n        display: none;\n        background: #f8fafc;\n        border: 2px solid #e2e8f0;\n        padding: 3rem;\n        border-radius: 24px;\n        margin-top: 3rem;\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n        box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.1);\n    }\n\n    #pro-payment-gateway.visible {\n        display: block !important;\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Buttons *\/\n    .btn-submit {\n        background: var(--primary-gradient) !important;\n        color: #fff !important;\n        width: 100%;\n        padding: 1.25rem;\n        border: none;\n        border-radius: 16px;\n        font-size: 1.25rem;\n        font-weight: 800;\n        cursor: pointer;\n        margin-top: 3rem;\n        transition: all 0.4s ease;\n        box-shadow: 0 10px 25px rgba(82, 34, 94, 0.25);\n    }\n\n    .btn-submit:hover {\n        transform: translateY(-4px) scale(1.01);\n        box-shadow: 0 15px 35px rgba(82, 34, 94, 0.35);\n    }\n\n    .btn-submit:active {\n        transform: translateY(0);\n    }\n\n    @media(max-width: 992px) {\n        .sgss-card-box {\n            padding: 2.5rem;\n        }\n\n        .sgss-hero h1 {\n            font-size: 2.75rem;\n        }\n    }\n\n    @media(max-width: 768px) {\n        .sgss-hero {\n            height: 320px;\n        }\n\n        .sgss-hero h1 {\n            font-size: 2.25rem;\n        }\n\n        .sgss-container {\n            margin-top: -60px;\n        }\n\n        .sgss-card-box {\n            padding: 2rem 1.5rem;\n        }\n\n        .sgss-grid,\n        .tier-grid {\n            grid-template-columns: 1fr;\n            gap: 1.5rem;\n        }\n\n        .sgss-section-title {\n            font-size: 1.4rem;\n        }\n\n        .btn-submit {\n            font-size: 1.1rem;\n            padding: 1.1rem;\n        }\n    }\n<\/style>\n\n<div class=\"sgss-join-scope\">\n    <div class=\"sgss-hero\">\n        <div class=\"sgss-hero-overlay\"><\/div>\n        <div class=\"sgss-hero-content\">\n            <h1>\n                Apply for Membership            <\/h1>\n            <p>\n                Please provide your information to start the application process            <\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"sgss-container\">\n        <div class=\"sgss-card-box\">\n            \n            <form method=\"POST\" enctype=\"multipart\/form-data\">\n                <input type=\"hidden\" id=\"join_nonce\" name=\"join_nonce\" value=\"284ef444e3\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1492\" \/>\n                <div class=\"sgss-section-title\">\n                    Personal Information                <\/div>\n                <div class=\"sgss-grid\">\n                    <div><label class=\"sgss-label\">\n                            Name in Arabic                        <\/label><input type=\"text\" name=\"name_ar\" class=\"sgss-input\"\n                            value=\"\" required><\/div>\n                    <div><label class=\"sgss-label\">\n                            Name in English                        <\/label><input type=\"text\" name=\"name_en\" class=\"sgss-input\"\n                            value=\"\" required><\/div>\n                <\/div>\n                <div class=\"sgss-grid\" style=\"margin-top:1.5rem;\">\n                    <div><label class=\"sgss-label\">\n                            National ID \/ Iqama                        <\/label><input type=\"text\" name=\"national_id\" class=\"sgss-input\"\n                            value=\"\" required><\/div>\n                    <div><label class=\"sgss-label\">\n                            Email Address                        <\/label><input type=\"email\" name=\"email\" class=\"sgss-input\"\n                            value=\"\" required ><\/div>\n                <\/div>\n                <div class=\"sgss-grid\" style=\"margin-top:1.5rem;\">\n                    <div><label class=\"sgss-label\">\n                            Phone Number                        <\/label><input type=\"tel\" name=\"phone\" class=\"sgss-input\"\n                            value=\"\" required><\/div>\n                    <div><label class=\"sgss-label\">\n                            Current Position                        <\/label><input type=\"text\" name=\"job_title\" class=\"sgss-input\"\n                            value=\"\" required><\/div>\n                <\/div>\n                <div class=\"sgss-grid\" style=\"margin-top:1.5rem;\">\n                    <div><label class=\"sgss-label\">\n                            Current Workplace                        <\/label><input type=\"text\" name=\"workplace\" class=\"sgss-input\"\n                            value=\"\" required><\/div>\n                    <div><label class=\"sgss-label\">\n                            City                        <\/label><input type=\"text\" name=\"city\" class=\"sgss-input\"\n                            value=\"\" required><\/div>\n                <\/div>\n                <div class=\"sgss-grid\" style=\"margin-top:1.5rem;\">\n                                            <div><label class=\"sgss-label\">\n                                Password                            <\/label><input type=\"password\" name=\"password\" class=\"sgss-input\" required><\/div>\n                                    <\/div>\n\n                <div class=\"sgss-section-title\">\n                    Membership Type                <\/div>\n                <div class=\"tier-grid\">\n                                            <div class=\"tier-card\"\n                            onclick=\"selectTier('full', 600, this)\">\n                            <div class=\"tier-title\">\n                                Surgeon Membership                            <\/div>\n                            <div class=\"tier-price\">\n                                600 SAR                            <\/div>\n                            <div class=\"tier-features\">\n                                Upload Video<br \/>\r\nLibrary Access<br \/>\r\nVoting                            <\/div>\n                        <\/div>\n                                            <div class=\"tier-card\"\n                            onclick=\"selectTier('student', 300, this)\">\n                            <div class=\"tier-title\">\n                                Associate Membership                            <\/div>\n                            <div class=\"tier-price\">\n                                300 SAR                            <\/div>\n                            <div class=\"tier-features\">\n                                Library Access<br \/>\r\nEvent Discounts                            <\/div>\n                        <\/div>\n                                    <\/div>\n                <input type=\"hidden\" name=\"membership_type\" id=\"membership_type\" value=\"\">\n                <input type=\"hidden\" name=\"final_price\" id=\"final_price\" value=\"\">\n                <input type=\"hidden\" name=\"coupon_code\" id=\"coupon_code_input\" value=\"\">\n\n                <div class=\"sgss-section-title\">\n                    Attachments & Photo                <\/div>\n                <div style=\"margin-bottom:1rem; font-weight:600; color:#4b5563;\">\n                    Personal Photo (Optional)                <\/div>\n                <div class=\"file-drop\" onclick=\"document.getElementById('avatar_up').click()\"\n                    style=\"margin-bottom:2rem;\">\n                    <div style=\"font-size:2rem; color:#cbd5e1; margin-bottom:0.5rem;\">\ud83d\udc64<\/div>\n                    <div>\n                        Drag your photo here or click to browse                    <\/div>\n                    <input type=\"file\" name=\"avatar\" id=\"avatar_up\" style=\"display:none\" accept=\"image\/*\">\n                    <div id=\"avatar_up_feedback\" class=\"file-feedback\"><\/div>\n                <\/div>\n                <div style=\"margin-bottom:1rem; font-weight:600; color:#4b5563;\">\n                    Upload SCFHS Certificate (\n                    Optional)\n                <\/div>\n                <div class=\"file-drop\" onclick=\"document.getElementById('c_up').click()\" style=\"margin-bottom:2rem;\">\n                    <div style=\"font-size:2rem; color:#cbd5e1; margin-bottom:0.5rem;\">\u2601\ufe0f<\/div>\n                    <div>\n                        Drag file here or click to browse                    <\/div>\n                    <input type=\"file\" name=\"certificate[]\" id=\"c_up\" style=\"display:none\" multiple>\n                    <div id=\"c_up_feedback\" class=\"file-feedback\"><\/div>\n                <\/div>\n                <div style=\"margin-bottom:1rem; font-weight:600; color:#4b5563;\">\n                    Upload ID Card (\n                    Optional)\n                <\/div>\n                <div class=\"file-drop\" onclick=\"document.getElementById('id_up').click()\">\n                    <div style=\"font-size:2rem; color:#cbd5e1; margin-bottom:0.5rem;\">\u2601\ufe0f<\/div>\n                    <div>\n                        Drag file here or click to browse                    <\/div>\n                    <input type=\"file\" name=\"id_card[]\" id=\"id_up\" style=\"display:none\" multiple>\n                    <div id=\"id_up_feedback\" class=\"file-feedback\"><\/div>\n                <\/div>\n\n                <div id=\"pro-payment-gateway\">\n                    <!-- Coupon Section -->\n                    <div\n                        style=\"background:#fff; border:1px solid #ddd; padding:15px; border-radius:8px; margin-bottom:15px; display:flex; gap:10px; align-items:center;\">\n                        <input type=\"text\" id=\"user_coupon\"\n                            placeholder=\"Discount Code\"\n                            style=\"flex:1; padding:8px; border:1px solid #ccc; border-radius:4px;\">\n                        <button type=\"button\" onclick=\"applyCoupon()\"\n                            style=\"background:#333; color:#fff; border:none; padding:8px 15px; border-radius:4px; cursor:pointer;\">\n                            Apply                        <\/button>\n                    <\/div>\n                    <div id=\"coupon-msg\" style=\"margin-bottom:10px; font-weight:bold;\"><\/div>\n\n                    <div id=\"coupon-msg\" style=\"margin-bottom:10px; font-weight:bold;\"><\/div>\n\n                    <!-- Moyasar Form (Hidden Temporarily) -->\n                    <div class=\"mysr-form\" style=\"display:none;\"><\/div>\n                    <input type=\"hidden\" name=\"moyasar_token\" id=\"moyasar_token\">\n                <\/div>\n                \n                <!-- \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062f\u0641\u0639 \u0644\u0627\u062d\u0642\u0627\u064b \/ Pay Later Notice -->\n                <div style=\"background:#fffbeb; border-right:4px solid #f59e0b; padding:15px; margin-bottom:20px; color:#92400e; font-weight:600; line-height:1.6; border-radius:8px;\">\n                    Payment will be available soon (manual or electronic). You can settle the fees later from your profile once approved.                <\/div>\n\n                <button type=\"button\" class=\"btn-submit\" id=\"main-submit\">\n                    Complete Registration                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Moyasar Settings -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.moyasar.com\/mpf\/1.14.0\/moyasar.css\">\n<script src=\"https:\/\/cdn.moyasar.com\/mpf\/1.14.0\/moyasar.js\"><\/script>\n\n\n<script>\n    \/\/ \u062f\u0627\u0644\u0629 \u0639\u0631\u0636 Popup \u0628\u062f\u0644\u0627\u064b \u0645\u0646 alert\n    function showPopup(message, type = 'info') {\n        jQuery('#sgss-custom-popup').remove();\n\n        let iconColor, bgColor, icon;\n        if (type === 'error') {\n            iconColor = '#991b1b';\n            bgColor = '#fee2e2';\n            icon = '\u26a0\ufe0f';\n        } else if (type === 'success') {\n            iconColor = '#166534';\n            bgColor = '#dcfce7';\n            icon = '\u2713';\n        } else {\n            iconColor = '#1e40af';\n            bgColor = '#dbeafe';\n            icon = '\u2139\ufe0f';\n        }\n\n        let popup = `\n        <div id=\"sgss-custom-popup\" style=\"position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:999999; display:flex; align-items:center; justify-content:center; animation:fadeIn 0.2s;\">\n            <div style=\"background:white; padding:30px; border-radius:16px; max-width:400px; text-align:center; box-shadow:0 20px 60px rgba(0,0,0,0.3); animation:slideUp 0.3s;\">\n                <div style=\"width:60px; height:60px; background:${bgColor}; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; font-size:30px; color:${iconColor};\">\n                    ${icon}\n                <\/div>\n                <p style=\"color:#1e293b; font-size:16px; line-height:1.6; margin:0;\">${message}<\/p>\n                <button onclick=\"jQuery('#sgss-custom-popup').fadeOut(200, function(){ jQuery(this).remove(); });\" style=\"margin-top:20px; background:#52225e; color:white; border:none; padding:12px 30px; border-radius:8px; font-size:15px; font-weight:600; cursor:pointer;\">\n                    OK                <\/button>\n            <\/div>\n        <\/div>\n        <style>\n            @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }\n            @keyframes slideUp { from { transform:translateY(20px); opacity:0; } to { transform:translateY(0); opacity:1; } }\n        <\/style>\n    `;\n\n        jQuery('body').append(popup);\n    }\n\n    function setupFileFeedback(inputId, feedbackId) {\n        const input = document.getElementById(inputId);\n        const feedback = document.getElementById(feedbackId);\n        if (!input || !feedback) return;\n        input.addEventListener('change', function () {\n            if (this.files && this.files.length > 0) {\n                feedback.innerHTML = '';\n                for (let i = 0; i < this.files.length; i++) {\n                    const file = this.files[i];\n                    const fileId = 'file_' + Date.now() + '_' + i;\n                    const fileDiv = document.createElement('div');\n                    fileDiv.className = 'file-item';\n                    fileDiv.id = fileId;\n                    fileDiv.innerHTML = `\n                   <span class=\"dashicons dashicons-yes\"><\/span>\n                   <span>${file.name}<\/span>\n                   <span style=\"font-size:0.8rem; color:#666\">(${(file.size \/ 1024 \/ 1024).toFixed(2)} MB)<\/span>\n                   <button type=\"button\" onclick=\"removeFile('${fileId}', '${inputId}')\" style=\"background:#ef4444; color:#fff; border:none; padding:4px 8px; border-radius:4px; cursor:pointer; margin-left:auto;\">Remove<\/button>\n               `;\n                    feedback.appendChild(fileDiv);\n                }\n            }\n        });\n    }\n    function removeFile(fileId, inputId) { const fileDiv = document.getElementById(fileId); if (fileDiv) fileDiv.remove(); }\n    setupFileFeedback('c_up', 'c_up_feedback');\n    setupFileFeedback('id_up', 'id_up_feedback');\n    setupFileFeedback('avatar_up', 'avatar_up_feedback');\n\n    let originalPrice = 0;\n    let currentTotal = 0;\n\n    function selectTier(type, price, elem) {\n        document.getElementById('membership_type').value = type;\n        document.querySelectorAll('.tier-card').forEach(e => e.classList.remove('selected'));\n        elem.classList.add('selected');\n\n        var payBox = document.getElementById('pro-payment-gateway');\n        var btn = document.getElementById('main-submit');\n\n        document.getElementById('user_coupon').value = '';\n        document.getElementById('coupon_code_input').value = '';\n        document.getElementById('coupon-msg').innerHTML = '';\n\n        originalPrice = parseFloat(price);\n        currentTotal = originalPrice;\n        document.getElementById('final_price').value = currentTotal;\n\n        if (originalPrice > 0) {\n            btn.style.display = 'block';\n            payBox.classList.remove('visible'); \n            btn.innerHTML = 'Register & Proceed to Payment (%s SAR)'.replace('%s', currentTotal);\n            updateTotalDisplay();\n        }\n    }\n\n    function updateTotalDisplay() {\n        let txt = 'Total: ' + currentTotal + ' SAR';\n        document.getElementById('display-total').innerText = txt;\n    }\n\n    jQuery(document).ready(function ($) {\n        $('#main-submit').on('click', function (e) {\n            e.preventDefault();\n            let btn = $(this);\n            let form = $(this).closest('form')[0];\n            let price = parseFloat($('#final_price').val()) || 0;\n            let type = $('#membership_type').val();\n\n            if (!form.checkValidity()) {\n                form.reportValidity();\n                return;\n            }\n\n            if (!type) {\n                showPopup('Please select membership type', 'error');\n                return;\n            }\n\n            let originalText = btn.html();\n            btn.prop('disabled', true).html('Sending...');\n            \n            let formData = new FormData(form);\n            formData.append('action', 'sgss_register_pending_member');\n\n            \/\/ 1. Upload files first (No user created yet)\n            $.ajax({\n                url: 'https:\/\/sgss.org.sa\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: formData,\n                processData: false,\n                contentType: false,\n                success: function(res) {\n                    if (res.success) {\n                        \/\/ Store form data + uploaded file URLs in session\n                        let regData = {};\n                        formData.forEach((value, key) => { regData[key] = value; });\n                        regData['uploaded_files'] = res.data.uploaded_files;\n                        sessionStorage.setItem('sgss_pending_registration', JSON.stringify(regData));\n                        localStorage.setItem('sgss_pending_registration_backup', JSON.stringify(regData)); \/\/ \ud83d\udee1\ufe0f \u062d\u0645\u0627\u064a\u0629 \u062f\u0627\u0626\u0645\u0629 \u0644\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a\n\n                        if (price > 0) {\n                            \/\/ \ud83d\ude80 \u0625\u064a\u0642\u0627\u0641 \u0645\u0648\u064a\u0633\u0631 \u0645\u0624\u0642\u062a\u0627\u064b \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u064a\u062f\u0648\u064a\n                            completePaidRegistration('manual_awaiting_' + Date.now(), JSON.stringify(regData));\n                        } else {\n                            \/\/ Coupon 100% - Complete Immediately\n                            let code = $('#user_coupon').val();\n                            completePaidRegistration('coupon_' + code, JSON.stringify(regData));\n                        }\n                    } else {\n                        btn.prop('disabled', false).html(originalText);\n                        showPopup(res.data || 'Error', 'error');\n                    }\n                },\n                error: function() {\n                    btn.prop('disabled', false).html(originalText);\n                    showPopup('Connection error', 'error');\n                }\n            });\n        });\n\n        function setupMoyasar(amount, tempId) {\n            $('.mysr-form').empty();\n            let amountHalala = Math.round(amount * 100);\n            Moyasar.init({\n                element: '.mysr-form',\n                amount: amountHalala,\n                currency: 'SAR',\n                description: 'SGSS Membership',\n                callback_url: window.location.origin + window.location.pathname + '?status=paid',\n                publishable_api_key: 'pk_live_LFazAhaMGHjqnEt2Wy6tEjjMhwoXHaFjyJhmtjjh',\n                methods: ['creditcard'],\n                metadata: { \/\/ \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u062d\u062a\u064a\u0627\u0637\u064a\u0629 \u062a\u064f\u0631\u0633\u0644 \u0644\u0644\u0628\u0648\u0627\u0628\u0629\n                    'system': 'sgss_platform',\n                    'email': document.getElementById('email') ? document.getElementById('email').value : '',\n                    'membership_type': document.getElementById('membership_type') ? document.getElementById('membership_type').value : '',\n                    'coupon_code': document.getElementById('coupon_code_input') ? document.getElementById('coupon_code_input').value : ''\n                }\n            });\n        }\n\n        function completePaidRegistration(paymentId, formDataStr) {\n            showPopup('Finalizing your membership...', 'success');\n            \n            jQuery.post('https:\/\/sgss.org.sa\/wp-admin\/admin-ajax.php', {\n                action: 'sgss_complete_paid_registration',\n                payment_id: paymentId,\n                form_data: formDataStr\n            }, function(res) {\n                if (res.success) {\n                    sessionStorage.removeItem('sgss_pending_registration');\n                    localStorage.removeItem('sgss_pending_registration_backup'); \/\/ \u062a\u0646\u0638\u064a\u0641 \u0628\u0639\u062f \u0627\u0644\u0646\u062c\u0627\u062d\n                    showPopup('Success! Redirecting...', 'success');\n                    setTimeout(() => { \n                        window.location.href = 'https:\/\/sgss.org.sa\/en\/en\/sgss-profile'; \n                    }, 1000);\n                } else {\n                    showPopup(res.data || 'Error finalizing registration', 'error');\n                    jQuery('#main-submit').prop('disabled', false).fadeIn();\n                }\n            });\n        }\n\n        window.sgssProcessFreeRegistration = function() {\n            let overlay = jQuery('<div id=\"sgss-sim-overlay\" style=\"position:fixed; inset:0; background:rgba(0,0,0,0.85); z-index:99999; display:flex; flex-direction:column; align-items:center; justify-content:center; color:white; font-family:inherit; backdrop-filter:blur(5px);\"><div id=\"sgss-sim-loader\" style=\"width:60px; height:60px; border:5px solid rgba(255,255,255,0.2); border-top-color:#16a34a; border-radius:50%; animation:sgss-spin 1s linear infinite; margin-bottom:20px;\"><\/div><h3 id=\"sgss-sim-title\" style=\"margin:0; font-size:24px; font-weight:800;\">Processing...<\/h3><p id=\"sgss-sim-desc\" style=\"margin:10px 0 0; opacity:0.8; font-size:16px;\">Securing your registration and documents<\/p><style>@keyframes sgss-spin { to { transform: rotate(360deg); } }<\/style><\/div>');\n            jQuery('body').append(overlay);\n            \n            setTimeout(function() {\n                overlay.find('#sgss-sim-title').text('Completed Successfully!');\n                overlay.find('#sgss-sim-desc').text('Forwarding to finalization...');\n                overlay.find('#sgss-sim-loader').css({'animation':'none', 'border-color':'#16a34a', 'display':'flex', 'align-items':'center', 'justify-content':'center'}).html('<span style=\"font-size:35px;color:#16a34a;font-weight:bold;\">\u2713<\/span>');\n                \n                setTimeout(function() {\n                    jQuery('#main-submit').click();\n                }, 1200);\n            }, 2000);\n        };\n\n        window.applyCoupon = function() {\n            let code = $('#user_coupon').val();\n            if (!code) return;\n\n            $('#coupon-msg').css('color', '#666').text('Checking...');\n\n            $.post('https:\/\/sgss.org.sa\/wp-admin\/admin-ajax.php', {\n                action: 'sgss_check_coupon',\n                code: code,\n                amount: originalPrice,\n                context: 'membership'\n            }, function(res) {\n                if (res.success) {\n                    $('#coupon-msg').css('color', 'green').text(res.data.message);\n                    currentTotal = res.data.new_total;\n                    $('#coupon_code_input').val(code);\n                    $('#final_price').val(currentTotal);\n                    updateTotalDisplay();\n                    \n                    if (currentTotal === 0) {\n                        $('#pro-payment-gateway').addClass('visible');\n                        $('.mysr-form').html('<div style=\"background:#f0fdf4; border:2px dashed #16a34a; padding:25px; border-radius:12px; text-align:center; margin:20px 0;\"><span style=\"font-size:40px; display:block; margin-bottom:10px;\">\ud83c\udf81<\/span><h3 style=\"color:#166534; margin:0; font-weight:800;\">100% Discount Applied<\/h3><p style=\"color:#15803d; margin:10px 0 20px;\">Membership is now free. Click the button below to complete activation.<\/p><button type=\"button\" onclick=\"sgssProcessFreeRegistration()\" style=\"background:#16a34a; color:white; border:none; padding:15px 30px; border-radius:8px; font-weight:800; cursor:pointer; font-size:16px; width:100%; box-shadow:0 10px 20px rgba(22,163,74,0.2);\">Confirm & Activate Registration<\/button><\/div>');\n                        $('#main-submit').hide(); \/\/ Hide the old button to use the inner one uniformly\n                    } else if ($('#pro-payment-gateway').hasClass('visible')) {\n                        $('#main-submit').fadeIn().prop('disabled', false).html('Register & Proceed to Payment (%s SAR)'.replace('%s', currentTotal)).css('background', '');\n                        setupMoyasar(currentTotal, 'temp_coupon');\n                    }\n                } else {\n                    $('#coupon-msg').css('color', 'red').text(res.data.message);\n                }\n            });\n        };\n\n        const urlParams = new URLSearchParams(window.location.search);\n        if (urlParams.get('status') === 'paid' && urlParams.get('id')) {\n             \/\/ Ancient Flow - redirect for cleanup (if they have old bookmarks)\n             window.location.href = window.location.pathname + '?status=paid_verified&payment_id=' + urlParams.get('id');\n        }\n\n        if (urlParams.get('status') === 'paid') {\n            let paymentId = urlParams.get('id') || urlParams.get('payment_id');\n            \/\/ \ud83d\udee1\ufe0f \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0632\u062f\u0648\u062c\u0629: \u0645\u062d\u0627\u0648\u0644\u0629 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0645\u0646 \u0627\u0644\u0630\u0627\u0643\u0631\u0629 \u0627\u0644\u0645\u0624\u0642\u062a\u0629\u060c \u0648\u0625\u0630\u0627 \u0633\u0642\u0637\u062a \u0646\u0623\u062e\u0630\u0647\u0627 \u0645\u0646 \u0627\u0644\u0630\u0627\u0643\u0631\u0629 \u0627\u0644\u062f\u0627\u0626\u0645\u0629\n            let pendingData = sessionStorage.getItem('sgss_pending_registration') || localStorage.getItem('sgss_pending_registration_backup');\n            \n            if (pendingData && paymentId) {\n                \/\/ Overlay\n                jQuery('body').append('<div id=\"sgss-pay-overlay\" style=\"position:fixed; inset:0; background:rgba(255,255,255,0.95); z-index:9999; display:flex; align-items:center; justify-content:center;\"><div style=\"text-align:center;\"><div style=\"width:50px; height:50px; border:4px solid #52225e; border-top-color:transparent; border-radius:50%; margin:0 auto 20px; animation:sgssSpin 1s linear infinite;\"><\/div><h3 style=\"color:#52225e; margin:0;\">Verifying & Creating Account...<\/h3><\/div><\/div>');\n                \n                completePaidRegistration(paymentId, pendingData);\n            }\n        }\n    });\n<\/script>\n\t\t<footer data-elementor-type=\"footer\" data-elementor-id=\"163\" class=\"elementor elementor-163 elementor-location-footer\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-56b1e12 e-con-full e-flex e-con e-parent\" data-id=\"56b1e12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca07e91 elementor-widget elementor-widget-shortcode\" data-id=\"ca07e91\" 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        <!-- Font Loading -->\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@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n        <!-- Footer Wrapper -->\n        <footer class=\"nx-final-footer\" dir=\"ltr\">\n            \n            <!-- Top Gradient Line -->\n            <div class=\"nx-top-line\"><\/div>\n\n            <div class=\"nx-grid-container\">\n                \n                <!-- Col 1: Brand \/ Description -->\n                <div class=\"nx-column nx-col-brand\">\n                    <a href=\"https:\/\/sgss.org.sa\/en\" class=\"nx-logo-container\">\n                        <img decoding=\"async\" src=\"https:\/\/sgss.org.sa\/wp-content\/uploads\/2025\/11\/2963c5f6eb4becbb9a6dd89d3103f0166cead02c.jpg\" alt=\"SGSS Logo\" class=\"nx-logo-image\">\n                    <\/a>\n                    <p class=\"nx-desc\">A professional medical organization dedicated to advancing surgical practice, education, and research.<\/p>\n                <\/div>\n\n                <!-- Col 2: Links -->\n                <div class=\"nx-column nx-col-links\">\n                    <h4 class=\"nx-heading\">Quick Links<\/h4>\n                    <ul class=\"nx-vertical-list\">\n                                                    <li>\n                                <a href=\"https:\/\/sgss.org.sa\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/\">\n                                                                            <svg class=\"nx-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n                                                                        About Us                                <\/a>\n                            <\/li>\n                                                    <li>\n                                <a href=\"https:\/\/sgss.org.sa\/%d8%a7%d9%84%d8%b9%d8%b6%d9%88%d9%8a%d8%a9\/\">\n                                                                            <svg class=\"nx-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n                                                                        Membership                                <\/a>\n                            <\/li>\n                                                    <li>\n                                <a href=\"https:\/\/sgss.org.sa\/events\/\">\n                                                                            <svg class=\"nx-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n                                                                        Events                                <\/a>\n                            <\/li>\n                                                    <li>\n                                <a href=\"https:\/\/sgss.org.sa\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\">\n                                                                            <svg class=\"nx-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n                                                                        Contact Us                                <\/a>\n                            <\/li>\n                                                    <li>\n                                <a href=\"https:\/\/sgss.org.sa\/en\/\u0627\u0644\u0645\u0643\u062a\u0628\u0629-\u0627\u0644\u0645\u0631\u0621\u064a\u0629\/\">\n                                                                            <svg class=\"nx-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n                                                                        Library                                <\/a>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n\n                <!-- Col 3: Contact & Social -->\n                <div class=\"nx-column nx-col-contact\">\n                    <h4 class=\"nx-heading\">Contact Information<\/h4>\n                    \n                    <div class=\"nx-contact-details\">\n                        <!-- Phone -->\n                        <div class=\"nx-detail-row\">\n                            <span class=\"nx-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/span>\n                            <a href=\"tel:+966-12-9652000\" dir=\"ltr\" class=\"nx-ltr-text\">+966-12-9652000<\/a>\n                        <\/div>\n                        \n                        <!-- Email -->\n                        <div class=\"nx-detail-row\">\n                            <span class=\"nx-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg><\/span>\n                            <a href=\"mailto:info@sgss.org.sa\" class=\"nx-ltr-text\">info@sgss.org.sa<\/a>\n                        <\/div>\n\n                        <!-- Address -->\n                        <div class=\"nx-detail-row\">\n                            <span class=\"nx-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/span>\n                            <span>College of Medicine - Student Section, KSA<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Social Icons Area -->\n                    <div class=\"nx-social-section\">\n                        <span class=\"nx-label\">Follow Us:<\/span>\n                        <div class=\"nx-icon-group\">\n                                                            <a href=\"https:\/\/x.com\/SGSS_KSA\" \n                                   class=\"nx-s-link nx-x\" \n                                   target=\"_blank\" \n                                   aria-label=\"x\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\/><\/svg>                                <\/a>\n                                                            <a href=\"https:\/\/www.linkedin.com\/company\/sgss-saudi-general-surgery-society\/?originalSubdomain=sa\" \n                                   class=\"nx-s-link nx-linkedin\" \n                                   target=\"_blank\" \n                                   aria-label=\"linkedin\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg>                                <\/a>\n                                                            <a href=\"https:\/\/www.instagram.com\/saudi_general_surgery_society\/?hl=ar\" \n                                   class=\"nx-s-link nx-instagram\" \n                                   target=\"_blank\" \n                                   aria-label=\"instagram\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- Bottom Bar -->\n            <div class=\"nx-bottom-bar\">\n                <p>Copyright \u00a9 2026. Powered by  <strong>Saudi General Surgery Society<\/strong><\/p>\n            <\/div>\n        <\/footer>\n\n        <!-- Styles -->\n        <style>\n            :root {\n                --nx-f-primary: #5D3A75; \/* SGSS Purple *\/\n                --nx-f-teal: #3C8D7F;    \/* SGSS Teal *\/\n                --nx-f-dark: #333333;\n                --nx-f-gray: #555555;\n                --nx-f-bg: #fdfdfd;\n                --nx-font: 'Tajawal', sans-serif;\n            }\n\n            .nx-final-footer {\n                background: var(--nx-f-bg);\n                color: var(--nx-f-dark);\n                font-family: var(--nx-font) !important; \/* Force Tajawal *\/\n                width: 100%;\n                overflow: hidden;\n                border-top: 1px solid rgba(0,0,0,0.05);\n            }\n            \n            \/* Apply font globally inside footer *\/\n            .nx-final-footer h4, \n            .nx-final-footer p, \n            .nx-final-footer a, \n            .nx-final-footer span,\n            .nx-final-footer li {\n                font-family: var(--nx-font) !important;\n            }\n\n            .nx-top-line {\n                height: 4px;\n                background: linear-gradient(90deg, var(--nx-f-primary), var(--nx-f-teal));\n                width: 100%;\n            }\n\n            .nx-grid-container {\n                max-width: 1200px;\n                margin: 0 auto;\n                padding: 70px 20px;\n                display: flex;\n                flex-wrap: wrap;\n                gap: 50px;\n                justify-content: space-between;\n            }\n\n            .nx-column { flex: 1; min-width: 280px; }\n\n            \/* Brand Column *\/\n            .nx-col-brand { max-width: 350px; }\n            .nx-logo-container { display: block; margin-bottom: 25px; }\n            .nx-logo-image { width: 140px; height: auto; }\n            .nx-desc {\n                font-size: 16px;\n                line-height: 1.8;\n                color: var(--nx-f-gray);\n                margin: 0;\n            }\n\n            \/* Headings *\/\n            .nx-heading {\n                color: var(--nx-f-primary);\n                font-size: 20px;\n                font-weight: 800;\n                margin: 0 0 25px 0;\n                position: relative;\n                padding-bottom: 10px;\n            }\n            .nx-heading::after {\n                content: ''; position: absolute; bottom: 0; \n                width: 40px; height: 3px; \n                background: var(--nx-f-teal); \n                border-radius: 2px;\n            }\n            .nx-final-footer[dir=\"rtl\"] .nx-heading::after { right: 0; }\n            .nx-final-footer[dir=\"ltr\"] .nx-heading::after { left: 0; }\n\n            \/* Links List *\/\n            ul.nx-vertical-list {\n                list-style: none !important; margin: 0 !important; padding: 0 !important;\n                display: flex !important; flex-direction: column !important; gap: 14px;\n            }\n            ul.nx-vertical-list a {\n                display: flex; align-items: center; text-decoration: none;\n                color: var(--nx-f-gray); font-size: 16px; font-weight: 500;\n                transition: all 0.3s ease;\n            }\n            .nx-arrow { \n                margin-inline-end: 12px; color: #ccc; transition: 0.3s; width: 14px; \n            }\n            ul.nx-vertical-list a:hover { color: var(--nx-f-primary); transform: translateX(-5px); }\n            .nx-final-footer[dir=\"ltr\"] ul.nx-vertical-list a:hover { transform: translateX(5px); }\n            ul.nx-vertical-list a:hover .nx-arrow { color: var(--nx-f-teal); }\n\n            \/* Contact Details *\/\n            .nx-contact-details { display: flex; flex-direction: column; gap: 18px; }\n            .nx-detail-row { display: flex; align-items: flex-start; gap: 15px; font-size: 16px; color: var(--nx-f-gray); }\n            .nx-icon { color: var(--nx-f-teal); margin-top: 3px; flex-shrink: 0; }\n            .nx-detail-row a { color: inherit; text-decoration: none; transition: 0.2s; }\n            .nx-detail-row a:hover { color: var(--nx-f-primary); }\n            .nx-ltr-text { font-family: 'Poppins', sans-serif !important; direction: ltr; unicode-bidi: embed; }\n\n            \/* Social Media Area *\/\n            .nx-social-section { margin-top: 35px; border-top: 1px solid #eee; padding-top: 20px; }\n            .nx-label { display: block; font-weight: 700; color: var(--nx-f-primary); margin-bottom: 15px; font-size: 16px; }\n            \n            .nx-icon-group { display: flex; gap: 12px; }\n            \n            .nx-s-link {\n                width: 42px; height: 42px;\n                background: #333;\n                border-radius: 8px;\n                display: flex; align-items: center; justify-content: center;\n                transition: all 0.3s ease;\n            }\n            \n            \/* Social Brand Colors *\/\n            .nx-s-link.nx-x { background-color: #000; }\n            .nx-s-link.nx-linkedin { background-color: #0077b5; }\n            .nx-s-link.nx-instagram { \n                background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); \n            }\n\n            .nx-s-link:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }\n\n            \/* Bottom Bar *\/\n            .nx-bottom-bar {\n                background: #f8f9fa;\n                border-top: 1px solid #eee;\n                text-align: center;\n                padding: 25px;\n                font-size: 14px;\n                color: #888;\n            }\n            .nx-bottom-bar strong { color: var(--nx-f-primary); font-weight: 700; }\n\n            \/* Responsive *\/\n            @media (max-width: 991px) {\n                .nx-grid-container { flex-direction: column; gap: 40px; padding: 50px 20px; }\n                .nx-col-brand, .nx-column { max-width: 100%; }\n                .nx-logo-container img { width: 130px; }\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<\/footer>\n\t\t\n<template id=\"tp-language\" data-tp-language=\"en_US\"><\/template><script type=\"speculationrules\">\n{\"prefetch\":[{\"source\":\"document\",\"where\":{\"and\":[{\"href_matches\":\"\/en\/*\"},{\"not\":{\"href_matches\":[\"\/wp-*.php\",\"\/wp-admin\/*\",\"\/wp-content\/uploads\/*\",\"\/wp-content\/*\",\"\/wp-content\/plugins\/*\",\"\/wp-content\/themes\/hello-elementor\/*\",\"\/en\/*\\\\?(.+)\"]}},{\"not\":{\"selector_matches\":\"a[rel~=\\\"nofollow\\\"]\"}},{\"not\":{\"selector_matches\":\".no-prefetch, .no-prefetch a\"}}]},\"eagerness\":\"conservative\"}]}\n<\/script>\n\t\t\t<script>\n\t\t\t\tconst lazyloadRunObserver = () => {\n\t\t\t\t\tconst lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );\n\t\t\t\t\tconst lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {\n\t\t\t\t\t\tentries.forEach( ( entry ) => {\n\t\t\t\t\t\t\tif ( entry.isIntersecting ) {\n\t\t\t\t\t\t\t\tlet lazyloadBackground = entry.target;\n\t\t\t\t\t\t\t\tif( lazyloadBackground ) {\n\t\t\t\t\t\t\t\t\tlazyloadBackground.classList.add( 'e-lazyloaded' );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlazyloadBackgroundObserver.unobserve( entry.target );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}, { rootMargin: '200px 0px 200px 0px' } );\n\t\t\t\t\tlazyloadBackgrounds.forEach( ( lazyloadBackground ) => {\n\t\t\t\t\t\tlazyloadBackgroundObserver.observe( lazyloadBackground );\n\t\t\t\t\t} );\n\t\t\t\t};\n\t\t\t\tconst events = [\n\t\t\t\t\t'DOMContentLoaded',\n\t\t\t\t\t'elementor\/lazyload\/observe',\n\t\t\t\t];\n\t\t\t\tevents.forEach( ( event ) => {\n\t\t\t\t\tdocument.addEventListener( event, lazyloadRunObserver );\n\t\t\t\t} );\n\t\t\t<\/script>\n\t\t\t<script type=\"text\/template\" id=\"tmpl-elementor-templates-modal__header\">\n\t<div class=\"elementor-templates-modal__header__logo-area\"><\/div>\n\t<div class=\"elementor-templates-modal__header__menu-area\"><\/div>\n\t<div class=\"elementor-templates-modal__header__items-area\">\n\t\t<# if ( closeType ) { #>\n\t\t\t<button type=\"button\" class=\"elementor-templates-modal__header__close elementor-templates-modal__header__close--{{{ closeType }}} elementor-templates-modal__header__item\" aria-label=\"Close\">\n\t\t\t\t<# if ( 'skip' === closeType ) { #>\n\t\t\t\t<span>Skip<\/span>\n\t\t\t\t<# } #>\n\t\t\t\t<i class=\"eicon-close\" aria-hidden=\"true\"><\/i>\n\t\t\t\t<span class=\"elementor-screen-only\">{{{ $e.components?.get( 'document\/elements' )?.utils?.getTitleForLibraryClose() }}}<\/span>\n\t\t\t<\/button>\n\t\t<# } #>\n\t\t<div id=\"elementor-template-library-header-tools\"><\/div>\n\t<\/div>\n<\/script>\n\n<script type=\"text\/template\" id=\"tmpl-elementor-templates-modal__header__logo\">\n\t<span class=\"elementor-templates-modal__header__logo__icon-wrapper e-logo-wrapper\">\n\t\t<i class=\"eicon-elementor-circle\"><\/i>\n\t<\/span>\n\t<span class=\"elementor-templates-modal__header__logo__title\">{{{ title }}}<\/span>\n<\/script>\n<script id=\"trp-dynamic-translator-js-extra\">\nvar trp_data = {\"trp_custom_ajax_url\":\"https:\/\/sgss.org.sa\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php\",\"trp_wp_ajax_url\":\"https:\/\/sgss.org.sa\/wp-admin\/admin-ajax.php\",\"trp_language_to_query\":\"en_US\",\"trp_original_language\":\"ar\",\"trp_current_language\":\"en_US\",\"trp_skip_selectors\":[\"[data-no-translation]\",\"[data-no-dynamic-translation]\",\"[data-trp-translate-id-innertext]\",\"script\",\"style\",\"head\",\"trp-span\",\"translate-press\",\"[data-trp-translate-id]\",\"[data-trpgettextoriginal]\",\"[data-trp-post-slug]\"],\"trp_base_selectors\":[\"data-trp-translate-id\",\"data-trpgettextoriginal\",\"data-trp-post-slug\"],\"trp_attributes_selectors\":{\"text\":{\"accessor\":\"outertext\",\"attribute\":false},\"block\":{\"accessor\":\"innertext\",\"attribute\":false},\"image_src\":{\"selector\":\"img[src]\",\"accessor\":\"src\",\"attribute\":true},\"submit\":{\"selector\":\"input[type='submit'],input[type='button'], input[type='reset']\",\"accessor\":\"value\",\"attribute\":true},\"placeholder\":{\"selector\":\"input[placeholder],textarea[placeholder]\",\"accessor\":\"placeholder\",\"attribute\":true},\"title\":{\"selector\":\"[title]\",\"accessor\":\"title\",\"attribute\":true},\"a_href\":{\"selector\":\"a[href]\",\"accessor\":\"href\",\"attribute\":true},\"button\":{\"accessor\":\"outertext\",\"attribute\":false},\"option\":{\"accessor\":\"innertext\",\"attribute\":false},\"aria_label\":{\"selector\":\"[aria-label]\",\"accessor\":\"aria-label\",\"attribute\":true},\"video_src\":{\"selector\":\"video[src]\",\"accessor\":\"src\",\"attribute\":true},\"video_poster\":{\"selector\":\"video[poster]\",\"accessor\":\"poster\",\"attribute\":true},\"video_source_src\":{\"selector\":\"video source[src]\",\"accessor\":\"src\",\"attribute\":true},\"audio_src\":{\"selector\":\"audio[src]\",\"accessor\":\"src\",\"attribute\":true},\"audio_source_src\":{\"selector\":\"audio source[src]\",\"accessor\":\"src\",\"attribute\":true},\"picture_image_src\":{\"selector\":\"picture image[src]\",\"accessor\":\"src\",\"attribute\":true},\"picture_source_srcset\":{\"selector\":\"picture source[srcset]\",\"accessor\":\"srcset\",\"attribute\":true}},\"trp_attributes_accessors\":[\"outertext\",\"innertext\",\"src\",\"value\",\"placeholder\",\"title\",\"href\",\"aria-label\",\"poster\",\"srcset\"],\"gettranslationsnonceregular\":\"ec27164c81\",\"showdynamiccontentbeforetranslation\":\"\",\"skip_strings_from_dynamic_translation\":[],\"skip_strings_from_dynamic_translation_for_substrings\":{\"href\":[\"amazon-adsystem\",\"googleads\",\"g.doubleclick\"]},\"duplicate_detections_allowed\":\"100\",\"trp_translate_numerals_opt\":\"no\",\"trp_no_auto_translation_selectors\":[\"[data-no-auto-translation]\"]};\n\/\/# sourceURL=trp-dynamic-translator-js-extra\n<\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/translatepress-multilingual\/assets\/js\/trp-translate-dom-changes.js?ver=3.1.8\" id=\"trp-dynamic-translator-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-includes\/js\/jquery\/ui\/core.min.js?ver=1.13.3\" id=\"jquery-ui-core-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-includes\/js\/jquery\/ui\/mouse.min.js?ver=1.13.3\" id=\"jquery-ui-mouse-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-includes\/js\/jquery\/ui\/draggable.min.js?ver=1.13.3\" id=\"jquery-ui-draggable-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-includes\/js\/underscore.min.js?ver=1.13.7\" id=\"underscore-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-includes\/js\/backbone.min.js?ver=1.6.0\" id=\"backbone-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/lib\/backbone\/backbone.marionette.min.js?ver=2.4.5.e1\" id=\"backbone-marionette-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/lib\/backbone\/backbone.radio.min.js?ver=1.0.4\" id=\"backbone-radio-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/js\/common-modules.min.js?ver=4.0.6\" id=\"elementor-common-modules-js\"><\/script>\n<script id=\"elementor-web-cli-js-before\">\nvar elementorWebCliConfig = {\"isDebug\":false,\"urls\":{\"rest\":\"https:\\\/\\\/sgss.org.sa\\\/en\\\/wp-json\\\/\",\"assets\":\"https:\\\/\\\/sgss.org.sa\\\/wp-content\\\/plugins\\\/elementor\\\/assets\\\/\"},\"nonce\":\"a6ebb8b7f8\",\"version\":\"4.0.6\"};\nvar elementorWebCliConfig = {\"isDebug\":false,\"urls\":{\"rest\":\"https:\\\/\\\/sgss.org.sa\\\/en\\\/wp-json\\\/\",\"assets\":\"https:\\\/\\\/sgss.org.sa\\\/wp-content\\\/plugins\\\/elementor\\\/assets\\\/\"},\"nonce\":\"a6ebb8b7f8\",\"version\":\"4.0.6\"};\n\/\/# sourceURL=elementor-web-cli-js-before\n<\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/js\/web-cli.min.js?ver=4.0.6\" id=\"elementor-web-cli-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/lib\/dialog\/dialog.min.js?ver=4.9.4\" id=\"elementor-dialog-js\"><\/script>\n<script id=\"wp-api-request-js-extra\">\nvar wpApiSettings = {\"root\":\"https:\/\/sgss.org.sa\/en\/wp-json\/\",\"nonce\":\"a6ebb8b7f8\",\"versionString\":\"wp\/v2\/\"};\n\/\/# sourceURL=wp-api-request-js-extra\n<\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-includes\/js\/api-request.min.js?ver=6.9.4\" id=\"wp-api-request-js\"><\/script>\n<script id=\"elementor-dev-tools-js-before\">\nvar elementorDevToolsConfig = {\"isDebug\":false,\"urls\":{\"assets\":\"https:\\\/\\\/sgss.org.sa\\\/wp-content\\\/plugins\\\/elementor\\\/assets\\\/\"},\"deprecation\":{\"soft_notices\":[],\"soft_version_count\":4,\"hard_version_count\":8,\"current_version\":\"4.0.6\"}};\nvar elementorDevToolsConfig = {\"isDebug\":false,\"urls\":{\"assets\":\"https:\\\/\\\/sgss.org.sa\\\/wp-content\\\/plugins\\\/elementor\\\/assets\\\/\"},\"deprecation\":{\"soft_notices\":[],\"soft_version_count\":4,\"hard_version_count\":8,\"current_version\":\"4.0.6\"}};\nvar elementorDevToolsConfig = {\"isDebug\":false,\"urls\":{\"assets\":\"https:\\\/\\\/sgss.org.sa\\\/wp-content\\\/plugins\\\/elementor\\\/assets\\\/\"},\"deprecation\":{\"soft_notices\":[],\"soft_version_count\":4,\"hard_version_count\":8,\"current_version\":\"4.0.6\"}};\n\/\/# sourceURL=elementor-dev-tools-js-before\n<\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/js\/dev-tools.min.js?ver=4.0.6\" id=\"elementor-dev-tools-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-includes\/js\/dist\/hooks.min.js?ver=dd5603f07f9220ed27f1\" id=\"wp-hooks-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-includes\/js\/dist\/i18n.min.js?ver=c26c3dc7bed366793375\" id=\"wp-i18n-js\"><\/script>\n<script id=\"wp-i18n-js-after\">\nwp.i18n.setLocaleData( { 'text direction\\u0004ltr': [ 'ltr' ] } );\n\/\/# sourceURL=wp-i18n-js-after\n<\/script>\n<script id=\"elementor-common-js-before\">\nvar elementorCommonConfig = {\"version\":\"4.0.6\",\"isRTL\":false,\"isDebug\":false,\"isElementorDebug\":false,\"activeModules\":[\"ajax\",\"connect\",\"event-tracker\",\"events-manager\"],\"experimentalFeatures\":{\"e_font_icon_svg\":true,\"additional_custom_breakpoints\":true,\"container\":true,\"e_optimized_markup\":true,\"theme_builder_v2\":true,\"hello-theme-header-footer\":true,\"e_pro_free_trial_popup\":true,\"nested-elements\":true,\"global_classes_should_enforce_capabilities\":true,\"e_variables\":true,\"e_opt_in_v4_page\":true,\"e_components\":true,\"e_interactions\":true,\"e_widget_creation\":true,\"import-export-customization\":true,\"mega-menu\":true,\"e_pro_variables\":true,\"editor_events\":true},\"allExperimentalFeatures\":{\"e_font_icon_svg\":true,\"additional_custom_breakpoints\":true,\"container\":true,\"e_optimized_markup\":true,\"theme_builder_v2\":true,\"hello-theme-header-footer\":true,\"e_pro_free_trial_popup\":true,\"nested-elements\":true,\"pages_panel\":false,\"e_atomic_elements\":false,\"e_classes\":false,\"global_classes_should_enforce_capabilities\":true,\"e_variables\":true,\"e_opt_in_v4_page\":true,\"e_opt_in_v4\":false,\"e_components\":true,\"e_interactions\":true,\"e_widget_creation\":true,\"import-export-customization\":true,\"mega-menu\":true,\"e_pro_variables\":true,\"in_editor_feedback\":false,\"editor_events\":true},\"urls\":{\"assets\":\"https:\\\/\\\/sgss.org.sa\\\/wp-content\\\/plugins\\\/elementor\\\/assets\\\/\",\"rest\":\"https:\\\/\\\/sgss.org.sa\\\/en\\\/wp-json\\\/\"},\"filesUpload\":{\"unfilteredFiles\":false},\"editor_events\":{\"can_send_events\":true,\"elementor_version\":\"4.0.6\",\"site_url\":\"78d28a9465003508d631c9c8653100b437241aca6ed0a6cd4a0b3d39e4fb9d83\",\"wp_version\":\"6.9.4\",\"user_agent\":\"Mozilla\\\/5.0 AppleWebKit\\\/537.36 (KHTML, like Gecko; compatible; ClaudeBot\\\/1.0; +claudebot@anthropic.com)\",\"site_language\":\"en_US\",\"site_key\":\"7795ce887f497cfcf0bc2540b8d20467\",\"subscription_id\":null,\"subscription\":{\"success\":false,\"error\":\"site_inactive\"},\"token\":\"150605b3b9f979922f2ac5a52e2dcfe9\",\"flags_enabled\":true},\"library_connect\":{\"is_connected\":false,\"user_id\":null,\"user_roles\":[],\"subscription_plans\":{\"free\":{\"label\":null,\"promotion_url\":null,\"color\":null},\"essential\":{\"label\":\"Pro\",\"promotion_url\":\"https:\\\/\\\/my.elementor.com\\\/upgrade-subscription\\\/?utm_source=template-library&utm_medium=wp-dash&utm_campaign=gopro\",\"color\":\"#92003B\"},\"essential-oct2023\":{\"label\":\"Advanced\",\"promotion_url\":\"https:\\\/\\\/my.elementor.com\\\/upgrade-subscription\\\/?utm_source=template-library&utm_medium=wp-dash&utm_campaign=gopro\",\"color\":\"#92003B\"},\"advanced\":{\"label\":\"Advanced\",\"promotion_url\":\"https:\\\/\\\/my.elementor.com\\\/upgrade-subscription\\\/?utm_source=template-library&utm_medium=wp-dash&utm_campaign=gopro\",\"color\":\"#92003B\"},\"expert\":{\"label\":\"Expert\",\"promotion_url\":\"https:\\\/\\\/my.elementor.com\\\/upgrade-subscription\\\/?utm_source=template-library&utm_medium=wp-dash&utm_campaign=gopro\",\"color\":\"#92003B\"},\"agency\":{\"label\":\"Agency\",\"promotion_url\":\"https:\\\/\\\/my.elementor.com\\\/upgrade-subscription\\\/?utm_source=template-library&utm_medium=wp-dash&utm_campaign=gopro\",\"color\":\"#92003B\"}},\"base_access_level\":0,\"base_access_tier\":\"free\",\"current_access_level\":0,\"current_access_tier\":\"free\",\"plan_type\":\"free\",\"user_email\":null},\"ajax\":{\"url\":\"https:\\\/\\\/sgss.org.sa\\\/wp-admin\\\/admin-ajax.php\",\"nonce\":\"7de734d6cb\"},\"connect\":[],\"event-tracker\":{\"isUserDataShared\":true},\"events-manager\":[]};\n\/\/# sourceURL=elementor-common-js-before\n<\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/js\/common.min.js?ver=4.0.6\" id=\"elementor-common-js\"><\/script>\n<script id=\"elementor-app-loader-js-before\">\nvar elementorAppConfig = {\"menu_url\":\"https:\\\/\\\/sgss.org.sa\\\/wp-admin\\\/admin.php?page=elementor-app&ver=4.0.6#\\\/site-editor\",\"assets_url\":\"https:\\\/\\\/sgss.org.sa\\\/wp-content\\\/plugins\\\/elementor\\\/assets\\\/\",\"pages_url\":\"https:\\\/\\\/sgss.org.sa\\\/wp-admin\\\/edit.php?post_type=page\",\"return_url\":\"https:\\\/\\\/sgss.org.sa\\\/wp-admin\\\/\",\"hasPro\":true,\"admin_url\":\"https:\\\/\\\/sgss.org.sa\\\/wp-admin\\\/\",\"login_url\":\"https:\\\/\\\/sgss.org.sa\\\/wp-login.php\",\"base_url\":\"https:\\\/\\\/sgss.org.sa\\\/wp-admin\\\/admin.php?page=elementor-app&ver=4.0.6\",\"home_url\":\"https:\\\/\\\/sgss.org.sa\\\/en\",\"promotion\":{\"upgrade_url\":\"https:\\\/\\\/go.elementor.com\\\/go-pro-theme-builder\\\/\"},\"site-editor\":[],\"onboarding\":[]};\n\/\/# sourceURL=elementor-app-loader-js-before\n<\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/js\/app-loader.min.js?ver=4.0.6\" id=\"elementor-app-loader-js\"><\/script>\n<script id=\"hostinger-reach-subscription-block-view-js-extra\">\nvar hostinger_reach_subscription_block_data = {\"endpoint\":\"https:\/\/sgss.org.sa\/en\/wp-json\/hostinger-reach\/v1\/contact\",\"nonce\":\"a6ebb8b7f8\",\"translations\":{\"thanks\":\"Thanks for subscribing.\",\"error\":\"Something went wrong. Please try again.\"}};\n\/\/# sourceURL=hostinger-reach-subscription-block-view-js-extra\n<\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/hostinger-reach\/frontend\/dist\/blocks\/subscription-view.js?ver=1777977833\" id=\"hostinger-reach-subscription-block-view-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/themes\/hello-elementor\/assets\/js\/hello-frontend.js?ver=3.4.7\" id=\"hello-theme-frontend-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/js\/webpack.runtime.min.js?ver=4.0.6\" id=\"elementor-webpack-runtime-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/js\/frontend-modules.min.js?ver=4.0.6\" id=\"elementor-frontend-modules-js\"><\/script>\n<script src=\"https:\/\/sgss.org.sa\/wp-content\/plugins\/elementor\/assets\/js\/frontend.min.js?ver=4.0.6\" id=\"elementor-frontend-js\"><\/script>\n<script id=\"wp-emoji-settings\" type=\"application\/json\">\n{\"baseUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/72x72\/\",\"ext\":\".png\",\"svgUrl\":\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/\",\"svgExt\":\".svg\",\"source\":{\"concatemoji\":\"https:\/\/sgss.org.sa\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.9.4\"}}\n<\/script>\n<script type=\"module\">\n\/*! This file is auto-generated *\/\nconst a=JSON.parse(document.getElementById(\"wp-emoji-settings\").textContent),o=(window._wpemojiSettings=a,\"wpEmojiSettingsSupports\"),s=[\"flag\",\"emoji\"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case\"flag\":return n(e,\"\\ud83c\\udff3\\ufe0f\\u200d\\u26a7\\ufe0f\",\"\\ud83c\\udff3\\ufe0f\\u200b\\u26a7\\ufe0f\")?!1:!n(e,\"\\ud83c\\udde8\\ud83c\\uddf6\",\"\\ud83c\\udde8\\u200b\\ud83c\\uddf6\")&&!n(e,\"\\ud83c\\udff4\\udb40\\udc67\\udb40\\udc62\\udb40\\udc65\\udb40\\udc6e\\udb40\\udc67\\udb40\\udc7f\",\"\\ud83c\\udff4\\u200b\\udb40\\udc67\\u200b\\udb40\\udc62\\u200b\\udb40\\udc65\\u200b\\udb40\\udc6e\\u200b\\udb40\\udc67\\u200b\\udb40\\udc7f\");case\"emoji\":return!a(e,\"\\ud83e\\u1fac8\")}return!1}function f(e,t,n,a){let r;const o=(r=\"undefined\"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement(\"canvas\")).getContext(\"2d\",{willReadFrequently:!0}),s=(o.textBaseline=\"top\",o.font=\"600 32px Arial\",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement(\"script\");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if(\"object\"==typeof e&&\"number\"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&\"object\"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if(\"undefined\"!=typeof Worker&&\"undefined\"!=typeof OffscreenCanvas&&\"undefined\"!=typeof URL&&URL.createObjectURL&&\"undefined\"!=typeof Blob)try{var e=\"postMessage(\"+f.toString()+\"(\"+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(\",\")+\"));\",a=new Blob([e],{type:\"text\/javascript\"});const r=new Worker(URL.createObjectURL(a),{name:\"wpTestEmojiSupports\"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],\"flag\"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});\n\/\/# sourceURL=https:\/\/sgss.org.sa\/wp-includes\/js\/wp-emoji-loader.min.js\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1492","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\/1492","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"}],"replies":[{"embeddable":true,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/comments?post=1492"}],"version-history":[{"count":0,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/1492\/revisions"}],"wp:attachment":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/media?parent=1492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}