{"id":82,"date":"2026-06-01T11:38:50","date_gmt":"2026-06-01T11:38:50","guid":{"rendered":"https:\/\/urbanprojects.sa\/?page_id=82"},"modified":"2026-06-25T15:25:14","modified_gmt":"2026-06-25T15:25:14","slug":"%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/urbanprojects.sa\/en\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"82\" class=\"elementor elementor-82\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40eb9fc e-con-full e-flex e-con e-parent\" data-id=\"40eb9fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efb6a6b elementor-widget elementor-widget-html\" data-id=\"efb6a6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"upc-inner-intro\" id=\"inner-intro-services\" dir=\"auto\">\r\n  <style>\r\n    .upc-inner-intro {\r\n      --upc-intro-dark: #071a1f;\r\n      --upc-intro-petroleum: #0b252b;\r\n      --upc-intro-teal: #102f35;\r\n      --upc-intro-gold: #b17a3f;\r\n      --upc-intro-bronze: #c9914e;\r\n      --upc-intro-white: #ffffff;\r\n      --upc-intro-font: \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif;\r\n      --upc-intro-container: min(1180px, calc(100% - 36px));\r\n\r\n      position: relative;\r\n      min-height: 420px;\r\n      display: grid;\r\n      place-items: center;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      color: var(--upc-intro-white);\r\n      font-family: var(--upc-intro-font);\r\n      text-align: center;\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(7, 26, 31, 0.96),\r\n          rgba(7, 26, 31, 0.74) 52%,\r\n          rgba(7, 26, 31, 0.48)\r\n        ),\r\n        url(\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/\u0647\u064a\u062f\u0631-2-scaled.webp\") center \/ cover;\r\n    }\r\n\r\n    .upc-inner-intro * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-inner-intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 22px;\r\n      border: 1px solid rgba(177, 122, 63, 0.30);\r\n      pointer-events: none;\r\n      z-index: -1;\r\n    }\r\n\r\n    .upc-inner-intro::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      z-index: -2;\r\n      opacity: 0.12;\r\n      background:\r\n        radial-gradient(circle at 18% 28%, var(--upc-intro-gold) 0 2px, transparent 3px),\r\n        radial-gradient(circle at 78% 70%, var(--upc-intro-bronze) 0 2px, transparent 3px),\r\n        linear-gradient(135deg, transparent 0 46%, rgba(255,255,255,.35) 46% 47%, transparent 47%);\r\n      background-size: 300px 300px, 420px 420px, 120px 120px;\r\n      animation: upcIntroPatternMove 24s linear infinite;\r\n    }\r\n\r\n    .upc-inner-intro-container {\r\n      width: var(--upc-intro-container);\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n      padding: 120px 0 72px;\r\n    }\r\n\r\n    .upc-inner-intro-title {\r\n      margin: 0;\r\n      color: var(--upc-intro-white);\r\n      font-size: clamp(2.6rem, 5vw, 4.2rem);\r\n      line-height: 1.12;\r\n      font-weight: 900;\r\n      letter-spacing: -0.8px;\r\n    }\r\n\r\n    .upc-inner-breadcrumb {\r\n      margin-top: 24px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 11px;\r\n      flex-wrap: wrap;\r\n      color: rgba(255, 255, 255, 0.76);\r\n      font-size: 0.96rem;\r\n      line-height: 1.6;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .upc-inner-breadcrumb a {\r\n      color: var(--upc-intro-gold);\r\n      text-decoration: none;\r\n      transition: 280ms ease;\r\n    }\r\n\r\n    .upc-inner-breadcrumb a:hover {\r\n      color: var(--upc-intro-bronze);\r\n    }\r\n\r\n    .upc-inner-breadcrumb i {\r\n      color: rgba(255, 255, 255, 0.46);\r\n      font-size: 0.78rem;\r\n    }\r\n\r\n    @keyframes upcIntroPatternMove {\r\n      0% {\r\n        background-position: 0 0, 0 0, 0 0;\r\n      }\r\n\r\n      100% {\r\n        background-position: 300px 300px, -420px 420px, 120px 120px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .upc-inner-intro {\r\n        min-height: 330px;\r\n      }\r\n\r\n      .upc-inner-intro::before {\r\n        inset: 14px;\r\n      }\r\n\r\n      .upc-inner-intro-container {\r\n        width: min(1180px, calc(100% - 32px));\r\n        padding: 96px 0 58px;\r\n      }\r\n\r\n      .upc-inner-intro-title {\r\n        font-size: 2.35rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .upc-inner-intro {\r\n        min-height: 300px;\r\n      }\r\n\r\n      .upc-inner-intro-title {\r\n        font-size: 2rem;\r\n      }\r\n\r\n      .upc-inner-breadcrumb {\r\n        font-size: 0.88rem;\r\n      }\r\n    }\r\n      [dir=\"rtl\"] .upc-inner-breadcrumb i {\r\n      transform: scaleX(-1);\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-inner-intro-container\">\r\n    <h1 class=\"upc-inner-intro-title wow animate__animated animate__fadeInUp\">\r\n      \u062e\u062f\u0645\u0627\u062a\u0646\u0627\r\n    <\/h1>\r\n\r\n    <nav class=\"upc-inner-breadcrumb wow animate__animated animate__fadeInUp\" data-wow-delay=\".10s\" aria-label=\"\u0645\u0633\u0627\u0631 \u0627\u0644\u0635\u0641\u062d\u0629\">\r\n      <a href=\"\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n      <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n      <span>\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n    <\/nav>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0126910 elementor-widget elementor-widget-html\" data-id=\"0126910\" 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-expertise-section\" id=\"expertise\" dir=\"inherit\">\r\n  <style>\r\n    .upc-expertise-section {\r\n      --upc-exp-petroleum: #0b252b;\r\n      --upc-exp-petroleum-deep: #071a1f;\r\n      --upc-exp-teal: #102f35;\r\n      --upc-exp-gold: #b17a3f;\r\n      --upc-exp-bronze: #c8924d;\r\n      --upc-exp-white: #ffffff;\r\n      --upc-exp-muted: #66787b;\r\n      --upc-exp-border: rgba(7, 26, 31, 0.10);\r\n      --upc-exp-shadow: 0 24px 65px rgba(7, 26, 31, 0.10);\r\n      --upc-exp-font-heading: \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif;\r\n      --upc-exp-font-body: \"IBM Plex Sans Arabic\", \"Tajawal\", sans-serif;\r\n      --upc-exp-container: min(1180px, calc(100% - 36px));\r\n\r\n      position: relative;\r\n      padding: 96px 0;\r\n      overflow: hidden;\r\n      background: var(--upc-exp-white);\r\n      color: var(--upc-exp-petroleum-deep);\r\n      font-family: var(--upc-exp-font-body);\r\n    }\r\n\r\n    .upc-expertise-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-expertise-section::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -180px;\r\n      right: -160px;\r\n      width: 420px;\r\n      height: 420px;\r\n      border-radius: 50%;\r\n      background: rgba(177, 122, 63, 0.08);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-expertise-section::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -180px;\r\n      bottom: -220px;\r\n      width: 520px;\r\n      height: 520px;\r\n      border-radius: 50%;\r\n      background: rgba(16, 47, 53, 0.06);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-expertise-container {\r\n      width: var(--upc-exp-container);\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-expertise-layout {\r\n      display: grid;\r\n      grid-template-columns: 0.95fr 1.05fr;\r\n      gap: 42px;\r\n      align-items: center;\r\n    }\r\n\r\n    .upc-expertise-content {\r\n      min-width: 0;\r\n    }\r\n\r\n    .upc-expertise-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n      color: var(--upc-exp-gold);\r\n      font-size: 15px;\r\n      line-height: 22px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-expertise-kicker::before {\r\n      content: \"\";\r\n      width: 38px;\r\n      height: 2px;\r\n      background: var(--upc-exp-gold);\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .upc-expertise-title {\r\n      margin: 0;\r\n      color: var(--upc-exp-petroleum-deep);\r\n      font-family: var(--upc-exp-font-heading);\r\n      font-size: 32px;\r\n      line-height: 43px;\r\n      font-weight: 900;\r\n      letter-spacing: -0.6px;\r\n    }\r\n\r\n    .upc-expertise-box {\r\n      margin-top: 24px;\r\n      padding: 28px 30px;\r\n      border-radius: 26px;\r\n      background: var(--upc-exp-white);\r\n      border: 1px solid var(--upc-exp-border);\r\n      box-shadow: var(--upc-exp-shadow);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .upc-expertise-box::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 5px;\r\n      height: 100%;\r\n      background: linear-gradient(to bottom, var(--upc-exp-gold), var(--upc-exp-bronze));\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .upc-expertise-box p {\r\n      margin: 0;\r\n      color: var(--upc-exp-muted);\r\n      font-size: 16px;\r\n      line-height: 31px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .upc-training-box {\r\n      margin-top: 16px;\r\n      padding: 28px 30px;\r\n      border-radius: 26px;\r\n      background:\r\n        linear-gradient(135deg, rgba(177, 122, 63, 0.12), rgba(177, 122, 63, 0.04));\r\n      border: 1px solid rgba(177, 122, 63, 0.18);\r\n      box-shadow: 0 18px 45px rgba(7, 26, 31, 0.06);\r\n    }\r\n\r\n    .upc-training-box h3 {\r\n      margin: 0 0 10px;\r\n      color: var(--upc-exp-petroleum-deep);\r\n      font-family: var(--upc-exp-font-heading);\r\n      font-size: 20px;\r\n      line-height: 28px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-training-box p {\r\n      margin: 0;\r\n      color: var(--upc-exp-muted);\r\n      font-size: 15px;\r\n      line-height: 29px;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .upc-expertise-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 14px;\r\n    }\r\n\r\n    .upc-expertise-item {\r\n      position: relative;\r\n      min-height: 138px;\r\n      padding: 24px 22px;\r\n      border-radius: 22px;\r\n      overflow: hidden;\r\n      background:\r\n        linear-gradient(135deg, var(--upc-exp-teal), var(--upc-exp-petroleum-deep));\r\n      color: var(--upc-exp-white);\r\n      box-shadow: 0 18px 42px rgba(7, 26, 31, 0.14);\r\n      transition: 280ms ease;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .upc-expertise-item::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 130px;\r\n      height: 130px;\r\n      left: -70px;\r\n      top: -70px;\r\n      border-radius: 50%;\r\n      background: rgba(177, 122, 63, 0.18);\r\n      transition: 280ms ease;\r\n      z-index: -1;\r\n    }\r\n\r\n    .upc-expertise-item::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(120deg, transparent, rgba(255,255,255,0.08), transparent);\r\n      transform: translateX(100%);\r\n      transition: 650ms ease;\r\n      z-index: -1;\r\n    }\r\n\r\n    .upc-expertise-item:hover {\r\n      transform: translateY(-7px);\r\n      box-shadow: 0 24px 58px rgba(7, 26, 31, 0.20);\r\n    }\r\n\r\n    .upc-expertise-item:hover::before {\r\n      transform: scale(1.45);\r\n    }\r\n\r\n    .upc-expertise-item:hover::after {\r\n      transform: translateX(-100%);\r\n    }\r\n\r\n    .upc-expertise-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      margin-bottom: 16px;\r\n      border-radius: 16px;\r\n      display: grid;\r\n      place-items: center;\r\n      background: rgba(177, 122, 63, 0.16);\r\n      color: var(--upc-exp-gold);\r\n      border: 1px solid rgba(177, 122, 63, 0.26);\r\n      font-size: 20px;\r\n      line-height: 20px;\r\n    }\r\n\r\n    .upc-expertise-item h3 {\r\n      margin: 0;\r\n      color: var(--upc-exp-white);\r\n      font-family: var(--upc-exp-font-heading);\r\n      font-size: 16px;\r\n      line-height: 25px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    @media (max-width: 1120px) {\r\n      .upc-expertise-layout {\r\n        grid-template-columns: 1fr;\r\n        gap: 34px;\r\n      }\r\n\r\n      .upc-expertise-content {\r\n        max-width: 760px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .upc-expertise-section {\r\n        padding: 72px 0;\r\n      }\r\n\r\n      .upc-expertise-container {\r\n        width: min(1180px, calc(100% - 32px));\r\n      }\r\n\r\n      .upc-expertise-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .upc-expertise-kicker {\r\n        font-size: 14px;\r\n        line-height: 21px;\r\n      }\r\n\r\n      .upc-expertise-title {\r\n        font-size: 26px;\r\n        line-height: 36px;\r\n      }\r\n\r\n      .upc-expertise-box,\r\n      .upc-training-box {\r\n        padding: 24px 22px;\r\n      }\r\n\r\n      .upc-expertise-box p {\r\n        font-size: 15px;\r\n        line-height: 29px;\r\n      }\r\n\r\n      .upc-training-box h3 {\r\n        font-size: 18px;\r\n        line-height: 27px;\r\n      }\r\n\r\n      .upc-training-box p {\r\n        font-size: 14px;\r\n        line-height: 27px;\r\n      }\r\n\r\n      .upc-expertise-item {\r\n        min-height: 122px;\r\n      }\r\n\r\n      .upc-expertise-item h3 {\r\n        font-size: 15px;\r\n        line-height: 24px;\r\n      }\r\n\r\n      .upc-expertise-icon {\r\n        font-size: 18px;\r\n        line-height: 18px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .upc-expertise-section {\r\n        padding: 64px 0;\r\n      }\r\n\r\n      .upc-expertise-kicker {\r\n        font-size: 13px;\r\n        line-height: 20px;\r\n      }\r\n\r\n      .upc-expertise-kicker::before {\r\n        width: 28px;\r\n      }\r\n\r\n      .upc-expertise-title {\r\n        font-size: 24px;\r\n        line-height: 34px;\r\n      }\r\n\r\n      .upc-expertise-box p,\r\n      .upc-training-box p {\r\n        font-size: 14px;\r\n        line-height: 27px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-expertise-container\">\r\n    <div class=\"upc-expertise-layout\">\r\n\r\n      <div class=\"upc-expertise-content\">\r\n        <span class=\"upc-expertise-kicker wow animate__animated animate__fadeInUp\">\r\n          \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a\r\n        <\/span>\r\n\r\n        <h2 class=\"upc-expertise-title wow animate__animated animate__fadeInUp\" data-wow-delay=\".06s\">\r\n          \u062a\u062e\u0635\u0635\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n        <\/h2>\r\n\r\n        <div class=\"upc-expertise-box wow animate__animated animate__fadeInUp\" data-wow-delay=\".12s\">\r\n          <p>\r\n            \u062a\u0636\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u060c \u0628\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u062d\u0644\u0648\u0644 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"upc-training-box wow animate__animated animate__fadeInUp\" data-wow-delay=\".18s\">\r\n          <h3>\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0645\u0647\u0646\u064a<\/h3>\r\n          <p>\r\n            \u062a\u0646\u0638\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0648\u0627\u0644\u0641\u0646\u064a\u064a\u0646 \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u062a\u0639\u0632\u064a\u0632 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0639\u0645\u0644.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"upc-expertise-grid\">\r\n        <div class=\"upc-expertise-item wow animate__animated animate__fadeInUp\" data-wow-delay=\".06s\">\r\n          <div class=\"upc-expertise-icon\">\r\n            <i class=\"fa-solid fa-compass-drafting\"><\/i>\r\n          <\/div>\r\n          <h3>\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"upc-expertise-item wow animate__animated animate__fadeInUp\" data-wow-delay=\".12s\">\r\n          <div class=\"upc-expertise-icon\">\r\n            <i class=\"fa-solid fa-bridge\"><\/i>\r\n          <\/div>\r\n          <h3>\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"upc-expertise-item wow animate__animated animate__fadeInUp\" data-wow-delay=\".18s\">\r\n          <div class=\"upc-expertise-icon\">\r\n            <i class=\"fa-solid fa-bolt\"><\/i>\r\n          <\/div>\r\n          <h3>\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u0627<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"upc-expertise-item wow animate__animated animate__fadeInUp\" data-wow-delay=\".24s\">\r\n          <div class=\"upc-expertise-icon\">\r\n            <i class=\"fa-solid fa-diagram-project\"><\/i>\r\n          <\/div>\r\n          <h3>\u062a\u062e\u0637\u064a\u0637 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"upc-expertise-item wow animate__animated animate__fadeInUp\" data-wow-delay=\".30s\">\r\n          <div class=\"upc-expertise-icon\">\r\n            <i class=\"fa-solid fa-couch\"><\/i>\r\n          <\/div>\r\n          <h3>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"upc-expertise-item wow animate__animated animate__fadeInUp\" data-wow-delay=\".36s\">\r\n          <div class=\"upc-expertise-icon\">\r\n            <i class=\"fa-solid fa-heart-pulse\"><\/i>\r\n          <\/div>\r\n          <h3>\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0637\u0628\u064a\u0629<\/h3>\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-88cae21 elementor-widget elementor-widget-html\" data-id=\"88cae21\" 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=\"auto\">\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: 15px;\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>\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>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u062a\u062e\u0635\u0635\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0636\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u060c \u0628\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u062d\u0644\u0648\u0644 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621. \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0645\u0647\u0646\u064a \u062a\u0646\u0638\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0648\u0627\u0644\u0641\u0646\u064a\u064a\u0646 \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u062a\u0639\u0632\u064a\u0632 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u0645\u0648\u0627\u0642\u0639 [&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-82","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\/82","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=82"}],"version-history":[{"count":31,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":929,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/82\/revisions\/929"}],"wp:attachment":[{"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}