{"id":55,"date":"2026-02-01T10:52:31","date_gmt":"2026-02-01T10:52:31","guid":{"rendered":"https:\/\/ssnmmi.org.sa\/?page_id=55"},"modified":"2026-04-20T12:11:43","modified_gmt":"2026-04-20T12:11:43","slug":"who-we-are","status":"publish","type":"page","link":"https:\/\/ssnmmi.org.sa\/ar\/who-we-are\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"55\" class=\"elementor elementor-55\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8722209 e-con-full e-flex e-con e-parent\" data-id=\"8722209\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56b4dcb elementor-widget elementor-widget-html\" data-id=\"56b4dcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ssnmmi-hero-block\">\r\n    <div class=\"hero-shape\"><\/div>\r\n    \r\n    <div class=\"hero-inner\">\r\n        <div class=\"hero-content-box\">\r\n            <span class=\"hero-tag\">\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646\u0627<\/span>\r\n            <h1 class=\"hero-main-title translation-block\">\u0645\u0646 <span>\u0646\u062d\u0646<\/span><\/h1>\r\n            <div class=\"hero-divider\"><\/div>\r\n            <p class=\"hero-description\">\r\n\u062a\u0639\u0645\u0644 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u064a \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u0645\u0647\u0646\u064a.            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .ssnmmi-hero-block {\r\n            --blue: #00C2F3;\r\n            --green: #18B68B;\r\n            --dark-bg: #0f172a;\r\n            \r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 400px; \/* \u062d\u062c\u0645 \u0635\u063a\u064a\u0631 \u0648\u0631\u0634\u064a\u0642 *\/\r\n            background-color: var(--dark-bg);\r\n            \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0645\u0639 Overlay \u062f\u0627\u0643\u0646 \u0644\u0644\u0648\u0636\u0648\u062d *\/\r\n            background-image: linear-gradient(90deg, rgba(15, 23, 42, 0.92) 35%, rgba(15, 23, 42, 0.4) 100%), \r\n                              url('https:\/\/ssnmmi.org.sa\/wp-content\/uploads\/2026\/02\/\u062e\u0644\u0641\u064a\u0629-2.webp');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed; \/* \u062a\u0623\u062b\u064a\u0631 Parallax *\/\r\n            display: flex;\r\n            align-items: center;\r\n            overflow: hidden;\r\n            font-family: 'Montserrat', sans-serif;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* \u0634\u0631\u064a\u0637 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u062c\u0627\u0646\u0628\u064a \u0627\u0644\u062d\u0627\u062f *\/\r\n        .ssnmmi-hero-block::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            width: 8px;\r\n            height: 100%;\r\n            background: linear-gradient(to bottom, var(--blue), var(--green));\r\n            z-index: 3;\r\n        }\r\n\r\n        .hero-inner {\r\n            width: 90%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .hero-content-box {\r\n            max-width: 650px;\r\n        }\r\n\r\n        .hero-tag {\r\n            display: inline-block;\r\n            font-size: 11px;\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            color: var(--blue);\r\n            background: rgba(0, 194, 243, 0.1);\r\n            padding: 6px 15px;\r\n            margin-bottom: 20px;\r\n            border: 1px solid rgba(0, 194, 243, 0.3);\r\n        }\r\n\r\n        .hero-main-title {\r\n            font-size: 52px;\r\n            font-weight: 900;\r\n            color: #ffffff;\r\n            text-transform: uppercase;\r\n            margin: 0 0 15px 0;\r\n            line-height: 1;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .hero-main-title span {\r\n            color: var(--green);\r\n        }\r\n\r\n        .hero-divider {\r\n            width: 60px;\r\n            height: 4px;\r\n            background: var(--blue);\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .hero-description {\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            font-weight: 400;\r\n            margin: 0;\r\n            padding-left: 20px;\r\n            border-left: 1px solid rgba(255, 255, 255, 0.15);\r\n        }\r\n\r\n        \/* \u0632\u062e\u0631\u0641\u0629 \u0647\u0646\u062f\u0633\u064a\u0629 \u062d\u0627\u062f\u0629 \u062e\u0644\u0641\u064a\u0629 *\/\r\n        .hero-shape {\r\n            position: absolute;\r\n            right: -5%;\r\n            bottom: -10%;\r\n            width: 400px;\r\n            height: 400px;\r\n            border: 2px solid rgba(24, 182, 139, 0.1);\r\n            transform: rotate(45deg);\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n        @media (max-width: 768px) {\r\n            .ssnmmi-hero-block {\r\n                min-height: 350px;\r\n                padding: 50px 0;\r\n                text-align: center;\r\n                background-attachment: scroll; \/* \u0623\u0641\u0636\u0644 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n            }\r\n            .hero-main-title { font-size: 38px; }\r\n            .hero-description { \r\n                border-left: none; \r\n                padding-left: 0;\r\n                font-size: 14px;\r\n            }\r\n            .hero-divider { margin: 15px auto 25px auto; }\r\n            .ssnmmi-hero-block::before { width: 100%; height: 5px; top: 0; }\r\n        }\r\n    <\/style>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d59f2e5 elementor-widget elementor-widget-html\" data-id=\"d59f2e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"who-we-are\" class=\"ssnmmi-clean-about\">\r\n  <style>\r\n    \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0639\u0627\u0645 *\/\r\n    .ssnmmi-clean-about {\r\n      \/* \u0633\u062d\u0628 \u0627\u0644\u062e\u0637\u0648\u0637 \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0648\u0628\u0637\u0631\u064a\u0642\u0629 \u0644\u0627 \u062a\u0639\u064a\u0642 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 *\/\r\n      @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800;900&family=Open+Sans:wght@400;600;700&display=swap');\r\n\r\n      --blue: #4A7DF5; \/* \u062f\u0631\u062c\u0629 \u0627\u0644\u0623\u0632\u0631\u0642 \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n      --green: #5DCEBE; \/* \u062f\u0631\u062c\u0629 \u0627\u0644\u062a\u0631\u0643\u0648\u0627\u0632 \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n      --bg: #141320; \/* \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u0627\u0643\u0646 \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n      --ink: #ffffff; \/* \u062a\u062d\u0648\u064a\u0644 \u0644\u0648\u0646 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0623\u0628\u064a\u0636 *\/\r\n      --muted: #aab2bd; \/* \u0644\u0648\u0646 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0641\u0631\u0639\u064a\u0629 *\/\r\n      \r\n      position: relative;\r\n      padding: 120px 0;\r\n      background: var(--bg);\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      font-family: 'Montserrat', sans-serif;\r\n      \/* \u062a\u0641\u0639\u064a\u0644 \u062a\u0633\u0631\u064a\u0639 \u0643\u0627\u0631\u062a \u0627\u0644\u0634\u0627\u0634\u0629 \u0644\u0644\u0633\u0643\u0634\u0646 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n      backface-visibility: hidden;\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629: \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0640 Blur \u0628\u0640 Gradients \u062b\u0627\u0628\u062a\u0629 \u0644\u062a\u0642\u0644\u064a\u0644 \u062c\u0647\u062f \u0627\u0644\u0645\u0639\u0627\u0644\u062c *\/\r\n    .ssnmmi-clean-about::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -50px;\r\n      background:\r\n        radial-gradient(circle at 15% 25%, rgba(74, 125, 245, 0.05), transparent 40%),\r\n        radial-gradient(circle at 85% 75%, rgba(93, 206, 190, 0.05), transparent 40%);\r\n      z-index: 0;\r\n      pointer-events: none;\r\n      will-change: transform;\r\n    }\r\n\r\n    .ssnmmi-clean-about::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n      background-size: 64px 64px;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n      -webkit-mask-image: radial-gradient(circle at 42% 45%, black 20%, transparent 85%);\r\n      mask-image: radial-gradient(circle at 42% 45%, black 20%, transparent 85%);\r\n    }\r\n\r\n    .ssnmmi-clean-about .container {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: 90%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1.05fr 0.95fr;\r\n      gap: 70px;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* ============ Visual Side (Optimized) ============ *\/\r\n    .ssnmmi-clean-about .visual-stack {\r\n      position: relative;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      min-height: 560px;\r\n      will-change: transform;\r\n    }\r\n\r\n    .ssnmmi-clean-about .frame-outline {\r\n      position: absolute;\r\n      inset: -18px;\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      z-index: 1;\r\n    }\r\n\r\n    .ssnmmi-clean-about .decorative-box {\r\n      position: absolute;\r\n      top: -48px;\r\n      right: -48px;\r\n      width: 330px;\r\n      height: 330px;\r\n      border: 14px solid rgba(93, 206, 190, 0.07);\r\n      z-index: 1;\r\n    }\r\n\r\n    .ssnmmi-clean-about .dots {\r\n      position: absolute;\r\n      left: -22px;\r\n      bottom: -22px;\r\n      width: 170px;\r\n      height: 120px;\r\n      background: radial-gradient(rgba(74, 125, 245, 0.15) 1px, transparent 1.5px);\r\n      background-size: 14px 14px;\r\n      z-index: 1;\r\n    }\r\n\r\n    .ssnmmi-clean-about .main-img-box {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n       overflow: hidden;\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);\r\n      transform: rotate(-1.4deg) translateZ(0);\r\n      transition: transform .4s ease, box-shadow .4s ease;\r\n      background: #10121a;\r\n    }\r\n\r\n    .ssnmmi-clean-about .main-img-box img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transform: scale(1.01) translateZ(0);\r\n      transition: transform .6s ease;\r\n    }\r\n\r\n    .ssnmmi-clean-about .main-img-box:hover {\r\n      transform: rotate(0deg) translateY(-5px) translateZ(0);\r\n      box-shadow: 0 35px 80px rgba(0, 0, 0, 0.5);\r\n    }\r\n    \r\n    .ssnmmi-clean-about .main-img-box:hover img {\r\n      transform: scale(1.05) translateZ(0);\r\n    }\r\n\r\n    .ssnmmi-clean-about .mini-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 10px 14px;\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      background: rgba(16, 20, 24, 0.85);\r\n      color: #fff;\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: 12px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* ============ Content Side ============ *\/\r\n    .ssnmmi-clean-about h2 {\r\n      margin: 0 0 18px 0;\r\n      font-size: clamp(30px, 3.6vw, 46px);\r\n      line-height: 1.06;\r\n      font-weight: 900;\r\n      color: var(--ink);\r\n    }\r\n\r\n    .ssnmmi-clean-about h2 span {\r\n      color: var(--green);\r\n      display: inline-block;\r\n      background: linear-gradient(transparent 70%, rgba(93, 206, 190, 0.1) 70%);\r\n    }\r\n\r\n    .ssnmmi-clean-about .body-copy {\r\n      font-family: 'Open Sans', sans-serif;\r\n      color: var(--muted);\r\n      font-size: 17px;\r\n      line-height: 1.85;\r\n      margin: 0 0 26px 0;\r\n      border-left: 3px solid rgba(255, 255, 255, 0.1);\r\n      padding: 12px 18px;\r\n      background: rgba(255, 255, 255, 0.03);\r\n      transition: transform .3s ease, border-color .3s ease;\r\n    }\r\n\r\n    .ssnmmi-clean-about .body-copy:hover {\r\n      border-color: var(--blue);\r\n      transform: translateX(4px) translateZ(0);\r\n    }\r\n\r\n    .ssnmmi-clean-about .feature {\r\n      border: 1px solid rgba(255, 255, 255, 0.05);\r\n      background: rgba(255, 255, 255, 0.03);\r\n      padding: 16px 14px;\r\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n      transition: transform .3s ease;\r\n      color: #fff;\r\n    }\r\n\r\n    .ssnmmi-clean-about .feature:hover {\r\n      transform: translateY(-5px) translateZ(0);\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n      .ssnmmi-clean-about .main-img-box { height: 400px; transform: none; }\r\n      .ssnmmi-clean-about .container { grid-template-columns: 1fr; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"container\">\r\n    <div class=\"visual-stack\">\r\n      <div class=\"decorative-box\"><\/div>\r\n      <div class=\"frame-outline\"><\/div>\r\n      <div class=\"dots\"><\/div>\r\n\r\n      <div class=\"main-img-box\">\r\n        <img decoding=\"async\" src=\"https:\/\/ssnmmi.org.sa\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-15-at-12.30.33-PM.jpeg\" alt=\"Nuclear Medicine\" loading=\"lazy\">\r\n        <div class=\"badge-strip translation-block\" style=\"position:absolute; left:20px; bottom:20px; display:flex; gap:10px; z-index:10;\"><span class=\"mini-badge\">\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u2022 SCFHS<\/span>\n<span class=\"mini-badge\">\u062a\u0623\u0633\u0633\u062a. 2019<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"content-side\">\r\n      <span class=\"section-label\" style=\"color:var(--blue); font-weight:900; letter-spacing:2px; font-size:12px; margin-bottom:15px; display:block;\"> \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 <\/span>\r\n      <h2> <span>\u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a \u0648 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u064a<\/span><\/h2>\r\n\r\n      <p class=\"body-copy\">\r\n\u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u064a (SSNMMI) \u0647\u064a \u0645\u0646\u0638\u0645\u0629 \u0645\u0647\u0646\u064a\u0629 \u0645\u0643\u0631\u0633\u0629 \u0644\u062a\u0637\u0648\u064a\u0631 \u0645\u062c\u0627\u0644 \u0627\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0628\u064a\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0648\u0645\u062a\u062e\u0635\u0635\u064a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u0627\u0644.\r\n      <\/p>\r\n\r\n      <p class=\"body-copy\">\r\n        \u062a\u0644\u0639\u0628 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u062f\u0648\u0631\u0627\u064b \u0641\u0639\u0627\u0644\u0627\u064b \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0644\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a. \u0643\u0645\u0627 \u064a\u0642\u0648\u0645 \u0628\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0623\u0628\u062d\u0627\u062b \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\u0629 \u0648\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0645\u064a\u0629.\r\n      <\/p>\r\n\r\n      <div class=\"feature-row\" style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap:15px; margin-top:20px;\">\r\n        <div class=\"feature\" style=\"border-left: 3px solid var(--blue); padding:15px;\">\r\n          <b style=\"display:block; font-size:14px;\">\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u064a\u0629<\/b>\r\n          <span style=\"font-size:12px; color:#aab2bd;\">\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/span>\r\n        <\/div>\r\n        <div class=\"feature\" style=\"border-left: 3px solid var(--green); padding:15px;\">\r\n          <b style=\"display:block; font-size:14px;\">\u0627\u0644\u062a\u0639\u0644\u0645<\/b>\r\n          <span style=\"font-size:12px; color:#aab2bd;\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"feature\" style=\"border-left: 3px solid var(--blue); padding:15px;\">\r\n          <b style=\"display:block; font-size:14px;\">\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a<\/b>\r\n          <span style=\"font-size:12px; color:#aab2bd;\">\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\u0629<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb92a47 elementor-widget elementor-widget-html\" data-id=\"fb92a47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"vision-mission-container\">\r\n    <div class=\"vm-wrapper\">\r\n        <div class=\"vm-card vision\">\r\n            <div class=\"vm-icon\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"><\/path>\r\n                    <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"vm-content\">\r\n                <h2 class=\"vm-title translation-block\"><span>\u0631\u0624\u064a\u062a\u0646\u0627<\/span><\/h2>\r\n                <div class=\"vm-line\"><\/div>\r\n                <p class=\"vm-text translation-block\">\u062a\u0637\u0648\u064a\u0631 <strong>\u0627\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a<\/strong> \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0639\u0645 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u060c \u0648\u062a\u0634\u062c\u064a\u0639 <strong>\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a<\/strong> \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\u060c \u0648\u062a\u0634\u062c\u064a\u0639 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\u060c \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0648\u0631\u0634 \u0627\u0644\u0639\u0645\u0644 \u0648\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vm-card mission\">\r\n            <div class=\"vm-icon\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"vm-content\">\r\n                <h2 class=\"vm-title translation-block\"><span>\u0645\u0647\u0645\u062a\u0646\u0627<\/span><\/h2>\r\n                <div class=\"vm-line\"><\/div>\r\n                <p class=\"vm-text\">\r\n\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u062a\u0637\u0648\u064a\u0631\u0647\u0627\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u060c \u0648\u062a\u0639\u0632\u064a\u0632 \u0645\u062c\u0627\u0644 \u0627\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0646\u0647\u0648\u0636 \u0628\u0647\u060c \u0648\u062a\u0634\u062c\u064a\u0639 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\u060c \u0648\u0628\u0646\u0627\u0621 \u0645\u062c\u062a\u0645\u0639 \u0645\u0647\u0646\u064a \u062a\u0639\u0627\u0648\u0646\u064a \u0645\u0644\u062a\u0632\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0623\u062e\u0644\u0627\u0642 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u064a\u060c \u0645\u0639 \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0648\u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u0627\u0644 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0645\u062a\u062e\u0635\u0635.\r\n\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .vision-mission-container {\r\n            --blue: #4A7DF5; \/* \u062f\u0631\u062c\u0629 \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n            --green: #5DCEBE; \/* \u062f\u0631\u062c\u0629 \u0627\u0644\u062a\u0631\u0643\u0648\u0627\u0632 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n            --ink: #ffffff; \/* \u0627\u0644\u0646\u0635 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0623\u0635\u0628\u062d \u0623\u0628\u064a\u0636 *\/\r\n            --bg-dark: #141320; \/* \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n            \r\n            padding: 80px 5%;\r\n            background: var(--bg-dark);\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        .vm-wrapper {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n        }\r\n\r\n        .vm-card {\r\n            background: rgba(255, 255, 255, 0.03); \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 *\/\r\n            padding: 50px;\r\n            position: relative;\r\n            box-shadow: 20px 20px 0px rgba(0, 0, 0, 0.2); \/* \u0638\u0644 \u062f\u0627\u0643\u0646 *\/\r\n            border: 1px solid rgba(255, 255, 255, 0.05); \/* \u062d\u062f\u0648\u062f \u062e\u0641\u064a\u0641\u0629 *\/\r\n            transition: all 0.4s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0632\u0648\u0627\u064a\u0627 \u0627\u0644\u062d\u0627\u062f\u0629 \u0639\u0646\u062f \u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n        .vm-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5); \/* \u062a\u0639\u0645\u064a\u0642 \u0627\u0644\u0638\u0644 \u0641\u064a \u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n            border-color: var(--blue);\r\n        }\r\n\r\n        \/* \u062a\u0645\u064a\u064a\u0632 \u0627\u0644\u0631\u0624\u064a\u0629 \u0628\u0627\u0644\u0623\u0632\u0631\u0642 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0628\u0627\u0644\u0623\u062e\u0636\u0631 (\u0627\u0644\u062a\u0631\u0643\u0648\u0627\u0632) *\/\r\n        .vision { border-top: 5px solid var(--blue); }\r\n        .mission { border-top: 5px solid var(--green); }\r\n\r\n        .vm-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: rgba(255, 255, 255, 0.05); \/* \u062a\u0641\u062a\u064a\u062d \u0628\u0633\u064a\u0637 \u0644\u0644\u062e\u0644\u0641\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 *\/\r\n            color: var(--ink);\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .vision:hover .vm-icon { background: var(--blue); color: #fff; }\r\n        .mission:hover .vm-icon { background: var(--green); color: #141320; \/* \u0644\u0648\u0646 \u062f\u0627\u0643\u0646 \u0644\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u0648\u0627\u0632 \u0644\u062a\u0628\u0627\u064a\u0646 \u0623\u0641\u0636\u0644 *\/ }\r\n\r\n        .vm-icon svg { width: 24px; height: 24px; }\r\n\r\n        .vm-title {\r\n            font-size: 28px;\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            margin: 0;\r\n            color: var(--ink);\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .vm-title span { color: var(--blue); }\r\n        .mission .vm-title span { color: var(--green); }\r\n\r\n        .vm-line {\r\n            width: 40px;\r\n            height: 4px;\r\n            background: var(--ink);\r\n            margin: 15px 0;\r\n            transition: width 0.4s ease;\r\n        }\r\n\r\n        .vm-card:hover .vm-line { width: 80px; }\r\n        .vision:hover .vm-line { background: var(--blue); }\r\n        .mission:hover .vm-line { background: var(--green); }\r\n\r\n        .vm-text {\r\n            font-size: 15px;\r\n            line-height: 1.8;\r\n            color: #aab2bd; \/* \u0644\u0648\u0646 \u0627\u0644\u0646\u0635 \u0627\u0644\u0641\u0631\u0639\u064a \u0641\u064a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 *\/\r\n            margin: 0;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n        @media (max-width: 900px) {\r\n            .vm-wrapper { grid-template-columns: 1fr; }\r\n            .vm-card { padding: 35px; }\r\n            .vision-mission-container { padding: 60px 5%; }\r\n        }\r\n    <\/style>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de12687 elementor-widget elementor-widget-html\" data-id=\"de12687\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<section id=\"strategic-mission\" class=\"ssnmmi-mission-v3\">\r\n    <style>\r\n        .ssnmmi-mission-v3 {\r\n            --p: #4A7DF5; \/* Blue *\/\r\n            --s: #5DCEBE; \/* Turquoise *\/\r\n            --bg: #141320;\r\n            --ink: #ffffff;\r\n            --muted: #aab2bd;\r\n            --card-bg: rgba(255, 255, 255, 0.03);\r\n\r\n            position: relative;\r\n            padding: 100px 0;\r\n            background-color: var(--bg);\r\n            font-family: 'Montserrat', sans-serif;\r\n            color: var(--ink);\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* \u062a\u0648\u0647\u062c \u062e\u0644\u0641\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a *\/\r\n        .ssnmmi-mission-v3 .ambient-glow {\r\n            position: absolute;\r\n            width: 50vw;\r\n            height: 50vw;\r\n            background: radial-gradient(circle, rgba(74, 125, 245, 0.08) 0%, transparent 70%);\r\n            z-index: 1;\r\n            filter: blur(100px);\r\n            pointer-events: none;\r\n        }\r\n        .ssnmmi-mission-v3 .glow-top { top: -10%; left: -10%; }\r\n        .ssnmmi-mission-v3 .glow-bottom { bottom: -10%; right: -10%; background: radial-gradient(circle, rgba(93, 206, 190, 0.06) 0%, transparent 70%); }\r\n\r\n        .ssnmmi-mission-v3 .container {\r\n            width: 90%;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 5;\r\n        }\r\n\r\n        \/* \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0632\u062c\u0627\u062c\u064a\u0629 *\/\r\n        .ssnmmi-mission-v3 .content-wrapper {\r\n            position: relative;\r\n            text-align: center;\r\n            background: var(--card-bg);\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            padding: 60px 40px;\r\n            border-radius: 0px;\r\n            backdrop-filter: blur(20px);\r\n            box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4);\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u062f\u0631\u062c \u0627\u0644\u0639\u0644\u0648\u064a *\/\r\n        .ssnmmi-mission-v3 .content-wrapper::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 150px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--p), var(--s));\r\n            border-radius: 0 0 10px 10px;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0644\u064a\u0628\u0644 \u0627\u0644\u0639\u0644\u0648\u064a *\/\r\n        .ssnmmi-mission-v3 .mission-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 16px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 100px;\r\n            margin-bottom: 25px;\r\n        }\r\n        .ssnmmi-mission-v3 .mission-tag i { color: var(--s); font-size: 12px; }\r\n        .ssnmmi-mission-v3 .mission-tag span {\r\n            font-size: 10px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: var(--muted);\r\n        }\r\n\r\n        \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n        .ssnmmi-mission-v3 h2 {\r\n            font-size: clamp(24px, 4vw, 38px);\r\n            font-weight: 900;\r\n            line-height: 1.2;\r\n            margin-bottom: 30px;\r\n            letter-spacing: -0.5px;\r\n        }\r\n        .ssnmmi-mission-v3 h2 span {\r\n            background: linear-gradient(135deg, var(--p), var(--s));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        \/* \u0627\u0644\u0646\u0635 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n        .ssnmmi-mission-v3 .main-text {\r\n            font-size: clamp(16px, 1.8vw, 20px);\r\n            line-height: 1.8;\r\n            color: var(--muted);\r\n            font-weight: 500;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* \u062a\u0645\u064a\u064a\u0632 \u0627\u0644\u0643\u0644\u0645\u0627\u062a *\/\r\n        .ssnmmi-mission-v3 .main-text strong {\r\n            color: var(--ink);\r\n            font-weight: 700;\r\n            border-bottom: 1px solid rgba(93, 206, 190, 0.3);\r\n        }\r\n\r\n        \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0633\u0641\u0644\u064a\u0629 *\/\r\n        .ssnmmi-mission-v3 .features-grid {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            margin-top: 50px;\r\n            flex-wrap: wrap;\r\n        }\r\n        .ssnmmi-mission-v3 .feature-pill {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 10px 18px;\r\n            background: rgba(255, 255, 255, 0.02);\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n            border-radius: 16px;\r\n            transition: all 0.3s ease;\r\n        }\r\n        .ssnmmi-mission-v3 .feature-pill:hover {\r\n            background: rgba(74, 125, 245, 0.1);\r\n            border-color: var(--p);\r\n            transform: translateY(-5px);\r\n        }\r\n        .ssnmmi-mission-v3 .feature-pill i { font-size: 16px; color: var(--p); }\r\n        .ssnmmi-mission-v3 .feature-pill span {\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: var(--ink);\r\n        }\r\n\r\n        \/* \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0637\u0627\u0626\u0631\u0629 \u062f\u064a\u0643\u0648\u0631\u064a\u0629 *\/\r\n        .ssnmmi-mission-v3 .floating-decoration {\r\n            position: absolute;\r\n            font-size: 30px;\r\n            color: var(--p);\r\n            opacity: 0.05;\r\n            z-index: 1;\r\n            animation: float 8s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-30px); }\r\n        }\r\n\r\n        \/* Responsive Adjustments *\/\r\n        @media (max-width: 768px) {\r\n            .ssnmmi-mission-v3 { padding: 60px 0; }\r\n            .ssnmmi-mission-v3 .content-wrapper { padding: 40px 20px; border-radius: 30px; }\r\n            .ssnmmi-mission-v3 .features-grid { display: grid; grid-template-columns: 1fr 1fr; }\r\n            .ssnmmi-mission-v3 .feature-pill { justify-content: center; }\r\n        }\r\n        @media (max-width: 480px) {\r\n            .ssnmmi-mission-v3 .features-grid { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"ambient-glow glow-top\"><\/div>\r\n    <div class=\"ambient-glow glow-bottom\"><\/div>\r\n\r\n    <i class=\"fa-solid fa-atom floating-decoration\" style=\"top: 15%; left: 8%;\"><\/i>\r\n    <i class=\"fa-solid fa-dna floating-decoration\" style=\"bottom: 15%; right: 8%; animation-delay: 2s;\"><\/i>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"content-wrapper\">\r\n            <div class=\"mission-tag\">\r\n                <i class=\"fa-solid fa-rocket\"><\/i>\r\n                <span>\u0647\u062f\u0641\u0646\u0627\r\n\r\n<\/span>\r\n            <\/div>\r\n\r\n            <h2 style=\"color:white;\" class=\"translation-block\">\u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a <br><span>\u0627\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a<\/span><\/h2>\r\n\r\n            <p class=\"main-text translation-block\">\u062a\u0637\u0648\u064a\u0631 <strong>\u0627\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a<\/strong> \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0639\u0645 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u060c \u0648\u062a\u0634\u062c\u064a\u0639 <strong>\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a<\/strong> \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\u060c \u0648\u062a\u0634\u062c\u064a\u0639 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\u060c \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0648\u0631\u0634 \u0627\u0644\u0639\u0645\u0644 \u0648\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628.<\/p>\r\n\r\n            <div class=\"features-grid\">\r\n                <a href=\"https:\/\/ssnmmi.org.sa\/ar\/blogs\/\" class=\"feature-pill\">\r\n                    <i class=\"fa-solid fa-book-medical\"><\/i>\r\n                    <span>\u0627\u0644\u062a\u0639\u0644\u0645<\/span>\r\n                <\/a>\r\n           \r\n               \r\n                <a href=\"https:\/\/ssnmmi.org.sa\/ar\/all-events\/\" class=\"feature-pill\">\r\n                    <i class=\"fa-solid fa-calendar-check\"><\/i>\r\n                    <span>\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/span>\r\n                <\/a>   <a href=\"https:\/\/ssnmmi.org.sa\/ar\/careers\/\" class=\"feature-pill\">\r\n    <i class=\"fa-solid fa-briefcase\"><\/i>\r\n    <span>\u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u062a\u0627\u062d\u0629<\/span>\r\n<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71af288 elementor-widget elementor-widget-html\" data-id=\"71af288\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"edu-training-section\">\r\n    <div class=\"edu-container\">\r\n        <div class=\"edu-content\">\r\n            <div class=\"edu-badge\">\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/div>\r\n            <h2 class=\"edu-title translation-block\">\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648<span>\u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/span><\/h2>\r\n            <div class=\"edu-accent-line\"><\/div>\r\n            <p class=\"edu-text\">\r\n\u062a\u0644\u062a\u0632\u0645 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a \u0648 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u064a\n \u0628\u062f\u0639\u0645 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a \u0641\u064a \u0627\u0644\u0637\u0628 \u0627\u0644\u0646\u0648\u0648\u064a \u0648\u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0648\u0648\u0631\u0634 \u0627\u0644\u0639\u0645\u0644 \u0648\u0641\u0631\u0635 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u064a\u0646 \u0639\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0645\u0639\u0627\u0631\u0641\u0647\u0645 \u0648\u0645\u0647\u0627\u0631\u0627\u062a\u0647\u0645\u060c \u0645\u0639 \u062a\u0634\u062c\u064a\u0639 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0644\u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062c\u0627\u0644.\r\n\r\n            <\/p>\r\n            <div class=\"edu-features\">\r\n                <div class=\"edu-feat-item\">\r\n                    <span class=\"feat-icon\">\u2713<\/span>\r\n                    <span class=\"feat-label\">\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/span>\r\n                <\/div>\r\n                <div class=\"edu-feat-item\">\r\n                    <span class=\"feat-icon\">\u2713<\/span>\r\n                    <span class=\"feat-label\">\u0641\u0631\u0635 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0647\u0646\u064a<\/span>\r\n                <\/div> <div class=\"edu-feat-item\">\r\n                    <span class=\"feat-icon\">\u2713<\/span>\r\n                    <span class=\"feat-label\">\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u0645\u062d\u0644\u064a \u0648\u0627\u0644\u062f\u0648\u0644\u064a<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"edu-visual\">\r\n            <div class=\"edu-main-box\">\r\n                <div class=\"edu-inner-content\">\r\n                    <div class=\"edu-stat\">100%<\/div>\r\n                    <div class=\"edu-stat-label\">Accredited Excellence<\/div>\r\n                <\/div>\r\n                <div class=\"edu-corner-decor\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .edu-training-section {\r\n            --blue: #4A7DF5; \/* \u062f\u0631\u062c\u0629 \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n            --green: #5DCEBE; \/* \u062f\u0631\u062c\u0629 \u0627\u0644\u062a\u0631\u0643\u0648\u0627\u0632 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n            --bg-dark: #141320; \/* \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n            --ink: #ffffff; \/* \u0644\u0648\u0646 \u0627\u0644\u0646\u0635 \u0627\u0644\u0623\u0633\u0627\u0633\u064a *\/\r\n            --muted: #aab2bd; \/* \u0644\u0648\u0646 \u0627\u0644\u0646\u0635 \u0627\u0644\u0641\u0631\u0639\u064a *\/\r\n            \r\n            padding: 100px 8%;\r\n            background: var(--bg-dark);\r\n            font-family: 'Montserrat', sans-serif;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .edu-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 0.8fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* Content Styling *\/\r\n        .edu-badge {\r\n            font-size: 10px;\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            color: var(--blue);\r\n            margin-bottom: 15px;\r\n            border-left: 3px solid var(--green);\r\n            padding-left: 10px;\r\n        }\r\n\r\n        .edu-title {\r\n            font-size: 42px;\r\n            font-weight: 900;\r\n            color: var(--ink);\r\n            text-transform: uppercase;\r\n            margin: 0 0 20px 0;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .edu-title span { color: var(--green); }\r\n\r\n        .edu-accent-line {\r\n            width: 80px;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, var(--blue), var(--green));\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .edu-text {\r\n            font-size: 17px;\r\n            line-height: 1.8;\r\n            color: var(--muted);\r\n            margin-bottom: 40px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .edu-features {\r\n            display: flex;\r\n            gap: 30px;\r\n        }\r\n\r\n        .edu-feat-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .feat-icon {\r\n            color: var(--green);\r\n            font-weight: 900;\r\n            font-size: 18px;\r\n        }\r\n\r\n        .feat-label {\r\n            font-size: 10px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            color: var(--ink);\r\n        }\r\n\r\n        \/* Visual Box Styling (Sharp & Tech) *\/\r\n        .edu-visual {\r\n            position: relative;\r\n            padding: 20px;\r\n        }\r\n\r\n        .edu-main-box {\r\n            background: rgba(255, 255, 255, 0.05); \/* \u062a\u0645 \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0644\u0648\u0646 \u0644\u064a\u0643\u0648\u0646 \u0628\u0627\u0631\u0632 \u0639\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u0627\u0643\u0646\u0629 *\/\r\n            border: 1px solid rgba(255, 255, 255, 0.05); \/* \u0625\u0636\u0627\u0641\u0629 \u062d\u062f\u0648\u062f \u062e\u0641\u064a\u0641\u0629 *\/\r\n            padding: 60px 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n            transition: 0.4s;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); \/* \u0638\u0644 \u062f\u0627\u0643\u0646 \u0644\u0625\u0639\u0637\u0627\u0621 \u0639\u0645\u0642 \u0644\u0644\u062a\u0635\u0645\u064a\u0645 *\/\r\n        }\r\n\r\n        .edu-main-box::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -20px;\r\n            right: -20px;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 2px solid var(--blue);\r\n            z-index: -1;\r\n            transition: 0.4s;\r\n        }\r\n\r\n        .edu-main-box:hover {\r\n            transform: translate(-10px, 10px);\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);\r\n        }\r\n\r\n        .edu-main-box:hover::before {\r\n            transform: translate(20px, -20px);\r\n            border-color: var(--green);\r\n        }\r\n\r\n        .edu-stat {\r\n            font-size: 60px;\r\n            font-weight: 900;\r\n            color: var(--blue);\r\n            line-height: 1;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .edu-stat-label {\r\n            color: var(--ink);\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .edu-corner-decor {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--green);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 992px) {\r\n            .edu-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 60px;\r\n                text-align: center;\r\n            }\r\n            .edu-accent-line { margin: 0 auto 30px auto; }\r\n            .edu-features { justify-content: center; }\r\n            .edu-badge { border-left: none; border-bottom: 3px solid var(--green); display: inline-block; padding: 0 0 5px 0; }\r\n        }\r\n    <\/style>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-289da93 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"289da93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"areas-of-expertise\" class=\"ssnmmi-sharp-matrix\">\r\n  <style>\r\n    .ssnmmi-sharp-matrix {\r\n      --p-blue: #00C2F3;\r\n      --p-green: #18B68B;\r\n      --bg: #ffffff;\r\n      --ink: #101418;\r\n\r\n      position: relative;\r\n      padding: 120px 0;\r\n      background: var(--bg);\r\n      font-family: 'Montserrat', sans-serif;\r\n      overflow: hidden;\r\n      \r\n      \/* \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u0643\u0631\u0631\u0629 *\/\r\n      background-image: radial-gradient(rgba(0,194,243,0.05) 1.5px, transparent 1.5px);\r\n      background-size: 40px 40px;\r\n      \r\n      \/* \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643 \u0644\u0644\u0642\u0633\u0645 *\/\r\n      backface-visibility: hidden;\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .container {\r\n      width: 90%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 10;\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .header-box {\r\n      text-align: left;\r\n      margin-bottom: 70px;\r\n      max-width: 720px;\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .section-label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 9px 16px;\r\n      border: 1px solid rgba(0,194,243,0.16);\r\n      background: rgba(0,194,243,0.08);\r\n      color: var(--p-blue);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .section-label::before {\r\n      content: \"\";\r\n      width: 12px;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, var(--p-blue), var(--p-green));\r\n      display: inline-block;\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix h2 {\r\n      margin: 0;\r\n      font-size: clamp(30px, 3.6vw, 46px);\r\n      line-height: 1.06;\r\n      font-weight: 900;\r\n      color: var(--ink);\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix h2 span {\r\n      color: var(--p-green);\r\n      position: relative;\r\n      display: inline-block;\r\n      background: linear-gradient(transparent 75%, rgba(24,182,139,0.1) 75%);\r\n    }\r\n\r\n    \/* =================== Optimized Matrix Grid =================== *\/\r\n    .ssnmmi-sharp-matrix .matrix-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 0;\r\n      background: #eee;\r\n      \/* \u0645\u0646\u0639 \u0627\u0647\u062a\u0632\u0627\u0632 \u0627\u0644\u0634\u0628\u0643\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 *\/\r\n      contain: layout paint; \r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .matrix-item {\r\n      position: relative;\r\n      height: 350px;\r\n      overflow: hidden;\r\n      background: #111;\r\n      cursor: pointer;\r\n      \/* \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u0633\u0643\u0631\u0648\u0644 \u0644\u0643\u0644 \u062e\u0644\u064a\u0629 *\/\r\n      will-change: transform;\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .matrix-img {\r\n      width: 100%;\r\n      height: 100%;\r\n      background-size: cover;\r\n      background-position: center;\r\n      \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 Will-change \u0644\u062a\u0647\u064a\u0626\u0629 \u0643\u0627\u0631\u062a \u0627\u0644\u0634\u0627\u0634\u0629 \u0644\u0644\u062d\u0631\u0643\u0629 *\/\r\n      will-change: transform;\r\n      \/* \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0644\u064a\u0643\u0648\u0646 \u0623\u062e\u0641 \u0641\u064a \u0627\u0644\u0631\u0646\u062f\u0631 *\/\r\n      transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .matrix-item:hover .matrix-img {\r\n      transform: scale(1.1) translateZ(0);\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .matrix-info {\r\n      position: absolute;\r\n      inset: 0;\r\n      padding: 40px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-end;\r\n      z-index: 5;\r\n      \/* \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u062a\u062f\u0631\u062c \u0627\u0644\u0644\u0648\u0646\u064a *\/\r\n      background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 50%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix h3 {\r\n      color: #fff;\r\n      font-size: 18px;\r\n      font-weight: 800;\r\n      margin: 0;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .matrix-item:hover h3 {\r\n      color: var(--p-blue);\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .item-line {\r\n      width: 40px;\r\n      height: 3px;\r\n      background: var(--p-green);\r\n      margin-top: 15px;\r\n      transition: width 0.4s ease;\r\n    }\r\n\r\n    .ssnmmi-sharp-matrix .matrix-item:hover .item-line {\r\n      width: 100%;\r\n    }\r\n\r\n    \/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    @media (max-width: 992px) {\r\n      .ssnmmi-sharp-matrix .matrix-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .ssnmmi-sharp-matrix .matrix-item { height: 300px; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .ssnmmi-sharp-matrix .matrix-grid { grid-template-columns: 1fr; }\r\n      .ssnmmi-sharp-matrix { padding: 80px 0; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"container\">\r\n    <div class=\"header-box\">\r\n      <span class=\"section-label\">Core Capabilities<\/span>\r\n      <h2>Areas of <span>Expertise<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"matrix-grid\">\r\n      <div class=\"matrix-item\">\r\n        <div class=\"matrix-img\" style=\"background-image: url('https:\/\/steelblue-dragonfly-262120.hostingersite.com\/wp-content\/uploads\/2026\/02\/Diagnostic-Nuclear-Medicine.webp');\"><\/div>\r\n        <div class=\"matrix-info\">\r\n          <h3>Diagnostic Nuclear Medicine<\/h3>\r\n          <div class=\"item-line\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"matrix-item\">\r\n        <div class=\"matrix-img\" style=\"background-image: url('https:\/\/steelblue-dragonfly-262120.hostingersite.com\/wp-content\/uploads\/2026\/02\/Advanced-Molecular-Imaging.webp');\"><\/div>\r\n        <div class=\"matrix-info\">\r\n          <h3>Advanced Molecular Imaging<\/h3>\r\n          <div class=\"item-line\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"matrix-item\">\r\n        <div class=\"matrix-img\" style=\"background-image: url('https:\/\/steelblue-dragonfly-262120.hostingersite.com\/wp-content\/uploads\/2026\/02\/Radionuclide-Therapy.webp');\"><\/div>\r\n        <div class=\"matrix-info\">\r\n          <h3>Radionuclide Therapy<\/h3>\r\n          <div class=\"item-line\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"matrix-item\">\r\n        <div class=\"matrix-img\" style=\"background-image: url('https:\/\/steelblue-dragonfly-262120.hostingersite.com\/wp-content\/uploads\/2026\/02\/Medical-Physics-in-Nuclear-Medicine.webp');\"><\/div>\r\n        <div class=\"matrix-info\">\r\n          <h3>Medical Physics<\/h3>\r\n          <div class=\"item-line\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"matrix-item\">\r\n        <div class=\"matrix-img\" style=\"background-image: url('https:\/\/steelblue-dragonfly-262120.hostingersite.com\/wp-content\/uploads\/2026\/02\/Radiation-Safety-and-Quality-Assurance.webp');\"><\/div>\r\n        <div class=\"matrix-info\">\r\n          <h3>Radiation Safety<\/h3>\r\n          <div class=\"item-line\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"matrix-item\">\r\n        <div class=\"matrix-img\" style=\"background-image: url('https:\/\/steelblue-dragonfly-262120.hostingersite.com\/wp-content\/uploads\/2026\/02\/Clinical-and-Translational-Research.webp');\"><\/div>\r\n        <div class=\"matrix-info\">\r\n          <h3>Clinical Research<\/h3>\r\n          <div class=\"item-line\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0d854f elementor-widget elementor-widget-html\" data-id=\"e0d854f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"our-activities\" class=\"ssnmmi-kinetic-activities\">\r\n  <style>\r\n    .ssnmmi-kinetic-activities {\r\n      --blue: #4A7DF5; \/* \u062f\u0631\u062c\u0629 \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n      --green: #5DCEBE; \/* \u062f\u0631\u062c\u0629 \u0627\u0644\u062a\u0631\u0643\u0648\u0627\u0632 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n      --bg: #141320; \/* \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n      --ink: #ffffff; \/* \u0644\u0648\u0646 \u0627\u0644\u0646\u0635 \u0627\u0644\u0623\u0633\u0627\u0633\u064a *\/\r\n      --muted: #aab2bd; \/* \u0644\u0648\u0646 \u0627\u0644\u0646\u0635 \u0627\u0644\u0641\u0631\u0639\u064a *\/\r\n\r\n      position: relative;\r\n      padding: 130px 0;\r\n      background: var(--bg);\r\n      font-family: 'Montserrat', sans-serif;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n\r\n      \/* \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0646\u0642\u0627\u0637 \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 *\/\r\n      background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1.5px, transparent 1.5px);\r\n      background-size: 44px 44px;\r\n      \r\n      \/* \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643 \u0644\u0644\u0642\u0633\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n      backface-visibility: hidden;\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    \/* \u0627\u0644\u062a\u0648\u0647\u062c \u0627\u0644\u062e\u0644\u0641\u064a *\/\r\n    .ssnmmi-kinetic-activities::before,\r\n    .ssnmmi-kinetic-activities::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 400px;\r\n      height: 400px;\r\n      border-radius: 50%;\r\n      filter: blur(80px);\r\n      z-index: -1;\r\n      opacity: 0.15;\r\n      pointer-events: none;\r\n    }\r\n    .ssnmmi-kinetic-activities::before { top: 10%; left: -100px; background: var(--blue); }\r\n    .ssnmmi-kinetic-activities::after { bottom: 10%; right: -100px; background: var(--green); }\r\n\r\n    .ssnmmi-kinetic-activities .container {\r\n      width: 90%;\r\n      max-width: 1000px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .header-box {\r\n      text-align: center;\r\n      margin-bottom: 90px;\r\n      max-width: 720px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .section-label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 9px 16px;\r\n      border: 1px solid rgba(74, 125, 245, 0.16);\r\n      background: rgba(74, 125, 245, 0.08);\r\n      color: var(--blue);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .section-label::before {\r\n      content: \"\";\r\n      width: 12px;\r\n      height: 2px;\r\n      background: var(--blue);\r\n      display: inline-block;\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities h2 {\r\n      margin: 0;\r\n      font-size: clamp(30px, 3.6vw, 46px);\r\n      line-height: 1.06;\r\n      font-weight: 900;\r\n      color: var(--ink);\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities h2 span {\r\n      color: var(--green);\r\n      position: relative;\r\n      display: inline-block;\r\n      background: linear-gradient(transparent 75%, rgba(93, 206, 190, 0.1) 75%);\r\n    }\r\n\r\n    \/* =================== Optimized Timeline =================== *\/\r\n    .ssnmmi-kinetic-activities .activity-timeline {\r\n      position: relative;\r\n      padding: 8px 0;\r\n      will-change: transform;\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .activity-timeline::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 2px;\r\n      transform: translateX(-50%);\r\n      background: linear-gradient(to bottom, transparent, var(--blue), var(--green), transparent);\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .activity-node {\r\n      position: relative;\r\n      width: 100%;\r\n      margin-bottom: 60px;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      backface-visibility: hidden;\r\n    }\r\n    \r\n    .ssnmmi-kinetic-activities .activity-node:nth-child(even) { justify-content: flex-start; }\r\n\r\n    .ssnmmi-kinetic-activities .node-dot {\r\n      position: absolute;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 14px;\r\n      height: 14px;\r\n      background: var(--blue);\r\n      border: 3px solid var(--bg); \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0644\u062a\u0641\u0631\u064a\u063a \u0627\u0644\u0646\u0642\u0637\u0629 \u0628\u0635\u0631\u064a\u0627\u064b *\/\r\n      box-shadow: 0 0 0 3px rgba(74, 125, 245, 0.15);\r\n      z-index: 10;\r\n      transition: transform 0.3s ease, background 0.3s ease;\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .activity-node:hover .node-dot {\r\n      background: var(--green);\r\n      transform: translateX(-50%) scale(1.3);\r\n      box-shadow: 0 0 15px rgba(93, 206, 190, 0.4);\r\n    }\r\n\r\n    \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0643\u0631\u0648\u062a \u0644\u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 *\/\r\n    .ssnmmi-kinetic-activities .node-content {\r\n      width: 44%;\r\n      padding: 25px 30px;\r\n      position: relative;\r\n      background: rgba(255, 255, 255, 0.03); \/* \u062e\u0644\u0641\u064a\u0629 \u062e\u0641\u064a\u0641\u0629 *\/\r\n      border: 1px solid rgba(255, 255, 255, 0.05); \/* \u0625\u0637\u0627\u0631 \u062e\u0641\u064a\u0641 *\/\r\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n      border-left: 4px solid var(--blue);\r\n      transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease;\r\n      will-change: transform;\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .activity-node:nth-child(even) .node-content {\r\n      border-left: 1px solid rgba(255, 255, 255, 0.05);\r\n      border-right: 4px solid var(--green);\r\n      text-align: right;\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .activity-node:hover .node-content {\r\n      transform: translateY(-5px) translateZ(0);\r\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); \/* \u0638\u0644 \u062f\u0627\u0643\u0646 \u0644\u0644\u0639\u0645\u0642 *\/\r\n      border-color: var(--blue);\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .node-content p {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n      color: var(--ink);\r\n      font-weight: 700;\r\n      margin: 0;\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .node-icon {\r\n      position: absolute;\r\n      top: 10px;\r\n      right: 15px;\r\n      font-size: 40px;\r\n      font-weight: 900;\r\n      color: rgba(255, 255, 255, 0.04); \/* \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0644\u0648\u0646 \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u0627\u0643\u0646\u0629 *\/\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ssnmmi-kinetic-activities .activity-node:nth-child(even) .node-icon { right: auto; left: 15px; }\r\n\r\n    @media (max-width: 768px) {\r\n      .ssnmmi-kinetic-activities .activity-timeline::before { left: 18px; transform: none; }\r\n      .ssnmmi-kinetic-activities .node-dot { left: 18px; transform: none; }\r\n      .ssnmmi-kinetic-activities .activity-node, \r\n      .ssnmmi-kinetic-activities .activity-node:nth-child(even) { \r\n        justify-content: flex-start; padding-left: 50px; \r\n      }\r\n      .ssnmmi-kinetic-activities .node-content { width: 100%; text-align: left !important; border-right: 1px solid rgba(255, 255, 255, 0.05) !important; border-left: 4px solid var(--blue) !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"container\">\r\n    <div class=\"header-box\">\r\n      <span class=\"section-label\">\u062e\u0627\u0631\u0637\u0629 \u0627\u0644\u0637\u0631\u064a\u0642 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/span>\r\n      <h2 class=\"translation-block\"><span>\u0623\u0646\u0634\u0637\u062a\u0646\u0627<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"activity-timeline\">\r\n      <div class=\"activity-node\">\r\n        <div class=\"node-dot\"><\/div>\r\n        <div class=\"node-content\">\r\n          <p>\u062a\u0646\u0638\u0645 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0646\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629.<\/p>\r\n          <div class=\"node-icon\">01<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"activity-node\">\r\n        <div class=\"node-dot\"><\/div>\r\n        <div class=\"node-content\">\r\n          <p>\u0639\u0642\u062f \u0648\u0631\u0634 \u0639\u0645\u0644 \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u062f\u0648\u0631\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0639\u0645\u0644\u064a\u0629.<\/p>\r\n          <div class=\"node-icon\">02<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"activity-node\">\r\n        <div class=\"node-dot\"><\/div>\r\n        <div class=\"node-content\">\r\n          <p>\u062f\u0639\u0645 \u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0645\u0633\u062a\u0645\u0631 (CME).<\/p>\r\n          <div class=\"node-icon\">03<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"activity-node\">\r\n        <div class=\"node-dot\"><\/div>\r\n        <div class=\"node-content\">\r\n          <p>\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0648\u0637\u0646\u064a\u0629.\r\n\r\n<\/p>\r\n          <div class=\"node-icon\">04<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n     \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Learn About Us Who We Are The Saudi Society of Nuclear Medicine and Molecular Imaging advances nuclear medicine and molecular [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":46,"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":720,"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/pages\/55\/revisions\/720"}],"wp:attachment":[{"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}