{"id":80,"date":"2026-06-01T11:38:07","date_gmt":"2026-06-01T11:38:07","guid":{"rendered":"https:\/\/urbanprojects.sa\/?page_id=80"},"modified":"2026-06-28T12:33:10","modified_gmt":"2026-06-28T12:33:10","slug":"about","status":"publish","type":"page","link":"https:\/\/urbanprojects.sa\/en\/about\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"80\" class=\"elementor elementor-80\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4bbdc4 e-con-full e-flex e-con e-parent\" data-id=\"e4bbdc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04bc686 elementor-widget elementor-widget-html\" data-id=\"04bc686\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"upc-inner-intro\" id=\"inner-intro\" dir=\"auto\">\r\n  <style>\r\n    .upc-inner-intro {\r\n      --upc-intro-dark: #071a1f;\r\n      --upc-intro-petroleum: #0b252b;\r\n      --upc-intro-teal: #102f35;\r\n      --upc-intro-gold: #b17a3f;\r\n      --upc-intro-bronze: #c9914e;\r\n      --upc-intro-white: #ffffff;\r\n      --upc-intro-font: \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif;\r\n      --upc-intro-container: min(1180px, calc(100% - 36px));\r\n\r\n      position: relative;\r\n      min-height: 420px;\r\n      display: grid;\r\n      place-items: center;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      color: var(--upc-intro-white);\r\n      font-family: var(--upc-intro-font);\r\n      text-align: center;\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(7, 26, 31, 0.96),\r\n          rgba(7, 26, 31, 0.72) 52%,\r\n          rgba(7, 26, 31, 0.50)\r\n        ),\r\n        url(\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/\u0647\u062f\u0631-\u0628\u062f\u0644-\u0645\u0646-\u0646\u062d\u0646-scaled.webp\") top \/ cover;\r\n    }\r\n\r\n    .upc-inner-intro * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-inner-intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 22px;\r\n      border: 1px solid rgba(177, 122, 63, 0.30);\r\n      pointer-events: none;\r\n      z-index: -1;\r\n    }\r\n\r\n    .upc-inner-intro::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      z-index: -2;\r\n      opacity: 0.12;\r\n      background:\r\n        radial-gradient(circle at 18% 28%, var(--upc-intro-gold) 0 2px, transparent 3px),\r\n        radial-gradient(circle at 78% 70%, var(--upc-intro-bronze) 0 2px, transparent 3px),\r\n        linear-gradient(135deg, transparent 0 46%, rgba(255,255,255,.35) 46% 47%, transparent 47%);\r\n      background-size: 300px 300px, 420px 420px, 120px 120px;\r\n      animation: upcIntroPatternMove 24s linear infinite;\r\n    }\r\n\r\n    .upc-inner-intro-container {\r\n      width: var(--upc-intro-container);\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n      padding: 120px 0 72px;\r\n    }\r\n\r\n    .upc-inner-intro-title {\r\n      margin: 0;\r\n      color: var(--upc-intro-white);\r\n      font-size: clamp(2.6rem, 5vw, 4.2rem);\r\n      line-height: 1.12;\r\n      font-weight: 900;\r\n      letter-spacing: -0.8px;\r\n    }\r\n\r\n    .upc-inner-breadcrumb {\r\n      margin-top: 24px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 11px;\r\n      flex-wrap: wrap;\r\n      color: rgba(255, 255, 255, 0.76);\r\n      font-size: 0.96rem;\r\n      line-height: 1.6;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .upc-inner-breadcrumb a {\r\n      color: var(--upc-intro-gold);\r\n      text-decoration: none;\r\n      transition: 280ms ease;\r\n    }\r\n\r\n    .upc-inner-breadcrumb a:hover {\r\n      color: var(--upc-intro-bronze);\r\n    }\r\n\r\n    .upc-inner-breadcrumb i {\r\n      color: rgba(255, 255, 255, 0.46);\r\n      font-size: 0.78rem;\r\n    }\r\n\r\n    @keyframes upcIntroPatternMove {\r\n      0% {\r\n        background-position: 0 0, 0 0, 0 0;\r\n      }\r\n\r\n      100% {\r\n        background-position: 300px 300px, -420px 420px, 120px 120px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .upc-inner-intro {\r\n        min-height: 330px;\r\n      }\r\n\r\n      .upc-inner-intro::before {\r\n        inset: 14px;\r\n      }\r\n\r\n      .upc-inner-intro-container {\r\n        width: min(1180px, calc(100% - 32px));\r\n        padding: 96px 0 58px;\r\n      }\r\n\r\n      .upc-inner-intro-title {\r\n        font-size: 2.35rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .upc-inner-intro {\r\n        min-height: 300px;\r\n      }\r\n\r\n      .upc-inner-intro-title {\r\n        font-size: 2rem;\r\n      }\r\n\r\n      .upc-inner-breadcrumb {\r\n        font-size: 0.88rem;\r\n      }\r\n    }\r\n      [dir=\"rtl\"] .upc-inner-breadcrumb i {\r\n      transform: scaleX(-1);\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-inner-intro-container\">\r\n    <h1 class=\"upc-inner-intro-title wow animate__animated animate__fadeInUp\">\r\n      \u0645\u0646 \u0646\u062d\u0646\r\n    <\/h1>\r\n\r\n    <nav class=\"upc-inner-breadcrumb wow animate__animated animate__fadeInUp\" data-wow-delay=\".10s\" aria-label=\"\u0645\u0633\u0627\u0631 \u0627\u0644\u0635\u0641\u062d\u0629\">\r\n      <a href=\"\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n      <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <span>\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n    <\/nav>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5286cfd elementor-widget elementor-widget-html\" data-id=\"5286cfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"upc-ceo-section\" id=\"ceo-message\" dir=\"auto\">\r\n  <style>\r\n    .upc-ceo-section {\r\n      position: relative;\r\n      padding: 100px 0;\r\n      overflow: hidden;\r\n      background: var(--upc-white);\r\n      font-family: var(--upc-font-body);\r\n      color: var(--upc-petroleum);\r\n    }\r\n\r\n    .upc-ceo-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-ceo-container {\r\n      width: var(--upc-container);\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-ceo-pattern {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n      z-index: 0;\r\n    }\r\n\r\n    .upc-ceo-pattern::before,\r\n    .upc-ceo-pattern::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      opacity: 0.13;\r\n      filter: blur(10px);\r\n    }\r\n\r\n    .upc-ceo-pattern::before {\r\n      width: 420px;\r\n      height: 420px;\r\n      top: -140px;\r\n      right: -120px;\r\n      background: var(--upc-gold);\r\n      animation: upcCeoFloatOne 11s ease-in-out infinite alternate;\r\n    }\r\n\r\n    .upc-ceo-pattern::after {\r\n      width: 360px;\r\n      height: 360px;\r\n      bottom: -140px;\r\n      left: -100px;\r\n      background: var(--upc-teal);\r\n      animation: upcCeoFloatTwo 13s ease-in-out infinite alternate;\r\n    }\r\n\r\n    .upc-ceo-soft-lines {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n      opacity: 0.4;\r\n      background:\r\n        radial-gradient(circle at 18% 22%, var(--upc-gold) 0 2px, transparent 3px),\r\n        radial-gradient(circle at 80% 35%, var(--upc-teal) 0 2px, transparent 3px),\r\n        radial-gradient(circle at 48% 78%, var(--upc-bronze) 0 2px, transparent 3px);\r\n      background-size: 280px 280px, 360px 360px, 420px 420px;\r\n      animation: upcCeoPatternMove 20s linear infinite;\r\n    }\r\n\r\n    .upc-ceo-layout {\r\n      display: grid;\r\n      grid-template-columns: 390px minmax(0, 1fr);\r\n      gap: 38px;\r\n      align-items: center;\r\n    }\r\n\r\n    .upc-ceo-photo-card {\r\n      position: relative;\r\n      padding: 16px;\r\n      border-radius: 34px;\r\n      background: var(--upc-white);\r\n      border: 1px solid rgba(7, 26, 31, 0.08);\r\n      box-shadow: var(--upc-shadow-soft);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .upc-ceo-photo-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, rgba(177, 122, 63, 0.12), transparent 45%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-ceo-photo {\r\n      position: relative;\r\n      min-height: 520px;\r\n      border-radius: 28px;\r\n      overflow: hidden;\r\n      background: var(--upc-cream);\r\n    }\r\n\r\n    .upc-ceo-photo img {\r\n      width: 100%;\r\n      height: 520px;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .upc-ceo-content {\r\n      position: relative;\r\n      padding: 46px;\r\n      border-radius: 34px;\r\n      background: var(--upc-white);\r\n      border: 1px solid rgba(7, 26, 31, 0.08);\r\n      box-shadow: var(--upc-shadow-soft);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .upc-ceo-content::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 42px;\r\n      bottom: 42px;\r\n      right: 0;\r\n      width: 5px;\r\n      border-radius: 999px;\r\n      background: var(--upc-gold);\r\n    }\r\n\r\n    .upc-ceo-content::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 180px;\r\n      height: 180px;\r\n      left: -70px;\r\n      top: -70px;\r\n      border-radius: 50%;\r\n      background: var(--upc-cream);\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-ceo-head,\r\n    .upc-ceo-text {\r\n      position: relative;\r\n      z-index: 2;\r\n      padding-right: 22px;\r\n    }\r\n\r\n    .upc-ceo-head {\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .upc-ceo-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n      color: var(--upc-gold);\r\n      font-size: 32px;\r\n      font-weight: 900;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .upc-ceo-eyebrow::before {\r\n      content: \"\";\r\n      width: 36px;\r\n      height: 2px;\r\n      background: var(--upc-gold);\r\n      display: inline-block;\r\n    }\r\n\r\n    .upc-ceo-title {\r\n      margin: 0;\r\n      color: var(--upc-petroleum-deep);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: clamp(2rem, 4vw, 3rem);\r\n      line-height: 1.18;\r\n      font-weight: 900;\r\n      letter-spacing: -0.5px;\r\n    }\r\n\r\n    .upc-ceo-text {\r\n      display: grid;\r\n      gap: 22px;\r\n    }\r\n\r\n    .upc-ceo-text p {\r\n      margin: 0;\r\n      position: relative;\r\n      color: var(--upc-teal);\r\n      font-size: 1.06rem;\r\n      line-height: 2.2;\r\n      text-align: justify;\r\n      font-weight: 500;\r\n      padding: 22px 24px;\r\n      border-radius: 22px;\r\n      background: rgba(245, 241, 234, 0.55);\r\n      border: 1px solid rgba(7, 26, 31, 0.06);\r\n    }\r\n\r\n    .upc-ceo-text p::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 24px;\r\n      right: 0;\r\n      width: 4px;\r\n      height: 42px;\r\n      border-radius: 999px;\r\n      background: var(--upc-gold);\r\n    }\r\n\r\n    .upc-ceo-text p:first-child {\r\n      background: var(--upc-cream);\r\n    }\r\n\r\n    @keyframes upcCeoFloatOne {\r\n      0% {\r\n        transform: translate(0, 0) scale(1);\r\n      }\r\n      100% {\r\n        transform: translate(-28px, 24px) scale(1.08);\r\n      }\r\n    }\r\n\r\n    @keyframes upcCeoFloatTwo {\r\n      0% {\r\n        transform: translate(0, 0) scale(1);\r\n      }\r\n      100% {\r\n        transform: translate(24px, -22px) scale(1.06);\r\n      }\r\n    }\r\n\r\n    @keyframes upcCeoPatternMove {\r\n      0% {\r\n        background-position: 0 0, 0 0, 0 0;\r\n      }\r\n      100% {\r\n        background-position: 280px 280px, -360px 360px, 420px -420px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .upc-ceo-layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .upc-ceo-photo-card {\r\n        max-width: 540px;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .upc-ceo-section {\r\n        padding: 76px 0;\r\n      }\r\n\r\n      .upc-ceo-container {\r\n        width: min(1280px, calc(100% - 32px));\r\n      }\r\n\r\n      .upc-ceo-content {\r\n        padding: 30px 22px;\r\n        border-radius: 26px;\r\n      }\r\n\r\n      .upc-ceo-head,\r\n      .upc-ceo-text {\r\n        padding-right: 12px;\r\n      }\r\n\r\n      .upc-ceo-photo-card {\r\n        padding: 14px;\r\n        border-radius: 26px;\r\n      }\r\n\r\n      .upc-ceo-photo,\r\n      .upc-ceo-photo img {\r\n        min-height: 390px;\r\n        height: 390px;\r\n      }\r\n\r\n      .upc-ceo-text p {\r\n        font-size: 0.98rem;\r\n        line-height: 2;\r\n        \/*text-align: right;*\/\r\n        padding: 18px 18px;\r\n      }\r\n\r\n      .upc-ceo-text p::before {\r\n        top: 20px;\r\n        height: 36px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .upc-ceo-title {\r\n        font-size: 1.85rem;\r\n      }\r\n\r\n      .upc-ceo-photo,\r\n      .upc-ceo-photo img {\r\n        min-height: 320px;\r\n        height: 320px;\r\n      }\r\n\r\n      .upc-ceo-content {\r\n        padding: 26px 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-ceo-pattern\"><\/div>\r\n  <div class=\"upc-ceo-soft-lines\"><\/div>\r\n\r\n  <div class=\"upc-ceo-container\">\r\n    <div class=\"upc-ceo-layout\">\r\n\r\n      <div class=\"upc-ceo-photo-card\">\r\n        <div class=\"upc-ceo-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u0645\u062f\u064a\u0631-\u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a-2.webp\" alt=\"\u0627\u0644\u0631\u0626\u064a\u0633 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"upc-ceo-content\">\r\n        <div class=\"upc-ceo-head\">\r\n          <span class=\"upc-ceo-eyebrow\">\u0643\u0644\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633 \u0627\u0644\u062a\u0640\u0646\u0640\u0641\u064a\u0630\u064a<\/span>\r\n          \r\n        <\/div>\r\n\r\n        <div class=\"upc-ceo-text\">\r\n          <p>\r\n            \u0646\u062d\u0646 \u0641\u064a \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0644\u062f\u064a\u0640\u0646\u0627 \u0631\u0624\u064a\u0640\u0629 \u0648\u0627\u0636\u0640\u062d\u0640\u0629 \u0648 \u0637\u0640\u0645\u0640\u0648\u062d\u0640\u0629 \u0646\u0633\u062a\u0634\u0631\u0641 \u0641\u064a\u0647\u0627 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0645\u0639 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0646\u0627 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0628\u0643\u0641\u0640\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0625\u0630 \u0623\u0646 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u0644\u0645\u0648\u0627\u0631\u062f \u0628\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639\u0647\u0627 \u0647\u0648 \u062c\u0632\u0621 \u0623\u0633\u0627\u0633\u064a \u0645\u0646 \u0645\u0628\u0627\u062f\u0626\u0640\u0646\u0627 \u0641\u064a \u0627\u0644\u0634\u0631\u0643\u0629 \u062d\u064a\u062b \u0623\u0646\u0646\u0627 \u0646\u0639\u0645\u0644 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0646\u0638\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u062d\u0648\u0643\u0640\u0645\u0640\u0629 \u0648\u0646\u0637\u0628\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u0627\u0636\u0639\u064a\u0646 \u0646\u0635\u0628 \u0623\u0639\u064a\u0646\u0646\u0627 \u0645\u0648\u0627\u0643\u0628\u0629 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0640\u0644\u0643\u0640\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \"2030\" \u0648\u0623\u0646 \u0646\u0643\u0648\u0646 \u0623\u062d\u062f \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u064a\u0646 \u0644\u062a\u062d\u0642\u064a\u0642 \u0647\u0630\u0647 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0646\u0647\u0636\u0629 \u0628\u0644\u0627\u062f\u0646\u0627\r\n          <\/p>\r\n\r\n          <p>\r\n            \u0648\u0642\u062f \u062f\u062e\u0644\u0646\u0627 \u062d\u0640\u0627\u0644\u064a\u0627 \u0645\u0631\u062d\u0640\u0644\u0629 \u063a\u0627\u064a\u0629 \u0641\u064a \u0627\u0644\u0623\u0647\u0640\u0645\u064a\u0640\u0629 \u062d\u064a\u062b \u0628\u0640\u0627\u062a \u0644\u062f\u064a\u0646\u0640\u0627 \u0643\u0644 \u0645\u0642\u0648\u0645\u0627\u062a \u0625\u0646\u0640\u062c\u0627\u062d \u0623\u064a \u0645\u0634\u0640\u0631\u0648\u0639 \u064a\u0633\u0646\u062f \u0625\u0644\u064a\u0646\u0627 \u0648\u0646\u0642\u0640\u0648\u0645 \u0628\u062a\u0646\u0641\u064a\u0630\u0647 \u0628\u0645\u0640\u0627 \u0644\u062f\u064a\u0646\u0627 \u0645\u0640\u0646 \u062e\u0628\u0640\u0631\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0648\u0627\u0645\u0643\u0627\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0640\u0629 \u0648 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0640\u0629 \u0641\u064a \u062c\u0645\u0640\u064a\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0627\u0646\u0640\u0634\u0627\u0626\u064a\u0640\u0629 \u0639\u0645\u0648\u0645\u0627 \u0648\u0627\u0644\u0637\u0628\u064a\u0629 \u062e\u0635\u0648\u0635\u0627 \u0648\u0647\u062f\u0641\u0646\u0627 \u0623\u0646 \u0646\u0635\u0628\u062d \u0645\u0646 \u0623\u0641\u0636\u0644 \u0639\u0634\u0631 \u0634\u0631\u0643\u0640\u0627\u062a  \u0628\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629    \r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\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-d58e349 elementor-widget elementor-widget-html\" data-id=\"d58e349\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"upc-about-dark-section\" id=\"about\" dir=\"auto\">\r\n  <style>\r\n    .upc-about-dark-section {\r\n      position: relative;\r\n      padding: 96px 0;\r\n      overflow: hidden;\r\n      background:\r\n        linear-gradient(135deg, rgba(7, 26, 31, 0.98), rgba(16, 47, 53, 0.97)),\r\n        var(--upc-petroleum-deep);\r\n      color: var(--upc-white);\r\n      font-family: var(--upc-font-body);\r\n    }\r\n\r\n    .upc-about-dark-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-about-dark-pattern {\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: 0.055;\r\n      pointer-events: none;\r\n      background-image:\r\n        linear-gradient(135deg, transparent 0 46%, var(--upc-white) 46% 47%, transparent 47%),\r\n        linear-gradient(45deg, transparent 0 54%, var(--upc-white) 54% 55%, transparent 55%);\r\n      background-size: 120px 120px;\r\n    }\r\n\r\n    .upc-about-dark-container {\r\n      width: var(--upc-container);\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-about-dark-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 48px;\r\n      align-items: center;\r\n    }\r\n\r\n    .upc-about-dark-content {\r\n      max-width: 580px;\r\n    }\r\n\r\n    .upc-about-dark-head {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 780px;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .upc-about-dark-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 10px;\r\n      color: var(--upc-gold);\r\n      font-size: 34px;\r\n      font-weight: 900;\r\n      line-height: 22px;\r\n    }\r\n\r\n    .upc-about-dark-eyebrow::before {\r\n      content: \"\";\r\n      width: 36px;\r\n      height: 2px;\r\n      background: var(--upc-gold);\r\n      display: inline-block;\r\n    }\r\n\r\n    .upc-about-dark-title {\r\n      margin: 0;\r\n      color: var(--upc-white);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 28px;\r\n      line-height: 42px;\r\n      letter-spacing: -0.7px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-about-dark-text {\r\n      margin: 18px 0 0;\r\n      color: rgba(255, 255, 255, 0.72);\r\n      font-size: 16px;\r\n      line-height: 32px;\r\n      font-weight: 500;\r\n      text-align: justify;\r\n    }\r\n\r\n    .upc-about-dark-cards {\r\n      margin-top: 25px;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 12px;\r\n    }\r\n\r\n    .upc-about-dark-card {\r\n      min-height: 112px;\r\n      padding: 18px;\r\n      background: rgba(255, 255, 255, 0.075);\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: 18px;\r\n      box-shadow: 0 18px 45px rgba(5, 9, 10, 0.18);\r\n      transition: var(--upc-transition);\r\n    }\r\n\r\n    .upc-about-dark-card:hover {\r\n      transform: translateY(-6px);\r\n      background: rgba(177, 122, 63, 0.18);\r\n      border-color: rgba(177, 122, 63, 0.42);\r\n    }\r\n\r\n    .upc-about-dark-card i {\r\n      color: var(--upc-gold);\r\n      font-size: 21px;\r\n      margin-bottom: 10px;\r\n      display: inline-block;\r\n    }\r\n\r\n    .upc-about-dark-card h3 {\r\n      margin: 0;\r\n      color: var(--upc-white);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 15px;\r\n      line-height: 22px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-about-dark-image {\r\n      position: relative;\r\n      min-height: 500px;\r\n      border-radius: 28px;\r\n      overflow: hidden;\r\n      background: var(--upc-teal);\r\n      box-shadow: var(--upc-shadow-dark);\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n    }\r\n\r\n    .upc-about-dark-image img {\r\n      width: 100%;\r\n      height: 500px;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .upc-about-dark-badge {\r\n      position: absolute;\r\n      left: 24px;\r\n      bottom: 24px;\r\n      width: 230px;\r\n      border-radius: 20px;\r\n      padding: 18px;\r\n      background: var(--upc-gold);\r\n      color: var(--upc-white);\r\n      box-shadow: 0 20px 46px rgba(177, 122, 63, 0.28);\r\n    }\r\n\r\n    .upc-about-dark-badge strong {\r\n      display: block;\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 26px;\r\n      line-height: 34px;\r\n      font-weight: 900;\r\n      direction: rtl;\r\n    }\r\n\r\n    .upc-about-dark-badge span {\r\n      display: block;\r\n      margin-top: 7px;\r\n      font-size: 10px;\r\n      line-height: 21px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    @media (max-width: 1120px) {\r\n      .upc-about-dark-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .upc-about-dark-content {\r\n        max-width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 720px) {\r\n      .upc-about-dark-section {\r\n        padding: 72px 0;\r\n      }\r\n\r\n      .upc-about-dark-container {\r\n        width: min(1280px, calc(100% - 32px));\r\n      }\r\n\r\n      .upc-about-dark-cards {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .upc-about-dark-image,\r\n      .upc-about-dark-image img {\r\n        min-height: 390px;\r\n        height: 390px;\r\n      }\r\n\r\n      .upc-about-dark-title {\r\n        font-size: 26px;\r\n        line-height: 36px;\r\n      }\r\n\r\n      .upc-about-dark-eyebrow {\r\n        font-size: 14px;\r\n        line-height: 21px;\r\n      }\r\n\r\n      .upc-about-dark-text {\r\n        font-size: 15px;\r\n        line-height: 30px;\r\n        \/*text-align: right;*\/\r\n      }\r\n\r\n      .upc-about-dark-card h3 {\r\n        font-size: 15px;\r\n        line-height: 22px;\r\n      }\r\n\r\n      .upc-about-dark-badge {\r\n        width: 155px;\r\n      }\r\n\r\n      .upc-about-dark-badge strong {\r\n        font-size: 22px;\r\n        line-height: 30px;\r\n      }\r\n\r\n      .upc-about-dark-badge span {\r\n        font-size: 8px;\r\n        line-height: 20px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-about-dark-pattern\"><\/div>\r\n\r\n  <div class=\"upc-about-dark-container\">\r\n    <div class=\"upc-about-dark-grid\">\r\n      <div class=\"upc-about-dark-content\">\r\n        <div class=\"upc-about-dark-head\">\r\n          <span class=\"upc-about-dark-eyebrow\">\u0645\u0646 \u0646\u062d\u0646\u061f<\/span>\r\n          <h2 class=\"upc-about-dark-title\">\r\n            \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <p class=\"upc-about-dark-text\">\r\n          \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629. \u062a\u0623\u0633\u0633\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0641\u064a \u0639\u0627\u0645 1422\u0647\u0640 - 2001\u0645\u060c \u0648\u062a\u0642\u062f\u0645 \u0623\u0639\u0645\u0627\u0644 \u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0639\u0627\u0645\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u0625\u0634\u0631\u0627\u0641 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a\u060c \u0648\u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0645\u0628\u062a\u0643\u0631\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a.\r\n        <\/p>\r\n\r\n        <div class=\"upc-about-dark-cards\">\r\n          <div class=\"upc-about-dark-card\">\r\n            <i class=\"fa-solid fa-helmet-safety\"><\/i>\r\n            <h3>\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0639\u0627\u0645\u0629<\/h3>\r\n          <\/div>\r\n\r\n          <div class=\"upc-about-dark-card\">\r\n            <i class=\"fa-solid fa-kit-medical\"><\/i>\r\n            <h3>\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0637\u0628\u064a\u0629<\/h3>\r\n          <\/div>\r\n\r\n          <div class=\"upc-about-dark-card\">\r\n            <i class=\"fa-solid fa-drafting-compass\"><\/i>\r\n            <h3>\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"upc-about-dark-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/\u0645\u0646-\u0646\u062d\u0646-\u0627\u0644\u062c\u062f\u064a\u062f\u0629.webp\" alt=\"\u0645\u0628\u0646\u0649 \u0645\u0639\u0645\u0627\u0631\u064a\">\r\n\r\n        <div class=\"upc-about-dark-badge\">\r\n          <strong>1422\u0647\u0640 - 2001\u0645<\/strong>\r\n          <span>\u062e\u0628\u0631\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/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-bea0fcb elementor-widget elementor-widget-html\" data-id=\"bea0fcb\" 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.0\/css\/all.min.css\">\r\n\r\n<section class=\"upc-flex-system-section\" id=\"upc-flex-system\" dir=\"inherit\">\r\n  <style>\r\n    .upc-flex-system-section {\r\n      position: relative;\r\n      padding: 80px 0;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      background:\r\n        radial-gradient(circle at 10% 12%, rgba(177, 122, 63, 0.10), transparent 28%),\r\n        radial-gradient(circle at 88% 78%, rgba(16, 47, 53, 0.08), transparent 32%),\r\n        #ffffff;\r\n      color: var(--upc-petroleum-deep);\r\n      font-family: var(--upc-font-body);\r\n    }\r\n\r\n    .upc-flex-system-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-flex-system-pattern {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      opacity: 0.07;\r\n      pointer-events: none;\r\n      background-image:\r\n        linear-gradient(90deg, rgba(7, 26, 31, 0.12) 1px, transparent 1px),\r\n        linear-gradient(180deg, rgba(7, 26, 31, 0.12) 1px, transparent 1px);\r\n      background-size: 58px 58px;\r\n      mask-image: radial-gradient(circle at center, #000 0%, transparent 78%);\r\n    }\r\n\r\n    .upc-flex-system-container {\r\n      width: var(--upc-container);\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-flex-system-head {\r\n      max-width: 860px;\r\n      margin: 0 auto 36px;\r\n      text-align: center;\r\n    }\r\n\r\n    .upc-flex-system-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n      color: var(--upc-gold);\r\n      font-size: 15px;\r\n      line-height: 22px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-flex-system-kicker::before,\r\n    .upc-flex-system-kicker::after {\r\n      content: \"\";\r\n      width: 34px;\r\n      height: 2px;\r\n      background: var(--upc-gold);\r\n      border-radius: 999px;\r\n      display: inline-block;\r\n    }\r\n\r\n    .upc-flex-system-title {\r\n      margin: 0;\r\n      color: var(--upc-petroleum-deep);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 36px;\r\n      line-height: 50px;\r\n      font-weight: 900;\r\n      letter-spacing: -0.7px;\r\n    }\r\n\r\n    .upc-flex-system-title span {\r\n      color: var(--upc-gold);\r\n    }\r\n\r\n    .upc-flex-system-stage {\r\n      position: relative;\r\n    }\r\n\r\n    .upc-flex-cards {\r\n      display: flex;\r\n      \/*direction: rtl;*\/\r\n      min-height: 370px !important;\r\n      height: 370px !important;\r\n      background: rgba(255, 255, 255, 0.88);\r\n      border: 1px solid rgba(7, 26, 31, 0.08);\r\n      border-radius: 30px;\r\n      overflow: hidden;\r\n      \r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .upc-flex-card {\r\n      position: relative;\r\n      flex: 1;\r\n      min-width: 0;\r\n      height: 100%;\r\n      overflow: hidden;\r\n      cursor: pointer;\r\n      background: rgba(255, 255, 255, 0.94);\r\n      border-left: 1px solid rgba(7, 26, 31, 0.08);\r\n      transition:\r\n        flex 0.55s cubic-bezier(0.22, 1, 0.36, 1),\r\n        background 0.35s ease;\r\n    }\r\n\r\n    .upc-flex-card:first-child {\r\n      border-left: 0;\r\n    }\r\n\r\n    .upc-flex-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      opacity: 0;\r\n      background:\r\n        radial-gradient(circle at 50% 18%, rgba(177, 122, 63, 0.16), transparent 28%),\r\n        linear-gradient(180deg, rgba(11, 37, 43, 0.04), rgba(11, 37, 43, 0.10));\r\n      transition: opacity 0.35s ease;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-flex-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 100%;\r\n      height: 5px;\r\n      background: linear-gradient(90deg, var(--upc-gold), var(--upc-bronze));\r\n      transform: scaleX(0);\r\n      transform-origin: right;\r\n      transition: transform 0.35s ease;\r\n      z-index: 3;\r\n    }\r\n\r\n    .upc-flex-card.is-active {\r\n      flex: 3;\r\n      background: #ffffff;\r\n    }\r\n\r\n    .upc-flex-card.is-active::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    .upc-flex-card.is-active::after {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .upc-flex-card-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      height: 100%;\r\n      padding: 26px 24px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      \/*text-align: center;*\/\r\n    }\r\n\r\n    .upc-flex-card-main {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 16px;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .upc-flex-card-icon {\r\n      width: 58px;\r\n      height: 58px;\r\n      display: grid;\r\n      place-items: center;\r\n      border-radius: 20px;\r\n      color: var(--upc-gold);\r\n      background: rgba(177, 122, 63, 0.10);\r\n      border: 1px solid rgba(177, 122, 63, 0.18);\r\n      font-size: 23px;\r\n      flex: 0 0 auto;\r\n      transition:\r\n        transform 0.35s ease,\r\n        color 0.35s ease,\r\n        background 0.35s ease,\r\n        border-color 0.35s ease;\r\n    }\r\n\r\n    .upc-flex-card.is-active .upc-flex-card-icon {\r\n      color: #ffffff;\r\n      background: linear-gradient(135deg, var(--upc-gold), var(--upc-bronze));\r\n      border-color: rgba(177, 122, 63, 0.35);\r\n      transform: translateY(-3px) scale(1.04);\r\n      \r\n    }\r\n\r\n    .upc-flex-card h3 {\r\n      margin: 0;\r\n      color: var(--upc-petroleum-deep);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 24px;\r\n      line-height: 32px;\r\n      font-weight: 900;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .upc-flex-card:not(.is-active) .upc-flex-card-main {\r\n      flex-direction: column;\r\n      gap: 18px;\r\n    }\r\n\r\n    .upc-flex-card:not(.is-active) h3 {\r\n      writing-mode: vertical-rl;\r\n      transform: rotate(180deg);\r\n      font-size: 24px;\r\n      line-height: 32px;\r\n    }\r\n\r\n    .upc-flex-card.is-active .upc-flex-card-content {\r\n      align-items: flex-start;\r\n      justify-content: center;\r\n      \/*text-align: right;*\/\r\n    }\r\n\r\n    .upc-flex-card.is-active .upc-flex-card-main {\r\n      width: 100%;\r\n      flex-direction: row;\r\n      justify-content: flex-start;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .upc-flex-card-text {\r\n      width: 100%;\r\n      max-width: 620px;\r\n      opacity: 0;\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transform: translateY(14px);\r\n      transition:\r\n        opacity 0.35s ease,\r\n        max-height 0.45s ease,\r\n        transform 0.35s ease;\r\n    }\r\n\r\n    .upc-flex-card.is-active .upc-flex-card-text {\r\n      opacity: 1;\r\n      max-height: 230px;\r\n      transform: translateY(0);\r\n      transition-delay: 0.08s;\r\n    }\r\n\r\n    .upc-flex-card-text p {\r\n      margin: 0;\r\n      color: rgba(16, 47, 53, 0.76);\r\n      font-size: 15px;\r\n      line-height: 28px;\r\n      font-weight: 500;\r\n      \/*text-align: right;*\/\r\n    }\r\n\r\n    .upc-flex-text-list {\r\n      display: grid;\r\n      gap: 7px;\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n      \/*text-align: right;*\/\r\n      max-width: 560px;\r\n      width: 100%;\r\n    }\r\n\r\n    .upc-flex-text-list li {\r\n      position: relative;\r\n      padding-right: 18px;\r\n      color: rgba(16, 47, 53, 0.76);\r\n      font-size: 15px;\r\n      line-height: 26px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .upc-flex-text-list li::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 11px;\r\n      right: 0;\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 50%;\r\n      background: var(--upc-gold);\r\n      box-shadow: 0 0 0 5px rgba(177, 122, 63, 0.12);\r\n    }\r\n\r\n    .upc-flex-reveal {\r\n      opacity: 0;\r\n      transform: translateY(26px);\r\n      transition:\r\n        opacity 0.7s ease,\r\n        transform 0.7s ease;\r\n    }\r\n\r\n    .upc-flex-reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    @media (max-width: 1180px) {\r\n      .upc-flex-cards {\r\n        min-height: 300px;\r\n        height: 300px;\r\n      }\r\n\r\n      .upc-flex-card.is-active {\r\n        flex: 2.7;\r\n      }\r\n\r\n      .upc-flex-card-content {\r\n        padding: 24px 20px;\r\n      }\r\n\r\n      .upc-flex-card h3,\r\n      .upc-flex-card:not(.is-active) h3 {\r\n        font-size: 22px;\r\n        line-height: 30px;\r\n      }\r\n\r\n      .upc-flex-card-text p,\r\n      .upc-flex-text-list li {\r\n        font-size: 14px;\r\n        line-height: 25px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 860px) {\r\n      .upc-flex-system-section {\r\n        padding: 70px 0;\r\n      }\r\n\r\n      .upc-flex-system-container {\r\n        width: min(1280px, calc(100% - 32px));\r\n      }\r\n\r\n      .upc-flex-system-head {\r\n        margin-bottom: 30px;\r\n      }\r\n\r\n      .upc-flex-system-title {\r\n        font-size: 29px;\r\n        line-height: 41px;\r\n      }\r\n\r\n      .upc-flex-cards {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        height: auto;\r\n        min-height: auto;\r\n        border-radius: 26px;\r\n      }\r\n\r\n      .upc-flex-card,\r\n      .upc-flex-card.is-active {\r\n        flex: unset;\r\n        height: auto;\r\n        border-left: 0;\r\n        border-bottom: 1px solid rgba(7, 26, 31, 0.08);\r\n      }\r\n\r\n      .upc-flex-card:last-child {\r\n        border-bottom: 0;\r\n      }\r\n\r\n      .upc-flex-card-content,\r\n      .upc-flex-card.is-active .upc-flex-card-content {\r\n        height: auto;\r\n        padding: 24px 22px;\r\n        align-items: flex-start;\r\n        justify-content: flex-start;\r\n        \/*text-align: right;*\/\r\n      }\r\n\r\n      .upc-flex-card-main,\r\n      .upc-flex-card:not(.is-active) .upc-flex-card-main,\r\n      .upc-flex-card.is-active .upc-flex-card-main {\r\n        width: 100%;\r\n        flex-direction: row;\r\n        justify-content: flex-start;\r\n        gap: 14px;\r\n        margin-bottom: 14px;\r\n      }\r\n\r\n      .upc-flex-card:not(.is-active) h3 {\r\n        writing-mode: initial;\r\n        transform: none;\r\n        font-size: 22px;\r\n        line-height: 30px;\r\n      }\r\n\r\n      .upc-flex-card-text,\r\n      .upc-flex-card.is-active .upc-flex-card-text {\r\n        opacity: 1;\r\n        max-height: none;\r\n        transform: none;\r\n      }\r\n\r\n      .upc-flex-card-text p {\r\n        text-align: right;\r\n      }\r\n\r\n      .upc-flex-text-list {\r\n        max-width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .upc-flex-system-section {\r\n        padding: 60px 0;\r\n      }\r\n\r\n      .upc-flex-system-kicker {\r\n        font-size: 14px;\r\n        line-height: 21px;\r\n      }\r\n\r\n      .upc-flex-system-kicker::before,\r\n      .upc-flex-system-kicker::after {\r\n        width: 24px;\r\n      }\r\n\r\n      .upc-flex-system-title {\r\n        font-size: 25px;\r\n        line-height: 36px;\r\n      }\r\n\r\n      .upc-flex-card-content,\r\n      .upc-flex-card.is-active .upc-flex-card-content {\r\n        padding: 22px 18px;\r\n      }\r\n\r\n      .upc-flex-card-icon {\r\n        width: 52px;\r\n        height: 52px;\r\n        border-radius: 18px;\r\n        font-size: 20px;\r\n      }\r\n\r\n      .upc-flex-card h3,\r\n      .upc-flex-card:not(.is-active) h3 {\r\n        font-size: 21px;\r\n        line-height: 30px;\r\n      }\r\n\r\n      .upc-flex-card-text p,\r\n      .upc-flex-text-list li {\r\n        font-size: 14px;\r\n        line-height: 26px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-flex-system-pattern\"><\/div>\r\n\r\n  <div class=\"upc-flex-system-container\">\r\n\r\n    <div class=\"upc-flex-system-head upc-flex-reveal\">\r\n   \r\n      <h2 class=\"upc-flex-system-title\">\r\n        \u0631\u0624\u064a\u0629 \u0648\u0631\u0633\u0627\u0644\u0629 \u0648\u0642\u064a\u0645 \u062a\u0642\u0648\u062f\u0646\u0627 \u0646\u062d\u0648 <span>\u0627\u0644\u062a\u0645\u064a\u0651\u0632<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"upc-flex-system-stage\">\r\n      <div class=\"upc-flex-cards\">\r\n\r\n        <article class=\"upc-flex-card is-active upc-flex-reveal\" data-index=\"0\">\r\n          <div class=\"upc-flex-card-content\">\r\n            <div class=\"upc-flex-card-main\">\r\n              <span class=\"upc-flex-card-icon\">\r\n                <i class=\"fa-solid fa-eye\"><\/i>\r\n              <\/span>\r\n\r\n              <h3>\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"upc-flex-card-text\">\r\n              <p>\r\n                \u062a\u0647\u062f\u0641 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0625\u0644\u0649 \u0623\u0646 \u062a\u0635\u0628\u062d \u062c\u0645\u064a\u0639 \u0642\u0637\u0627\u0639\u0627\u062a\u0647\u0627 \u0631\u0627\u0626\u062f\u0629 \u0648\u0641\u0631\u064a\u062f\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0648\u0623\u0646 \u062a\u0643\u0648\u0646 \u0645\u0646 \u0643\u0628\u0631\u0649 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0641\u064a     \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0641\u064a \u0645\u062c\u0627\u0644\u064a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u062a\u0634\u064a\u064a\u062f \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"upc-flex-card upc-flex-reveal\" data-index=\"1\">\r\n          <div class=\"upc-flex-card-content\">\r\n            <div class=\"upc-flex-card-main\">\r\n              <span class=\"upc-flex-card-icon\">\r\n                <i class=\"fa-solid fa-bullseye\"><\/i>\r\n              <\/span>\r\n\r\n              <h3>\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"upc-flex-card-text\">\r\n              <ul class=\"upc-flex-text-list\">\r\n                <li>\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629.<\/li>\r\n                <li>\u062a\u062d\u0642\u064a\u0642 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0648\u0627\u0644\u062f\u0642\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630.<\/li>\r\n                <li>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0641\u0631\u0642 \u0627\u0644\u0639\u0645\u0644.<\/li>\r\n                <li>\u062a\u0637\u0628\u064a\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644.<\/li>\r\n                <li>\u062f\u0639\u0645 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"upc-flex-card upc-flex-reveal\" data-index=\"2\">\r\n          <div class=\"upc-flex-card-content\">\r\n            <div class=\"upc-flex-card-main\">\r\n              <span class=\"upc-flex-card-icon\">\r\n                <i class=\"fa-solid fa-gem\"><\/i>\r\n              <\/span>\r\n\r\n              <h3>\u0642\u064a\u0645\u0646\u0627<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"upc-flex-card-text\">\r\n              <ul class=\"upc-flex-text-list\">\r\n                <li>\u0627\u0644\u062c\u0648\u062f\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644.<\/li>\r\n                <li>\u0627\u0644\u0623\u0645\u0627\u0646\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644.<\/li>\r\n                <li>\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.<\/li>\r\n                <li>\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a \u0627\u0644\u062d\u0644\u0648\u0644 \u0648\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u0639\u0645\u0644.<\/li>\r\n                <li>\u0627\u0644\u0625\u062a\u0642\u0627\u0646 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631.<\/li>\r\n                <li>\u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0645\u0648\u0627\u0643\u0628\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0633\u0648\u0642.<\/li>\r\n                <li>\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0628\u064a\u0646 \u0641\u0631\u0642 \u0627\u0644\u0639\u0645\u0644 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.<\/li>\r\n                <li>\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0643\u062c\u0632\u0621 \u0645\u0646 \u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0639\u0645\u0644.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"upc-flex-card upc-flex-reveal\" data-index=\"3\">\r\n          <div class=\"upc-flex-card-content\">\r\n            <div class=\"upc-flex-card-main\">\r\n              <span class=\"upc-flex-card-icon\">\r\n                <i class=\"fa-solid fa-chart-line\"><\/i>\r\n              <\/span>\r\n\r\n              <h3>\u0623\u0647\u062f\u0627\u0641\u0646\u0627<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"upc-flex-card-text\">\r\n              <ul class=\"upc-flex-text-list\">\r\n                <li>\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0645\u064a\u0632\u0629 \u062a\u0648\u0627\u0643\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621.<\/li>\r\n                <li>\u062a\u0639\u0632\u064a\u0632 \u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.<\/li>\r\n                <li>\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u062f\u0627\u0621.<\/li>\r\n                <li>\u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.<\/li>\r\n                <li>\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0646\u062c\u0627\u062d \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629.<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const section = document.querySelector(\"#upc-flex-system\");\r\n      if (!section) return;\r\n\r\n      const cards = Array.from(section.querySelectorAll(\".upc-flex-card\"));\r\n      const reveals = Array.from(section.querySelectorAll(\".upc-flex-reveal\"));\r\n\r\n      function setActiveCard(index) {\r\n        cards.forEach(function (card, cardIndex) {\r\n          card.classList.toggle(\"is-active\", cardIndex === index);\r\n        });\r\n      }\r\n\r\n      cards.forEach(function (card, index) {\r\n        card.addEventListener(\"mouseenter\", function () {\r\n          if (window.matchMedia(\"(min-width: 861px)\").matches) {\r\n            setActiveCard(index);\r\n          }\r\n        });\r\n\r\n        card.addEventListener(\"click\", function () {\r\n          setActiveCard(index);\r\n        });\r\n      });\r\n\r\n      if (!(\"IntersectionObserver\" in window)) {\r\n        reveals.forEach(function (item) {\r\n          item.classList.add(\"is-visible\");\r\n        });\r\n        return;\r\n      }\r\n\r\n      const observer = new IntersectionObserver(\r\n        function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add(\"is-visible\");\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        },\r\n        {\r\n          threshold: 0.14\r\n        }\r\n      );\r\n\r\n      reveals.forEach(function (item, index) {\r\n        item.style.transitionDelay = index * 90 + \"ms\";\r\n        observer.observe(item);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfff084 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"cfff084\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"upc-executive-structure-section\" id=\"executive-structure\" dir=\"auto\">\r\n  <style>\r\n    .upc-executive-structure-section {\r\n      position: relative;\r\n      padding: 100px 0;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 12% 18%, rgba(177, 122, 63, 0.13), transparent 28%),\r\n        linear-gradient(135deg, var(--upc-petroleum-deep), var(--upc-petroleum), var(--upc-teal));\r\n      color: var(--upc-white);\r\n      font-family: var(--upc-font-body);\r\n    }\r\n\r\n    .upc-executive-structure-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-executive-structure-pattern {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      opacity: 0.12;\r\n      background:\r\n        radial-gradient(circle at 18% 28%, var(--upc-gold) 0 2px, transparent 3px),\r\n        radial-gradient(circle at 78% 70%, var(--upc-bronze) 0 2px, transparent 3px),\r\n        linear-gradient(135deg, transparent 0 46%, rgba(255,255,255,.22) 46% 47%, transparent 47%);\r\n      background-size: 300px 300px, 420px 420px, 120px 120px;\r\n      animation: upcExecutivePatternMove 24s linear infinite;\r\n    }\r\n\r\n    .upc-executive-structure-container {\r\n      width: var(--upc-container);\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-executive-structure-head {\r\n      max-width: 820px;\r\n      margin: 0 auto 52px;\r\n      text-align: center;\r\n    }\r\n\r\n    .upc-executive-structure-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      margin-bottom: 14px;\r\n      color: var(--upc-gold);\r\n      font-size: 0.95rem;\r\n      font-weight: 900;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .upc-executive-structure-kicker::before,\r\n    .upc-executive-structure-kicker::after {\r\n      content: \"\";\r\n      width: 36px;\r\n      height: 2px;\r\n      background: var(--upc-gold);\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .upc-executive-structure-title {\r\n      margin: 0;\r\n      color: var(--upc-white);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: clamp(2rem, 4vw, 3rem);\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      letter-spacing: -0.5px;\r\n    }\r\n\r\n    .upc-org-chart-wrapper {\r\n      position: relative;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      padding: 8px 0 18px;\r\n    }\r\n\r\n    .upc-org-chart-wrapper::-webkit-scrollbar {\r\n      height: 8px;\r\n    }\r\n\r\n    .upc-org-chart-wrapper::-webkit-scrollbar-track {\r\n      background: rgba(255, 255, 255, 0.08);\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .upc-org-chart-wrapper::-webkit-scrollbar-thumb {\r\n      background: var(--upc-gold);\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .upc-org-chart {\r\n      min-width: 1120px;\r\n      display: grid;\r\n      justify-items: center;\r\n      gap: 22px;\r\n    }\r\n\r\n    .upc-org-node {\r\n      position: relative;\r\n      min-width: 240px;\r\n      max-width: 300px;\r\n      min-height: 78px;\r\n      padding: 18px 20px;\r\n      border-radius: 18px;\r\n      background: rgba(255, 255, 255, 0.08);\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      box-shadow: 0 18px 44px rgba(5, 9, 10, 0.16);\r\n      backdrop-filter: blur(12px);\r\n      display: grid;\r\n      place-items: center;\r\n      text-align: center;\r\n      transition: var(--upc-transition);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .upc-org-node::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 110px;\r\n      height: 110px;\r\n      left: -60px;\r\n      top: -60px;\r\n      border-radius: 50%;\r\n      background: rgba(177, 122, 63, 0.12);\r\n      transition: var(--upc-transition);\r\n    }\r\n\r\n    .upc-org-node:hover {\r\n      transform: translateY(-6px);\r\n      border-color: rgba(177, 122, 63, 0.45);\r\n      background: rgba(177, 122, 63, 0.14);\r\n    }\r\n\r\n    .upc-org-node:hover::before {\r\n      transform: scale(1.4);\r\n    }\r\n\r\n    .upc-org-node strong {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: block;\r\n      color: var(--upc-white);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 1rem;\r\n      line-height: 1.55;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-org-node small {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: block;\r\n      margin-top: 6px;\r\n      color: rgba(255, 255, 255, 0.62);\r\n      font-size: 0.82rem;\r\n      line-height: 1.5;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .upc-org-node.is-ceo {\r\n      min-width: 320px;\r\n      min-height: 92px;\r\n      background: linear-gradient(135deg, var(--upc-gold), var(--upc-bronze));\r\n      border-color: transparent;\r\n      box-shadow: 0 22px 55px rgba(177, 122, 63, 0.28);\r\n    }\r\n\r\n    .upc-org-node.is-ceo::before {\r\n      background: rgba(255, 255, 255, 0.16);\r\n    }\r\n\r\n    .upc-org-node.is-ceo strong {\r\n      font-size: 1.18rem;\r\n    }\r\n\r\n    .upc-org-node.is-management {\r\n      background: rgba(255, 255, 255, 0.10);\r\n    }\r\n\r\n    .upc-org-node.is-department {\r\n      min-width: 210px;\r\n      min-height: 72px;\r\n      padding: 15px 16px;\r\n      border-radius: 16px;\r\n      background: rgba(7, 26, 31, 0.42);\r\n    }\r\n\r\n    .upc-org-node.is-department strong {\r\n      font-size: 0.92rem;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .upc-org-line {\r\n      width: 2px;\r\n      height: 28px;\r\n      background: linear-gradient(to bottom, var(--upc-gold), rgba(177, 122, 63, 0.15));\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .upc-org-row {\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 18px;\r\n      position: relative;\r\n    }\r\n\r\n    .upc-org-row.has-top-line::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -15px;\r\n      right: 12%;\r\n      left: 12%;\r\n      height: 1px;\r\n      background: rgba(177, 122, 63, 0.32);\r\n    }\r\n\r\n    .upc-org-main-managers {\r\n      width: 100%;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 18px;\r\n      position: relative;\r\n    }\r\n\r\n    .upc-org-main-managers::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -15px;\r\n      right: 10%;\r\n      left: 10%;\r\n      height: 1px;\r\n      background: rgba(177, 122, 63, 0.32);\r\n    }\r\n\r\n    .upc-org-branch {\r\n      display: grid;\r\n      justify-items: center;\r\n      align-content: start;\r\n      gap: 14px;\r\n      position: relative;\r\n    }\r\n\r\n    .upc-org-branch::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -15px;\r\n      width: 2px;\r\n      height: 15px;\r\n      background: rgba(177, 122, 63, 0.38);\r\n    }\r\n\r\n    .upc-org-departments {\r\n      width: 100%;\r\n      display: grid;\r\n      gap: 10px;\r\n      position: relative;\r\n      padding-top: 18px;\r\n    }\r\n\r\n    .upc-org-departments::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 50%;\r\n      width: 2px;\r\n      height: 18px;\r\n      transform: translateX(50%);\r\n      background: rgba(177, 122, 63, 0.34);\r\n    }\r\n\r\n    .upc-org-note {\r\n      margin-top: 30px;\r\n      padding: 18px 22px;\r\n      border-radius: 18px;\r\n      background: rgba(255, 255, 255, 0.075);\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      color: rgba(255, 255, 255, 0.68);\r\n      text-align: center;\r\n      font-size: 0.95rem;\r\n      line-height: 1.9;\r\n      font-weight: 500;\r\n    }\r\n\r\n    @keyframes upcExecutivePatternMove {\r\n      0% {\r\n        background-position: 0 0, 0 0, 0 0;\r\n      }\r\n\r\n      100% {\r\n        background-position: 300px 300px, -420px 420px, 120px 120px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .upc-executive-structure-section {\r\n        padding: 82px 0;\r\n      }\r\n\r\n      .upc-org-chart {\r\n        min-width: 980px;\r\n      }\r\n\r\n      .upc-org-node {\r\n        min-width: 220px;\r\n      }\r\n\r\n      .upc-org-node.is-ceo {\r\n        min-width: 300px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .upc-executive-structure-section {\r\n        padding: 72px 0;\r\n      }\r\n\r\n      .upc-executive-structure-container {\r\n        width: min(1280px, calc(100% - 32px));\r\n      }\r\n\r\n      .upc-executive-structure-head {\r\n        margin-bottom: 34px;\r\n      }\r\n\r\n      .upc-executive-structure-kicker::before,\r\n      .upc-executive-structure-kicker::after {\r\n        width: 24px;\r\n      }\r\n\r\n      .upc-executive-structure-title {\r\n        font-size: 1.85rem;\r\n      }\r\n\r\n      .upc-org-chart-wrapper {\r\n        padding-bottom: 20px;\r\n      }\r\n\r\n      .upc-org-note {\r\n        text-align: right;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-executive-structure-pattern\"><\/div>\r\n\r\n  <div class=\"upc-executive-structure-container\">\r\n    <div class=\"upc-executive-structure-head wow animate__animated animate__fadeInUp\">\r\n      <span class=\"upc-executive-structure-kicker\">\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a<\/span>\r\n   \r\n    <\/div>\r\n\r\n    <div class=\"upc-org-chart-wrapper wow animate__animated animate__fadeInUp\" data-wow-delay=\".08s\">\r\n      <div class=\"upc-org-chart\">\r\n\r\n        <div class=\"upc-org-node is-ceo\">\r\n          <strong>\u0627\u0644\u0631\u0626\u064a\u0633 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a<\/strong>\r\n          <small>\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0629 \u0648\u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0627\u0644\u0639\u0627\u0645<\/small>\r\n        <\/div>\r\n\r\n        <div class=\"upc-org-line\"><\/div>\r\n\r\n        <div class=\"upc-org-row has-top-line\">\r\n          <div class=\"upc-org-node is-management wow animate__animated animate__fadeInUp\" data-wow-delay=\".12s\">\r\n            <strong>\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/strong>\r\n            <small>\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a<\/small>\r\n          <\/div>\r\n\r\n          <div class=\"upc-org-node is-management wow animate__animated animate__fadeInUp\" data-wow-delay=\".16s\">\r\n            <strong>\u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0643\u062a\u0628<\/strong>\r\n            <small>\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629<\/small>\r\n          <\/div>\r\n\r\n          <div class=\"upc-org-node is-management wow animate__animated animate__fadeInUp\" data-wow-delay=\".20s\">\r\n            <strong>\u0627\u0644\u0633\u0643\u0631\u062a\u0627\u0631\u064a\u0629<\/strong>\r\n            <small>\u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629<\/small>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"upc-org-line\"><\/div>\r\n\r\n        <div class=\"upc-org-main-managers\">\r\n\r\n          <div class=\"upc-org-branch wow animate__animated animate__fadeInUp\" data-wow-delay=\".24s\">\r\n            <div class=\"upc-org-node is-management\">\r\n              <strong>\u0645\u062f\u064a\u0631 \u0639\u0627\u0645 \u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/strong>\r\n              <small>\u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0648\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0628\u064a<\/small>\r\n            <\/div>\r\n\r\n            <div class=\"upc-org-departments\">\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0641\u0646\u064a\u0629 \u0644\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u0623\u062b\u0627\u062b \u0648\u0627\u0644\u0645\u0637\u0627\u0628\u062e<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"upc-org-branch wow animate__animated animate__fadeInUp\" data-wow-delay=\".30s\">\r\n            <div class=\"upc-org-node is-management\">\r\n              <strong>\u0645\u062f\u064a\u0631 \u0639\u0627\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/strong>\r\n              <small>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0648\u0627\u0644\u0625\u0634\u0631\u0627\u0641<\/small>\r\n            <\/div>\r\n\r\n            <div class=\"upc-org-departments\">\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"upc-org-branch wow animate__animated animate__fadeInUp\" data-wow-delay=\".36s\">\r\n            <div class=\"upc-org-node is-management\">\r\n              <strong>\u0645\u062f\u064a\u0631 \u0639\u0627\u0645 \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a<\/strong>\r\n              <small>\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a<\/small>\r\n            <\/div>\r\n\r\n            <div class=\"upc-org-departments\">\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"upc-org-node is-department\">\r\n                <strong>\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n \r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0646\u062d\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0646 \u0646\u062d\u0646 \u0643\u0644\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633 \u0627\u0644\u062a\u0640\u0646\u0640\u0641\u064a\u0630\u064a \u0646\u062d\u0646 \u0641\u064a \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0644\u062f\u064a\u0640\u0646\u0627 \u0631\u0624\u064a\u0640\u0629 \u0648\u0627\u0636\u0640\u062d\u0640\u0629 \u0648 \u0637\u0640\u0645\u0640\u0648\u062d\u0640\u0629 \u0646\u0633\u062a\u0634\u0631\u0641 \u0641\u064a\u0647\u0627 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0645\u0639 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0646\u0627 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0628\u0643\u0641\u0640\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0625\u0630 \u0623\u0646 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u0644\u0645\u0648\u0627\u0631\u062f \u0628\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639\u0647\u0627 \u0647\u0648 \u062c\u0632\u0621 \u0623\u0633\u0627\u0633\u064a \u0645\u0646 \u0645\u0628\u0627\u062f\u0626\u0640\u0646\u0627 \u0641\u064a \u0627\u0644\u0634\u0631\u0643\u0629 \u062d\u064a\u062b \u0623\u0646\u0646\u0627 \u0646\u0639\u0645\u0644 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0646\u0638\u0645 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u062d\u0648\u0643\u0640\u0645\u0640\u0629 \u0648\u0646\u0637\u0628\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u0627\u0636\u0639\u064a\u0646 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-80","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":121,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":1054,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/80\/revisions\/1054"}],"wp:attachment":[{"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/media?parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}