{"id":91,"date":"2026-06-01T11:51:32","date_gmt":"2026-06-01T11:51:32","guid":{"rendered":"https:\/\/urbanprojects.sa\/?page_id=91"},"modified":"2026-07-02T12:06:12","modified_gmt":"2026-07-02T12:06:12","slug":"%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/urbanprojects.sa\/en\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"91\" class=\"elementor elementor-91\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb1c0d e-con-full e-flex e-con e-parent\" data-id=\"2cb1c0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8a7f60 elementor-widget elementor-widget-html\" data-id=\"a8a7f60\" 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-contact\" dir=\"inherit\">\n  <style>\n    .upc-inner-intro {\n      --upc-intro-dark: #071a1f;\n      --upc-intro-petroleum: #0b252b;\n      --upc-intro-teal: #102f35;\n      --upc-intro-gold: #b17a3f;\n      --upc-intro-bronze: #c9914e;\n      --upc-intro-white: #ffffff;\n      --upc-intro-font: \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif;\n      --upc-intro-container: min(1180px, calc(100% - 36px));\n\n      position: relative;\n      min-height: 420px;\n      display: grid;\n      place-items: center;\n      overflow: hidden;\n      isolation: isolate;\n      color: var(--upc-intro-white);\n      font-family: var(--upc-intro-font);\n      text-align: center;\n      background:\n        linear-gradient(\n          90deg,\n          rgba(7, 26, 31, 0.97),\n          rgba(7, 26, 31, 0.78) 52%,\n          rgba(7, 26, 31, 0.54)\n        ),\n        url(\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/\u0645\u0646-\u0646\u062d\u0646.webp\") center \/ cover;\n    }\n\n    .upc-inner-intro * {\n      box-sizing: border-box;\n    }\n\n    .upc-inner-intro::before {\n      content: \"\";\n      position: absolute;\n      inset: 22px;\n      border: 1px solid rgba(177, 122, 63, 0.30);\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .upc-inner-intro::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: -2;\n      opacity: 0.12;\n      background:\n        radial-gradient(circle at 18% 28%, var(--upc-intro-gold) 0 2px, transparent 3px),\n        radial-gradient(circle at 78% 70%, var(--upc-intro-bronze) 0 2px, transparent 3px),\n        linear-gradient(135deg, transparent 0 46%, rgba(255,255,255,.35) 46% 47%, transparent 47%);\n      background-size: 300px 300px, 420px 420px, 120px 120px;\n      animation: upcIntroPatternMove 24s linear infinite;\n    }\n\n    .upc-inner-intro-container {\n      width: var(--upc-intro-container);\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n      padding: 120px 0 72px;\n    }\n\n    .upc-inner-intro-title {\n      margin: 0;\n      color: var(--upc-intro-white);\n      font-size: clamp(2.6rem, 5vw, 4.2rem);\n      line-height: 1.12;\n      font-weight: 900;\n      letter-spacing: -0.8px;\n    }\n\n    .upc-inner-intro-desc {\n      max-width: 680px;\n      margin: 20px auto 0;\n      color: rgba(255, 255, 255, 0.74);\n      font-size: clamp(1rem, 1.5vw, 1.16rem);\n      line-height: 1.9;\n      font-weight: 500;\n    }\n\n    .upc-inner-breadcrumb {\n      margin-top: 24px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 11px;\n      flex-wrap: wrap;\n      color: rgba(255, 255, 255, 0.76);\n      font-size: 0.96rem;\n      line-height: 1.6;\n      font-weight: 800;\n    }\n\n    .upc-inner-breadcrumb a {\n      color: var(--upc-intro-gold);\n      text-decoration: none;\n      transition: 280ms ease;\n    }\n\n    .upc-inner-breadcrumb a:hover {\n      color: var(--upc-intro-bronze);\n    }\n\n    .upc-inner-breadcrumb i {\n      color: rgba(255, 255, 255, 0.46);\n      font-size: 0.78rem;\n    }\n\n    \/* ===== \u0625\u0636\u0627\u0641\u0629: \u0627\u0644\u0645\u0648\u0642\u0639 + \u0627\u0644\u062a\u0648\u0627\u0635\u0644 ===== *\/\n    .upc-inner-contact-extra {\n      margin-top: 30px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 20px;\n    }\n\n    .upc-inner-location {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 11px 22px;\n      border: 1px solid rgba(177, 122, 63, 0.40);\n      border-radius: 999px;\n      color: var(--upc-intro-white);\n      text-decoration: none;\n      font-size: 1rem;\n      font-weight: 700;\n      background: rgba(177, 122, 63, 0.08);\n      transition: 280ms ease;\n    }\n\n    .upc-inner-location:hover {\n      background: rgba(177, 122, 63, 0.18);\n      border-color: var(--upc-intro-bronze);\n    }\n\n    .upc-inner-location i {\n      color: var(--upc-intro-gold);\n      font-size: 1.05rem;\n    }\n\n    .upc-inner-social {\n      display: flex;\n      align-items: center;\n      gap: 13px;\n    }\n\n    .upc-inner-social a {\n      width: 46px;\n      height: 46px;\n      display: grid;\n      place-items: center;\n      border-radius: 50%;\n      border: 1px solid rgba(177, 122, 63, 0.40);\n      color: var(--upc-intro-white);\n      font-size: 1.15rem;\n      text-decoration: none;\n      transition: 300ms ease;\n    }\n\n    .upc-inner-social a:hover {\n      background: var(--upc-intro-gold);\n      border-color: var(--upc-intro-gold);\n      color: var(--upc-intro-dark);\n      transform: translateY(-3px);\n    }\n    \/* ===== \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 ===== *\/\n\n    @keyframes upcIntroPatternMove {\n      0% {\n        background-position: 0 0, 0 0, 0 0;\n      }\n\n      100% {\n        background-position: 300px 300px, -420px 420px, 120px 120px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .upc-inner-intro {\n        min-height: 330px;\n      }\n\n      .upc-inner-intro::before {\n        inset: 14px;\n      }\n\n      .upc-inner-intro-container {\n        width: min(1180px, calc(100% - 32px));\n        padding: 96px 0 58px;\n      }\n\n      .upc-inner-intro-title {\n        font-size: 2.35rem;\n      }\n\n      .upc-inner-intro-desc {\n        font-size: 0.96rem;\n        line-height: 1.8;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .upc-inner-intro {\n        min-height: 300px;\n      }\n\n      .upc-inner-intro-title {\n        font-size: 2rem;\n      }\n\n      .upc-inner-breadcrumb {\n        font-size: 0.88rem;\n      }\n\n      .upc-inner-social a {\n        width: 42px;\n        height: 42px;\n        font-size: 1.05rem;\n      }\n    }\n      [dir=\"rtl\"] .upc-inner-breadcrumb i {\n      transform: scaleX(-1);\n    }\n  <\/style>\n\n  <div class=\"upc-inner-intro-container\">\n    <h1 class=\"upc-inner-intro-title wow animate__animated animate__fadeInUp\">\n      \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\n    <\/h1>\n\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\">\n      <a href=\"\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n      <i class=\"fa-solid fa-chevron-right\"><\/i>\n      <span>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span>\n    <\/nav>\n\n    <div class=\"upc-inner-contact-extra wow animate__animated animate__fadeInUp\" data-wow-delay=\".20s\">\n      <a class=\"upc-inner-location\"\n         href=\"https:\/\/www.google.com\/maps?q=21.591890335083008,39.137699127197266&z=17&hl=en\"\n         target=\"_blank\" rel=\"noopener\">\n        <i class=\"fa-solid fa-location-dot\"><\/i>\n        <span>\u062c\u062f\u0629 - \u0645\u0628\u0646\u0649 \u0627\u0645 \u0627\u0633 \u0633\u0643\u0648\u064a\u0631<\/span>\n      <\/a>\n\n      <div class=\"upc-inner-social\" aria-label=\"\u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\">\n        <a href=\"https:\/\/www.instagram.com\/upc_projects\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0627\u0646\u0633\u062a\u063a\u0631\u0627\u0645\">\n          <i class=\"fa-brands fa-instagram\"><\/i>\n        <\/a>\n        <a href=\"https:\/\/x.com\/upc_projects\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0625\u0643\u0633\">\n          <i class=\"fa-brands fa-x-twitter\"><\/i>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-249f68a elementor-widget elementor-widget-html\" data-id=\"249f68a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"upc-contact-section\" id=\"contact\" dir=\"inherit\">\r\n  <!-- Font Awesome -->\r\n  <link\r\n    rel=\"stylesheet\"\r\n    href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n  \/>\r\n\r\n  <style>\r\n    .upc-contact-section {\r\n      position: relative;\r\n      padding: 70px 0;\r\n      overflow: hidden;\r\n      color: var(--upc-white, #ffffff);\r\n      font-family: var(--upc-font-body, \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif);\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(7, 26, 31, 0.98) 0%,\r\n          rgba(7, 26, 31, 0.93) 42%,\r\n          rgba(16, 47, 53, 0.88) 70%,\r\n          rgba(7, 26, 31, 0.98) 100%\r\n        ),\r\n        radial-gradient(circle at 14% 18%, rgba(177, 122, 63, 0.16), transparent 30%),\r\n        radial-gradient(circle at 82% 78%, rgba(255, 255, 255, 0.06), transparent 34%),\r\n        var(--upc-dark, #071a1f);\r\n    }\r\n\r\n    .upc-contact-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .upc-contact-section::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(120deg, rgba(177, 122, 63, 0.08) 1px, transparent 1px),\r\n        linear-gradient(30deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);\r\n      background-size: 86px 86px;\r\n      opacity: 0.45;\r\n      pointer-events: none;\r\n      z-index: 1;\r\n      mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);\r\n    }\r\n\r\n    .upc-contact-section::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 360px;\r\n      height: 360px;\r\n      border-radius: 50%;\r\n      background: rgba(177, 122, 63, 0.10);\r\n      left: -150px;\r\n      top: -130px;\r\n      pointer-events: none;\r\n      z-index: 1;\r\n      filter: blur(4px);\r\n    }\r\n\r\n    .upc-contact-container {\r\n      width: var(--upc-container, min(1180px, calc(100% - 40px)));\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-contact-heading {\r\n      max-width: 820px;\r\n      margin-bottom: 34px;\r\n      \/*text-align: right;*\/\r\n    }\r\n\r\n    .upc-contact-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      gap: 12px;\r\n      margin-bottom: 12px;\r\n      color: var(--upc-gold, #b17a3f);\r\n      font-size: 0.9rem;\r\n      line-height: 1.4;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-contact-kicker::after {\r\n      content: \"\";\r\n      width: 48px;\r\n      height: 2px;\r\n      background: var(--upc-gold, #b17a3f);\r\n      display: inline-block;\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .upc-contact-title {\r\n      margin: 0;\r\n      color: var(--upc-white, #ffffff);\r\n      font-family: var(--upc-font-heading, \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif);\r\n      font-size: clamp(1.8rem, 3vw, 2.7rem);\r\n      line-height: 1.25;\r\n      font-weight: 900;\r\n      letter-spacing: -0.5px;\r\n    }\r\n\r\n    .upc-contact-desc {\r\n      max-width: 680px;\r\n      margin: 14px 0 0;\r\n      color: rgba(255, 255, 255, 0.70);\r\n      font-size: clamp(0.95rem, 1.3vw, 1.05rem);\r\n      line-height: 1.8;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .upc-contact-layout {\r\n      display: grid;\r\n      grid-template-columns: 0.9fr 1.1fr;\r\n      gap: 24px;\r\n      align-items: center;\r\n    }\r\n\r\n    .upc-contact-info,\r\n    .upc-contact-form-box {\r\n      position: relative;\r\n      min-height: auto;\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      box-shadow: 0 22px 60px rgba(0, 0, 0, 0.20);\r\n    }\r\n\r\n    .upc-contact-info {\r\n      padding: 28px;\r\n      color: var(--upc-white, #ffffff);\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(255, 255, 255, 0.10),\r\n          rgba(255, 255, 255, 0.035)\r\n        );\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      backdrop-filter: blur(14px);\r\n      align-self: center;\r\n    }\r\n\r\n    .upc-contact-info::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 190px;\r\n      height: 190px;\r\n      border-radius: 50%;\r\n      background: rgba(177, 122, 63, 0.14);\r\n      left: -75px;\r\n      top: -75px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-contact-info::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 18px;\r\n      border: 1px solid rgba(177, 122, 63, 0.26);\r\n      border-radius: 14px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-contact-info-content {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-contact-info-label,\r\n    .upc-contact-form-label {\r\n      display: inline-block;\r\n      color: var(--upc-bronze, #c8924d);\r\n      font-weight: 900;\r\n      margin-bottom: 8px;\r\n      font-size: 0.9rem;\r\n    }\r\n\r\n    .upc-contact-info h3,\r\n    .upc-contact-form-head h3 {\r\n      margin: 0 0 10px;\r\n      font-family: var(--upc-font-heading, \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif);\r\n      font-size: clamp(1.25rem, 2vw, 1.65rem);\r\n      line-height: 1.4;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .upc-contact-info h3 {\r\n      color: var(--upc-white, #ffffff);\r\n    }\r\n\r\n    .upc-contact-info p {\r\n      margin: 0 0 20px;\r\n      color: rgba(255, 255, 255, 0.70);\r\n      font-size: 0.92rem;\r\n      line-height: 1.75;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .upc-contact-list {\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .upc-contact-item {\r\n      display: grid;\r\n      grid-template-columns: 46px 1fr;\r\n      gap: 12px;\r\n      align-items: center;\r\n      padding: 12px;\r\n      border-radius: 12px;\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      background: rgba(255, 255, 255, 0.07);\r\n      backdrop-filter: blur(12px);\r\n      transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .upc-contact-item:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(177, 122, 63, 0.48);\r\n      background: rgba(255, 255, 255, 0.105);\r\n    }\r\n\r\n    .upc-contact-icon {\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 9px;\r\n      display: grid;\r\n      place-items: center;\r\n      color: var(--upc-bronze, #c8924d);\r\n      background: rgba(177, 122, 63, 0.08);\r\n      border: 1px solid rgba(177, 122, 63, 0.28);\r\n      font-size: 1rem;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .upc-contact-item small {\r\n      display: block;\r\n      color: rgba(255, 255, 255, 0.56);\r\n      font-size: 0.78rem;\r\n      margin-bottom: 1px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .upc-contact-item strong {\r\n      display: block;\r\n      color: var(--upc-white, #ffffff);\r\n      font-size: 0.9rem;\r\n      line-height: 1.5;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .upc-phone-number {\r\n      direction: ltr;\r\n      unicode-bidi: isolate;\r\n      text-align: right;\r\n      display: inline-block;\r\n      letter-spacing: 0.3px;\r\n      font-family: \"Tajawal\", \"IBM Plex Sans Arabic\", Arial, sans-serif;\r\n    }\r\n\r\n    .upc-contact-form-box {\r\n      padding: 28px;\r\n      align-self: center;\r\n      background:\r\n        linear-gradient(\r\n          135deg,\r\n          rgba(255, 255, 255, 0.96),\r\n          rgba(255, 255, 255, 0.88)\r\n        );\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n    }\r\n\r\n    .upc-contact-form-box::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(135deg, rgba(177, 122, 63, 0.08), transparent 42%),\r\n        linear-gradient(45deg, transparent 48%, rgba(11, 37, 43, 0.035) 49%, transparent 52%);\r\n      background-size: auto, 62px 62px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .upc-contact-form-inner {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .upc-contact-form-head {\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .upc-contact-form-head h3 {\r\n      color: var(--upc-dark, #071a1f);\r\n    }\r\n\r\n    .upc-contact-form-head p {\r\n      margin: 0;\r\n      color: rgba(7, 26, 31, 0.64);\r\n      font-size: 0.9rem;\r\n      line-height: 1.65;\r\n      font-weight: 500;\r\n    }\r\n\r\n    \/* WPForms Styling *\/\r\n    .upc-contact-wpforms {\r\n      width: 100%;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-container {\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      width: 100% !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-form {\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-field {\r\n      padding: 0 0 10px !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-field-label {\r\n      display: block !important;\r\n      color: var(--upc-dark, #071a1f) !important;\r\n      font-size: 0.84rem !important;\r\n      line-height: 1.4 !important;\r\n      font-weight: 900 !important;\r\n      margin: 0 0 5px !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-required-label {\r\n      color: var(--upc-gold, #b17a3f) !important;\r\n    }\r\n\r\n    .upc-contact-wpforms input[type=\"text\"],\r\n    .upc-contact-wpforms input[type=\"email\"],\r\n    .upc-contact-wpforms input[type=\"tel\"],\r\n    .upc-contact-wpforms input[type=\"number\"],\r\n    .upc-contact-wpforms input[type=\"url\"],\r\n    .upc-contact-wpforms input[type=\"date\"],\r\n    .upc-contact-wpforms select,\r\n    .upc-contact-wpforms textarea {\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n      min-height: 40px !important;\r\n      height: 40px !important;\r\n      padding: 8px 12px !important;\r\n      border-radius: 8px !important;\r\n      border: 1px solid rgba(7, 26, 31, 0.13) !important;\r\n      background: #ffffff !important;\r\n      color: var(--upc-dark, #071a1f) !important;\r\n      font-family: inherit !important;\r\n      font-size: 0.88rem !important;\r\n      line-height: 1.4 !important;\r\n      box-shadow: none !important;\r\n      outline: none !important;\r\n      transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;\r\n    }\r\n\r\n    .upc-contact-wpforms textarea {\r\n      min-height: 86px !important;\r\n      height: 86px !important;\r\n      resize: vertical !important;\r\n      direction: rtl !important;\r\n      text-align: right !important;\r\n      padding-top: 10px !important;\r\n    }\r\n\r\n    .upc-contact-wpforms input:not([type=\"tel\"]),\r\n    .upc-contact-wpforms select {\r\n      direction: rtl !important;\r\n      text-align: right !important;\r\n    }\r\n\r\n    \/* Phone Field Fix *\/\r\n    .upc-contact-wpforms .wpforms-field-phone {\r\n      position: relative !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-field-phone input[type=\"tel\"],\r\n    .upc-contact-wpforms input[type=\"tel\"],\r\n    .upc-contact-wpforms .wpforms-smart-phone-field {\r\n      direction: ltr !important;\r\n      text-align: left !important;\r\n      unicode-bidi: plaintext !important;\r\n      font-family: \"Tajawal\", \"IBM Plex Sans Arabic\", Arial, sans-serif !important;\r\n      letter-spacing: 0.3px !important;\r\n      padding-left: 12px !important;\r\n      padding-right: 12px !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-field-phone input[type=\"tel\"]::placeholder,\r\n    .upc-contact-wpforms input[type=\"tel\"]::placeholder {\r\n      direction: ltr !important;\r\n      text-align: left !important;\r\n      color: rgba(7, 26, 31, 0.38) !important;\r\n    }\r\n\r\n    \/* WPForms Smart Phone \/ intl-tel-input *\/\r\n    .upc-contact-wpforms .iti,\r\n    .upc-contact-wpforms .iti--allow-dropdown,\r\n    .upc-contact-wpforms .iti--separate-dial-code {\r\n      width: 100% !important;\r\n      display: block !important;\r\n      direction: ltr !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .iti input[type=\"tel\"],\r\n    .upc-contact-wpforms .iti .wpforms-smart-phone-field {\r\n      padding-left: 82px !important;\r\n      padding-right: 12px !important;\r\n      direction: ltr !important;\r\n      text-align: left !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .iti__flag-container {\r\n      left: 0 !important;\r\n      right: auto !important;\r\n      direction: ltr !important;\r\n      border-radius: 8px 0 0 8px !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .iti__selected-flag {\r\n      min-height: 40px !important;\r\n      height: 40px !important;\r\n      padding: 0 10px !important;\r\n      border-radius: 8px 0 0 8px !important;\r\n      background: rgba(177, 122, 63, 0.08) !important;\r\n      border-left: 0 !important;\r\n      border-right: 1px solid rgba(7, 26, 31, 0.10) !important;\r\n      transition: background 0.3s ease !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .iti__selected-flag:hover,\r\n    .upc-contact-wpforms .iti__selected-flag:focus {\r\n      background: rgba(177, 122, 63, 0.14) !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .iti__arrow {\r\n      margin-right: 6px !important;\r\n      margin-left: 0 !important;\r\n      border-top-color: var(--upc-gold, #b17a3f) !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .iti__country-list {\r\n      direction: rtl !important;\r\n      text-align: right !important;\r\n      font-family: var(--upc-font-body, \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif) !important;\r\n      border-radius: 12px !important;\r\n      border: 1px solid rgba(7, 26, 31, 0.12) !important;\r\n      box-shadow: 0 18px 45px rgba(7, 26, 31, 0.18) !important;\r\n      overflow: hidden !important;\r\n      z-index: 99999 !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .iti__country {\r\n      padding: 9px 12px !important;\r\n      color: var(--upc-dark, #071a1f) !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .iti__country:hover,\r\n    .upc-contact-wpforms .iti__highlight {\r\n      background: rgba(177, 122, 63, 0.10) !important;\r\n    }\r\n\r\n    .upc-contact-wpforms input:focus,\r\n    .upc-contact-wpforms select:focus,\r\n    .upc-contact-wpforms textarea:focus {\r\n      border-color: rgba(177, 122, 63, 0.75) !important;\r\n      box-shadow: 0 0 0 3px rgba(177, 122, 63, 0.13) !important;\r\n      background: #ffffff !important;\r\n    }\r\n\r\n    .upc-contact-wpforms input::placeholder,\r\n    .upc-contact-wpforms textarea::placeholder {\r\n      color: rgba(7, 26, 31, 0.38) !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-field-description,\r\n    .upc-contact-wpforms .wpforms-field-sublabel {\r\n      color: rgba(7, 26, 31, 0.55) !important;\r\n      font-size: 0.78rem !important;\r\n      line-height: 1.5 !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-error {\r\n      color: #b42318 !important;\r\n      font-size: 0.78rem !important;\r\n      font-weight: 700 !important;\r\n      margin-top: 4px !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-field input.wpforms-error,\r\n    .upc-contact-wpforms .wpforms-field textarea.wpforms-error,\r\n    .upc-contact-wpforms .wpforms-field select.wpforms-error {\r\n      border-color: #b42318 !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-submit-container {\r\n      padding: 2px 0 0 !important;\r\n      margin: 0 !important;\r\n      text-align: right !important;\r\n    }\r\n\r\n    .upc-contact-wpforms button[type=\"submit\"],\r\n    .upc-contact-wpforms .wpforms-submit {\r\n      min-height: 42px !important;\r\n      height: 42px !important;\r\n      border: 0 !important;\r\n      border-radius: 8px !important;\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      gap: 8px !important;\r\n      padding: 9px 24px !important;\r\n      color: var(--upc-white, #ffffff) !important;\r\n      background: linear-gradient(135deg, var(--upc-gold, #b17a3f), var(--upc-bronze, #c8924d)) !important;\r\n      box-shadow: 0 14px 30px rgba(177, 122, 63, 0.25) !important;\r\n      font-family: inherit !important;\r\n      font-size: 0.9rem !important;\r\n      line-height: 1.3 !important;\r\n      font-weight: 900 !important;\r\n      cursor: pointer !important;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease !important;\r\n    }\r\n\r\n    .upc-contact-wpforms button[type=\"submit\"]:hover,\r\n    .upc-contact-wpforms .wpforms-submit:hover {\r\n      transform: translateY(-2px) !important;\r\n      opacity: 0.96 !important;\r\n      box-shadow: 0 18px 38px rgba(177, 122, 63, 0.32) !important;\r\n    }\r\n\r\n    .upc-contact-wpforms .wpforms-confirmation-container-full {\r\n      margin: 0 !important;\r\n      padding: 14px !important;\r\n      border-radius: 12px !important;\r\n      border: 1px solid rgba(177, 122, 63, 0.30) !important;\r\n      background: rgba(177, 122, 63, 0.10) !important;\r\n      color: var(--upc-dark, #071a1f) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.7 !important;\r\n      font-size: 0.9rem !important;\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .upc-contact-section {\r\n        padding: 62px 0;\r\n      }\r\n\r\n      .upc-contact-layout {\r\n        grid-template-columns: 1fr;\r\n        align-items: start;\r\n      }\r\n\r\n      .upc-contact-info,\r\n      .upc-contact-form-box {\r\n        min-height: auto;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .upc-contact-section {\r\n        padding: 56px 0;\r\n      }\r\n\r\n      .upc-contact-container {\r\n        width: min(1280px, calc(100% - 32px));\r\n      }\r\n\r\n      .upc-contact-heading {\r\n        margin-bottom: 28px;\r\n      }\r\n\r\n      .upc-contact-kicker::after {\r\n        width: 36px;\r\n      }\r\n\r\n      .upc-contact-item {\r\n        grid-template-columns: 46px 1fr;\r\n        gap: 12px;\r\n        padding: 12px;\r\n      }\r\n\r\n      .upc-contact-icon {\r\n        width: 46px;\r\n        height: 46px;\r\n      }\r\n\r\n      .upc-contact-wpforms button[type=\"submit\"],\r\n      .upc-contact-wpforms .wpforms-submit {\r\n        width: 100% !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n      .upc-contact-section {\r\n        padding: 50px 0;\r\n      }\r\n\r\n      .upc-contact-title {\r\n        font-size: 1.65rem;\r\n      }\r\n\r\n      .upc-contact-info,\r\n      .upc-contact-form-box {\r\n        border-radius: 16px;\r\n        padding: 22px;\r\n      }\r\n\r\n      .upc-contact-info::after {\r\n        inset: 15px;\r\n        border-radius: 12px;\r\n      }\r\n\r\n      .upc-contact-item {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .upc-contact-icon {\r\n        width: 48px;\r\n        height: 48px;\r\n      }\r\n\r\n      .upc-contact-wpforms .iti input[type=\"tel\"],\r\n      .upc-contact-wpforms .iti .wpforms-smart-phone-field {\r\n        padding-left: 78px !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-contact-container\">\r\n    <div class=\"upc-contact-heading wow animate__animated animate__fadeInUp\">\r\n      <span class=\"upc-contact-kicker\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n      <h2 class=\"upc-contact-title\">\r\n        \u064a\u0633\u0639\u062f\u0646\u0627 \u062a\u0648\u0627\u0635\u0644\u0643\u0645 \u0645\u0639\u0646\u0627 \u0644\u062e\u062f\u0645\u062a\u0643\u0645 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645\r\n      <\/h2>\r\n \r\n    <\/div>\r\n\r\n    <div class=\"upc-contact-layout\">\r\n      <div class=\"upc-contact-info wow animate__animated animate__fadeInRight\" data-wow-delay=\".05s\">\r\n        <div class=\"upc-contact-info-content\">\r\n          <span class=\"upc-contact-info-label\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/span>\r\n          <h3>\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629<\/h3>\r\n          <p>\r\n            \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u0643\u0627\u0645\u0644 \u0628\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\r\n          <\/p>\r\n\r\n          <div class=\"upc-contact-list\">\r\n           \r\n  <a class=\"upc-contact-item\" href=\"tel:0126322223\">\r\n              <span class=\"upc-contact-icon\">\r\n                <i class=\"fa-solid fa-phone\"><\/i>\r\n              <\/span>\r\n              <span>\r\n                <small>\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 - \u062c\u062f\u0629<\/small>\r\n                <strong>\r\n                  <bdi class=\"upc-phone-number\" dir=\"ltr\">0126322223<\/bdi>\r\n                <\/strong>\r\n              <\/span>\r\n            <\/a>\r\n             <a class=\"upc-contact-item\" href=\"tel:0172200005\">\r\n              <span class=\"upc-contact-icon\">\r\n                <i class=\"fa-solid fa-phone\"><\/i>\r\n              <\/span>\r\n              <span>\r\n                <small>\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 - \u0623\u0628\u0647\u0627<\/small>\r\n                <strong>\r\n                  <bdi class=\"upc-phone-number\" dir=\"ltr\">0172200005<\/bdi>\r\n                <\/strong>\r\n              <\/span>\r\n            <\/a>\r\n            \r\n            <a class=\"upc-contact-item\" href=\"mailto:info@example.com\">\r\n              <span class=\"upc-contact-icon\">\r\n                <i class=\"fa-solid fa-envelope\"><\/i>\r\n              <\/span>\r\n              <span>\r\n                <small>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/small>\r\n                <strong>info@urbanprojects.sa<\/strong>\r\n              <\/span>\r\n            <\/a>\r\n\r\n            <div class=\"upc-contact-item\">\r\n              <span class=\"upc-contact-icon\">\r\n                <i class=\"fa-solid fa-location-dot\"><\/i>\r\n              <\/span>\r\n              <span>\r\n                <small>\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/small>\r\n                <strong>\u062c\u062f\u0629 - \u0645\u0628\u0646\u064a \u0627\u0645 \u0627\u0633 \u0627\u0633\u0643\u0648\u064a\u0631 - \u0645\u0643\u062a\u0628 104<\/strong>\r\n              <\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"upc-contact-form-box wow animate__animated animate__fadeInLeft\" data-wow-delay=\".12s\">\r\n        <div class=\"upc-contact-form-inner\">\r\n          <div class=\"upc-contact-form-head\">\r\n            <span class=\"upc-contact-form-label\">\u0623\u0631\u0633\u0644 \u0631\u0633\u0627\u0644\u062a\u0643<\/span>\r\n            <h3>\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643\u061f<\/h3>\r\n            <p>\r\n              \u0627\u0645\u0644\u0623 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0627\u0644\u064a \u0648\u0633\u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u062e\u062a\u0635.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"upc-contact-wpforms\">\r\n            <style id=\"wpforms-css-vars-132\">\n\t\t\t\t#wpforms-132 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-132\"><form id=\"wpforms-form-132\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"132\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/91\" data-token=\"bfec8fe41744d08122aa5acc5dc8d3af\" data-token-time=\"1786632214\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-132-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-132-field_1\">\u0627\u0644\u0627\u0633\u0645 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-132-field_1\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-132-field_1-error\" required><\/div>\t\t<div id=\"wpforms-132-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-132-field_5\" >\u0631\u0633\u0627\u0644\u062a\u0643 \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-132-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-132-field_4-container\" class=\"wpforms-field wpforms-field-number\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-132-field_4\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label><input type=\"number\" id=\"wpforms-132-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" step=\"any\" aria-errormessage=\"wpforms-132-field_4-error\" ><\/div><div id=\"wpforms-132-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-132-field_2\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-132-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-132-field_2-error\" required><\/div><div id=\"wpforms-132-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-132-field_3\">\u0631\u0633\u0627\u0644\u062a\u0643<\/label><textarea id=\"wpforms-132-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-132-field_3-error\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-132-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-132-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-132-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"132\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/91\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-132\" class=\"wpforms-submit\" data-alt-text=\"\u0627\u0631\u0633\u0627\u0644...\" data-submit-text=\"\u0627\u0631\u0633\u0644\" aria-live=\"assertive\" value=\"wpforms-submit\">\u0627\u0631\u0633\u0644<\/button><img decoding=\"async\" src=\"https:\/\/urbanprojects.sa\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ce1864 e-flex e-con-boxed e-con e-parent\" data-id=\"4ce1864\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-316c17c elementor-widget elementor-widget-html\" data-id=\"316c17c\" 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: start;\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: inherit;\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u062c\u062f\u0629 &#8211; \u0645\u0628\u0646\u0649 \u0627\u0645 \u0627\u0633 \u0633\u0643\u0648\u064a\u0631 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u064a\u0633\u0639\u062f\u0646\u0627 \u062a\u0648\u0627\u0635\u0644\u0643\u0645 \u0645\u0639\u0646\u0627 \u0644\u062e\u062f\u0645\u062a\u0643\u0645 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u0643\u0627\u0645\u0644 \u0628\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630. \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 &#8211; \u062c\u062f\u0629 0126322223 \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 &#8211; \u0623\u0628\u0647\u0627 0172200005 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a info@urbanprojects.sa [&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-91","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\/91","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=91"}],"version-history":[{"count":95,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":1091,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/91\/revisions\/1091"}],"wp:attachment":[{"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}