{"id":19192,"date":"2024-09-21T02:48:21","date_gmt":"2024-09-21T02:48:21","guid":{"rendered":"https:\/\/demo43.houzez.co\/?page_id=19192"},"modified":"2026-07-19T18:58:08","modified_gmt":"2026-07-19T15:58:08","slug":"listings","status":"publish","type":"page","link":"https:\/\/athraldiyar.sa\/en\/listings\/","title":{"rendered":"Our Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19192\" class=\"elementor elementor-19192\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81d38dc e-con-full athr-search-center-box e-flex e-con e-parent\" data-id=\"81d38dc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e6f37a elementor-widget elementor-widget-houzez_elementor_space\" data-id=\"1e6f37a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"houzez_elementor_space.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"houzez-spacer\">\n            <div class=\"houzez-spacer-inner\"><\/div>\n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92285de e-con-full e-flex e-con e-child\" data-id=\"92285de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17639a2 elementor-widget elementor-widget-houzez-property-breadcrumb\" data-id=\"17639a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"houzez-property-breadcrumb.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"breadcrumb-wrap\"><ol class=\"breadcrumb\"><li class=\"breadcrumb-item breadcrumb-item-home\"><i class=\"houzez-icon icon-house\"><\/i><a href=\"https:\/\/athraldiyar.sa\/en\/\">Home<\/a><\/li><li class=\"breadcrumb-item active\">Pages<\/li><\/ol><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-640392a elementor-widget elementor-widget-html\" data-id=\"640392a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#athrProjectsHero,\n#athrProjectsHero * {\n    box-sizing: border-box;\n    font-family: Cairo, Tahoma, Arial, sans-serif;\n}\n\n#athrProjectsHero {\n    direction: rtl;\n    width: 100vw;\n    max-width: 100vw;\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n    padding: 34px 16px 28px;\n    background: #ffffff;\n    color: #111111;\n}\n\n#athrProjectsHero .athr-hero-wrap {\n    width: 100%;\n    max-width: 1160px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n#athrProjectsHero .athr-title {\n    margin: 0 0 10px;\n    color: #000000;\n    font-size: 42px;\n    line-height: 1.2;\n    font-weight: 900;\n    letter-spacing: -0.5px;\n}\n\n#athrProjectsHero .athr-subtitle {\n    margin: 0 auto 34px;\n    color: #777777;\n    font-size: 17px;\n    line-height: 1.9;\n    font-weight: 500;\n    max-width: 1050px;\n}\n\n#athrProjectsHero .athr-search-card {\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto 34px;\n    padding: 24px 30px 28px;\n    background: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.11);\n    text-align: right;\n}\n\n#athrProjectsHero .athr-field-full {\n    width: 100%;\n    margin-bottom: 28px;\n}\n\n#athrProjectsHero .athr-label {\n    display: block;\n    margin: 0 0 14px;\n    color: #315f1e;\n    font-size: 16px;\n    line-height: 1;\n    font-weight: 900;\n}\n\n#athrProjectsHero .athr-search-input {\n    width: 100%;\n    height: 46px;\n    border: 1px solid #dedede;\n    border-radius: 5px;\n    outline: 0;\n    background: #ffffff;\n    color: #111111;\n    font-size: 16px;\n    font-weight: 500;\n    padding: 0 16px;\n}\n\n#athrProjectsHero .athr-search-input:focus,\n#athrProjectsHero .athr-select:focus {\n    border-color: #315f1e;\n}\n\n#athrProjectsHero .athr-controls {\n    display: grid;\n    grid-template-columns: 150px 150px 110px;\n    align-items: end;\n    justify-content: end;\n    gap: 26px;\n    width: 100%;\n}\n\n#athrProjectsHero .athr-select {\n    width: 150px;\n    height: 46px;\n    border: 1px solid #dedede;\n    border-radius: 5px;\n    outline: 0;\n    background: #ffffff;\n    color: #8c8c8c;\n    font-size: 16px;\n    font-weight: 800;\n    padding: 0 12px;\n}\n\n#athrProjectsHero .athr-search-btn {\n    width: 110px;\n    height: 46px;\n    border: 0;\n    border-radius: 8px;\n    background: #315f1e;\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 900;\n    line-height: 1;\n    cursor: pointer;\n    transition: 0.25s ease;\n}\n\n#athrProjectsHero .athr-search-btn:hover {\n    transform: translateY(-2px);\n    filter: brightness(1.04);\n}\n\n\n\n\n\n#athrProjectsHero .athr-chip:hover {\n    border-color: #315f1e;\n    color: #315f1e;\n    transform: translateY(-2px);\n}\n\n#athrProjectsHero .athr-chip:hover svg {\n    stroke: #315f1e;\n}\n\n@media (max-width: 900px) {\n    #athrProjectsHero {\n        padding: 30px 14px 26px;\n    }\n\n    #athrProjectsHero .athr-title {\n        font-size: 36px;\n    }\n\n    #athrProjectsHero .athr-subtitle {\n        font-size: 15px;\n        margin-bottom: 26px;\n    }\n\n    #athrProjectsHero .athr-search-card {\n        max-width: 720px;\n        padding: 22px 22px 24px;\n        margin-bottom: 28px;\n    }\n\n    #athrProjectsHero .athr-controls {\n        grid-template-columns: 1fr 1fr 110px;\n        gap: 14px;\n    }\n\n    #athrProjectsHero .athr-select,\n    #athrProjectsHero .athr-search-btn {\n        width: 100%;\n    }\n}\n\n@media (max-width: 640px) {\n    #athrProjectsHero {\n        padding: 20px 10px 18px;\n    }\n\n    #athrProjectsHero .athr-title {\n        font-size: 27px;\n        margin-bottom: 6px;\n    }\n\n    #athrProjectsHero .athr-subtitle {\n        font-size: 12px;\n        line-height: 1.7;\n        margin-bottom: 16px;\n    }\n\n    #athrProjectsHero .athr-search-card {\n        padding: 14px 12px 16px;\n        border-radius: 7px;\n        box-shadow: 0 15px 34px rgba(0, 0, 0, 0.09);\n        margin-bottom: 0;\n    }\n\n    #athrProjectsHero .athr-field-full {\n        margin-bottom: 14px;\n    }\n\n    #athrProjectsHero .athr-label {\n        font-size: 13px;\n        margin-bottom: 8px;\n    }\n\n    #athrProjectsHero .athr-controls {\n        grid-template-columns: 1fr;\n        gap: 11px;\n    }\n\n    #athrProjectsHero .athr-control:nth-child(1) {\n        order: 1;\n    }\n\n    #athrProjectsHero .athr-control:nth-child(2) {\n        order: 2;\n    }\n\n    #athrProjectsHero .athr-search-btn {\n        order: 3;\n        margin-top: 2px;\n    }\n\n    #athrProjectsHero .athr-search-input,\n    #athrProjectsHero .athr-select,\n    #athrProjectsHero .athr-search-btn {\n        height: 39px;\n        font-size: 13.5px;\n    }\n\n    #athrProjectsHero .athr-search-input {\n        padding: 0 11px;\n    }\n\n    #athrProjectsHero .athr-select {\n        padding: 0 10px;\n    }\n\n    #athrProjectsHero .athr-search-btn {\n        border-radius: 7px;\n        font-size: 15px;\n    }\n}\n<\/style>\n\n<section id=\"athrProjectsHero\">\n    <div class=\"athr-hero-wrap\">\n        <h1 class=\"athr-title\">\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/h1>\n        <p class=\"athr-subtitle\">\u0646\u0637\u0648\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0642\u0627\u0631\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629\u060c \u0644\u0646\u0635\u0646\u0639 \u062a\u062c\u0627\u0631\u0628 \u0633\u0643\u0646\u064a\u0629 \u062a\u0639\u0643\u0633 \u0631\u0648\u062d \u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u062a\u0644\u0628\u064a \u062a\u0637\u0644\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/p>\n\n        <form class=\"athr-search-card\" method=\"get\" action=\"\/search-results\/\" data-athr=\"athr-form-v1\">\n            <div class=\"athr-field-full\">\n                <label class=\"athr-label\" for=\"athrSearchText\">\u0627\u0644\u0628\u062d\u062b<\/label>\n                <input id=\"athrSearchText\" name=\"keyword\" class=\"athr-search-input\" type=\"text\" aria-label=\"\u0627\u0644\u0628\u062d\u062b\">\n            <\/div>\n\n            <div class=\"athr-controls\">\n                <div class=\"athr-control\">\n                    <label class=\"athr-label\" for=\"athrType\">\u0623\u0628\u062d\u062b \u0639\u0646<\/label>\n                    <select id=\"athrType\" name=\"type\" class=\"athr-select\">\n                        <option value=\"\">\u0646\u0648\u0639 \u0627\u0644\u0648\u062d\u062f\u0629<\/option>\n                        <option value=\"\u0634\u0642\u0642\">\u0634\u0642\u0642<\/option>\n                        <option value=\"\u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633\">\u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633<\/option>\n                    <\/select>\n                <\/div>\n\n                <div class=\"athr-control\">\n                    <label class=\"athr-label\" for=\"athrCity\">\u0627\u0644\u0645\u062f\u064a\u0646\u0629<\/label>\n                    <select id=\"athrCity\" name=\"location\" class=\"athr-select\">\n                        <option value=\"\">\u062c\u0645\u064a\u0639<\/option>\n                        <option value=\"arriyadh\">\u0627\u0644\u0631\u064a\u0627\u0636<\/option>\n                    <\/select>\n                <\/div>\n\n                <button type=\"submit\" class=\"athr-search-btn\" id=\"athrSearchBtn\">\u0623\u0628\u062d\u062b<\/button>\n            <\/div>\n        <\/form>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    var projects = [\n        {\n            title: \"\u062f\u0631\u0629 \u0627\u0644\u0646\u062f\u0649\",\n            type: \"\u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633\",\n            city: \"\u0627\u0644\u0631\u064a\u0627\u0636\",\n            district: \"\u062d\u064a \u0627\u0644\u0646\u062f\u0649\",\n            url: \"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d8%af%d8%b1%d8%a9-%d8%a7%d9%84%d9%86%d8%af%d9%89\/\"\n        },\n        {\n            title: \"Lumea\",\n            type: \"\u0634\u0642\u0642\",\n            city: \"\u0627\u0644\u0631\u064a\u0627\u0636\",\n            district: \"\u062d\u064a \u0627\u0644\u0635\u062d\u0627\u0641\u0629\",\n            url: \"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%84%d9%88%d9%85%d9%8a%d8%a7\/\"\n        },\n        {\n            title: \"La Perle\",\n            type: \"\u0634\u0642\u0642\",\n            city: \"\u0627\u0644\u0631\u064a\u0627\u0636\",\n            district: \"\u062d\u064a \u0627\u0644\u0648\u0627\u062f\u064a\",\n            url: \"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%84%d8%a7-%d8%a8%d9%8a%d8%b1%d9%84\/\"\n        }\n    ];\n\n    var btn = document.getElementById(\"athrSearchBtn\");\n    var text = document.getElementById(\"athrSearchText\");\n    var city = document.getElementById(\"athrCity\");\n    var type = document.getElementById(\"athrType\");\n\n    if (!btn) return;\n\n    function normalize(value) {\n        return (value || \"\").toString().trim().toLowerCase();\n    }\n\n    function athrSearchHandler(e) { \/* athr-form-v1 *\/\n        var isEn = location.pathname.indexOf(\"\/en\/\") === 0 || location.pathname === \"\/en\";\n        var f = (btn && btn.form) ? btn.form : (btn && btn.closest ? btn.closest(\"form\") : null);\n        if (f) { f.setAttribute(\"action\", isEn ? \"\/en\/search-results\/\" : \"\/search-results\/\"); }\n\n        var q = normalize(text && text.value ? text.value : \"\");\n        var c = (city && city.value ? city.value : \"\").trim();\n        var t = (type && type.value ? type.value : \"\").trim();\n\n        if (q && !c && !t) {\n            var found = projects.find(function(project) {\n                var hay = normalize((project.name || \"\") + \" \" + (project.area || \"\"));\n                return hay.indexOf(q) !== -1;\n            });\n            if (found) {\n                if (e && e.preventDefault) { e.preventDefault(); }\n                var url = found.url;\n                if (isEn && url.indexOf(\"\/en\/\") === -1) { url = url.replace(\"\/project\/\", \"\/en\/project\/\"); }\n                window.location.href = url;\n                return;\n            }\n        }\n    }\n\n    var athrForm = (btn && btn.form) ? btn.form : (btn && btn.closest ? btn.closest(\"form\") : null);\n    if (athrForm) { athrForm.addEventListener(\"submit\", athrSearchHandler); }\n})();\n\n#athrProjectsHero {\n    min-height: 100vh !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 40px 16px !important;\n}\n\n#athrProjectsHero .athr-hero-wrap {\n    width: 100% !important;\n    max-width: 1160px !important;\n    margin: 0 auto !important;\n}\n \n@media (max-width: 640px) {\n    #athrProjectsHero {\n        min-height: 85vh !important;\n        padding: 24px 10px !important;\n    }\n}\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66fb62e e-con-full e-flex e-con e-child\" data-id=\"66fb62e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10b40d7 e-con-full e-flex e-con e-child\" data-id=\"10b40d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78414c6 elementor-widget elementor-widget-heading\" data-id=\"78414c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">\u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd2b113 elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"dd2b113\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-search\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0623\u062f\u0648\u0627\u0631 - \u062d\u064a \u0627\u0644\u0646\u062f\u0649<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81172a5 elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"81172a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-search\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0623\u062f\u0648\u0627\u0631 - \u062d\u064a \u0627\u0644\u0648\u0627\u062f\u064a<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2c59fe elementor-mobile-align-justify elementor-widget elementor-widget-button\" data-id=\"b2c59fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-search\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633 - \u0627\u0644\u0635\u062d\u0627\u0641\u0629<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c215fa e-flex e-con-boxed e-con e-parent\" data-id=\"5c215fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f32aafe e-flex e-con-boxed e-con e-parent\" data-id=\"f32aafe\" 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-9cd57b7 elementor-widget elementor-widget-html\" data-id=\"9cd57b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css?family=Cairo&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\n\n<style>\n#athrWakanProjects,\n#athrWakanProjects * {\n    box-sizing: border-box;\n    font-family: Cairo, Tahoma, Arial, sans-serif;\n}\n\n#athrWakanProjects {\n    direction: rtl;\n    width: 100vw;\n    max-width: 100vw;\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n    padding: 42px 0 56px;\n    background: #f8f9fa;\n    overflow-x: hidden;\n}\n\n#athrWakanProjects .athr-container {\n    width: 100%;\n    max-width: 1160px;\n    margin: 0 auto;\n    padding: 0 18px;\n}\n\n#athrWakanProjects .athr-title {\n    margin: 0 0 24px;\n    text-align: center;\n    color: #c89543;\n    font-size: 32px;\n    line-height: 1.25;\n    font-weight: 700;\n}\n\n#athrWakanProjects .athr-tabs {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 14px;\n    flex-wrap: wrap;\n    margin: 0 0 34px;\n    padding: 0;\n    list-style: none;\n}\n\n#athrWakanProjects .athr-tabs a {\n    position: relative;\n    min-width: 82px;\n    height: 40px;\n    padding: 0 16px;\n    border-radius: 0 0 9px 9px;\n    background: #204139;\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 700;\n    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);\n}\n\n#athrWakanProjects .athr-tabs a.active {\n    background: #ffffff;\n    color: #bd8f61;\n}\n\n#athrWakanProjects .athr-tabs a.active::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    bottom: -8px;\n    transform: translateX(-50%);\n    border-right: 8px solid transparent;\n    border-left: 8px solid transparent;\n    border-top: 8px solid #ffffff;\n}\n\n#athrWakanProjects .athr-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n}\n\n#athrWakanProjects .athr-card {\n    background: #ffffff;\n    border-radius: 0 0 10px 10px;\n    overflow: hidden;\n    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.06);\n}\n\n#athrWakanProjects .athr-image {\n    position: relative;\n    background: #eeeeee;\n    overflow: hidden;\n}\n\n#athrWakanProjects .athr-image a {\n    display: block;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    text-decoration: none;\n}\n\n#athrWakanProjects .athr-image a::before {\n    content: \"\";\n    display: block;\n    padding-top: 55%;\n}\n\n#athrWakanProjects .athr-status {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    min-height: 34px;\n    padding: 0 14px;\n    border-radius: 5px;\n    color: #ffffff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 13px;\n    font-weight: 700;\n    z-index: 2;\n}\n\n#athrWakanProjects .athr-status.sale {\n    background: #96ca3d;\n}\n\n#athrWakanProjects .athr-status.sold {\n    background: #e54843;\n}\n\n#athrWakanProjects .athr-details {\n    padding: 0 18px 20px;\n}\n\n#athrWakanProjects .athr-top {\n    min-height: 60px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    align-items: center;\n    gap: 18px;\n}\n\n#athrWakanProjects .athr-top li,\n#athrWakanProjects .athr-stats li {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n#athrWakanProjects .athr-type {\n    color: #1f2f3d;\n    font-size: 14px;\n    font-weight: 600;\n}\n\n#athrWakanProjects .athr-brochure {\n    color: #748297;\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 500;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n#athrWakanProjects .athr-name {\n    text-decoration: none;\n    display: block;\n}\n\n#athrWakanProjects .athr-name h3 {\n    margin: 4px 0 14px;\n    color: #1d2d3c;\n    text-align: center;\n    font-size: 22px;\n    line-height: 1.25;\n    font-weight: 700;\n}\n\n#athrWakanProjects .athr-stats {\n    margin: 0 0 18px;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n\n#athrWakanProjects .athr-stats li {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    color: #1d2d3c;\n    font-size: 13px;\n    line-height: 1;\n    font-weight: 600;\n    white-space: nowrap;\n}\n\n#athrWakanProjects i {\\n    margin-left: 5px;\\n}\\n\\n#athrWakanProjects .athr-icon {\\n    width: 16px;\\n    height: 16px;\\n    flex: 0 0 16px;\\n    display: inline-block;\\n    vertical-align: -3px;\\n    margin-left: 5px;\\n    color: currentColor;\\n}\n\n#athrWakanProjects .athr-actions {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 14px;\n}\n\n#athrWakanProjects .athr-map {\n    min-width: 0;\n    color: #929292;\n    text-decoration: none;\n    font-size: 13px;\n    line-height: 1.3;\n    font-weight: 500;\n}\n\n#athrWakanProjects .athr-map span {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: #929292;\n}\n\n#athrWakanProjects .athr-map:hover span,\n#athrWakanProjects .athr-map:hover i {\n    color: #bd8f61;\n}\n\n#athrWakanProjects .athr-detail-btn {\n    min-width: 86px;\n    min-height: 38px;\n    padding: 0 16px;\n    border: 1px dashed #d0d0d0;\n    border-radius: 25px;\n    background: #ffffff;\n    color: #1d2d3c;\n    font-size: 14px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: 0.25s ease;\n}\n\n#athrWakanProjects .athr-detail-btn:hover {\n    background: #204139;\n    color: #ffffff;\n    border-color: #204139;\n}\n\n#athrWakanProjects .athr-card.is-hidden {\n    display: none;\n}\n\n@media (max-width: 1024px) {\n    #athrWakanProjects .athr-container {\n        max-width: 760px;\n    }\n\n    #athrWakanProjects .athr-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n}\n\n@media (max-width: 680px) {\n    #athrWakanProjects {\n        padding: 28px 0 40px;\n    }\n\n    #athrWakanProjects .athr-container {\n        padding: 0 12px;\n    }\n\n    #athrWakanProjects .athr-title {\n        font-size: 25px;\n        margin-bottom: 18px;\n    }\n\n    #athrWakanProjects .athr-tabs {\n        gap: 8px;\n        margin-bottom: 24px;\n    }\n\n    #athrWakanProjects .athr-tabs a {\n        height: 36px;\n        min-width: auto;\n        padding: 0 13px;\n        font-size: 13px;\n    }\n\n    #athrWakanProjects .athr-grid {\n        grid-template-columns: 1fr;\n        gap: 18px;\n    }\n\n    #athrWakanProjects .athr-status {\n        top: 14px;\n        right: 14px;\n        min-height: 31px;\n        padding: 0 12px;\n        font-size: 13px;\n    }\n\n    #athrWakanProjects .athr-details {\n        padding: 0 14px 17px;\n    }\n\n    #athrWakanProjects .athr-top {\n        min-height: 54px;\n        gap: 14px;\n    }\n\n    #athrWakanProjects .athr-type,\n    #athrWakanProjects .athr-brochure {\n        font-size: 13px;\n    }\n\n    #athrWakanProjects .athr-name h3 {\n        font-size: 20px;\n        margin-bottom: 12px;\n    }\n\n    #athrWakanProjects .athr-stats {\n        justify-content: flex-start;\n        gap: 12px;\n        margin-bottom: 16px;\n    }\n\n    #athrWakanProjects .athr-stats li,\n    #athrWakanProjects .athr-map {\n        font-size: 12.5px;\n    }\n\n    #athrWakanProjects .athr-detail-btn {\n        min-width: 78px;\n        min-height: 36px;\n        padding: 0 14px;\n        font-size: 13px;\n    }\n}\n\n@media (max-width: 380px) {\n    #athrWakanProjects .athr-actions {\n        display: grid;\n        grid-template-columns: 1fr;\n    }\n\n    #athrWakanProjects .athr-detail-btn {\n        justify-self: start;\n    }\n}\n<\/style>\n\n<section id=\"athrWakanProjects\">\n    <div class=\"athr-container\">\n        <h2 class=\"athr-title\">\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/h2>\n\n        <ul class=\"athr-tabs\">\n            <li><a href=\"#\" data-filter=\"all\" class=\"active\">\u0627\u0644\u0643\u0644<\/a><\/li>\n            <li><a href=\"#\" data-filter=\"\u0634\u0642\u0642\">\u0634\u0642\u0642<\/a><\/li>\n            <li><a href=\"#\" data-filter=\"\u0641\u0644\u0644\">\u0641\u0644\u0644<\/a><\/li>\n            <li><a href=\"#\" data-filter=\"\u0623\u062f\u0648\u0627\u0631\">\u0623\u062f\u0648\u0627\u0631<\/a><\/li>\n            <li><a href=\"#\" data-filter=\"\u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633\">\u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633<\/a><\/li>\n        <\/ul>\n\n        <div class=\"athr-grid\">\n            <article class=\"athr-card\" data-type=\"\u0623\u062f\u0648\u0627\u0631\">\n                <div class=\"athr-image\">\n                    <a href=\"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%84%d8%a7-%d8%a8%d9%8a%d8%b1%d9%84\/\" style=\"background-image:url('https:\/\/athraldiyar.sa\/wp-content\/uploads\/2020\/04\/La-Perle-general4-scaled.png')\"><\/a>\n                    <span class=\"athr-status sale\">\u062a\u062d\u062a \u0627\u0644\u0628\u064a\u0639<\/span>\n                <\/div>\n\n                <div class=\"athr-details\">\n                    <ul class=\"athr-top\">\n                        <li><span class=\"athr-type\">\u0623\u062f\u0648\u0627\u0631<\/span><\/li>\n                        <li>\n                            <a class=\"athr-brochure\" target=\"_blank\" href=\"https:\/\/athraldiyar.sa\/wp-content\/uploads\/2026\/07\/\u0628\u0631\u0648\u0634\u0648\u0631-\u0627\u0644\u0648\u0627\u062f\u064a.pdf\" download>\n                                <svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\u0628\u0631\u0648\u0634\u0648\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                            <\/a>\n                        <\/li>\n                    <\/ul>\n\n                    <a class=\"athr-name\" href=\"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%84%d8%a7-%d8%a8%d9%8a%d8%b1%d9%84\/\">\n                        <h3>La Perle<\/h3>\n                    <\/a>\n\n                    <ul class=\"athr-stats\">\n                        <li><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2.7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\u0645\u062a\u0627\u062d : 5<\/li>\n                        <li><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m3 11 9-8 9 8v9h-6v-6H9v6H3Z\" fill=\"currentColor\"\/><\/svg>\u0648\u062d\u062f\u0629 : 6<\/li>\n                        <li><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 2h14v20H5Zm3 3v3h3V5Zm5 0v3h3V5ZM8 10v3h3v-3Zm5 0v3h3v-3ZM8 15v3h3v-3Zm5 0v3h3v-3Z\" fill=\"currentColor\"\/><\/svg>\u0645\u0628\u0627\u0646\u064a : 2<\/li>\n                    <\/ul>\n\n                    <div class=\"athr-actions\">\n                        <a class=\"athr-map\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=La%20Perle%20%D8%AD%D9%8A%20%D8%A7%D9%84%D9%88%D8%A7%D8%AF%D9%8A%20%D8%A7%D9%84%D8%B1%D9%8A%D8%A7%D8%B6\" target=\"_blank\">\n                            <span><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 22s7-6.7 7-13A7 7 0 1 0 5 9c0 6.3 7 13 7 13Z\" fill=\"currentColor\"\/><circle cx=\"12\" cy=\"9\" r=\"2.6\" fill=\"#fff\"\/><\/svg>\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0648\u0627\u062f\u064a<\/span>\n                        <\/a>\n                        <button type=\"button\" onclick=\"document.location='https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%84%d8%a7-%d8%a8%d9%8a%d8%b1%d9%84\/'\" class=\"athr-detail-btn\">\u062a\u0641\u0627\u0635\u064a\u0644<\/button>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <article class=\"athr-card\" data-type=\"\u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633\">\n                <div class=\"athr-image\">\n                    <a href=\"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d8%af%d8%b1%d8%a9-%d8%a7%d9%84%d9%86%d8%af%d9%89\/\" style=\"background-image:url('https:\/\/athraldiyar.sa\/wp-content\/uploads\/2026\/04\/Durrat-Al-Nada-5th-photo.png')\"><\/a>\n                    <span class=\"athr-status sale\">\u062a\u062d\u062a \u0627\u0644\u0628\u064a\u0639<\/span>\n                <\/div>\n\n                <div class=\"athr-details\">\n                    <ul class=\"athr-top\">\n                        <li><span class=\"athr-type\">\u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633<\/span><\/li>\n                        <li>\n                            <a class=\"athr-brochure\" target=\"_blank\" href=\"https:\/\/athraldiyar.sa\/wp-content\/uploads\/2026\/07\/\u062f\u0631\u0629-\u0627\u0644\u0646\u062f\u0649-\u0628\u0631\u0648\u0634\u0648\u0631.pdf\" download>\n                                <svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\u0628\u0631\u0648\u0634\u0648\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                            <\/a>\n                        <\/li>\n                    <\/ul>\n\n                    <a class=\"athr-name\" href=\"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d8%af%d8%b1%d8%a9-%d8%a7%d9%84%d9%86%d8%af%d9%89\/\">\n                        <h3>\u062f\u0631\u0629 \u0627\u0644\u0646\u062f\u0649<\/h3>\n                    <\/a>\n\n                    <ul class=\"athr-stats\">\n                        <li><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2.7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\u0645\u062a\u0627\u062d : 4<\/li>\n                        <li><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m3 11 9-8 9 8v9h-6v-6H9v6H3Z\" fill=\"currentColor\"\/><\/svg>\u0648\u062d\u062f\u0629 : 4<\/li>\n                        <li><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 2h14v20H5Zm3 3v3h3V5Zm5 0v3h3V5ZM8 10v3h3v-3Zm5 0v3h3v-3ZM8 15v3h3v-3Zm5 0v3h3v-3Z\" fill=\"currentColor\"\/><\/svg>\u0645\u0628\u0627\u0646\u064a : 2<\/li>\n                    <\/ul>\n\n                    <div class=\"athr-actions\">\n                        <a class=\"athr-map\" href=\"https:\/\/www.google.com\/maps?q=24.8059182,46.6825931\" target=\"_blank\">\n                            <span><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 22s7-6.7 7-13A7 7 0 1 0 5 9c0 6.3 7 13 7 13Z\" fill=\"currentColor\"\/><circle cx=\"12\" cy=\"9\" r=\"2.6\" fill=\"#fff\"\/><\/svg>\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u062f\u0649<\/span>\n                        <\/a>\n                        <button type=\"button\" onclick=\"document.location='https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d8%af%d8%b1%d8%a9-%d8%a7%d9%84%d9%86%d8%af%d9%89\/'\" class=\"athr-detail-btn\">\u062a\u0641\u0627\u0635\u064a\u0644<\/button>\n                    <\/div>\n                <\/div>\n            <\/article>\n\n            <article class=\"athr-card\" data-type=\"\u0623\u062f\u0648\u0627\u0631\">\n                <div class=\"athr-image\">\n                    <a href=\"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%84%d9%88%d9%85%d9%8a%d8%a7\/\" style=\"background-image:url('https:\/\/athraldiyar.sa\/wp-content\/uploads\/2026\/04\/Lumea-3rd-photo-scaled.png')\"><\/a>\n                    <span class=\"athr-status sold\">\u0645\u0628\u0627\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/span>\n                <\/div>\n\n                <div class=\"athr-details\">\n                    <ul class=\"athr-top\">\n                        <li><span class=\"athr-type\">\u0623\u062f\u0648\u0627\u0631<\/span><\/li>\n                        <li>\n                            <a class=\"athr-brochure\" target=\"_blank\" href=\"https:\/\/athraldiyar.sa\/wp-content\/uploads\/2026\/06\/la-perle-brochure.pdf\" download>\n                                <svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3v11m0 0 4-4m-4 4-4-4M5 17v3h14v-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\u0628\u0631\u0648\u0634\u0648\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                            <\/a>\n                        <\/li>\n                    <\/ul>\n\n                    <a class=\"athr-name\" href=\"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%84%d9%88%d9%85%d9%8a%d8%a7\/\">\n                        <h3>Lumea<\/h3>\n                    <\/a>\n\n                    <ul class=\"athr-stats\">\n                        <li><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"2.7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\u0645\u062a\u0627\u062d : 0<\/li>\n                        <li><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m3 11 9-8 9 8v9h-6v-6H9v6H3Z\" fill=\"currentColor\"\/><\/svg>\u0648\u062d\u062f\u0629 : 6<\/li>\n                        <li><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 2h14v20H5Zm3 3v3h3V5Zm5 0v3h3V5ZM8 10v3h3v-3Zm5 0v3h3v-3ZM8 15v3h3v-3Zm5 0v3h3v-3Z\" fill=\"currentColor\"\/><\/svg>\u0645\u0628\u0627\u0646\u064a : 2<\/li>\n                    <\/ul>\n\n                    <div class=\"athr-actions\">\n                        <a class=\"athr-map\" href=\"https:\/\/www.google.com\/maps?q=24.7968893,46.6401209\" target=\"_blank\">\n                            <span><svg class=\"athr-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 22s7-6.7 7-13A7 7 0 1 0 5 9c0 6.3 7 13 7 13Z\" fill=\"currentColor\"\/><circle cx=\"12\" cy=\"9\" r=\"2.6\" fill=\"#fff\"\/><\/svg>\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0635\u062d\u0627\u0641\u0629<\/span>\n                        <\/a>\n                        <button type=\"button\" onclick=\"document.location='https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%84%d9%88%d9%85%d9%8a%d8%a7\/'\" class=\"athr-detail-btn\">\u062a\u0641\u0627\u0635\u064a\u0644<\/button>\n                    <\/div>\n                <\/div>\n            <\/article>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    var root = document.getElementById(\"athrWakanProjects\");\n    if (!root) return;\n\n    var tabs = root.querySelectorAll(\".athr-tabs a\");\n    var cards = root.querySelectorAll(\".athr-card\");\n\n    tabs.forEach(function(tab) {\n        tab.addEventListener(\"click\", function(event) {\n            event.preventDefault();\n\n            tabs.forEach(function(item) {\n                item.classList.remove(\"active\");\n            });\n\n            tab.classList.add(\"active\");\n\n            var filter = tab.getAttribute(\"data-filter\");\n\n            cards.forEach(function(card) {\n                var type = card.getAttribute(\"data-type\");\n                card.classList.toggle(\"is-hidden\", filter !== \"all\" && type !== filter);\n            });\n            var visible = 0;\n            cards.forEach(function(card) {\n                if (!card.classList.contains(\"is-hidden\")) { visible++; }\n            });\n            var box = root.querySelector(\".athr-empty-msg\");\n            if (!box) {\n                var grid = root.querySelector(\".athr-grid\");\n                if (grid) {\n                    box = document.createElement(\"p\");\n                    box.className = \"athr-empty-msg\";\n                    box.style.cssText = \"display:none;text-align:center;padding:28px 12px;margin:0;color:#8b96aa;font-size:16px;\";\n                    grid.insertAdjacentElement(\"afterend\", box);\n                }\n            }\n            if (box) {\n                var isEn = location.pathname.indexOf(\"\/en\/\") === 0 || location.pathname === \"\/en\";\n                box.textContent = isEn ? \"No projects of this type are available at the moment.\" : \"\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0646\u0648\u0639 \u062d\u0627\u0644\u064a\u064b\u0627\";\n                box.style.display = visible ? \"none\" : \"block\";\n            }\n        });\n    });\n})();\n<\/script>\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-2532d12 e-flex e-con-boxed e-con e-parent\" data-id=\"2532d12\" 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-91bfacb elementor-widget elementor-widget-html\" data-id=\"91bfacb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\" crossorigin=\"\" \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Cairo&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\n\n<style>\n#athrProjectsMap,\n#athrProjectsMap * {\n    box-sizing: border-box;\n    font-family: Cairo, Tahoma, Arial, sans-serif;\n}\n\n#athrProjectsMap {\n    direction: rtl;\n    width: 100vw;\n    max-width: 100vw;\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n    padding: 8px 0 56px;\n    background: #f8f9fa;\n    overflow-x: hidden;\n}\n\n#athrProjectsMap .athr-container {\n    width: 100%;\n    max-width: 1160px;\n    margin: 0 auto;\n    padding: 0 18px;\n}\n\n#athrProjectsMap .athr-title {\n    margin: 0 0 24px;\n    text-align: center;\n    color: #c89543;\n    font-size: 32px;\n    line-height: 1.25;\n    font-weight: 700;\n}\n\n#athrProjectsMap .athr-map-box {\n    width: 100%;\n    height: 480px;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.06);\n}\n\n.athr-map-popup h4 {\n    margin: 0 0 6px;\n    color: #1d2d3c;\n    font-size: 15px;\n    font-weight: 700;\n}\n\n.athr-map-popup p {\n    margin: 0 0 8px;\n    color: #748297;\n    font-size: 12.5px;\n}\n\n.athr-map-popup a {\n    color: #204139;\n    font-weight: 700;\n    text-decoration: none;\n    font-size: 13px;\n}\n\n.athr-map-popup a:hover {\n    color: #bd8f61;\n}\n\n@media (max-width: 680px) {\n    #athrProjectsMap .athr-title {\n        font-size: 25px;\n        margin-bottom: 18px;\n    }\n\n    #athrProjectsMap .athr-map-box {\n        height: 360px;\n    }\n}\n<\/style>\n\n<section id=\"athrProjectsMap\">\n    <div class=\"athr-container\">\n        <h2 class=\"athr-title\">\u0645\u0648\u0627\u0642\u0639 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/h2>\n        <div id=\"athrProjectsMapCanvas\" class=\"athr-map-box\"><\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    var projects = [\n        {\n            name: \"\u062f\u0631\u0629 \u0627\u0644\u0646\u062f\u0649\",\n            area: \"\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0646\u062f\u0649\",\n            lat: 24.8059182,\n            lng: 46.6825931,\n            url: \"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d8%af%d8%b1%d8%a9-%d8%a7%d9%84%d9%86%d8%af%d9%89\/\"\n        },\n        {\n            name: \"Lumea\",\n            area: \"\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0635\u062d\u0627\u0641\u0629\",\n            lat: 24.7968893,\n            lng: 46.6401209,\n            url: \"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%84%d9%88%d9%85%d9%8a%d8%a7\/\"\n        },\n        {\n            name: \"La Perle\",\n            area: \"\u0627\u0644\u0631\u064a\u0627\u0636\u060c \u062d\u064a \u0627\u0644\u0648\u0627\u062f\u064a\",\n            lat: 24.789444,\n            lng: 46.691389,\n            url: \"https:\/\/athraldiyar.sa\/%d9%85%d8%b4%d8%b1%d9%88%d8%b9-%d9%84%d8%a7-%d8%a8%d9%8a%d8%b1%d9%84\/\"\n        }\n    ];\n\n    function initAthrProjectsMap() {\n        var canvas = document.getElementById(\"athrProjectsMapCanvas\");\n        if (!canvas || typeof L === \"undefined\") return;\n        if (canvas.dataset.mapInit === \"1\") return;\n        canvas.dataset.mapInit = \"1\";\n\n        var map = L.map(canvas, { scrollWheelZoom: false });\n\n        L.tileLayer(\"https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png\", {\n            attribution: '&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a>',\n            maxZoom: 19\n        }).addTo(map);\n\n        var bounds = [];\n        projects.forEach(function(p) {\n            var marker = L.marker([p.lat, p.lng]).addTo(map);\n            marker.on('click', function() { window.open('https:\/\/www.google.com\/maps?q=' + p.lat + ',' + p.lng, '_blank'); }); marker.bindPopup(\n                '<div class=\"athr-map-popup\"><h4>' + p.name + '<\/h4><p>' + p.area + '<\/p><a href=\"' + p.url + '\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a><\/div>'\n            );\n            bounds.push([p.lat, p.lng]);\n        });\n\n        map.fitBounds(bounds, { padding: [40, 40] });\n        if (bounds.length === 1) map.setZoom(15);\n    }\n\n    if (typeof L !== \"undefined\") {\n        initAthrProjectsMap();\n    } else {\n        var s = document.createElement(\"script\");\n        s.src = \"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\";\n        s.integrity = \"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\";\n        s.crossOrigin = \"\";\n        s.onload = initAthrProjectsMap;\n        document.body.appendChild(s);\n    }\n})();\n<\/script>\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-4a34249 e-flex e-con-boxed e-con e-parent\" data-id=\"4a34249\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 \u0646\u0637\u0648\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0642\u0627\u0631\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629\u060c \u0644\u0646\u0635\u0646\u0639 \u062a\u062c\u0627\u0631\u0628 \u0633\u0643\u0646\u064a\u0629 \u062a\u0639\u0643\u0633 \u0631\u0648\u062d \u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u062a\u0644\u0628\u064a \u062a\u0637\u0644\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0628\u062d\u062b \u0623\u0628\u062d\u062b \u0639\u0646 \u0646\u0648\u0639 \u0627\u0644\u0648\u062d\u062f\u0629\u0634\u0642\u0642\u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u062c\u0645\u064a\u0639\u0627\u0644\u0631\u064a\u0627\u0636 \u0623\u0628\u062d\u062b \u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0623\u062f\u0648\u0627\u0631 &#8211; \u062d\u064a \u0627\u0644\u0646\u062f\u0649 \u0623\u062f\u0648\u0627\u0631 &#8211; \u062d\u064a \u0627\u0644\u0648\u0627\u062f\u064a \u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633 &#8211; \u0627\u0644\u0635\u062d\u0627\u0641\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 \u0627\u0644\u0643\u0644 \u0634\u0642\u0642 \u0641\u0644\u0644 \u0623\u062f\u0648\u0627\u0631 \u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633 \u062a\u062d\u062a \u0627\u0644\u0628\u064a\u0639 \u0623\u062f\u0648\u0627\u0631 \u0628\u0631\u0648\u0634\u0648\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-19192","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/athraldiyar.sa\/en\/wp-json\/wp\/v2\/pages\/19192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/athraldiyar.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/athraldiyar.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/athraldiyar.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/athraldiyar.sa\/en\/wp-json\/wp\/v2\/comments?post=19192"}],"version-history":[{"count":137,"href":"https:\/\/athraldiyar.sa\/en\/wp-json\/wp\/v2\/pages\/19192\/revisions"}],"predecessor-version":[{"id":47295,"href":"https:\/\/athraldiyar.sa\/en\/wp-json\/wp\/v2\/pages\/19192\/revisions\/47295"}],"wp:attachment":[{"href":"https:\/\/athraldiyar.sa\/en\/wp-json\/wp\/v2\/media?parent=19192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}