{"id":15,"date":"2026-06-01T09:36:42","date_gmt":"2026-06-01T09:36:42","guid":{"rendered":"https:\/\/urbanprojects.sa\/?page_id=15"},"modified":"2026-06-28T12:27:20","modified_gmt":"2026-06-28T12:27:20","slug":"home","status":"publish","type":"page","link":"https:\/\/urbanprojects.sa\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1538cb1 e-con-full e-flex e-con e-parent\" data-id=\"1538cb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c28f23 elementor-widget elementor-widget-html\" data-id=\"7c28f23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================== UPC HERO \/ INTRO SECTION ===================== -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\">\r\n<script defer src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/wow\/1.1.2\/wow.min.js\"><\/script>\r\n\r\n<section class=\"upc-hero upc-section-pattern\" id=\"hero\" dir=\"auto\">\r\n  <video class=\"upc-hero-video\" autoplay muted loop playsinline preload=\"metadata\">\r\n    <source src=\"https:\/\/ihcc.sa\/images\/media\/2024\/11\/bnr-video%20(1).mp4\" type=\"video\/mp4\" \/>\r\n  <\/video>\r\n\r\n  <div class=\"upc-hero-overlay\"><\/div>\r\n\r\n  <div class=\"upc-container\">\r\n    <div class=\"upc-hero-content\">\r\n      <h1 class=\"upc-hero-title wow animate__animated animate__fadeInUp\">\r\n        \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\r\n      <\/h1>\r\n\r\n      <!--<h2 class=\"upc-hero-subtitle wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.12s\">-->\r\n      <!--  Urban Projects Company-->\r\n      <!--<\/h2>-->\r\n\r\n      <p class=\"upc-hero-slogan wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.18s\">\r\n        \u0646\u0635\u0646\u0639 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0625\u062a\u0642\u0627\u0646\r\n      <\/p>\r\n\r\n      <div class=\"upc-hero-actions wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.24s\">\r\n        <a class=\"upc-btn upc-btn-primary\" href=\"#services\">\u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n        <a class=\"upc-btn upc-btn-ghost\" href=\"https:\/\/urbanprojects.sa\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/\">\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"upc-hero-counters-wrap\">\r\n    <div class=\"upc-container\">\r\n      <div class=\"upc-hero-counters wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.34s\">\r\n        <div class=\"upc-counter-item\">\r\n          <strong class=\"upc-foundation-date\" dir=\"auto\">\r\n            <span class=\"upc-year-box\" dir=\"auto\">\r\n              <span class=\"upc-year-number\">2001<\/span><span class=\"upc-year-suffix\">\u0645<\/span>\r\n            <\/span>\r\n\r\n            <span class=\"upc-year-separator\">-<\/span>\r\n\r\n            <span class=\"upc-year-box\" dir=\"auto\">\r\n              <span class=\"upc-year-number\">1422<\/span><span class=\"upc-year-suffix\">\u0647\u0640<\/span>\r\n            <\/span>\r\n          <\/strong>\r\n\r\n          <span>\u0633\u0646\u0629 \u0627\u0644\u062a\u0623\u0633\u064a\u0633<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root {\r\n    --upc-petroleum: #0b252b;\r\n    --upc-petroleum-deep: #071a1f;\r\n    --upc-teal: #102f35;\r\n    --upc-gold: #b17a3f;\r\n    --upc-bronze: #c8924d;\r\n    --upc-cream: #f5f1ea;\r\n    --upc-white: #ffffff;\r\n    --upc-black: #05090a;\r\n    --upc-font-heading: \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif;\r\n    --upc-font-body: \"IBM Plex Sans Arabic\", \"Tajawal\", sans-serif;\r\n    --upc-container: min(1180px, calc(100% - 40px));\r\n    --upc-radius-sm: 8px;\r\n    --upc-radius-md: 16px;\r\n    --upc-transition: 280ms ease;\r\n  }\r\n\r\n  .upc-hero,\r\n  .upc-hero * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .upc-hero {\r\n    position: relative;\r\n    min-height: 720px;\r\n    display: grid;\r\n    place-items: center;\r\n    color: var(--upc-white);\r\n    background: var(--upc-petroleum-deep);\r\n    overflow: visible;\r\n    font-family: var(--upc-font-body);\r\n    isolation: isolate;\r\n    margin-bottom: 92px;\r\n  }\r\n\r\n  .upc-container {\r\n    width: var(--upc-container);\r\n    margin-inline: auto;\r\n    position: relative;\r\n    z-index: 4;\r\n  }\r\n\r\n  .upc-hero-video {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.72;\r\n    z-index: 1;\r\n  }\r\n\r\n  .upc-hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(7, 26, 31, 0.62) 0%,\r\n        rgba(7, 26, 31, 0.56) 42%,\r\n        rgba(7, 26, 31, 0.90) 100%\r\n      ),\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(5, 9, 10, 0.42),\r\n        rgba(11, 37, 43, 0.30),\r\n        rgba(5, 9, 10, 0.42)\r\n      );\r\n  }\r\n\r\n  .upc-section-pattern::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    background-image:\r\n      linear-gradient(120deg, rgba(177, 122, 63, 0.10) 1px, transparent 1px),\r\n      linear-gradient(30deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);\r\n    background-size: 84px 84px;\r\n    opacity: 0.28;\r\n    pointer-events: none;\r\n    mask-image: linear-gradient(\r\n      to bottom,\r\n      transparent,\r\n      var(--upc-black) 18%,\r\n      var(--upc-black) 82%,\r\n      transparent\r\n    );\r\n  }\r\n\r\n  .upc-hero-content {\r\n    max-width: 980px;\r\n    margin-inline: auto;\r\n    padding: 130px 0 160px;\r\n    text-align: center;\r\n  }\r\n\r\n  .upc-hero-title {\r\n    margin: 0 0 12px;\r\n    color: white;\r\n    font-family: var(--upc-font-heading);\r\n    font-size: clamp(2.45rem, 5vw, 4.3rem);\r\n    line-height: 1.12;\r\n    font-weight: 900;\r\n    letter-spacing: -0.9px;\r\n    text-wrap: balance;\r\n    text-shadow: 0 14px 38px rgba(0, 0, 0, 0.42);\r\n  }\r\n\r\n  .upc-hero-subtitle {\r\n    margin: 0 0 22px;\r\n    color: white;\r\n    font-family: var(--upc-font-heading);\r\n    font-size: clamp(1.55rem, 3.2vw, 3rem);\r\n    line-height: 1.12;\r\n    font-weight: 800;\r\n    letter-spacing: 0.8px;\r\n    text-shadow: 0 12px 30px rgba(0, 0, 0, 0.34);\r\n  }\r\n\r\n  .upc-hero-slogan {\r\n    max-width: 760px;\r\n    margin: 0 auto 28px;\r\n    color: rgba(255, 255, 255, 0.88);\r\n    font-size: clamp(1rem, 1.55vw, 1.28rem);\r\n    line-height: 2;\r\n    font-weight: 600;\r\n    text-shadow: 0 10px 26px rgba(0, 0, 0, 0.34);\r\n  }\r\n\r\n  .upc-hero-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n  }\r\n\r\n  .upc-btn {\r\n    position: relative;\r\n    min-width: 176px;\r\n    min-height: 50px;\r\n    border: 1px solid transparent;\r\n    border-radius: var(--upc-radius-sm);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 13px 30px;\r\n    font-size: 1rem;\r\n    font-weight: 800;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    transition:\r\n      transform var(--upc-transition),\r\n      background var(--upc-transition),\r\n      border-color var(--upc-transition),\r\n      color var(--upc-transition),\r\n      box-shadow var(--upc-transition);\r\n  }\r\n\r\n  .upc-btn::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -40%;\r\n    right: -85%;\r\n    width: 55%;\r\n    height: 180%;\r\n    z-index: -1;\r\n    background: linear-gradient(\r\n      120deg,\r\n      transparent,\r\n      rgba(255, 255, 255, 0.58),\r\n      transparent\r\n    );\r\n    transform: skewX(-24deg);\r\n    transition: right 0.75s ease;\r\n  }\r\n\r\n  .upc-btn:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .upc-btn:hover::before {\r\n    right: 135%;\r\n  }\r\n\r\n  .upc-btn-primary {\r\n    background: linear-gradient(135deg, var(--upc-gold), var(--upc-bronze));\r\n    color: var(--upc-white);\r\n    box-shadow: 0 16px 35px rgba(177, 122, 63, 0.28);\r\n  }\r\n\r\n  .upc-btn-primary:hover {\r\n    box-shadow: 0 20px 42px rgba(177, 122, 63, 0.38);\r\n  }\r\n\r\n  .upc-btn-ghost {\r\n    border-color: rgba(255, 255, 255, 0.42);\r\n    color: var(--upc-white);\r\n    background: rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(12px);\r\n  }\r\n\r\n  .upc-btn-ghost:hover {\r\n    border-color: rgba(200, 146, 77, 0.85);\r\n    background: rgba(255, 255, 255, 0.13);\r\n  }\r\n\r\n  .upc-hero-counters-wrap {\r\n    position: absolute;\r\n    right: 0;\r\n    left: 0;\r\n    bottom: -72px;\r\n    z-index: 8;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .upc-hero-counters {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    max-width: 420px;\r\n    margin-inline: auto;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .upc-counter-item {\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    min-height: 132px;\r\n    padding: 24px 18px 22px;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(177, 122, 63, 0.26);\r\n    background: rgba(255, 255, 255, 0.94);\r\n    text-align: center;\r\n    backdrop-filter: blur(14px);\r\n    transition:\r\n      transform var(--upc-transition),\r\n      border-color var(--upc-transition);\r\n  }\r\n\r\n  .upc-counter-item::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        rgba(177, 122, 63, 0.10),\r\n        transparent 44%\r\n      );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .upc-counter-item::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: 22px;\r\n    left: 22px;\r\n    bottom: 0;\r\n    height: 3px;\r\n    border-radius: 999px 999px 0 0;\r\n    background: linear-gradient(90deg, var(--upc-gold), var(--upc-bronze));\r\n  }\r\n\r\n  .upc-counter-item:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(177, 122, 63, 0.48);\r\n  }\r\n\r\n  .upc-counter-item strong {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: block;\r\n    width: 100%;\r\n    color: var(--upc-petroleum-deep);\r\n    font-family: var(--upc-font-heading);\r\n    font-size: clamp(1.8rem, 2.6vw, 2.45rem);\r\n    line-height: 1.15;\r\n    margin: 0 0 10px;\r\n    white-space: nowrap;\r\n    font-weight: 900;\r\n    font-variant-numeric: lining-nums;\r\n  }\r\n\r\n  .upc-counter-item > span {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: block;\r\n    color: rgba(7, 26, 31, 0.72);\r\n    font-size: 0.95rem;\r\n    line-height: 1.5;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .upc-foundation-date {\r\n    display: flex !important;\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    direction: ltr !important;\r\n    text-align: center;\r\n  }\r\n\r\n  .upc-year-box {\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 2px;\r\n    direction: rtl !important;\r\n    unicode-bidi: isolate !important;\r\n  }\r\n\r\n  .upc-year-number {\r\n    display: inline-block;\r\n    direction: ltr !important;\r\n    unicode-bidi: isolate !important;\r\n    font-variant-numeric: lining-nums;\r\n  }\r\n\r\n  .upc-year-suffix {\r\n    display: inline-block;\r\n    direction: rtl !important;\r\n    unicode-bidi: isolate !important;\r\n  }\r\n\r\n  .upc-year-separator {\r\n    display: inline-block;\r\n    direction: ltr !important;\r\n    unicode-bidi: isolate !important;\r\n  }\r\n\r\n  @media (max-width: 992px) {\r\n    .upc-hero {\r\n      min-height: 700px;\r\n      margin-bottom: 88px;\r\n    }\r\n\r\n    .upc-hero-content {\r\n      padding: 120px 0 155px;\r\n    }\r\n\r\n    .upc-hero-counters {\r\n      max-width: 390px;\r\n    }\r\n\r\n    .upc-counter-item {\r\n      min-height: 126px;\r\n      padding: 22px 14px 20px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 720px) {\r\n    .upc-hero {\r\n      min-height: auto;\r\n      display: block;\r\n      margin-bottom: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .upc-hero-content {\r\n      padding: 120px 0 48px;\r\n    }\r\n\r\n    .upc-hero-title {\r\n      font-size: clamp(2.05rem, 9vw, 3.1rem);\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .upc-hero-subtitle {\r\n      font-size: clamp(1.25rem, 6vw, 2rem);\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .upc-hero-slogan {\r\n      font-size: 0.98rem;\r\n      line-height: 1.9;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .upc-hero-actions {\r\n      gap: 12px;\r\n    }\r\n\r\n    .upc-btn {\r\n      width: 100%;\r\n      min-width: 0;\r\n    }\r\n\r\n    .upc-hero-counters-wrap {\r\n      position: relative;\r\n      right: auto;\r\n      left: auto;\r\n      bottom: auto;\r\n      z-index: 8;\r\n      padding: 0 0 42px;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    .upc-hero-counters {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .upc-counter-item {\r\n      min-height: auto;\r\n      padding: 22px 18px 20px;\r\n      box-shadow:\r\n        0 16px 38px rgba(7, 26, 31, 0.16),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.95);\r\n    }\r\n\r\n    .upc-counter-item strong {\r\n      font-size: clamp(1.65rem, 7vw, 2.15rem);\r\n    }\r\n\r\n    .upc-foundation-date {\r\n      gap: 7px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    function initUpcHero() {\r\n      if (window.WOW && !window.upcHeroWowStarted) {\r\n        window.upcHeroWowStarted = true;\r\n\r\n        new WOW({\r\n          boxClass: \"wow\",\r\n          animateClass: \"animate__animated\",\r\n          offset: 80,\r\n          mobile: true,\r\n          live: false\r\n        }).init();\r\n      }\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", initUpcHero);\r\n    } else {\r\n      initUpcHero();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6db156 elementor-widget elementor-widget-html\" data-id=\"c6db156\" 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=\"inherit\">\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-6eeda88 elementor-widget elementor-widget-html\" data-id=\"6eeda88\" 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=\"inherit\">\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-843f29f elementor-widget elementor-widget-html\" data-id=\"843f29f\" 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: 360px !important;\r\n      height: 360px;\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-a701a3b elementor-widget elementor-widget-html\" data-id=\"a701a3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"upc-services-section\" id=\"services\" dir=\"inherit\">\r\n  <style>\r\n    .upc-services-section {\r\n      position: relative;\r\n      padding: 100px 0;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 14% 12%, rgba(177, 122, 63, 0.17), 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-services-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-services-section a,\r\n    .upc-services-section a:hover,\r\n    .upc-services-section a:focus {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .upc-services-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-services-pattern {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      opacity: 0.16;\r\n      background:\r\n        radial-gradient(circle at 20% 25%, var(--upc-gold) 0 2px, transparent 3px),\r\n        radial-gradient(circle at 80% 70%, var(--upc-bronze) 0 2px, transparent 3px),\r\n        radial-gradient(circle at 48% 45%, var(--upc-white) 0 1px, transparent 2px);\r\n      background-size: 280px 280px, 380px 380px, 520px 520px;\r\n      animation: upcServicesPatternMove 24s linear infinite;\r\n    }\r\n\r\n    .upc-services-head {\r\n      max-width: 850px;\r\n      margin-bottom: 46px;\r\n    }\r\n\r\n    .upc-services-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 14px;\r\n      color: var(--upc-gold);\r\n      font-size: 32px;\r\n      line-height: 22px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-services-kicker::before {\r\n      content: \"\";\r\n      width: 36px;\r\n      height: 2px;\r\n      background: var(--upc-gold);\r\n    }\r\n\r\n    .upc-services-title {\r\n      margin: 0;\r\n      color: var(--upc-white);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 32px;\r\n      line-height: 43px;\r\n      font-weight: 900;\r\n      letter-spacing: -0.5px;\r\n      max-width: 900px;\r\n    }\r\n\r\n    .upc-services-desc {\r\n      margin: 18px 0 0;\r\n      max-width: 780px;\r\n      color: rgba(255, 255, 255, 0.72);\r\n      font-size: 16px;\r\n      line-height: 30px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .upc-services-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 18px;\r\n    }\r\n\r\n    .upc-service-card {\r\n      position: relative;\r\n      min-height: 430px;\r\n      border-radius: 26px;\r\n      overflow: hidden;\r\n      background: rgba(255, 255, 255, 0.07);\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      box-shadow: var(--upc-shadow-dark);\r\n      transition: var(--upc-transition);\r\n    }\r\n\r\n    .upc-service-card:hover {\r\n      transform: translateY(-8px);\r\n      border-color: rgba(177, 122, 63, 0.48);\r\n      background: rgba(177, 122, 63, 0.12);\r\n    }\r\n\r\n    .upc-service-media {\r\n      position: relative;\r\n      min-height: 210px;\r\n      background:\r\n        linear-gradient(to top, rgba(7, 26, 31, 0.88), transparent 70%),\r\n        var(--service-img) center \/ cover;\r\n    }\r\n\r\n    .upc-service-media::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 18px;\r\n      border: 1px solid rgba(177, 122, 63, 0.38);\r\n      border-radius: 18px;\r\n      opacity: 0.9;\r\n    }\r\n\r\n    .upc-service-body {\r\n      padding: 26px;\r\n      display: grid;\r\n      gap: 12px;\r\n    }\r\n\r\n    .upc-service-number {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      color: var(--upc-bronze);\r\n      font-weight: 900;\r\n      font-size: 14px;\r\n      line-height: 14px;\r\n    }\r\n\r\n    .upc-service-number::after {\r\n      content: \"\";\r\n      width: 36px;\r\n      height: 2px;\r\n      background: var(--upc-bronze);\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .upc-service-card h3 {\r\n      margin: 0;\r\n      color: var(--upc-white);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 21px;\r\n      line-height: 31px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-service-card p {\r\n      margin: 0;\r\n      color: rgba(255, 255, 255, 0.70);\r\n      font-size: 15px;\r\n      line-height: 28px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .upc-services-more {\r\n      margin-top: 44px;\r\n      display: flex;\r\n      justify-content: center;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-services-btn,\r\n    .upc-services-btn:visited {\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-height: 54px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 14px 38px;\r\n      border-radius: 8px;\r\n      background: linear-gradient(135deg, var(--upc-gold), var(--upc-bronze));\r\n      color: var(--upc-white) !important;\r\n      border: 1px solid rgba(177, 122, 63, 0.65);\r\n      font-family: var(--upc-font-body);\r\n      font-size: 15px;\r\n      line-height: 22px;\r\n      font-weight: 900;\r\n      box-shadow:\r\n        0 18px 42px rgba(177, 122, 63, 0.30),\r\n        inset 0 0 0 1px rgba(255, 255, 255, 0.16);\r\n      transition:\r\n        transform var(--upc-transition),\r\n        box-shadow var(--upc-transition),\r\n        border-color var(--upc-transition);\r\n    }\r\n\r\n    .upc-services-btn::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: -85%;\r\n      width: 58%;\r\n      height: 100%;\r\n      background: linear-gradient(\r\n        120deg,\r\n        transparent,\r\n        rgba(255, 255, 255, 0.62),\r\n        transparent\r\n      );\r\n      transform: skewX(-24deg);\r\n      transition: 780ms ease;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-services-btn span {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-services-btn:hover {\r\n      transform: translateY(-5px);\r\n      color: var(--upc-white) !important;\r\n      border-color: rgba(255, 255, 255, 0.45);\r\n      box-shadow:\r\n        0 26px 58px rgba(177, 122, 63, 0.42),\r\n        0 0 0 5px rgba(177, 122, 63, 0.12);\r\n    }\r\n\r\n    .upc-services-btn:hover::before {\r\n      right: 140%;\r\n    }\r\n\r\n    @keyframes upcServicesPatternMove {\r\n      0% {\r\n        background-position: 0 0, 0 0, 0 0;\r\n      }\r\n\r\n      100% {\r\n        background-position: 280px 280px, -380px 380px, 520px -520px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .upc-services-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .upc-services-section {\r\n        padding: 76px 0;\r\n      }\r\n\r\n      .upc-services-container {\r\n        width: min(1280px, calc(100% - 32px));\r\n      }\r\n\r\n      .upc-services-head {\r\n        margin-bottom: 36px;\r\n      }\r\n\r\n      .upc-services-title {\r\n        font-size: 26px;\r\n        line-height: 36px;\r\n      }\r\n\r\n      .upc-services-kicker {\r\n        font-size: 14px;\r\n        line-height: 21px;\r\n      }\r\n\r\n      .upc-services-desc {\r\n        font-size: 15px;\r\n        line-height: 28px;\r\n      }\r\n\r\n      .upc-services-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .upc-service-card {\r\n        min-height: auto;\r\n      }\r\n\r\n      .upc-service-media {\r\n        min-height: 190px;\r\n      }\r\n\r\n      .upc-service-card h3 {\r\n        font-size: 20px;\r\n        line-height: 30px;\r\n      }\r\n\r\n      .upc-service-card p {\r\n        font-size: 14px;\r\n        line-height: 27px;\r\n      }\r\n\r\n      .upc-service-number {\r\n        font-size: 13px;\r\n        line-height: 13px;\r\n      }\r\n\r\n      .upc-services-more {\r\n        margin-top: 34px;\r\n      }\r\n\r\n      .upc-services-btn {\r\n        min-height: 52px;\r\n        padding: 13px 34px;\r\n        font-size: 14px;\r\n        line-height: 21px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .upc-services-section {\r\n        padding: 64px 0;\r\n      }\r\n\r\n      .upc-service-body {\r\n        padding: 22px;\r\n      }\r\n\r\n      .upc-service-media {\r\n        min-height: 180px;\r\n      }\r\n\r\n      .upc-services-btn {\r\n        width: 100%;\r\n        padding-inline: 22px;\r\n        border-radius: 8px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-services-pattern\"><\/div>\r\n\r\n  <div class=\"upc-services-container\">\r\n    <div class=\"upc-services-head\">\r\n      <span class=\"upc-services-kicker\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n      <h2 class=\"upc-services-title\">\u062d\u0644\u0648\u0644 \u062a\u0646\u0641\u064a\u0630 \u0648\u062a\u062c\u0647\u064a\u0632 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0637\u0628\u064a\u0629<\/h2>\r\n      <p class=\"upc-services-desc\">\r\n        \u0646\u062a\u0648\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0646\u0648\u0639\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u0645\u0628\u0627\u0646\u064a\u060c \u0645\u0639 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632 \u0648\u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"upc-services-grid\">\r\n      <article class=\"upc-service-card\" style=\"--service-img: url('https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/\u062a\u0646\u0641\u064a\u0630-\u0648\u0625\u0646\u0634\u0627\u0621-\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639-\u0627\u0644\u0639\u0627\u0645\u0629.webp');\">\r\n        <div class=\"upc-service-media\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"upc-service-body\">\r\n          <span class=\"upc-service-number\">01<\/span>\r\n          <h3>\u062a\u0646\u0641\u064a\u0630 \u0648\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0627\u0645\u0629<\/h3>\r\n          <p>\r\n            \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u0645\u0628\u0627\u0646\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0648 \u0627\u0644\u0635\u062d\u064a\u0629 \u060c \u0645\u0639 \u0625\u062f\u0627\u0631\u0629 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644       \u0645\u0646 \u0627\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"upc-service-card\" style=\"--service-img: url('https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u062a\u062e\u0637\u064a\u0637-\u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0647\u0646\u062f\u0633\u064a.webp');\">\r\n        <div class=\"upc-service-media\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"upc-service-body\">\r\n          <span class=\"upc-service-number\">02<\/span>\r\n          <h3>\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u064a<\/h3>\r\n          <p>\r\n            \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"upc-service-card\" style=\"--service-img: url('https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a-\u0648\u0627\u0644\u0645\u0639\u062f\u0627\u062a-\u0627\u0644\u0637\u0628\u064a\u0629.webp');\">\r\n        <div class=\"upc-service-media\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"upc-service-body\">\r\n          <span class=\"upc-service-number\">03<\/span>\r\n          <h3>\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/h3>\r\n          <p>\r\n            \u062e\u0628\u0631\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644 \u0648\u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a \u0628\u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"upc-services-more\">\r\n      <a href=\"\/services\" class=\"upc-services-btn\">\r\n        <span>\u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/span>\r\n      <\/a>\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-1b4c8c3 elementor-widget elementor-widget-shortcode\" data-id=\"1b4c8c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    .upc-projects-section { position: relative; padding: 105px 0; overflow: hidden; background: #f5f1ea; }\n    .upc-projects-container { width: min(1280px, calc(100% - 48px)); margin: 0 auto; position: relative; z-index: 2; }\n    .upc-projects-head { max-width: 850px; margin: 0 0 50px auto; text-align: right; }\n    .upc-projects-kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; color: #b17a3f !important; font-size: 32px; font-weight: 900; }\n    .upc-projects-kicker::after { content: \"\"; width: 48px; height: 2px; background: #b17a3f; display: inline-block; }\n    .upc-projects-title { margin: 0; color: #071a1f !important; font-size: 2.8rem; line-height: 1.2; font-weight: 900; }\n    .upc-projects-desc { margin: 17px 0 0; color: #102f35 !important; font-size: 1.04rem; line-height: 1.9; }\n    .upc-projects-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n    .upc-project-card { display: block; position: relative; min-height: 385px; border-radius: 26px; overflow: hidden; background-size: cover; background-position: center; border: 1px solid rgba(177, 122, 63, 0.18); transition: 0.3s; }\n    .upc-project-card:hover { transform: translateY(-10px); border-color: #c8924d; }\n    .upc-project-card::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(to top, rgba(7, 26, 31, 0.95), rgba(7, 26, 31, 0.2)); }\n    .upc-project-card-inner { position: relative; z-index: 2; padding: 24px; height: 385px; display: flex; flex-direction: column; justify-content: flex-end; }\n    .upc-project-card h3 { color: #b17a3f !important; font-size: 1.18rem; margin: 0; transition: 0.3s; }\n    .upc-project-card:hover h3 { color: #fff !important; }\n    .upc-project-card p { color: rgba(255, 255, 255, 0.8) !important; font-size: 0.93rem; margin: 9px 0 0; }\n    .upc-projects-more { margin-top: 46px; text-align: center; }\n    .upc-projects-btn { display: inline-block; padding: 14px 38px; background: #b17a3f; color: #fff !important; text-decoration: none !important; border-radius: 8px; font-weight: 900; transition: 0.3s; }\n    .upc-projects-btn:hover { background: #8e6232; }\n    \n    \/* \u0645\u0646\u0637\u0642 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0644\u0640 TranslatePress *\/\n    :lang(en) .upc-projects-section { direction: ltr !important; }\n    :lang(en) .upc-projects-head { margin: 0 0 50px 0 !important; text-align: left !important; }\n    :lang(en) .upc-projects-kicker { justify-content: flex-start !important; }\n    :lang(en) .upc-projects-kicker::after { margin-left: 12px; margin-right: 0; }\n    :lang(en) .upc-project-card-inner { text-align: left !important; }\n\n    @media (max-width: 992px) { .upc-projects-grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 768px) { .upc-projects-grid { grid-template-columns: 1fr; } }\n<\/style>\n\n<section class=\"upc-projects-section\" dir=\"ltr\">\n    <div class=\"upc-projects-container\">\n        <div class=\"upc-projects-head\">\n            <span class=\"upc-projects-kicker\">\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/span>\n            <h2 class=\"upc-projects-title\">\u0646\u0645\u0627\u0630\u062c \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u064a \u0642\u0627\u0645\u062a \u0628\u0647\u0627 \u0627\u0644\u0634\u0631\u0643\u0629<\/h2>\n            <p class=\"upc-projects-desc\">\u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0637\u0628\u064a\u0629 \u0648\u0633\u0643\u0646\u064a\u0629 \u0648\u062a\u062c\u0627\u0631\u064a\u0629 \u062a\u0639\u0643\u0633 \u062a\u0646\u0648\u0639 \u062e\u0628\u0631\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632.<\/p>\n        <\/div>\n\n        <div class=\"upc-projects-grid\">\n                            <a href=\"https:\/\/urbanprojects.sa\/en\/projects\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d8%b9%d9%8a%d8%a7%d8%af%d8%a7%d8%aa-%d8%a8%d8%a7%d9%86%d9%88%d8%b1%d8%a7%d9%85%d8%a7-%d9%84%d8%b7%d8%a8-%d8%a7%d9%84%d8%a7%d8%b3%d9%86%d8%a7%d9%86\/\" class=\"upc-project-card\" style=\"background-image: url('https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-15-at-1.47.59-PM-1024x712.jpeg');\">\n                    <div class=\"upc-project-card-inner\">\n                        <h3>\u0639\u064a\u0627\u062f\u0627\u062a \u062e\u0627\u0635\u0629<\/h3>\n                        <p><\/p>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/urbanprojects.sa\/en\/projects\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%85%d8%b3%d8%aa%d8%b4%d9%81%d9%89-%d8%a7%d9%84%d8%a7%d8%b3%d9%86%d8%a7%d9%86-%d8%a8%d8%ac%d9%8a%d8%b2%d8%a7%d9%86\/\" class=\"upc-project-card\" style=\"background-image: url('https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-10-at-3.53.00-PM-1.webp');\">\n                    <div class=\"upc-project-card-inner\">\n                        <h3>\u0645\u0633\u062a\u0634\u0641\u064a \u0637\u0628 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0628\u062c\u0627\u0645\u0639\u0629 \u062c\u0627\u0632\u0627\u0646<\/h3>\n                        <p><\/p>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/urbanprojects.sa\/en\/projects\/%d9%85%d8%b3%d8%aa%d8%b4%d9%81%d9%89-%d8%b7%d8%a8-%d8%a7%d9%84%d8%a7%d8%b3%d9%86%d8%a7%d9%86-%d8%ac%d8%a7%d9%85%d8%b9%d9%87-%d8%ae%d8%a7%d9%84%d8%af\/\" class=\"upc-project-card\" style=\"background-image: url('https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-10-at-3.49.47-PM-768x1024.webp');\">\n                    <div class=\"upc-project-card-inner\">\n                        <h3>\u0645\u0633\u062a\u0634\u0641\u0649 \u0637\u0628 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0628\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u062e\u0627\u0644\u062f<\/h3>\n                        <p><\/p>\n                    <\/div>\n                <\/a>\n                    <\/div>\n\n        <div class=\"upc-projects-more\">\n            <a href=\"\/projects\" class=\"upc-projects-btn\">\u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d62106a elementor-widget elementor-widget-html\" data-id=\"d62106a\" 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-iso-section\" id=\"iso-certificates\" dir=\"inherit\">\r\n  <style>\r\n    .upc-iso-section {\r\n      position: relative;\r\n      padding: 100px 0;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      background:\r\n        radial-gradient(circle at 14% 18%, rgba(177, 122, 63, 0.18), transparent 28%),\r\n        radial-gradient(circle at 86% 78%, rgba(255, 255, 255, 0.07), transparent 30%),\r\n        linear-gradient(135deg, var(--upc-petroleum-deep), var(--upc-petroleum) 50%, var(--upc-teal));\r\n      color: var(--upc-white);\r\n      font-family: var(--upc-font-body);\r\n    }\r\n\r\n    .upc-iso-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-iso-pattern {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      opacity: 0.075;\r\n      pointer-events: none;\r\n      background-image:\r\n        linear-gradient(90deg, rgba(255, 255, 255, 0.22) 1px, transparent 1px),\r\n        linear-gradient(180deg, rgba(255, 255, 255, 0.22) 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-iso-glow {\r\n      position: absolute;\r\n      pointer-events: none;\r\n      border-radius: 999px;\r\n      filter: blur(5px);\r\n      z-index: 1;\r\n    }\r\n\r\n    .upc-iso-glow.one {\r\n      width: 380px;\r\n      height: 380px;\r\n      top: -150px;\r\n      right: -140px;\r\n      background: rgba(177, 122, 63, 0.20);\r\n    }\r\n\r\n    .upc-iso-glow.two {\r\n      width: 320px;\r\n      height: 320px;\r\n      left: -120px;\r\n      bottom: -130px;\r\n      background: rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    .upc-iso-container {\r\n      width: var(--upc-container);\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 3;\r\n    }\r\n\r\n    .upc-iso-head {\r\n      max-width: 850px;\r\n      margin: 0 auto 48px;\r\n      text-align: center;\r\n    }\r\n\r\n    .upc-iso-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: 32px;\r\n      line-height: 22px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-iso-kicker::before,\r\n    .upc-iso-kicker::after {\r\n      content: \"\";\r\n      width: 36px;\r\n      height: 2px;\r\n      background: var(--upc-gold);\r\n      display: inline-block;\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .upc-iso-title {\r\n      margin: 0;\r\n      color: var(--upc-white);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 36px;\r\n      line-height: 48px;\r\n      font-weight: 900;\r\n      letter-spacing: -0.6px;\r\n    }\r\n\r\n    .upc-iso-title span {\r\n      color: var(--upc-gold);\r\n    }\r\n\r\n    .upc-iso-desc {\r\n      max-width: 720px;\r\n      margin: 16px auto 0;\r\n      color: rgba(255, 255, 255, 0.72);\r\n      font-size: 16px;\r\n      line-height: 31px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .upc-iso-grid {\r\n      width: 100%;\r\n      max-width: 1180px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      align-items: stretch;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n      gap: 18px;\r\n    }\r\n\r\n    .upc-iso-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      flex: 0 0 calc(25% - 14px);\r\n      max-width: calc(25% - 14px);\r\n      padding: 8px;\r\n      border-radius: 20px;\r\n      background:\r\n        linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.055));\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      box-shadow: 0 22px 60px rgba(5, 9, 10, 0.22);\r\n      transition:\r\n        transform 0.45s cubic-bezier(.22, .61, .36, 1),\r\n        border-color 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n    }\r\n\r\n    .upc-iso-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      background:\r\n        radial-gradient(circle at top right, rgba(177, 122, 63, 0.20), transparent 34%),\r\n        radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.08), transparent 32%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-iso-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 100%;\r\n      height: 4px;\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.45s cubic-bezier(.22, .61, .36, 1);\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-iso-card:hover {\r\n      transform: translateY(-8px) scale(1.015);\r\n      border-color: rgba(177, 122, 63, 0.42);\r\n      box-shadow: 0 30px 80px rgba(5, 9, 10, 0.34);\r\n    }\r\n\r\n    .upc-iso-card:hover::after {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .upc-iso-card-inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      height: 100%;\r\n      display: block;\r\n    }\r\n\r\n    .upc-iso-image-box {\r\n      position: relative;\r\n      overflow: hidden;\r\n      width: 100%;\r\n      aspect-ratio: 1 \/ 1;\r\n      height: auto;\r\n      border-radius: 15px;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(255, 255, 255, 0.16);\r\n      box-shadow: 0 14px 34px rgba(5, 9, 10, 0.16);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 14px;\r\n    }\r\n\r\n    .upc-iso-image-box::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      border-radius: 15px;\r\n      background:\r\n        linear-gradient(\r\n          120deg,\r\n          transparent 0%,\r\n          rgba(255, 255, 255, 0.38) 45%,\r\n          transparent 65%\r\n        );\r\n      transform: translateX(130%);\r\n      transition: transform 0.9s cubic-bezier(.22, .61, .36, 1);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-iso-card:hover .upc-iso-image-box::before {\r\n      transform: translateX(-130%);\r\n    }\r\n\r\n    .upc-iso-image-box img {\r\n      position: relative;\r\n      z-index: 1;\r\n      display: block;\r\n      width: auto;\r\n      height: auto;\r\n      max-width: 78%;\r\n      max-height: 78%;\r\n      object-fit: contain;\r\n      object-position: center;\r\n      border-radius: 10px;\r\n      image-rendering: auto;\r\n      transform: translateZ(0) scale(1);\r\n      backface-visibility: hidden;\r\n      transition:\r\n        transform 0.45s cubic-bezier(.22, .61, .36, 1),\r\n        filter 0.35s ease;\r\n    }\r\n\r\n    .upc-iso-card:hover .upc-iso-image-box img {\r\n      transform: translateZ(0) scale(1.045);\r\n      filter: contrast(1.03) saturate(1.04);\r\n    }\r\n\r\n    .upc-iso-reveal {\r\n      opacity: 0;\r\n      transform: translateY(34px) scale(0.96);\r\n      filter: blur(5px);\r\n      transition:\r\n        opacity 0.75s cubic-bezier(.22, .61, .36, 1),\r\n        transform 0.75s cubic-bezier(.22, .61, .36, 1),\r\n        filter 0.75s cubic-bezier(.22, .61, .36, 1);\r\n      will-change: opacity, transform, filter;\r\n    }\r\n\r\n    .upc-iso-reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0) scale(1);\r\n      filter: blur(0);\r\n    }\r\n\r\n    @media (max-width: 1200px) {\r\n      .upc-iso-grid {\r\n        max-width: 980px;\r\n      }\r\n\r\n      .upc-iso-card {\r\n        flex: 0 0 calc(25% - 14px);\r\n        max-width: calc(25% - 14px);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n      .upc-iso-grid {\r\n        max-width: 720px;\r\n      }\r\n\r\n      .upc-iso-card {\r\n        flex: 0 0 calc(50% - 9px);\r\n        max-width: calc(50% - 9px);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .upc-iso-section {\r\n        padding: 76px 0;\r\n      }\r\n\r\n      .upc-iso-container {\r\n        width: min(1280px, calc(100% - 32px));\r\n      }\r\n\r\n      .upc-iso-head {\r\n        margin-bottom: 34px;\r\n      }\r\n\r\n      .upc-iso-kicker {\r\n        font-size: 14px;\r\n        line-height: 21px;\r\n      }\r\n\r\n      .upc-iso-kicker::before,\r\n      .upc-iso-kicker::after {\r\n        width: 24px;\r\n      }\r\n\r\n      .upc-iso-title {\r\n        font-size: 28px;\r\n        line-height: 40px;\r\n      }\r\n\r\n      .upc-iso-desc {\r\n        font-size: 15px;\r\n        line-height: 29px;\r\n      }\r\n\r\n      .upc-iso-grid {\r\n        max-width: 360px;\r\n        gap: 16px;\r\n      }\r\n\r\n      .upc-iso-card {\r\n        flex: 0 0 100%;\r\n        max-width: 100%;\r\n      }\r\n\r\n      .upc-iso-image-box {\r\n        padding: 12px;\r\n      }\r\n\r\n      .upc-iso-image-box img {\r\n        max-width: 58%;\r\n        max-height: 58%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .upc-iso-section {\r\n        padding: 66px 0;\r\n      }\r\n\r\n      .upc-iso-title {\r\n        font-size: 25px;\r\n        line-height: 36px;\r\n      }\r\n\r\n      .upc-iso-grid {\r\n        max-width: 300px;\r\n      }\r\n\r\n      .upc-iso-card {\r\n        padding: 6px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .upc-iso-image-box {\r\n        border-radius: 14px;\r\n        padding: 10px;\r\n      }\r\n\r\n      .upc-iso-image-box::before {\r\n        border-radius: 14px;\r\n      }\r\n\r\n      .upc-iso-image-box img {\r\n        max-width: 58%;\r\n        max-height: 58%;\r\n        border-radius: 8px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-iso-pattern\"><\/div>\r\n  <div class=\"upc-iso-glow one\"><\/div>\r\n  <div class=\"upc-iso-glow two\"><\/div>\r\n\r\n  <div class=\"upc-iso-container\">\r\n    <div class=\"upc-iso-head upc-iso-reveal\">\r\n      <span class=\"upc-iso-kicker\">\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n\r\n      <h2 class=\"upc-iso-title\">\r\n        \u0634\u0647\u0627\u062f\u0627\u062a <span>\u0627\u0644\u0623\u064a\u0632\u0648<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"upc-iso-desc\">\r\n        \u062a\u0639\u0643\u0633 \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u064a\u0632\u0648 \u0627\u0644\u062a\u0632\u0627\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0623\u0639\u0645\u0627\u0644\u0647\u0627 \u0648\u0645\u0634\u0627\u0631\u064a\u0639\u0647\u0627.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"upc-iso-grid\">\r\n\r\n      <article class=\"upc-iso-card upc-iso-reveal\">\r\n        <div class=\"upc-iso-card-inner\">\r\n          <div class=\"upc-iso-image-box\">\r\n            <img src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/24.webp\" alt=\"\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0623\u064a\u0632\u0648 \u0627\u0644\u0623\u0648\u0644\u0649\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"upc-iso-card upc-iso-reveal\">\r\n        <div class=\"upc-iso-card-inner\">\r\n          <div class=\"upc-iso-image-box\">\r\n            <img src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/25.webp\" alt=\"\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0623\u064a\u0632\u0648 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"upc-iso-card upc-iso-reveal\">\r\n        <div class=\"upc-iso-card-inner\">\r\n          <div class=\"upc-iso-image-box\">\r\n            <img src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/26.webp\" alt=\"\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0623\u064a\u0632\u0648 \u0627\u0644\u062b\u0627\u0644\u062b\u0629\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"upc-iso-card upc-iso-reveal\">\r\n        <div class=\"upc-iso-card-inner\">\r\n          <div class=\"upc-iso-image-box\">\r\n            <img src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/ChatGPT_Image_Jun_9__2026__12_12_03_PM-removebg-preview.png\" alt=\"\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0623\u064a\u0632\u0648 \u0627\u0644\u0631\u0627\u0628\u0639\u0629\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const section = document.querySelector(\"#iso-certificates\");\r\n      if (!section) return;\r\n\r\n      const items = section.querySelectorAll(\".upc-iso-reveal\");\r\n\r\n      if (!(\"IntersectionObserver\" in window)) {\r\n        items.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.18,\r\n          rootMargin: \"0px 0px -40px 0px\"\r\n        }\r\n      );\r\n\r\n      items.forEach(function (item, index) {\r\n        item.style.transitionDelay = index * 110 + \"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-0911b54 elementor-widget elementor-widget-shortcode\" data-id=\"0911b54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <section class=\"upc-clients-section\" id=\"clients\" dir=\"inherit\">\n      <style>\n        .upc-clients-section {\n          position: relative;\n          padding: 90px 0;\n          overflow: hidden;\n          background: var(--upc-white);\n          color: var(--upc-petroleum-deep);\n          font-family: var(--upc-font-body);\n        }\n\n        .upc-clients-section * {\n          box-sizing: border-box;\n        }\n\n        .upc-clients-pattern {\n          position: absolute;\n          inset: 0;\n          pointer-events: none;\n          opacity: 0.10;\n          background:\n            radial-gradient(circle at 18% 28%, var(--upc-gold) 0 2px, transparent 3px),\n            radial-gradient(circle at 78% 70%, var(--upc-teal) 0 2px, transparent 3px),\n            radial-gradient(circle at 48% 42%, var(--upc-bronze) 0 2px, transparent 3px);\n          background-size: 300px 300px, 420px 420px, 520px 520px;\n          animation: upcClientsPatternMove 24s linear infinite;\n        }\n\n        .upc-clients-container {\n          width: var(--upc-container);\n          margin: 0 auto;\n          position: relative;\n          z-index: 2;\n        }\n\n        .upc-clients-head {\n          max-width: 820px;\n          margin: 0 auto 44px;\n          text-align: center;\n        }\n\n        .upc-clients-kicker {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n          margin-bottom: 14px;\n          color: var(--upc-gold);\n          font-size: 32px;\n          line-height: 22px;\n          font-weight: 900;\n        }\n\n        .upc-clients-kicker::before,\n        .upc-clients-kicker::after {\n          content: \"\";\n          width: 36px;\n          height: 2px;\n          background: var(--upc-gold);\n          display: inline-block;\n          border-radius: 999px;\n        }\n\n        .upc-clients-title {\n          margin: 0;\n          color: var(--upc-petroleum-deep);\n          font-family: var(--upc-font-heading);\n          font-size: 32px;\n          line-height: 43px;\n          font-weight: 900;\n          letter-spacing: -0.5px;\n        }\n\n        .upc-clients-desc {\n          max-width: 700px;\n          margin: 16px auto 0;\n          color: var(--upc-teal);\n          font-size: 16px;\n          line-height: 30px;\n          font-weight: 500;\n        }\n\n        .upc-clients-grid {\n          display: flex;\n          flex-wrap: wrap;\n          align-items: stretch;\n          justify-content: center;\n          gap: 14px;\n        }\n\n        .upc-client-card {\n          position: relative;\n          flex: 0 0 calc((100% - 42px) \/ 4);\n          max-width: calc((100% - 42px) \/ 4);\n          min-height: 150px;\n          padding: 14px 16px;\n          border-radius: 18px;\n          background: #ffffff;\n          border: 1px solid rgba(7, 26, 31, 0.08);\n          box-shadow: 0 10px 26px rgba(7, 26, 31, 0.06);\n          display: grid;\n          place-items: center;\n          text-align: center;\n          overflow: hidden;\n          isolation: isolate;\n          transition:\n            transform 0.35s ease,\n            border-color 0.35s ease,\n            box-shadow 0.35s ease;\n        }\n\n        .upc-client-card::before {\n          content: \"\";\n          position: absolute;\n          inset: 0;\n          z-index: 0;\n          background:\n            radial-gradient(circle at top right, rgba(177, 122, 63, 0.10), transparent 36%),\n            linear-gradient(135deg, rgba(177, 122, 63, 0.04), transparent 52%);\n          opacity: 0;\n          transition: opacity 0.35s ease;\n          pointer-events: none;\n        }\n\n        .upc-client-card::after {\n          content: \"\";\n          position: absolute;\n          top: -40%;\n          right: -85%;\n          z-index: 3;\n          width: 52%;\n          height: 180%;\n          background: linear-gradient(\n            120deg,\n            transparent,\n            rgba(255, 255, 255, 0.85),\n            transparent\n          );\n          transform: skewX(-24deg);\n          transition: right 0.75s ease;\n          pointer-events: none;\n        }\n\n        .upc-client-card:hover {\n          transform: translateY(-6px);\n          border-color: rgba(177, 122, 63, 0.36);\n          box-shadow: 0 18px 42px rgba(7, 26, 31, 0.11);\n        }\n\n        .upc-client-card:hover::before {\n          opacity: 1;\n        }\n\n        .upc-client-card:hover::after {\n          right: 135%;\n        }\n\n        .upc-client-card-line {\n          position: absolute;\n          right: 18px;\n          left: 18px;\n          bottom: 0;\n          z-index: 2;\n          height: 3px;\n          border-radius: 999px 999px 0 0;\n          background: linear-gradient(90deg, var(--upc-gold), var(--upc-bronze));\n          transform: scaleX(0);\n          transform-origin: center;\n          transition: transform 0.35s ease;\n        }\n\n        .upc-client-card:hover .upc-client-card-line {\n          transform: scaleX(1);\n        }\n\n        .upc-client-inner {\n          position: relative;\n          z-index: 2;\n          width: 100%;\n          height: 100%;\n          min-height: 120px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        .upc-client-logo {\n          width: auto;\n          height: auto;\n          max-width: 170px;\n          max-height: 120px;\n          display: block;\n          object-fit: contain;\n          object-position: center;\n          image-rendering: auto;\n          transform: translateZ(0);\n          backface-visibility: hidden;\n          filter: grayscale(8%) contrast(1.02);\n          transition:\n            transform 0.35s ease,\n            filter 0.35s ease,\n            opacity 0.35s ease;\n        }\n\n        .upc-client-card:hover .upc-client-logo {\n          transform: scale(1.045);\n          filter: grayscale(0%) contrast(1.04);\n          opacity: 1;\n        }\n\n        @keyframes upcClientsPatternMove {\n          0% {\n            background-position: 0 0, 0 0, 0 0;\n          }\n\n          100% {\n            background-position: 300px 300px, -420px 420px, 520px -520px;\n          }\n        }\n\n        @media (max-width: 1100px) {\n          .upc-client-card {\n            flex: 0 0 calc((100% - 28px) \/ 3);\n            max-width: calc((100% - 28px) \/ 3);\n          }\n\n          .upc-client-logo {\n            max-width: 132px;\n            max-height: 68px;\n          }\n        }\n\n        @media (max-width: 860px) {\n          .upc-client-card {\n            flex: 0 0 calc((100% - 14px) \/ 2);\n            max-width: calc((100% - 14px) \/ 2);\n          }\n        }\n\n        @media (max-width: 768px) {\n          .upc-clients-section {\n            padding: 76px 0;\n          }\n\n          .upc-clients-container {\n            width: min(1280px, calc(100% - 32px));\n          }\n\n          .upc-clients-head {\n            margin-bottom: 34px;\n          }\n\n          .upc-clients-kicker {\n            font-size: 14px;\n            line-height: 21px;\n          }\n\n          .upc-clients-kicker::before,\n          .upc-clients-kicker::after {\n            width: 24px;\n          }\n\n          .upc-clients-title {\n            font-size: 26px;\n            line-height: 36px;\n          }\n\n          .upc-clients-desc {\n            font-size: 15px;\n            line-height: 28px;\n          }\n\n          .upc-client-card {\n            min-height: 116px;\n            padding: 12px 14px;\n            border-radius: 16px;\n          }\n\n          .upc-client-inner {\n            min-height: 86px;\n          }\n\n          .upc-client-logo {\n            max-width: 124px;\n            max-height: 64px;\n          }\n        }\n\n        @media (max-width: 480px) {\n          .upc-clients-grid {\n            gap: 12px;\n          }\n\n          .upc-client-card {\n            flex: 0 0 calc((100% - 12px) \/ 2);\n            max-width: calc((100% - 12px) \/ 2);\n            min-height: 106px;\n            padding: 10px 12px;\n          }\n\n          .upc-client-inner {\n            min-height: 78px;\n          }\n\n          .upc-client-logo {\n            max-width: 112px;\n            max-height: 58px;\n          }\n        }\n      <\/style>\n\n      <div class=\"upc-clients-pattern\"><\/div>\n\n      <div class=\"upc-clients-container\">\n                  <div class=\"upc-clients-head wow animate__animated animate__fadeInUp\">\n            <span class=\"upc-clients-kicker\">\u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/span>\n            <h2 class=\"upc-clients-title\">\u062b\u0642\u0629 \u062c\u0647\u0627\u062a \u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0637\u0628\u064a\u0629<\/h2>\n            <p class=\"upc-clients-desc\">\u0646\u0641\u062e\u0631 \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u062c\u0647\u0627\u062a \u0648\u0645\u0624\u0633\u0633\u0627\u062a \u0643\u0628\u0631\u0649 \u0641\u064a \u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629.<\/p>\n          <\/div>\n        \n        <div class=\"upc-clients-grid\">\n                      \n                          <article class=\"upc-client-card wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.04s\">\n                <div class=\"upc-client-inner\">\n                  <img\n                    class=\"upc-client-logo\"\n                    src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/8.webp\"\n                    alt=\"\u0639\u0645\u064a\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                    loading=\"lazy\"\n                    decoding=\"async\">\n                <\/div>\n                <span class=\"upc-client-card-line\"><\/span>\n              <\/article>\n                                  \n                          <article class=\"upc-client-card wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.08s\">\n                <div class=\"upc-client-inner\">\n                  <img\n                    class=\"upc-client-logo\"\n                    src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/5.webp\"\n                    alt=\"\u0639\u0645\u064a\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                    loading=\"lazy\"\n                    decoding=\"async\">\n                <\/div>\n                <span class=\"upc-client-card-line\"><\/span>\n              <\/article>\n                                  \n                          <article class=\"upc-client-card wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.12s\">\n                <div class=\"upc-client-inner\">\n                  <img\n                    class=\"upc-client-logo\"\n                    src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/243098581_163719669272755_3830793740545861031_n-removebg-preview.png\"\n                    alt=\"\u0639\u0645\u064a\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                    loading=\"lazy\"\n                    decoding=\"async\">\n                <\/div>\n                <span class=\"upc-client-card-line\"><\/span>\n              <\/article>\n                                  \n                          <article class=\"upc-client-card wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.16s\">\n                <div class=\"upc-client-inner\">\n                  <img\n                    class=\"upc-client-logo\"\n                    src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/9-2.webp\"\n                    alt=\"\u0639\u0645\u064a\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                    loading=\"lazy\"\n                    decoding=\"async\">\n                <\/div>\n                <span class=\"upc-client-card-line\"><\/span>\n              <\/article>\n                                  \n                          <article class=\"upc-client-card wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.20s\">\n                <div class=\"upc-client-inner\">\n                  <img\n                    class=\"upc-client-logo\"\n                    src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/13.webp\"\n                    alt=\"\u0639\u0645\u064a\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                    loading=\"lazy\"\n                    decoding=\"async\">\n                <\/div>\n                <span class=\"upc-client-card-line\"><\/span>\n              <\/article>\n                                  \n                          <article class=\"upc-client-card wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.24s\">\n                <div class=\"upc-client-inner\">\n                  <img\n                    class=\"upc-client-logo\"\n                    src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/10.webp\"\n                    alt=\"\u0639\u0645\u064a\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                    loading=\"lazy\"\n                    decoding=\"async\">\n                <\/div>\n                <span class=\"upc-client-card-line\"><\/span>\n              <\/article>\n                                  \n                          <article class=\"upc-client-card wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.28s\">\n                <div class=\"upc-client-inner\">\n                  <img\n                    class=\"upc-client-logo\"\n                    src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/11.webp\"\n                    alt=\"\u0639\u0645\u064a\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                    loading=\"lazy\"\n                    decoding=\"async\">\n                <\/div>\n                <span class=\"upc-client-card-line\"><\/span>\n              <\/article>\n                                  \n                          <article class=\"upc-client-card wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.32s\">\n                <div class=\"upc-client-inner\">\n                  <img\n                    class=\"upc-client-logo\"\n                    src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/12.webp\"\n                    alt=\"\u0639\u0645\u064a\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                    loading=\"lazy\"\n                    decoding=\"async\">\n                <\/div>\n                <span class=\"upc-client-card-line\"><\/span>\n              <\/article>\n                                  \n                          <article class=\"upc-client-card wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.36s\">\n                <div class=\"upc-client-inner\">\n                  <img\n                    class=\"upc-client-logo\"\n                    src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/1-1.webp\"\n                    alt=\"\u0639\u0645\u064a\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                    loading=\"lazy\"\n                    decoding=\"async\">\n                <\/div>\n                <span class=\"upc-client-card-line\"><\/span>\n              <\/article>\n                                  \n                          <article class=\"upc-client-card wow animate__animated animate__fadeInUp\" data-wow-delay=\"0.40s\">\n                <div class=\"upc-client-inner\">\n                  <img\n                    class=\"upc-client-logo\"\n                    src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/3-1.webp\"\n                    alt=\"\u0639\u0645\u064a\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                    loading=\"lazy\"\n                    decoding=\"async\">\n                <\/div>\n                <span class=\"upc-client-card-line\"><\/span>\n              <\/article>\n                              <\/div>\n      <\/div>\n    <\/section>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-545c925 elementor-widget elementor-widget-shortcode\" data-id=\"545c925\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <section class=\"upc-partners-section\" id=\"partners\" dir=\"inherit\">\n        <style>\n            .upc-partners-section {\n                position: relative;\n                padding: 82px 0;\n                overflow: hidden;\n                background:\n                    radial-gradient(circle at 14% 12%, rgba(177, 122, 63, 0.15), transparent 28%),\n                    linear-gradient(\n                        135deg,\n                        var(--upc-petroleum-deep, #071a1f),\n                        var(--upc-petroleum, #0b3138),\n                        var(--upc-teal, #155b60)\n                    );\n                color: var(--upc-white, #ffffff);\n                font-family: var(--upc-font-body, inherit);\n            }\n\n            .upc-partners-section * {\n                box-sizing: border-box;\n            }\n\n            .upc-partners-pattern {\n                position: absolute;\n                inset: 0;\n                pointer-events: none;\n                opacity: 0.12;\n                background:\n                    radial-gradient(circle at 18% 28%, var(--upc-gold, #b17a3f) 0 2px, transparent 3px),\n                    radial-gradient(circle at 78% 70%, var(--upc-bronze, #8c5f35) 0 2px, transparent 3px),\n                    radial-gradient(circle at 48% 42%, var(--upc-white, #fff) 0 1px, transparent 2px);\n                background-size: 300px 300px, 420px 420px, 520px 520px;\n                animation: upcPartnersPatternMove 24s linear infinite;\n            }\n\n            .upc-partners-container {\n                width: var(--upc-container, min(1280px, calc(100% - 48px)));\n                margin: 0 auto;\n                position: relative;\n                z-index: 2;\n            }\n\n            .upc-partners-head {\n                max-width: 760px;\n                margin-bottom: 38px;\n            }\n\n            .upc-partners-kicker {\n                display: inline-flex;\n                align-items: center;\n                gap: 10px;\n                margin-bottom: 14px;\n                color: var(--upc-gold, #b17a3f);\n                font-size: 32px;\n                line-height: 22px;\n                font-weight: 900;\n            }\n\n            .upc-partners-kicker::before {\n                content: \"\";\n                width: 36px;\n                height: 2px;\n                background: var(--upc-gold, #b17a3f);\n                display: inline-block;\n                border-radius: 999px;\n            }\n\n            .upc-partners-desc {\n                max-width: 700px;\n                margin: 16px 0 0;\n                color: rgba(255, 255, 255, 0.68);\n                font-size: 16px;\n                line-height: 30px;\n                font-weight: 500;\n            }\n\n            .upc-partners-marquee-wrap {\n                position: relative;\n                z-index: 2;\n                overflow: hidden;\n                padding: 16px 0;\n                border-top: 1px solid rgba(255, 255, 255, 0.12);\n                border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n                background: rgba(255, 255, 255, 0.045);\n                backdrop-filter: blur(12px);\n                -webkit-backdrop-filter: blur(12px);\n            }\n\n            .upc-partners-marquee-wrap::before,\n            .upc-partners-marquee-wrap::after {\n                content: \"\";\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                width: 130px;\n                z-index: 3;\n                pointer-events: none;\n            }\n\n            .upc-partners-marquee-wrap::before {\n                right: 0;\n                background: linear-gradient(to left, var(--upc-petroleum-deep, #071a1f), transparent);\n            }\n\n            .upc-partners-marquee-wrap::after {\n                left: 0;\n                background: linear-gradient(to right, var(--upc-petroleum-deep, #071a1f), transparent);\n            }\n\n            .upc-partners-marquee {\n                display: flex;\n                align-items: center;\n                gap: 12px;\n                width: max-content;\n                animation: upcPartnersMarqueeMove 38s linear infinite;\n                will-change: transform;\n            }\n\n            .upc-partners-marquee-wrap:hover .upc-partners-marquee {\n                animation-play-state: paused;\n            }\n\n            .upc-partner-card {\n                position: relative;\n                width: 170px;\n                height: 96px;\n                flex: 0 0 auto;\n                border-radius: 17px;\n                background: #ffffff;\n                border: 1px solid rgba(255, 255, 255, 0.18);\n                display: grid;\n                place-items: center;\n                padding: 6px 8px;\n                box-shadow: 0 16px 38px rgba(5, 9, 10, 0.16);\n                transition:\n                    transform 0.35s ease,\n                    border-color 0.35s ease,\n                    box-shadow 0.35s ease;\n                overflow: hidden;\n                isolation: isolate;\n            }\n\n            .upc-partner-card::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                z-index: 0;\n                background:\n                    radial-gradient(circle at top right, rgba(177, 122, 63, 0.10), transparent 38%),\n                    linear-gradient(135deg, rgba(177, 122, 63, 0.04), transparent 52%);\n                opacity: 0;\n                transition: opacity 0.35s ease;\n                pointer-events: none;\n            }\n\n            .upc-partner-card::after {\n                content: \"\";\n                position: absolute;\n                top: -45%;\n                right: -85%;\n                z-index: 3;\n                width: 54%;\n                height: 190%;\n                background: linear-gradient(\n                    120deg,\n                    transparent,\n                    rgba(255, 255, 255, 0.82),\n                    transparent\n                );\n                transform: skewX(-24deg);\n                transition: right 0.75s ease;\n                pointer-events: none;\n            }\n\n            .upc-partner-card:hover {\n                transform: translateY(-6px);\n                border-color: rgba(177, 122, 63, 0.45);\n                box-shadow: 0 24px 54px rgba(5, 9, 10, 0.24);\n            }\n\n            .upc-partner-card:hover::before {\n                opacity: 1;\n            }\n\n            .upc-partner-card:hover::after {\n                right: 135%;\n            }\n\n            .upc-partner-card-line {\n                position: absolute;\n                right: 18px;\n                left: 18px;\n                bottom: 0;\n                z-index: 2;\n                height: 3px;\n                border-radius: 999px 999px 0 0;\n                background: linear-gradient(90deg, var(--upc-gold, #b17a3f), var(--upc-bronze, #8c5f35));\n                transform: scaleX(0);\n                transform-origin: center;\n                transition: transform 0.35s ease;\n            }\n\n            .upc-partner-card:hover .upc-partner-card-line {\n                transform: scaleX(1);\n            }\n\n            .upc-partner-inner {\n                position: relative;\n                z-index: 2;\n                width: 100%;\n                height: 100%;\n                display: grid;\n                place-items: center;\n            }\n\n            .upc-partner-logo {\n                display: block;\n                width: auto;\n                height: auto;\n                max-width: 152px;\n                max-height: 78px;\n                object-fit: contain;\n                object-position: center;\n                image-rendering: auto;\n                transform: translateZ(0);\n                backface-visibility: hidden;\n                filter: grayscale(6%) contrast(1.03);\n                transition:\n                    transform 0.35s ease,\n                    filter 0.35s ease,\n                    opacity 0.35s ease;\n            }\n\n            .upc-partner-card:hover .upc-partner-logo {\n                transform: scale(1.035);\n                filter: grayscale(0%) contrast(1.05);\n                opacity: 1;\n            }\n\n            @keyframes upcPartnersPatternMove {\n                0% {\n                    background-position: 0 0, 0 0, 0 0;\n                }\n\n                100% {\n                    background-position: 300px 300px, -420px 420px, 520px -520px;\n                }\n            }\n\n            @keyframes upcPartnersMarqueeMove {\n                from {\n                    transform: translateX(0);\n                }\n\n                to {\n                    transform: translateX(50%);\n                }\n            }\n\n            @media (prefers-reduced-motion: reduce) {\n                .upc-partners-pattern,\n                .upc-partners-marquee {\n                    animation: none !important;\n                }\n            }\n\n            @media (max-width: 768px) {\n                .upc-partners-section {\n                    padding: 72px 0;\n                }\n\n                .upc-partners-container {\n                    width: min(1280px, calc(100% - 32px));\n                }\n\n                .upc-partners-head {\n                    margin-bottom: 30px;\n                }\n\n                .upc-partners-kicker {\n                    font-size: 14px;\n                    line-height: 21px;\n                }\n\n                .upc-partners-kicker::before {\n                    width: 24px;\n                }\n\n                .upc-partners-desc {\n                    font-size: 15px;\n                    line-height: 28px;\n                }\n\n                .upc-partner-card {\n                    width: 150px;\n                    height: 86px;\n                    border-radius: 15px;\n                    padding: 5px 7px;\n                }\n\n                .upc-partner-logo {\n                    max-width: 134px;\n                    max-height: 70px;\n                }\n\n                .upc-partners-marquee-wrap::before,\n                .upc-partners-marquee-wrap::after {\n                    width: 60px;\n                }\n            }\n        <\/style>\n\n        <div class=\"upc-partners-pattern\"><\/div>\n\n                    <div class=\"upc-partners-container\">\n                <div class=\"upc-partners-head wow animate__animated animate__fadeInUp\">\n                    <span class=\"upc-partners-kicker\">\u0634\u0631\u0643\u0627\u0624\u0646\u0627<\/span>\n                    <p class=\"upc-partners-desc\">\u0646\u0639\u0645\u0644 \u0645\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0644\u062f\u0639\u0645 \u062c\u0648\u062f\u0629 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0642\u062f\u0645\u0629.<\/p>\n                <\/div>\n            <\/div>\n        \n        <div class=\"upc-partners-marquee-wrap wow animate__animated animate__fadeInUp\" data-wow-delay=\".12s\">\n            <div class=\"upc-partners-marquee\">\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/14.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/15.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/17.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/18.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/19.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/20.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/23.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/4-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/5-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/6-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/7-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/8-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/2-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/14.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/15.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/17.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/18.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/19.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/20.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/23.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/4-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/5-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/6-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/7-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/8-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                                    <div class=\"upc-partner-card\">\n                        <div class=\"upc-partner-inner\">\n                            <img\n                                class=\"upc-partner-logo\"\n                                src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/2-1.webp\"\n                                alt=\"\u0634\u0631\u064a\u0643 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629\"\n                                loading=\"lazy\"\n                                decoding=\"async\">\n                        <\/div>\n                        <span class=\"upc-partner-card-line\"><\/span>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/section>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff81f55 elementor-widget elementor-widget-html\" data-id=\"ff81f55\" 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-branches-section\" id=\"branches\" dir=\"inherit\">\r\n  <style>\r\n    .upc-branches-section {\r\n      position: relative;\r\n      padding: 90px 0;\r\n      overflow: hidden;\r\n      background: var(--upc-white);\r\n      color: var(--upc-petroleum-deep);\r\n      font-family: var(--upc-font-body);\r\n    }\r\n\r\n    .upc-branches-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-branches-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-teal) 0 2px, transparent 3px),\r\n        radial-gradient(circle at 48% 42%, var(--upc-bronze) 0 2px, transparent 3px);\r\n      background-size: 300px 300px, 420px 420px, 520px 520px;\r\n      animation: upcBranchesPatternMove 24s linear infinite;\r\n    }\r\n\r\n    .upc-branches-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-branches-head {\r\n      max-width: 850px;\r\n      margin: 0 auto 40px;\r\n      text-align: center;\r\n    }\r\n\r\n    .upc-branches-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: 32px;\r\n      line-height: 22px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-branches-kicker::before,\r\n    .upc-branches-kicker::after {\r\n      content: \"\";\r\n      width: 36px;\r\n      height: 2px;\r\n      background: var(--upc-gold);\r\n      display: inline-block;\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .upc-branches-title {\r\n      margin: 0;\r\n      color: var(--upc-petroleum-deep);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 32px;\r\n      line-height: 43px;\r\n      font-weight: 900;\r\n      letter-spacing: -0.5px;\r\n    }\r\n\r\n    .upc-branches-desc {\r\n      max-width: 720px;\r\n      margin: 16px auto 0;\r\n      color: var(--upc-teal);\r\n      font-size: 16px;\r\n      line-height: 30px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .upc-branches-layout {\r\n      display: grid;\r\n      grid-template-columns: 360px minmax(0, 1fr);\r\n      gap: 28px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .upc-branch-tabs {\r\n      display: grid;\r\n      grid-template-rows: repeat(2, 1fr);\r\n      gap: 12px;\r\n      height: 300px;\r\n    }\r\n\r\n    .upc-branch-tab {\r\n      width: 100%;\r\n      min-height: 144px;\r\n      border: 1px solid rgba(7, 26, 31, 0.10);\r\n      border-radius: 22px;\r\n      background: var(--upc-white);\r\n      padding: 20px;\r\n      cursor: pointer;\r\n      text-align: right;\r\n      box-shadow: 0 12px 30px rgba(7, 26, 31, 0.06);\r\n      transition: var(--upc-transition);\r\n      display: grid;\r\n      grid-template-columns: 56px 1fr;\r\n      gap: 16px;\r\n      align-items: center;\r\n      color: var(--upc-petroleum-deep);\r\n      font-family: var(--upc-font-body);\r\n    }\r\n\r\n    .upc-branch-tab:hover,\r\n    .upc-branch-tab.is-active {\r\n      transform: translateY(-5px);\r\n      border-color: rgba(177, 122, 63, 0.42);\r\n      background: var(--upc-petroleum-deep);\r\n      color: var(--upc-white);\r\n      box-shadow: var(--upc-shadow-soft);\r\n    }\r\n\r\n    .upc-branch-icon {\r\n      width: 56px;\r\n      height: 56px;\r\n      border-radius: 18px;\r\n      display: grid;\r\n      place-items: center;\r\n      background: rgba(177, 122, 63, 0.12);\r\n      color: var(--upc-gold);\r\n      border: 1px solid rgba(177, 122, 63, 0.24);\r\n      font-size: 20px;\r\n      line-height: 20px;\r\n      transition: var(--upc-transition);\r\n    }\r\n\r\n    .upc-branch-tab:hover .upc-branch-icon,\r\n    .upc-branch-tab.is-active .upc-branch-icon {\r\n      background: var(--upc-gold);\r\n      color: var(--upc-white);\r\n      border-color: var(--upc-gold);\r\n    }\r\n\r\n    .upc-branch-tab strong {\r\n      display: block;\r\n      color: inherit;\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 17px;\r\n      line-height: 25px;\r\n      font-weight: 900;\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    .upc-branch-tab small {\r\n      display: inline-block;\r\n      direction: ltr;\r\n      unicode-bidi: isolate;\r\n      color: var(--upc-gold);\r\n      font-size: 15px;\r\n      line-height: 20px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.3px;\r\n      font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .upc-branch-tab:hover small,\r\n    .upc-branch-tab.is-active small {\r\n      color: var(--upc-bronze);\r\n    }\r\n\r\n    .upc-branch-panel {\r\n      height: 300px;\r\n      min-height: 300px;\r\n      background: var(--upc-white);\r\n      border-radius: 30px;\r\n      overflow: hidden;\r\n      box-shadow: var(--upc-shadow-soft);\r\n      border: 1px solid rgba(7, 26, 31, 0.10);\r\n      display: grid;\r\n      grid-template-rows: 210px 90px;\r\n    }\r\n\r\n    .upc-branch-map {\r\n      min-height: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .upc-branch-map iframe {\r\n      width: 100%;\r\n      height: 210px;\r\n      min-height: 210px;\r\n      border: 0;\r\n      filter: saturate(0.86) contrast(1.05);\r\n      display: block;\r\n    }\r\n\r\n    .upc-branch-info {\r\n      min-height: 90px;\r\n      padding: 16px 24px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      background:\r\n        linear-gradient(135deg, rgba(177, 122, 63, 0.08), transparent 44%),\r\n        var(--upc-white);\r\n    }\r\n\r\n    .upc-branch-info h3 {\r\n      margin: 0 0 4px;\r\n      color: var(--upc-petroleum-deep);\r\n      font-family: var(--upc-font-heading);\r\n      font-size: 21px;\r\n      line-height: 27px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-branch-info p {\r\n      margin: 0;\r\n      color: var(--upc-gold);\r\n      font-size: 15px;\r\n      line-height: 23px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-branch-phone {\r\n      direction: ltr;\r\n      unicode-bidi: isolate;\r\n      display: inline-block;\r\n      font-family: Arial, sans-serif;\r\n      letter-spacing: 0.4px;\r\n    }\r\n\r\n    .upc-branch-call {\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-height: 46px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 9px;\r\n      padding: 11px 22px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(135deg, var(--upc-gold), var(--upc-bronze));\r\n      color: var(--upc-white);\r\n      text-decoration: none;\r\n      font-size: 15px;\r\n      line-height: 22px;\r\n      font-weight: 900;\r\n      box-shadow: 0 16px 36px rgba(177, 122, 63, 0.26);\r\n      transition: var(--upc-transition);\r\n    }\r\n\r\n    .upc-branch-call::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: -90%;\r\n      width: 60%;\r\n      height: 100%;\r\n      background: linear-gradient(\r\n        120deg,\r\n        transparent,\r\n        rgba(255, 255, 255, 0.48),\r\n        transparent\r\n      );\r\n      transform: skewX(-22deg);\r\n      transition: 700ms ease;\r\n    }\r\n\r\n    .upc-branch-call:hover {\r\n      transform: translateY(-4px);\r\n      color: var(--upc-white);\r\n      box-shadow: 0 22px 48px rgba(177, 122, 63, 0.36);\r\n    }\r\n\r\n    .upc-branch-call:hover::before {\r\n      right: 140%;\r\n    }\r\n\r\n    @keyframes upcBranchesPatternMove {\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, 520px -520px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .upc-branches-layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .upc-branch-tabs {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        grid-template-rows: none;\r\n        height: auto;\r\n      }\r\n\r\n      .upc-branch-tab {\r\n        min-height: 116px;\r\n      }\r\n\r\n      .upc-branch-panel {\r\n        height: auto;\r\n        min-height: auto;\r\n        grid-template-rows: 250px auto;\r\n      }\r\n\r\n      .upc-branch-map iframe {\r\n        height: 250px;\r\n        min-height: 250px;\r\n      }\r\n\r\n      .upc-branch-info {\r\n        min-height: auto;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .upc-branches-section {\r\n        padding: 72px 0;\r\n      }\r\n\r\n      .upc-branches-container {\r\n        width: min(1280px, calc(100% - 32px));\r\n      }\r\n\r\n      .upc-branches-head {\r\n        margin-bottom: 32px;\r\n      }\r\n\r\n      .upc-branches-kicker {\r\n        font-size: 14px;\r\n        line-height: 21px;\r\n      }\r\n\r\n      .upc-branches-kicker::before,\r\n      .upc-branches-kicker::after {\r\n        width: 24px;\r\n      }\r\n\r\n      .upc-branches-title {\r\n        font-size: 26px;\r\n        line-height: 36px;\r\n      }\r\n\r\n      .upc-branches-desc {\r\n        font-size: 15px;\r\n        line-height: 28px;\r\n      }\r\n\r\n      .upc-branch-tabs {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .upc-branch-tab {\r\n        min-height: auto;\r\n        padding: 17px;\r\n        grid-template-columns: 50px 1fr;\r\n      }\r\n\r\n      .upc-branch-tab strong {\r\n        font-size: 16px;\r\n        line-height: 24px;\r\n      }\r\n\r\n      .upc-branch-tab small {\r\n        font-size: 14px;\r\n        line-height: 19px;\r\n      }\r\n\r\n      .upc-branch-icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        border-radius: 16px;\r\n        font-size: 18px;\r\n        line-height: 18px;\r\n      }\r\n\r\n      .upc-branch-panel {\r\n        border-radius: 24px;\r\n        grid-template-rows: 230px auto;\r\n      }\r\n\r\n      .upc-branch-map iframe {\r\n        height: 230px;\r\n        min-height: 230px;\r\n      }\r\n\r\n      .upc-branch-info {\r\n        padding: 20px;\r\n        display: grid;\r\n      }\r\n\r\n      .upc-branch-info h3 {\r\n        font-size: 20px;\r\n        line-height: 27px;\r\n      }\r\n\r\n      .upc-branch-info p {\r\n        font-size: 14px;\r\n        line-height: 22px;\r\n      }\r\n\r\n      .upc-branch-call {\r\n        width: 100%;\r\n        font-size: 14px;\r\n        line-height: 21px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .upc-branch-panel {\r\n        grid-template-rows: 210px auto;\r\n      }\r\n\r\n      .upc-branch-map iframe {\r\n        height: 210px;\r\n        min-height: 210px;\r\n      }\r\n\r\n      .upc-branch-tab {\r\n        grid-template-columns: 48px 1fr;\r\n        gap: 12px;\r\n        padding: 16px;\r\n      }\r\n\r\n      .upc-branch-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        font-size: 17px;\r\n        line-height: 17px;\r\n      }\r\n\r\n      .upc-branches-title {\r\n        font-size: 24px;\r\n        line-height: 34px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-branches-pattern\"><\/div>\r\n\r\n  <div class=\"upc-branches-container\">\r\n    <div class=\"upc-branches-head wow animate__animated animate__fadeInUp\">\r\n      <span class=\"upc-branches-kicker\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n       \r\n    <\/div>\r\n\r\n    <div class=\"upc-branches-layout\">\r\n      <div class=\"upc-branch-tabs wow animate__animated animate__fadeInUp\" data-wow-delay=\".08s\">\r\n        <button class=\"upc-branch-tab is-active\" type=\"button\" data-branch=\"jeddah\">\r\n          <span class=\"upc-branch-icon\">\r\n            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n          <\/span>\r\n          <span>\r\n            <strong>\u062c\u062f\u0629 - \u0645\u0628\u0646\u0649 \u0623\u0645 \u0625\u0633 \u0633\u0643\u0648\u064a\u0631<\/strong>\r\n            <small>0126322223<\/small>\r\n          <\/span>\r\n        <\/button>\r\n\r\n        <button class=\"upc-branch-tab\" type=\"button\" data-branch=\"abha\">\r\n          <span class=\"upc-branch-icon\">\r\n            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n          <\/span>\r\n          <span>\r\n            <strong>\u0623\u0628\u0647\u0627 - \u0627\u0644\u062e\u0627\u0644\u062f\u064a\u0629<\/strong>\r\n            <small>0172200005<\/small>\r\n          <\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"upc-branch-panel wow animate__animated animate__fadeInUp\" data-wow-delay=\".16s\">\r\n        <div class=\"upc-branch-map\">\r\n     <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3789.7545138011124!2d42.4903137!3d18.2212014!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15e355002c7ba039%3A0x4ef1e59343bfb938!2z2YXYrNmF2YjYudipINin2YTZhdi02LHZiNi52KfYqiDYp9mE2LnZhdix2KfZhtmK2Kk!5e0!3m2!1sen!2seg!4v1782388029898!5m2!1sen!2seg\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"\r\n     id=\"upcBranchMap\"\r\n     ><\/iframe>\r\n        <\/div>\r\n\r\n        <div class=\"upc-branch-info\">\r\n          <div>\r\n            <h3 id=\"upcBranchTitle\">\u062c\u062f\u0629 - \u0645\u0628\u0646\u0649 \u0623\u0645 \u0625\u0633 \u0633\u0643\u0648\u064a\u0631<\/h3>\r\n            <p>\r\n              \u0631\u0642\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644:\r\n              <span class=\"upc-branch-phone\" id=\"upcBranchPhone\">0126322223<\/span>\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <a class=\"upc-branch-call\" id=\"upcBranchCall\" href=\"tel:0126322223\">\r\n            \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646\r\n            <i class=\"fa-solid fa-phone\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const section = document.querySelector(\".upc-branches-section\");\r\n      if (!section) return;\r\n\r\n      const branches = {\r\n        jeddah: {\r\n          title: \"\u062c\u062f\u0629 - \u0645\u0628\u0646\u0649 \u0623\u0645 \u0625\u0633 \u0633\u0643\u0648\u064a\u0631\",\r\n          phone: \"0126322223\",\r\n          tel: \"0126322223\",\r\n          map: \"https:\/\/www.google.com\/maps\/embed?pb=!1m17!1m12!1m3!1d3709.8471088749643!2d39.135124175272374!3d21.59189028020211!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMjHCsDM1JzMwLjgiTiAzOcKwMDgnMTUuNyJF!5e0!3m2!1sen!2seg!4v1782326881808!5m2!1sen!2seg\"\r\n        },\r\n        abha: {\r\n          title: \"\u0623\u0628\u0647\u0627 - \u0627\u0644\u062e\u0627\u0644\u062f\u064a\u0629\",\r\n          phone: \"0172200005\",\r\n          tel: \"0172200005\",\r\n          map: \"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3789.7545138011124!2d42.4903137!3d18.2212014!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15e355002c7ba039%3A0x4ef1e59343bfb938!2z2YXYrNmF2YjYudipINin2YTZhdi02LHZiNi52KfYqiDYp9mE2LnZhdix2KfZhtmK2Kk!5e0!3m2!1sen!2seg!4v1782636127630!5m2!1sen!2seg\"\r\n        }\r\n      };\r\n\r\n      const tabs = section.querySelectorAll(\".upc-branch-tab\");\r\n      const map = section.querySelector(\"#upcBranchMap\");\r\n      const title = section.querySelector(\"#upcBranchTitle\");\r\n      const phone = section.querySelector(\"#upcBranchPhone\");\r\n      const call = section.querySelector(\"#upcBranchCall\");\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.addEventListener(\"click\", function () {\r\n          const key = tab.getAttribute(\"data-branch\");\r\n          const branch = branches[key];\r\n\r\n          if (!branch) return;\r\n\r\n          tabs.forEach(function (item) {\r\n            item.classList.remove(\"is-active\");\r\n          });\r\n\r\n          tab.classList.add(\"is-active\");\r\n          map.src = branch.map;\r\n          title.textContent = branch.title;\r\n          phone.textContent = branch.phone;\r\n          call.href = \"tel:\" + branch.tel.replace(\/\\s\/g, \"\");\r\n\r\n          if (typeof gsap !== \"undefined\") {\r\n            gsap.fromTo(\r\n              section.querySelector(\".upc-branch-info\"),\r\n              { opacity: 0, y: 16 },\r\n              { opacity: 1, y: 0, duration: 0.42, ease: \"power3.out\" }\r\n            );\r\n          }\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\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>\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0646\u0635\u0646\u0639 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0625\u062a\u0642\u0627\u0646 \u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 2001\u0645 &#8211; 1422\u0647\u0640 \u0633\u0646\u0629 \u0627\u0644\u062a\u0623\u0633\u064a\u0633 \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 [&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-15","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\/15","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=15"}],"version-history":[{"count":326,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1051,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/15\/revisions\/1051"}],"wp:attachment":[{"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}