{"id":340,"date":"2026-06-02T12:08:51","date_gmt":"2026-06-02T12:08:51","guid":{"rendered":"https:\/\/urbanprojects.sa\/?page_id=340"},"modified":"2026-06-25T15:22:53","modified_gmt":"2026-06-25T15:22:53","slug":"%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/urbanprojects.sa\/en\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/","title":{"rendered":"Our Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"340\" class=\"elementor elementor-340\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-363f115 e-con-full e-flex e-con e-parent\" data-id=\"363f115\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5674065 elementor-widget elementor-widget-html\" data-id=\"5674065\" 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-projects\" 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.76) 52%,\r\n          rgba(7, 26, 31, 0.50)\r\n        ),\r\n        url(\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/\u0647\u064a\u062f\u0631-2-scaled.webp\") center \/ cover no-repeat;\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      display: inline-block; \/* \u0636\u0631\u0648\u0631\u064a \u0644\u0639\u0645\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 *\/\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    \/* \u0642\u0644\u0628 \u0627\u0644\u0633\u0647\u0645 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0645\u0648\u0642\u0639 *\/\r\n    [dir=\"rtl\"] .upc-inner-breadcrumb i {\r\n      transform: scaleX(-1);\r\n    }\r\n\r\n    @keyframes upcIntroPatternMove {\r\n      0% { background-position: 0 0, 0 0, 0 0; }\r\n      100% { background-position: 300px 300px, -420px 420px, 120px 120px; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .upc-inner-intro { min-height: 330px; }\r\n      .upc-inner-intro::before { inset: 14px; }\r\n      .upc-inner-intro-container { width: min(1180px, calc(100% - 32px)); padding: 96px 0 58px; }\r\n      .upc-inner-intro-title { font-size: 2.35rem; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .upc-inner-intro { min-height: 300px; }\r\n      .upc-inner-intro-title { font-size: 2rem; }\r\n      .upc-inner-breadcrumb { font-size: 0.88rem; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"upc-inner-intro-container\">\r\n    <h1 class=\"upc-inner-intro-title wow animate__animated animate__fadeInUp\">\r\n      \u0645\u0634\u0627\u0631\u064a\u0639\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>\u0645\u0634\u0627\u0631\u064a\u0639\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-d7448a5 elementor-widget elementor-widget-shortcode\" data-id=\"d7448a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <section class=\"upc-archive-projects\" dir=\"inherit\">\n        <style>\n            .upc-archive-projects {\n                position: relative;\n                padding: 95px 0;\n                overflow: hidden;\n                isolation: isolate;\n                background:\n                    radial-gradient(circle at 12% 18%, rgba(177, 122, 63, 0.10), transparent 32%),\n                    radial-gradient(circle at 88% 72%, rgba(16, 47, 53, 0.09), transparent 34%),\n                    linear-gradient(180deg, var(--upc-cream, #f5f1ea), var(--upc-white, #ffffff));\n                color: var(--upc-petroleum, #0b252b);\n                font-family: var(--upc-font-body, \"IBM Plex Sans Arabic\", \"Tajawal\", sans-serif);\n            }\n\n            .upc-archive-projects * {\n                box-sizing: border-box;\n            }\n\n            .upc-archive-projects a,\n            .upc-archive-projects a:hover,\n            .upc-archive-projects a:focus {\n                text-decoration: none !important;\n            }\n\n            .upc-archive-projects::before {\n                content: \"\";\n                position: absolute;\n                top: -180px;\n                right: -180px;\n                width: 460px;\n                height: 460px;\n                border-radius: 50%;\n                background: rgba(177, 122, 63, 0.10);\n                filter: blur(4px);\n                z-index: 0;\n            }\n\n            .upc-archive-projects::after {\n                content: \"\";\n                position: absolute;\n                bottom: -240px;\n                left: -200px;\n                width: 520px;\n                height: 520px;\n                border-radius: 50%;\n                background: rgba(11, 37, 43, 0.09);\n                filter: blur(5px);\n                z-index: 0;\n            }\n\n            .upc-archive-pattern {\n                position: absolute;\n                inset: 0;\n                z-index: 0;\n                pointer-events: none;\n                opacity: 0.24;\n                background:\n                    linear-gradient(135deg, rgba(177, 122, 63, 0.07) 25%, transparent 25%) -18px 0 \/ 72px 72px,\n                    linear-gradient(225deg, rgba(7, 26, 31, 0.045) 25%, transparent 25%) -18px 0 \/ 72px 72px,\n                    radial-gradient(circle at 50% 50%, rgba(177, 122, 63, 0.10) 0 1px, transparent 2px);\n                mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);\n                animation: upcArchivePatternMove 30s linear infinite;\n            }\n\n            .upc-archive-container {\n                width: var(--upc-container, min(1280px, calc(100% - 48px)));\n                max-width: 1280px;\n                margin: 0 auto;\n                position: relative;\n                z-index: 2;\n            }\n\n            .upc-archive-head {\n                max-width: 850px;\n                margin: 0 auto 40px;\n                text-align: center;\n                position: relative;\n                z-index: 2;\n            }\n\n            .upc-archive-kicker {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: 12px;\n                margin-bottom: 15px;\n                color: var(--upc-gold, #b17a3f) !important;\n                font-size: 0.95rem;\n                font-weight: 900;\n                line-height: 1.4;\n            }\n\n            .upc-archive-kicker::before,\n            .upc-archive-kicker::after {\n                content: \"\";\n                width: 38px;\n                height: 2px;\n                border-radius: 999px;\n                display: inline-block;\n                background: linear-gradient(\n                    90deg,\n                    transparent,\n                    var(--upc-gold, #b17a3f),\n                    var(--upc-bronze, #c8924d)\n                );\n            }\n\n            .upc-archive-kicker::after {\n                background: linear-gradient(\n                    90deg,\n                    var(--upc-bronze, #c8924d),\n                    var(--upc-gold, #b17a3f),\n                    transparent\n                );\n            }\n\n            .upc-archive-title {\n                margin: 0;\n                color: var(--upc-petroleum-deep, #071a1f) !important;\n                font-family: var(--upc-font-heading, \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif);\n                font-size: clamp(2rem, 4vw, 3.15rem);\n                line-height: 1.2;\n                font-weight: 900;\n                letter-spacing: -0.7px;\n            }\n\n            .upc-archive-desc {\n                max-width: 740px;\n                margin: 17px auto 0;\n                color: rgba(16, 47, 53, 0.82) !important;\n                font-size: 1.04rem;\n                line-height: 1.95;\n                font-weight: 500;\n            }\n\n            .upc-project-filter {\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 10px;\n                margin-bottom: 40px;\n                position: relative;\n                z-index: 2;\n            }\n\n            .upc-project-filter a {\n                position: relative;\n                overflow: hidden;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                min-height: 44px;\n                padding: 9px 20px;\n                border-radius: 999px;\n                background: var(--upc-white, #ffffff);\n                border: 1px solid rgba(7, 26, 31, 0.10);\n                color: var(--upc-petroleum, #0b252b) !important;\n                font-weight: 900;\n                transition:\n                    transform var(--upc-transition, 280ms ease),\n                    box-shadow var(--upc-transition, 280ms ease),\n                    color var(--upc-transition, 280ms ease),\n                    border-color var(--upc-transition, 280ms ease);\n            }\n\n            .upc-project-filter a::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                opacity: 0;\n                background: linear-gradient(\n                    135deg,\n                    var(--upc-gold, #b17a3f),\n                    var(--upc-bronze, #c8924d)\n                );\n                transition: opacity var(--upc-transition, 280ms ease);\n                z-index: -1;\n            }\n\n            .upc-project-filter a:hover,\n            .upc-project-filter a.is-active {\n                color: var(--upc-white, #ffffff) !important;\n                border-color: rgba(177, 122, 63, 0.45);\n                transform: translateY(-3px);\n                box-shadow: 0 14px 30px rgba(177, 122, 63, 0.22);\n            }\n\n            .upc-project-filter a:hover::before,\n            .upc-project-filter a.is-active::before {\n                opacity: 1;\n            }\n\n            .upc-archive-grid {\n                display: grid;\n                grid-template-columns: repeat(3, minmax(0, 1fr));\n                gap: 24px;\n                align-items: stretch;\n                position: relative;\n                z-index: 2;\n            }\n\n            .upc-archive-card {\n                position: relative;\n                display: flex;\n                flex-direction: column;\n                height: 100%;\n                min-height: 490px;\n                overflow: hidden;\n                border-radius: 28px;\n                background: var(--upc-white, #ffffff);\n                color: inherit;\n                border: 1px solid rgba(177, 122, 63, 0.15);\n                box-shadow: var(--upc-shadow-soft, 0 16px 45px rgba(7, 26, 31, 0.12));\n                transition:\n                    transform var(--upc-transition, 280ms ease),\n                    box-shadow var(--upc-transition, 280ms ease),\n                    border-color var(--upc-transition, 280ms ease);\n            }\n\n            .upc-archive-card:hover {\n                transform: translateY(-9px);\n                border-color: rgba(200, 146, 77, 0.48);\n                box-shadow: 0 30px 70px rgba(7, 26, 31, 0.18);\n            }\n\n            .upc-archive-img {\n                position: relative;\n                height: 250px;\n                min-height: 250px;\n                max-height: 250px;\n                overflow: hidden;\n                background: var(--upc-petroleum, #0b252b);\n                flex: 0 0 250px;\n            }\n\n            .upc-archive-img::after {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                background:\n                    linear-gradient(\n                        to top,\n                        rgba(7, 26, 31, 0.58),\n                        transparent 62%\n                    ),\n                    linear-gradient(\n                        135deg,\n                        rgba(177, 122, 63, 0.18),\n                        transparent 52%\n                    );\n                pointer-events: none;\n            }\n\n            .upc-archive-img img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                display: block;\n                transition: 700ms ease;\n            }\n\n            .upc-archive-card:hover .upc-archive-img img {\n                transform: scale(1.08);\n            }\n\n            .upc-archive-cat {\n                position: absolute;\n                right: 18px;\n                bottom: 18px;\n                z-index: 2;\n                padding: 7px 14px;\n                border-radius: 999px;\n                background: linear-gradient(\n                    135deg,\n                    var(--upc-gold, #b17a3f),\n                    var(--upc-bronze, #c8924d)\n                );\n                color: var(--upc-white, #ffffff);\n                font-size: 0.82rem;\n                line-height: 1.4;\n                font-weight: 900;\n                box-shadow: 0 12px 28px rgba(7, 26, 31, 0.20);\n            }\n\n            .upc-archive-content {\n                padding: 22px 24px 24px;\n                display: flex;\n                flex-direction: column;\n                flex: 1 1 auto;\n                min-height: 240px;\n            }\n\n            .upc-archive-content h3 {\n                margin: 0;\n                min-height: 58px;\n                color: var(--upc-petroleum-deep, #071a1f) !important;\n                font-family: var(--upc-font-heading, \"Tajawal\", \"IBM Plex Sans Arabic\", sans-serif);\n                font-size: 1.14rem;\n                line-height: 1.55;\n                font-weight: 900;\n                transition: color var(--upc-transition, 280ms ease);\n\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n            }\n\n            .upc-archive-card:hover .upc-archive-content h3 {\n                color: var(--upc-gold, #b17a3f) !important;\n            }\n\n            .upc-archive-content p {\n                margin: 8px 0 0;\n                min-height: 54px;\n                color: rgba(16, 47, 53, 0.82) !important;\n                font-size: 0.94rem;\n                line-height: 1.75;\n                font-weight: 500;\n\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                overflow: hidden;\n            }\n\n            .upc-archive-more {\n                position: relative;\n                overflow: hidden;\n                width: fit-content;\n                min-height: 40px;\n                margin-top: 16px;\n                padding: 9px 18px;\n                border-radius: 999px;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                color: var(--upc-white, #ffffff) !important;\n                background: linear-gradient(\n                    135deg,\n                    var(--upc-gold, #b17a3f),\n                    var(--upc-bronze, #c8924d)\n                );\n                font-size: 0.92rem;\n                line-height: 1.4;\n                font-weight: 900;\n                box-shadow: 0 12px 26px rgba(177, 122, 63, 0.22);\n            }\n\n            .upc-archive-more::before {\n                content: \"\";\n                position: absolute;\n                top: 0;\n                right: -85%;\n                width: 58%;\n                height: 100%;\n                background: linear-gradient(\n                    120deg,\n                    transparent,\n                    rgba(255, 255, 255, 0.62),\n                    transparent\n                );\n                transform: skewX(-24deg);\n                transition: 780ms ease;\n                pointer-events: none;\n            }\n\n            .upc-archive-card:hover .upc-archive-more::before {\n                right: 140%;\n            }\n\n            .upc-archive-empty {\n                grid-column: 1 \/ -1;\n                text-align: center;\n                padding: 34px 22px;\n                border-radius: var(--upc-radius-md, 16px);\n                background: rgba(255, 255, 255, 0.72);\n                color: var(--upc-teal, #102f35) !important;\n                box-shadow: var(--upc-shadow-soft, 0 16px 45px rgba(7, 26, 31, 0.12));\n                font-weight: 800;\n            }\n\n            .upc-pagination {\n                margin-top: 52px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                gap: 9px;\n                flex-wrap: wrap;\n                position: relative;\n                z-index: 2;\n            }\n\n            .upc-pagination .page-numbers {\n                position: relative;\n                overflow: hidden;\n                min-width: 46px;\n                height: 46px;\n                padding: 8px 14px;\n                border-radius: 14px;\n                background: var(--upc-white, #ffffff);\n                color: var(--upc-petroleum, #0b252b) !important;\n                border: 1px solid rgba(7, 26, 31, 0.10);\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                font-weight: 900;\n                line-height: 1;\n                box-shadow: 0 10px 24px rgba(7, 26, 31, 0.07);\n                transition:\n                    transform var(--upc-transition, 280ms ease),\n                    box-shadow var(--upc-transition, 280ms ease),\n                    color var(--upc-transition, 280ms ease),\n                    border-color var(--upc-transition, 280ms ease);\n            }\n\n            .upc-pagination .page-numbers::before {\n                content: \"\";\n                position: absolute;\n                inset: 0;\n                opacity: 0;\n                background: linear-gradient(\n                    135deg,\n                    var(--upc-gold, #b17a3f),\n                    var(--upc-bronze, #c8924d)\n                );\n                transition: opacity var(--upc-transition, 280ms ease);\n                z-index: -1;\n            }\n\n            .upc-pagination .page-numbers:hover,\n            .upc-pagination .page-numbers.current {\n                color: var(--upc-white, #ffffff) !important;\n                border-color: rgba(177, 122, 63, 0.50);\n                transform: translateY(-3px);\n                box-shadow: 0 16px 34px rgba(177, 122, 63, 0.25);\n            }\n\n            .upc-pagination .page-numbers:hover::before,\n            .upc-pagination .page-numbers.current::before {\n                opacity: 1;\n            }\n\n            .upc-pagination .page-numbers.dots {\n                pointer-events: none;\n                background: transparent;\n                box-shadow: none;\n                border-color: transparent;\n                color: var(--upc-teal, #102f35) !important;\n            }\n\n            .upc-pagination .page-numbers.dots::before {\n                display: none;\n            }\n\n            @keyframes upcArchivePatternMove {\n                0% {\n                    background-position: -18px 0, -18px 0, 0 0;\n                }\n\n                100% {\n                    background-position: 120px 120px, -160px 160px, 220px -220px;\n                }\n            }\n\n            @media (max-width: 1100px) {\n                .upc-archive-projects {\n                    padding: 85px 0;\n                }\n\n                .upc-archive-grid {\n                    grid-template-columns: repeat(2, minmax(0, 1fr));\n                    gap: 22px;\n                }\n\n                .upc-archive-card {\n                    min-height: 490px;\n                }\n            }\n\n            @media (max-width: 768px) {\n                .upc-archive-projects {\n                    padding: 76px 0;\n                }\n\n                .upc-archive-container {\n                    width: min(100% - 32px, 1280px);\n                }\n\n                .upc-archive-grid {\n                    grid-template-columns: 1fr;\n                }\n\n                .upc-archive-head {\n                    margin-bottom: 34px;\n                }\n\n                .upc-archive-img {\n                    height: 230px;\n                    min-height: 230px;\n                    max-height: 230px;\n                    flex-basis: 230px;\n                }\n\n                .upc-archive-card {\n                    min-height: 465px;\n                }\n\n                .upc-archive-content {\n                    min-height: 235px;\n                    padding: 20px 22px 22px;\n                }\n\n                .upc-archive-content h3 {\n                    min-height: 54px;\n                    font-size: 1.1rem;\n                }\n\n                .upc-archive-content p {\n                    min-height: 52px;\n                }\n\n                .upc-archive-more {\n                    margin-top: 14px;\n                }\n\n                .upc-archive-kicker::before,\n                .upc-archive-kicker::after {\n                    width: 24px;\n                }\n\n                .upc-archive-desc {\n                    font-size: 0.98rem;\n                }\n            }\n\n            @media (max-width: 480px) {\n                .upc-archive-projects {\n                    padding: 64px 0;\n                }\n\n                .upc-archive-container {\n                    width: min(100% - 28px, 1280px);\n                }\n\n                .upc-archive-img {\n                    height: 215px;\n                    min-height: 215px;\n                    max-height: 215px;\n                    flex-basis: 215px;\n                }\n\n                .upc-archive-card {\n                    min-height: 450px;\n                    border-radius: 24px;\n                }\n\n                .upc-archive-content {\n                    padding: 18px 20px 20px;\n                    min-height: 230px;\n                }\n\n                .upc-archive-content h3 {\n                    min-height: 52px;\n                    -webkit-line-clamp: 2;\n                }\n\n                .upc-archive-content p {\n                    min-height: 50px;\n                    margin-top: 7px;\n                    -webkit-line-clamp: 2;\n                }\n\n                .upc-archive-more {\n                    margin-top: 13px;\n                    min-height: 38px;\n                    padding: 8px 16px;\n                }\n\n                .upc-pagination .page-numbers {\n                    min-width: 42px;\n                    height: 42px;\n                    border-radius: 12px;\n                    padding: 8px 12px;\n                }\n            }\n        <\/style>\n\n        <div class=\"upc-archive-pattern\"><\/div>\n\n        <div class=\"upc-archive-container\">\n            <div class=\"upc-archive-head wow animate__animated animate__fadeInUp\">\n                <span class=\"upc-archive-kicker\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/span>\n                <h1 class=\"upc-archive-title\">\u0643\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/h1>\n                <p class=\"upc-archive-desc\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u064a \u0646\u0641\u0630\u062a\u0647\u0627 \u0627\u0644\u0634\u0631\u0643\u0629 \u0641\u064a \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629.<\/p>\n            <\/div>\n\n            \n            <div class=\"upc-archive-grid\">\n                                    \n                        <a\n                            href=\"https:\/\/urbanprojects.sa\/en\/projects\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d8%b9%d9%8a%d8%a7%d8%af%d8%a7%d8%aa-%d8%a8%d8%a7%d9%86%d9%88%d8%b1%d8%a7%d9%85%d8%a7-%d9%84%d8%b7%d8%a8-%d8%a7%d9%84%d8%a7%d8%b3%d9%86%d8%a7%d9%86\/\"\n                            class=\"upc-archive-card wow animate__animated animate__fadeInUp\"\n                            data-wow-delay=\"0s\"\n                            aria-label=\"\u0639\u064a\u0627\u062f\u0627\u062a \u062e\u0627\u0635\u0629\"\n                        >\n                            <div class=\"upc-archive-img\">\n                                <img decoding=\"async\" src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-15-at-1.47.59-PM-1024x712.jpeg\" alt=\"\u0639\u064a\u0627\u062f\u0627\u062a \u062e\u0627\u0635\u0629\">\n\n                                                            <\/div>\n\n                            <div class=\"upc-archive-content\">\n                                <h3>\u0639\u064a\u0627\u062f\u0627\u062a \u062e\u0627\u0635\u0629<\/h3>\n                                <p><\/p>\n                                <span class=\"upc-archive-more\">\u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                            <\/div>\n                        <\/a>\n\n                        \n                        <a\n                            href=\"https:\/\/urbanprojects.sa\/en\/projects\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%85%d8%b3%d8%aa%d8%b4%d9%81%d9%89-%d8%a7%d9%84%d8%a7%d8%b3%d9%86%d8%a7%d9%86-%d8%a8%d8%ac%d9%8a%d8%b2%d8%a7%d9%86\/\"\n                            class=\"upc-archive-card wow animate__animated animate__fadeInUp\"\n                            data-wow-delay=\"0.07s\"\n                            aria-label=\"\u0645\u0633\u062a\u0634\u0641\u064a \u0637\u0628 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0628\u062c\u0627\u0645\u0639\u0629 \u062c\u0627\u0632\u0627\u0646\"\n                        >\n                            <div class=\"upc-archive-img\">\n                                <img decoding=\"async\" src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-10-at-3.53.00-PM-1.webp\" alt=\"\u0645\u0633\u062a\u0634\u0641\u064a \u0637\u0628 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0628\u062c\u0627\u0645\u0639\u0629 \u062c\u0627\u0632\u0627\u0646\">\n\n                                                            <\/div>\n\n                            <div class=\"upc-archive-content\">\n                                <h3>\u0645\u0633\u062a\u0634\u0641\u064a \u0637\u0628 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0628\u062c\u0627\u0645\u0639\u0629 \u062c\u0627\u0632\u0627\u0646<\/h3>\n                                <p><\/p>\n                                <span class=\"upc-archive-more\">\u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                            <\/div>\n                        <\/a>\n\n                        \n                        <a\n                            href=\"https:\/\/urbanprojects.sa\/en\/projects\/%d9%85%d8%b3%d8%aa%d8%b4%d9%81%d9%89-%d8%b7%d8%a8-%d8%a7%d9%84%d8%a7%d8%b3%d9%86%d8%a7%d9%86-%d8%ac%d8%a7%d9%85%d8%b9%d9%87-%d8%ae%d8%a7%d9%84%d8%af\/\"\n                            class=\"upc-archive-card wow animate__animated animate__fadeInUp\"\n                            data-wow-delay=\"0.14s\"\n                            aria-label=\"\u0645\u0633\u062a\u0634\u0641\u0649 \u0637\u0628 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0628\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u062e\u0627\u0644\u062f\"\n                        >\n                            <div class=\"upc-archive-img\">\n                                <img decoding=\"async\" src=\"https:\/\/urbanprojects.sa\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-10-at-3.49.47-PM-768x1024.webp\" alt=\"\u0645\u0633\u062a\u0634\u0641\u0649 \u0637\u0628 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0628\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u062e\u0627\u0644\u062f\">\n\n                                                            <\/div>\n\n                            <div class=\"upc-archive-content\">\n                                <h3>\u0645\u0633\u062a\u0634\u0641\u0649 \u0637\u0628 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0628\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0644\u0643 \u062e\u0627\u0644\u062f<\/h3>\n                                <p><\/p>\n                                <span class=\"upc-archive-more\">\u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                            <\/div>\n                        <\/a>\n\n                                                    <\/div>\n\n                    <\/div>\n    <\/section>\n\n    <\/div>\n\t\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>\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-340","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\/340","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=340"}],"version-history":[{"count":37,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/340\/revisions"}],"predecessor-version":[{"id":920,"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/pages\/340\/revisions\/920"}],"wp:attachment":[{"href":"https:\/\/urbanprojects.sa\/en\/wp-json\/wp\/v2\/media?parent=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}