{"id":105,"date":"2026-09-28T10:56:52","date_gmt":"2026-09-28T10:56:52","guid":{"rendered":"https:\/\/almespar.a2mwork.cloud\/?page_id=105"},"modified":"2026-09-28T14:03:24","modified_gmt":"2026-09-28T14:03:24","slug":"services","status":"publish","type":"page","link":"https:\/\/almespar.a2mwork.cloud\/?page_id=105","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"105\" class=\"elementor elementor-105\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2febc0b3 e-flex e-con-boxed e-con e-parent\" data-id=\"2febc0b3\" 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-57fc9422 elementor-widget elementor-widget-heading\" data-id=\"57fc9422\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Project<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54b67f0d elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"54b67f0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Project<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2db4a50 e-flex e-con-boxed e-con e-parent\" data-id=\"2db4a50\" 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-fae8cf2 elementor-widget elementor-widget-shortcode\" data-id=\"fae8cf2\" 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\">\r\n\r\n        <div\r\n            id=\"amp-projects-149406\"\r\n            class=\"amp-project-system\"\r\n        >\r\n\r\n\r\n            \r\n\r\n                <div class=\"amp-project-header\">\r\n\r\n\r\n                    <div class=\"amp-filter-heading\">\r\n\r\n                        <div class=\"amp-heading-line\">\r\n\r\n                            <span><\/span>\r\n\r\n                            <div>\r\n                                OUR PROJECTS\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h2>\r\n                            BUILT ACROSS THE KINGDOM\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"amp-project-intro\">\r\n\r\n                        Explore Al Mespar projects by region,\r\n                        project category, or search directly\r\n                        by project name and location.\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"amp-project-filters\">\r\n\r\n\r\n                    <div class=\"amp-search\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <circle\r\n                                cx=\"11\"\r\n                                cy=\"11\"\r\n                                r=\"6.5\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"m16 16 4 4\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n\r\n                        <input\r\n                            type=\"search\"\r\n                            class=\"amp-search-input\"\r\n                            placeholder=\"Search projects...\"\r\n                            autocomplete=\"off\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"amp-filter-select-wrap\">\r\n\r\n                        <span class=\"amp-filter-label\">\r\n                            Region\r\n                        <\/span>\r\n\r\n\r\n                        <select class=\"amp-region-select\">\r\n\r\n                            <option value=\"all\">\r\n                                All Regions\r\n                            <\/option>\r\n\r\n\r\n                            \r\n                                <option\r\n                                    value=\"central-region\"\r\n                                >\r\n\r\n                                    Central Region\r\n                                <\/option>\r\n\r\n                            \r\n                                <option\r\n                                    value=\"eastern-region\"\r\n                                >\r\n\r\n                                    Eastern Region\r\n                                <\/option>\r\n\r\n                            \r\n                                <option\r\n                                    value=\"western-region\"\r\n                                >\r\n\r\n                                    Western Region\r\n                                <\/option>\r\n\r\n                            \r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"amp-filter-select-wrap\">\r\n\r\n                        <span class=\"amp-filter-label\">\r\n                            Category\r\n                        <\/span>\r\n\r\n\r\n                        <select class=\"amp-category-select\">\r\n\r\n                            <option value=\"all\">\r\n                                All Categories\r\n                            <\/option>\r\n\r\n\r\n                            \r\n                                <option\r\n                                    value=\"commercial\"\r\n                                >\r\n\r\n                                    Commercial\r\n                                <\/option>\r\n\r\n                            \r\n                                <option\r\n                                    value=\"educational\"\r\n                                >\r\n\r\n                                    Educational\r\n                                <\/option>\r\n\r\n                            \r\n                                <option\r\n                                    value=\"government-public\"\r\n                                >\r\n\r\n                                    Government &amp; Public\r\n                                <\/option>\r\n\r\n                            \r\n                                <option\r\n                                    value=\"healthcare\"\r\n                                >\r\n\r\n                                    Healthcare\r\n                                <\/option>\r\n\r\n                            \r\n                                <option\r\n                                    value=\"parking-transportation\"\r\n                                >\r\n\r\n                                    Parking &amp; Transportation\r\n                                <\/option>\r\n\r\n                            \r\n                                <option\r\n                                    value=\"residential\"\r\n                                >\r\n\r\n                                    Residential\r\n                                <\/option>\r\n\r\n                            \r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"amp-results-row\">\r\n\r\n                    <span class=\"amp-result-count\"><\/span>\r\n\r\n\r\n                    <button\r\n                        class=\"amp-clear\"\r\n                        type=\"button\"\r\n                    >\r\n\r\n                        Clear Filters\r\n\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n\r\n            \r\n\r\n            <div class=\"amp-project-grid\">\r\n\r\n\r\n                \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"western-region\"\r\n        data-category=\"residential\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=amir-fawaz-project\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"AMIR FAWAZ PROJECT\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Western Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Residential\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    AMIR FAWAZ PROJECT\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            JEDDAH                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        CONSTRUCTION, MEP AND FINISHING WORK FOR 11 BUILDINGS\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"central-region\"\r\n        data-category=\"parking-transportation\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=kafd-car-park-parcel-3-01\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"KAFD CAR PARK PARCEL 3.01\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Central Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Parking &amp; Transportation\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    KAFD CAR PARK PARCEL 3.01\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            RIYADH                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        CAR PARK \u2013 10 FLOORS\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"western-region\"\r\n        data-category=\"residential\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=al-hawiyah-project\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"AL-HAWIYAH PROJECT\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Western Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Residential\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    AL-HAWIYAH PROJECT\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            TAIF                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        CONSTRUCTION, MEP AND FINISHING FOR 10 BUILDINGS\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"central-region\"\r\n        data-category=\"commercial\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=king-abdullah-financial-district-kafd-zone-1\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"KING ABDULLAH FINANCIAL DISTRICT (KAFD) ZONE -1\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Central Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Commercial\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    KING ABDULLAH FINANCIAL DISTRICT (KAFD) ZONE -1\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            RIYADH                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"central-region\"\r\n        data-category=\"parking-transportation\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=kafd-car-park-parcel-1-06\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"KAFD CAR PARK PARCEL 1.06\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Central Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Parking &amp; Transportation\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    KAFD CAR PARK PARCEL 1.06\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            RIYADH                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        1 HIGH RISE BUILDING\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"eastern-region\"\r\n        data-category=\"healthcare\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=dammam-medical-complex\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"DAMMAM MEDICAL COMPLEX\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Eastern Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Healthcare\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    DAMMAM MEDICAL COMPLEX\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            DAMMAM                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        CONSTRUCTION, MEP, FIRE FIGHTING, FIRE ALARM, NURSE CALL UNIT, HVAC, AND FINISHING WORK FOR DAMMAM COMPLEX\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"western-region\"\r\n        data-category=\"residential\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=private-palace-with-3-villas\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"PRIVATE PALACE WITH 3 VILLAS\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Western Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Residential\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    PRIVATE PALACE WITH 3 VILLAS\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            JEDDAH                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        INFRA STRUCTURE, CONSTRUCTION, MEP AND FINISHING FOR PALACE WITH 3 VILLAS\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"western-region\"\r\n        data-category=\"residential\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=al-manar-houses\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"AL MANAR HOUSES\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Western Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Residential\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    AL MANAR HOUSES\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            JEDDAH                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        INFRA STRUCTURE, CONSTRUCTION, MEP AND FINISHING FOR PALACE WITH 2 VILLAS\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"eastern-region\"\r\n        data-category=\"educational\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=royal-commission-schools-and-safety-center-c38\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"ROYAL COMMISSION SCHOOLS AND SAFETY CENTER C38\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Eastern Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Educational\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    ROYAL COMMISSION SCHOOLS AND SAFETY CENTER C38\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            JUBAIL                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        THE GOVERNMENT BUILDING RELATED TO ROYAL COMMISSION AUTHORITY (8 BUILDINGS)\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"eastern-region\"\r\n        data-category=\"residential\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=index-resort-compound\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"INDEX RESORT COMPOUND\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Eastern Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Residential\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    INDEX RESORT COMPOUND\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            JUBAIL                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        INFRA STRUCTURE, CONSTRUCTION, MEP AND FINISHING WORK\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"western-region\"\r\n        data-category=\"government-public\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=saudi-national-guard-facilities\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"SAUDI NATIONAL GUARD FACILITIES\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Western Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Government &amp; Public\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    SAUDI NATIONAL GUARD FACILITIES\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            TAIF                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        INFRA STRUCTURE, CONSTRUCTION, MEP AND FINISHING WORK\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n    <article\r\n        class=\"amp-project-card\"\r\n        data-region=\"western-region\"\r\n        data-category=\"commercial\"\r\n    >\r\n\r\n        <a\r\n            href=\"https:\/\/almespar.a2mwork.cloud\/?almespar_project=al-waleed-tower\"\r\n            class=\"amp-project-link\"\r\n            aria-label=\"AL WALEED TOWER\"\r\n        >\r\n\r\n\r\n            <div class=\"amp-project-image\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-placeholder\">\r\n\r\n                        <div>\r\n\r\n                            <span class=\"amp-placeholder-icon\">\r\n                                +\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                ADD FEATURED IMAGE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <div class=\"amp-project-overlay\"><\/div>\r\n\r\n\r\n                \r\n                    <span class=\"amp-project-region\">\r\n\r\n                        Western Region\r\n                    <\/span>\r\n\r\n                \r\n\r\n                <span class=\"amp-project-arrow\">\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path\r\n                            d=\"M7 17L17 7M9 7h8v8\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"1.8\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-project-body\">\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-category\">\r\n\r\n                        Commercial\r\n                    <\/div>\r\n\r\n                \r\n\r\n                <h3 class=\"amp-project-title\">\r\n\r\n                    AL WALEED TOWER\r\n                <\/h3>\r\n\r\n\r\n                \r\n                    <div class=\"amp-project-location\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 21s7-6.1 7-13a7 7 0 1 0-14 0c0 6.9 7 13 7 13Z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"8\"\r\n                                r=\"2.3\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.7\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            MAKKAH                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                \r\n\r\n                \r\n                    <div class=\"amp-project-description\">\r\n\r\n                        INFRA STRUCTURE, CONSTRUCTION, MEP AND FINISHING FOR TOWER\r\n                    <\/div>\r\n\r\n\r\n                \r\n\r\n                <div class=\"amp-project-bottom\">\r\n\r\n                    <span>\r\n                        View Project\r\n                    <\/span>\r\n\r\n                    <span class=\"amp-project-bottom-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/article>\r\n\r\n    \r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"amp-empty\">\r\n\r\n                <div class=\"amp-empty-icon\">\r\n                    +\r\n                <\/div>\r\n\r\n                <h3>\r\n                    No Projects Found\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Try selecting another region,\r\n                    category or search term.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        \r\n\r\n        <script>\r\n\r\n        (function(){\r\n\r\n            const root =\r\n                document.getElementById(\r\n                    \"amp-projects-149406\"                );\r\n\r\n\r\n            if(!root){\r\n                return;\r\n            }\r\n\r\n\r\n            const cards =\r\n                Array.from(\r\n                    root.querySelectorAll(\r\n                        '.amp-project-card'\r\n                    )\r\n                );\r\n\r\n\r\n            const region =\r\n                root.querySelector(\r\n                    '.amp-region-select'\r\n                );\r\n\r\n\r\n            const category =\r\n                root.querySelector(\r\n                    '.amp-category-select'\r\n                );\r\n\r\n\r\n            const search =\r\n                root.querySelector(\r\n                    '.amp-search-input'\r\n                );\r\n\r\n\r\n            const count =\r\n                root.querySelector(\r\n                    '.amp-result-count'\r\n                );\r\n\r\n\r\n            const clear =\r\n                root.querySelector(\r\n                    '.amp-clear'\r\n                );\r\n\r\n\r\n            const empty =\r\n                root.querySelector(\r\n                    '.amp-empty'\r\n                );\r\n\r\n\r\n            function filterProjects(){\r\n\r\n                const selectedRegion =\r\n                    region\r\n                    ? region.value\r\n                    : 'all';\r\n\r\n\r\n                const selectedCategory =\r\n                    category\r\n                    ? category.value\r\n                    : 'all';\r\n\r\n\r\n                const searchValue =\r\n                    search\r\n                    ? search.value\r\n                        .toLowerCase()\r\n                        .trim()\r\n                    : '';\r\n\r\n\r\n                let visible = 0;\r\n\r\n\r\n                cards.forEach(function(card){\r\n\r\n                    const cardRegion =\r\n                        card.getAttribute(\r\n                            'data-region'\r\n                        ) || '';\r\n\r\n\r\n                    const cardCategory =\r\n                        card.getAttribute(\r\n                            'data-category'\r\n                        ) || '';\r\n\r\n\r\n                    const cardText =\r\n                        card.textContent\r\n                            .toLowerCase();\r\n\r\n\r\n                    const regionMatch =\r\n                        selectedRegion === 'all' ||\r\n                        cardRegion === selectedRegion;\r\n\r\n\r\n                    const categoryMatch =\r\n                        selectedCategory === 'all' ||\r\n                        cardCategory === selectedCategory;\r\n\r\n\r\n                    const searchMatch =\r\n                        searchValue === '' ||\r\n                        cardText.indexOf(\r\n                            searchValue\r\n                        ) !== -1;\r\n\r\n\r\n                    const show =\r\n                        regionMatch &&\r\n                        categoryMatch &&\r\n                        searchMatch;\r\n\r\n\r\n                    if(show){\r\n\r\n                        card.style.display = '';\r\n\r\n                        visible++;\r\n\r\n                    } else {\r\n\r\n                        card.style.display = 'none';\r\n\r\n                    }\r\n\r\n                });\r\n\r\n\r\n                if(count){\r\n\r\n                    count.textContent =\r\n                        visible +\r\n                        (\r\n                            visible === 1\r\n                            ? ' Project'\r\n                            : ' Projects'\r\n                        );\r\n\r\n                }\r\n\r\n\r\n                if(empty){\r\n\r\n                    empty.style.display =\r\n                        visible > 0\r\n                        ? 'none'\r\n                        : 'flex';\r\n\r\n                }\r\n\r\n\r\n                if(clear){\r\n\r\n                    const active =\r\n                        selectedRegion !== 'all' ||\r\n                        selectedCategory !== 'all' ||\r\n                        searchValue !== '';\r\n\r\n\r\n                    clear.style.display =\r\n                        active\r\n                        ? 'inline-flex'\r\n                        : 'none';\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            if(region){\r\n\r\n                region.addEventListener(\r\n                    'change',\r\n                    filterProjects\r\n                );\r\n\r\n            }\r\n\r\n\r\n            if(category){\r\n\r\n                category.addEventListener(\r\n                    'change',\r\n                    filterProjects\r\n                );\r\n\r\n            }\r\n\r\n\r\n            if(search){\r\n\r\n                search.addEventListener(\r\n                    'input',\r\n                    filterProjects\r\n                );\r\n\r\n            }\r\n\r\n\r\n            if(clear){\r\n\r\n                clear.addEventListener(\r\n                    'click',\r\n                    function(){\r\n\r\n                        if(region){\r\n                            region.value = 'all';\r\n                        }\r\n\r\n                        if(category){\r\n                            category.value = 'all';\r\n                        }\r\n\r\n                        if(search){\r\n                            search.value = '';\r\n                        }\r\n\r\n                        filterProjects();\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n\r\n            filterProjects();\r\n\r\n        })();\r\n\r\n        <\/script>\r\n\r\n\r\n        \r\n\r\n        \r\n<style>\r\n\r\n\/* ============================================================\r\n   AL MESPAR PROJECT SYSTEM\r\n   ============================================================ *\/\r\n\r\n.amp-project-system,\r\n.amp-project-system *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n.amp-project-system{\r\n\r\n    --amp-navy:#121052;\r\n\r\n    --amp-blue:#6aa4d7;\r\n\r\n    --amp-dark:#1f2632;\r\n\r\n    --amp-text:#656b77;\r\n\r\n    --amp-light:#f6f7f9;\r\n\r\n    --amp-line:#e3e7ec;\r\n\r\n    width:100%;\r\n\r\n    font-family:inherit;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MAIN HEADER\r\n   ============================================================ *\/\r\n\r\n.amp-project-header{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(280px,430px);\r\n\r\n    align-items:end;\r\n\r\n    gap:50px;\r\n\r\n    margin-bottom:34px;\r\n\r\n}\r\n\r\n\r\n.amp-heading-line{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:14px;\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:var(--amp-navy);\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:2.2px;\r\n\r\n}\r\n\r\n\r\n.amp-heading-line span{\r\n\r\n    display:block;\r\n\r\n    width:56px;\r\n\r\n    height:3px;\r\n\r\n    background:var(--amp-blue);\r\n\r\n}\r\n\r\n\r\n.amp-filter-heading h2,\r\n.amp-home-heading h2{\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 !important;\r\n\r\n    color:var(--amp-navy);\r\n\r\n    font-size:clamp(\r\n        30px,\r\n        3.1vw,\r\n        48px\r\n    );\r\n\r\n    line-height:1.05;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:-1.5px;\r\n\r\n}\r\n\r\n\r\n.amp-project-intro,\r\n.amp-home-heading-text{\r\n\r\n    color:var(--amp-text);\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.75;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   FILTER BAR\r\n   ============================================================ *\/\r\n\r\n.amp-project-filters{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(250px,1fr)\r\n        220px\r\n        220px;\r\n\r\n    gap:12px;\r\n\r\n    padding:16px;\r\n\r\n    margin-bottom:13px;\r\n\r\n    background:#f6f7f9;\r\n\r\n    border:1px solid var(--amp-line);\r\n\r\n}\r\n\r\n\r\n.amp-search{\r\n\r\n    position:relative;\r\n\r\n    min-width:0;\r\n\r\n}\r\n\r\n\r\n.amp-search svg{\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    left:17px;\r\n\r\n    top:50%;\r\n\r\n    width:18px;\r\n\r\n    height:18px;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    color:var(--amp-navy);\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.amp-search input{\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    height:54px;\r\n\r\n    margin:0;\r\n\r\n    padding:0 18px 0 48px;\r\n\r\n    border:1px solid #dde1e6;\r\n\r\n    border-radius:0;\r\n\r\n    outline:none;\r\n\r\n    background:#fff;\r\n\r\n    color:var(--amp-dark);\r\n\r\n    font-family:inherit;\r\n\r\n    font-size:13px;\r\n\r\n    box-shadow:none;\r\n\r\n    transition:border-color .25s ease;\r\n\r\n}\r\n\r\n\r\n.amp-search input:focus{\r\n\r\n    border-color:var(--amp-blue);\r\n\r\n}\r\n\r\n\r\n.amp-search input::placeholder{\r\n\r\n    color:#989da6;\r\n\r\n}\r\n\r\n\r\n.amp-filter-select-wrap{\r\n\r\n    position:relative;\r\n\r\n}\r\n\r\n\r\n.amp-filter-label{\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    top:7px;\r\n\r\n    left:14px;\r\n\r\n    color:#9297a1;\r\n\r\n    font-size:9px;\r\n\r\n    line-height:1;\r\n\r\n    font-weight:700;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:1px;\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.amp-filter-select-wrap select{\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    height:54px;\r\n\r\n    margin:0;\r\n\r\n    padding:\r\n        19px\r\n        38px\r\n        0\r\n        14px;\r\n\r\n    border:1px solid #dde1e6;\r\n\r\n    border-radius:0;\r\n\r\n    outline:none;\r\n\r\n    background:#fff;\r\n\r\n    color:var(--amp-navy);\r\n\r\n    font-family:inherit;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:600;\r\n\r\n    cursor:pointer;\r\n\r\n    box-shadow:none;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   RESULTS ROW\r\n   ============================================================ *\/\r\n\r\n.amp-results-row{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    min-height:29px;\r\n\r\n    margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n.amp-result-count{\r\n\r\n    color:#8b9099;\r\n\r\n    font-size:11px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:.8px;\r\n\r\n}\r\n\r\n\r\n.amp-clear{\r\n\r\n    display:none;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    padding:0;\r\n\r\n    margin:0;\r\n\r\n    border:0;\r\n\r\n    outline:0;\r\n\r\n    background:transparent;\r\n\r\n    color:var(--amp-navy);\r\n\r\n    font-family:inherit;\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1;\r\n\r\n    font-weight:700;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:.8px;\r\n\r\n    cursor:pointer;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROJECT GRID\r\n   ============================================================ *\/\r\n\r\n.amp-project-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap:28px;\r\n\r\n    width:100%;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROJECT CARD\r\n   ============================================================ *\/\r\n\r\n.amp-project-card{\r\n\r\n    position:relative;\r\n\r\n    min-width:0;\r\n\r\n    margin:0;\r\n\r\n    padding:0;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid var(--amp-line);\r\n\r\n    transition:\r\n        transform .4s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .4s ease,\r\n        border-color .4s ease;\r\n\r\n}\r\n\r\n\r\n.amp-project-card:hover{\r\n\r\n    transform:translateY(-7px);\r\n\r\n    border-color:#d4dae1;\r\n\r\n    box-shadow:\r\n        0 22px 55px\r\n        rgba(18,16,82,.12);\r\n\r\n}\r\n\r\n\r\n.amp-project-link{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    height:100%;\r\n\r\n    color:inherit !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROJECT IMAGE\r\n   ============================================================ *\/\r\n\r\n.amp-project-image{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    aspect-ratio:16 \/ 10;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#e9edf2;\r\n\r\n}\r\n\r\n\r\n.amp-project-image img{\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transform:scale(1);\r\n\r\n    transition:\r\n        transform\r\n        .75s\r\n        cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.amp-project-card:hover\r\n.amp-project-image img{\r\n\r\n    transform:scale(1.065);\r\n\r\n}\r\n\r\n\r\n.amp-project-overlay{\r\n\r\n    position:absolute;\r\n\r\n    z-index:1;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n\r\n            180deg,\r\n\r\n            rgba(18,16,82,.03)\r\n            30%,\r\n\r\n            rgba(18,16,82,.48)\r\n            100%\r\n\r\n        );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PLACEHOLDER\r\n   ============================================================ *\/\r\n\r\n.amp-project-placeholder{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #f4f6f8,\r\n            #e5e9ee\r\n        );\r\n\r\n    color:#969da7;\r\n\r\n    text-align:center;\r\n\r\n}\r\n\r\n\r\n.amp-project-placeholder > div{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:1.4px;\r\n\r\n}\r\n\r\n\r\n.amp-placeholder-icon{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    width:36px;\r\n\r\n    height:36px;\r\n\r\n    border:1px solid #c7cdd4;\r\n\r\n    border-radius:50%;\r\n\r\n    color:#a2a8b0;\r\n\r\n    font-size:22px;\r\n\r\n    font-weight:300;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   REGION BADGE\r\n   ============================================================ *\/\r\n\r\n.amp-project-region{\r\n\r\n    position:absolute;\r\n\r\n    z-index:3;\r\n\r\n    top:16px;\r\n\r\n    left:16px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    min-height:30px;\r\n\r\n    padding:7px 11px;\r\n\r\n    background:\r\n        rgba(255,255,255,.95);\r\n\r\n    color:var(--amp-navy);\r\n\r\n    font-size:9px;\r\n\r\n    line-height:1;\r\n\r\n    font-weight:700;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:.9px;\r\n\r\n    backdrop-filter:blur(7px);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ARROW\r\n   ============================================================ *\/\r\n\r\n.amp-project-arrow{\r\n\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    right:16px;\r\n\r\n    bottom:16px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    width:45px;\r\n\r\n    height:45px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#fff;\r\n\r\n    color:var(--amp-navy);\r\n\r\n    box-shadow:\r\n        0 8px 25px\r\n        rgba(0,0,0,.12);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.amp-project-arrow svg{\r\n\r\n    width:20px;\r\n\r\n    height:20px;\r\n\r\n}\r\n\r\n\r\n.amp-project-card:hover\r\n.amp-project-arrow{\r\n\r\n    background:var(--amp-blue);\r\n\r\n    color:#fff;\r\n\r\n    transform:rotate(4deg);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROJECT BODY\r\n   ============================================================ *\/\r\n\r\n.amp-project-body{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    flex:1;\r\n\r\n    padding:22px 21px 19px;\r\n\r\n}\r\n\r\n\r\n.amp-project-category{\r\n\r\n    margin-bottom:8px;\r\n\r\n    color:var(--amp-blue);\r\n\r\n    font-size:9px;\r\n\r\n    line-height:1.2;\r\n\r\n    font-weight:700;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:1.25px;\r\n\r\n}\r\n\r\n\r\n.amp-project-title{\r\n\r\n    margin:\r\n        0\r\n        0\r\n        11px !important;\r\n\r\n    padding:0 !important;\r\n\r\n    color:var(--amp-navy) !important;\r\n\r\n    font-family:inherit;\r\n\r\n    font-size:19px !important;\r\n\r\n    line-height:1.35 !important;\r\n\r\n    font-weight:700 !important;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:-.2px;\r\n\r\n}\r\n\r\n\r\n.amp-project-location{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:7px;\r\n\r\n    margin-bottom:13px;\r\n\r\n    color:#777d87;\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1.3;\r\n\r\n    font-weight:600;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:.5px;\r\n\r\n}\r\n\r\n\r\n.amp-project-location svg{\r\n\r\n    flex:0 0 auto;\r\n\r\n    width:15px;\r\n\r\n    height:15px;\r\n\r\n    color:var(--amp-blue);\r\n\r\n}\r\n\r\n\r\n.amp-project-description{\r\n\r\n    flex:1;\r\n\r\n    min-height:43px;\r\n\r\n    color:#686e79;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CARD FOOTER\r\n   ============================================================ *\/\r\n\r\n.amp-project-bottom{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:15px;\r\n\r\n    margin-top:19px;\r\n\r\n    padding-top:15px;\r\n\r\n    border-top:1px solid #edf0f3;\r\n\r\n    color:var(--amp-navy);\r\n\r\n    font-size:10px;\r\n\r\n    line-height:1;\r\n\r\n    font-weight:700;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:.8px;\r\n\r\n}\r\n\r\n\r\n.amp-project-bottom-arrow{\r\n\r\n    color:var(--amp-blue);\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.amp-project-card:hover\r\n.amp-project-bottom-arrow{\r\n\r\n    transform:\r\n        translate(3px,-3px);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   EMPTY RESULT\r\n   ============================================================ *\/\r\n\r\n.amp-empty{\r\n\r\n    display:none;\r\n\r\n    min-height:270px;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    flex-direction:column;\r\n\r\n    text-align:center;\r\n\r\n    border:1px solid var(--amp-line);\r\n\r\n    background:#fafbfc;\r\n\r\n}\r\n\r\n\r\n.amp-empty-icon{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:center;\r\n\r\n    width:48px;\r\n\r\n    height:48px;\r\n\r\n    margin-bottom:16px;\r\n\r\n    border:1px solid #d9dee4;\r\n\r\n    border-radius:50%;\r\n\r\n    color:var(--amp-blue);\r\n\r\n    font-size:27px;\r\n\r\n    font-weight:300;\r\n\r\n}\r\n\r\n\r\n.amp-empty h3{\r\n\r\n    margin:0 0 7px !important;\r\n\r\n    color:var(--amp-navy);\r\n\r\n    font-size:20px;\r\n\r\n}\r\n\r\n\r\n.amp-empty p{\r\n\r\n    margin:0;\r\n\r\n    color:#777d87;\r\n\r\n    font-size:13px;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HOME HEADING\r\n   ============================================================ *\/\r\n\r\n.amp-home-heading{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(260px,380px);\r\n\r\n    align-items:end;\r\n\r\n    gap:50px;\r\n\r\n    margin-bottom:35px;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET\r\n   ============================================================ *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .amp-project-grid{\r\n\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n\r\n        gap:22px;\r\n\r\n    }\r\n\r\n\r\n    .amp-project-header,\r\n    .amp-home-heading{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:18px;\r\n\r\n    }\r\n\r\n\r\n    .amp-project-filters{\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n    }\r\n\r\n\r\n    .amp-search{\r\n\r\n        grid-column:1 \/ -1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n   ============================================================ *\/\r\n\r\n@media(max-width:650px){\r\n\r\n    .amp-project-grid{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:20px;\r\n\r\n    }\r\n\r\n\r\n    .amp-project-filters{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        padding:12px;\r\n\r\n    }\r\n\r\n\r\n    .amp-search{\r\n\r\n        grid-column:auto;\r\n\r\n    }\r\n\r\n\r\n    .amp-filter-heading h2,\r\n    .amp-home-heading h2{\r\n\r\n        font-size:29px !important;\r\n\r\n        letter-spacing:-.8px;\r\n\r\n    }\r\n\r\n\r\n    .amp-project-header{\r\n\r\n        margin-bottom:25px;\r\n\r\n    }\r\n\r\n\r\n    .amp-project-image{\r\n\r\n        aspect-ratio:16 \/ 10;\r\n\r\n    }\r\n\r\n\r\n    .amp-project-body{\r\n\r\n        padding:19px 17px 17px;\r\n\r\n    }\r\n\r\n\r\n    .amp-project-title{\r\n\r\n        font-size:17px !important;\r\n\r\n    }\r\n\r\n\r\n    .amp-project-region{\r\n\r\n        top:12px;\r\n\r\n        left:12px;\r\n\r\n    }\r\n\r\n\r\n    .amp-project-arrow{\r\n\r\n        right:12px;\r\n\r\n        bottom:12px;\r\n\r\n        width:42px;\r\n\r\n        height:42px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n    <\/div>\n\t\t\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>Our Project Home Project<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-105","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almespar.a2mwork.cloud\/index.php?rest_route=\/wp\/v2\/pages\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almespar.a2mwork.cloud\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almespar.a2mwork.cloud\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almespar.a2mwork.cloud\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almespar.a2mwork.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=105"}],"version-history":[{"count":5,"href":"https:\/\/almespar.a2mwork.cloud\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions"}],"predecessor-version":[{"id":183,"href":"https:\/\/almespar.a2mwork.cloud\/index.php?rest_route=\/wp\/v2\/pages\/105\/revisions\/183"}],"wp:attachment":[{"href":"https:\/\/almespar.a2mwork.cloud\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}