{"id":14,"date":"2025-12-29T06:33:10","date_gmt":"2025-12-29T06:33:10","guid":{"rendered":"https:\/\/lightslategray-capybara-916453.hostingersite.com\/?page_id=14"},"modified":"2026-01-08T21:25:40","modified_gmt":"2026-01-08T21:25:40","slug":"%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/thelocalproject.sa\/en\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/","title":{"rendered":"Our projects"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f12295 e-con-full e-flex e-con e-parent\" data-id=\"5f12295\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6a9e92 elementor-widget elementor-widget-html\" data-id=\"a6a9e92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;900&display=swap');\r\n\r\n    .tlp-hero-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 450px;\r\n        display: flex;\r\n        align-items: center;\r\n        overflow: hidden;\r\n        font-family: 'Tajawal', sans-serif;\r\n        \/* \u064a\u0636\u0645\u0646 \u0623\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u062a\u062a\u0628\u0639 \u0627\u062a\u062c\u0627\u0647 \u0644\u063a\u0629 \u0627\u0644\u0645\u062a\u0635\u0641\u062d *\/\r\n        direction: inherit; \r\n    }\r\n\r\n    .tlp-hero-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        background-image: url('https:\/\/thelocalproject.sa\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-08-at-3.24.16-PM.webp');\r\n        background-size: cover;\r\n        background-position: center;\r\n        transition: transform 1.2s ease;\r\n        z-index: 1;\r\n    }\r\n\r\n    .tlp-hero-wrapper:hover .tlp-hero-bg { transform: scale(1.08); }\r\n\r\n    .tlp-hero-overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        \/* \u062a\u062f\u0631\u062c \u0644\u0648\u0646\u064a \u0630\u0643\u064a \u064a\u062a\u063a\u064a\u0631 \u0645\u0639 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0644\u063a\u0629 *\/\r\n        background: linear-gradient(to var(--direction-end, left), rgba(26, 26, 26, 0.9) 30%, rgba(26, 26, 26, 0.4) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0644\u0644\u062a\u062f\u0631\u062c *\/\r\n    [dir=\"rtl\"] .tlp-hero-overlay { --direction-end: left; }\r\n    [dir=\"ltr\"] .tlp-hero-overlay { --direction-end: right; }\r\n\r\n    .tlp-hero-content {\r\n        position: relative;\r\n        z-index: 3;\r\n        \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\r\n        text-align: start;\r\n        max-width: 1200px;\r\n        width: 100%;\r\n        padding: 0 5%;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .tlp-hero-badge {\r\n        display: inline-block;\r\n        background: #6c757d;\r\n        color: #ffffff;\r\n        padding: 5px 20px;\r\n        border-radius: 4px;\r\n        font-weight: 700;\r\n        font-size: 0.9rem;\r\n        margin-bottom: 20px;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .tlp-hero-title {\r\n        font-size: clamp(2.5rem, 5vw, 3.5rem);\r\n        font-weight: 900;\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.2;\r\n        color: white;\r\n    }\r\n\r\n    .tlp-hero-desc {\r\n        font-size: 1.2rem;\r\n        max-width: 650px;\r\n        line-height: 1.7;\r\n        opacity: 0.9;\r\n        \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0627\u0635\u064a\u0629 \u0627\u0644\u062d\u0627\u0634\u064a\u0629 \u0627\u0644\u0645\u0646\u0637\u0642\u064a\u0629 \u0644\u0644\u062a\u0631\u062c\u0645\u0629 *\/\r\n        border-inline-start: 4px solid #6c757d; \r\n        padding-inline-start: 20px;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .tlp-hero-wrapper { height: 480px; }\r\n        .tlp-hero-content { text-align: center; }\r\n        .tlp-hero-desc { \r\n            margin: 0 auto; \r\n            border-inline-start: none; \r\n            border-bottom: 4px solid #6c757d; \r\n            padding: 0 0 15px 0; \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"tlp-hero-wrapper\">\r\n    <div class=\"tlp-hero-bg\"><\/div>\r\n    <div class=\"tlp-hero-overlay\"><\/div>\r\n    <div class=\"tlp-hero-content\">\r\n        <span class=\"tlp-hero-badge\">Our achievements<\/span>\r\n        <h1 class=\"tlp-hero-title\">Our investment projects<\/h1>\r\n        <p class=\"tlp-hero-desc\">\r\n            We create a masterpiece and cultural experience that redefines the future of private hospitality and real estate investment.\r\n        <\/p>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf67962 e-con-full e-flex e-con e-parent\" data-id=\"bf67962\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-407fec8 elementor-widget elementor-widget-shortcode\" data-id=\"407fec8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">            \n            <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n            \n            <style>\n                :root {\n                    --tlp-black-bg: #0f0f0f;   \/* \u0623\u0633\u0648\u062f \u0639\u0645\u064a\u0642 \u0644\u0644\u062e\u0644\u0641\u064a\u0629 *\/\n                    --tlp-grey-light: #b0b0b0; \/* \u0631\u0645\u0627\u062f\u064a \u0641\u0627\u062a\u062d \u0648\u0638\u0627\u0647\u0631 \u0644\u0644\u0646\u0635\u0648\u0635 *\/\n                    --tlp-grey-accent: #4a4a4a; \/* \u0631\u0645\u0627\u062f\u064a \u0645\u062a\u0648\u0633\u0637 \u0644\u0644\u0639\u0646\u0627\u0635\u0631 *\/\n                    --tlp-neon-green: #00ff84; \/* \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0645\u0636\u064a\u0621 \u0644\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\n                    --tlp-white: #ffffff;\n                    --tlp-glass: rgba(255, 255, 255, 0.05);\n                    --tlp-border: rgba(255, 255, 255, 0.15);\n                    --tlp-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n                }\n\n                .tlp-master-wrapper {  font-family: 'Tajawal', sans-serif; background: var(--tlp-black-bg); color: var(--tlp-white); }\n\n                .tlp-project-section {\n                    position: relative; min-height: 100vh; display: flex; align-items: center;\n                    padding: 80px 5%; overflow: hidden; border-bottom: 1px solid var(--tlp-border);\n                }\n\n                \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\n                .tlp-bg-video {\n                    position: absolute; inset: 0; width: 100%; height: 100%; \n                    object-fit: cover; z-index: 1; opacity: 0.4; transition: var(--tlp-transition);\n                }\n                .tlp-project-section:hover .tlp-bg-video { opacity: 0.3; }\n                \n\n                .tlp-grid {\n                    position: relative; z-index: 3; display: grid; grid-template-columns: 1.1fr 0.9fr;\n                    gap: 60px; width: 100%; max-width: 1400px; margin: 0 auto; align-items: center;\n                }\n\n                .tlp-loc { \n                    display: inline-flex; align-items: center; gap: 10px; color: var(--tlp-white); \n                    font-size: 0.85rem; font-weight: 700; margin-bottom: 20px;\n                    background: var(--tlp-grey-accent); padding: 8px 18px; border-radius: 8px;\n                    transition: var(--tlp-transition);\n                }\n\n                .tlp-main-title { \n                    font-size: 3rem; font-weight: 900; color: #fff; margin-bottom: 35px; line-height: 1.2; \n                    border-right: 5px solid var(--tlp-grey-accent); padding-right: 20px;\n                }\n\n                .tlp-card-box { \n                    background: var(--tlp-glass); border: 1px solid var(--tlp-border); \n                    padding: 30px; border-radius: 20px; margin-bottom: 25px; backdrop-filter: blur(10px);\n                }\n                .tlp-card-box h4 { color: var(--tlp-grey-light); font-size: 1.2rem; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; }\n                .tlp-card-box p { color: #ccc; font-size: 1rem; line-height: 1.7; margin: 0; }\n\n                .tlp-stats-panel { display: flex; flex-direction: column; gap: 25px; }\n                \n                .tlp-main-stat-card {\n                    background: rgba(0, 255, 132, 0.03); border: 1px solid rgba(0, 255, 132, 0.2);\n                    border-radius: 30px; padding: 40px; text-align: center;\n                }\n\n                .tlp-stages-list {\n                    background: var(--tlp-glass); border: 1px solid var(--tlp-border);\n                    border-radius: 20px; padding: 30px;\n                }\n                .tlp-stages-list h5 { color: var(--tlp-white); margin-bottom: 20px; font-size: 1.2rem; border-bottom: 1px solid var(--tlp-border); padding-bottom: 10px; }\n                \n                .tlp-stage-item {\n                    border-bottom: 1px solid rgba(255,255,255,0.05);\n                    cursor: pointer;\n                    transition: var(--tlp-transition);\n                }\n                \/* \u062a\u0639\u0637\u064a\u0644 \u0627\u0644\u0646\u0642\u0631 \u0644\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u064a \u0644\u064a\u0633 \u0644\u0647\u0627 \u0648\u0635\u0641 *\/\n                .tlp-stage-item.no-desc { cursor: default; }\n\n                .tlp-stage-header {\n                    display: flex; align-items: center; justify-content: space-between; \n                    padding: 15px 0;\n                    color: var(--tlp-grey-light); font-weight: 500;\n                }\n                .tlp-stage-header i.status-icon { color: var(--tlp-neon-green); font-size: 0.9rem; margin-left: 10px; }\n                .tlp-stage-header i.toggle-icon { font-size: 0.8rem; transition: transform 0.3s ease; color: var(--tlp-neon-green); }\n                \n                .tlp-stage-content {\n                    max-height: 0;\n                    overflow: hidden;\n                    transition: max-height 0.4s ease-out;\n                    color: #999;\n                    font-size: 0.9rem;\n                    line-height: 1.6;\n                }\n                .tlp-stage-content-inner { padding: 0 10px 15px 10px; }\n\n                .tlp-stage-item.active .tlp-stage-content { max-height: 250px; }\n                .tlp-stage-item.active .toggle-icon { transform: rotate(45deg); }\n                .tlp-stage-item.active .tlp-stage-header { color: var(--tlp-white); }\n\n                .circle-wrap { position: relative; margin: 0 auto; }\n                svg { width: 100%; height: 100%; transform: rotate(-90deg); }\n                circle { fill: none; stroke-width: 8; stroke-linecap: round; }\n                .c-bg { stroke: rgba(255,255,255,0.05); }\n                .c-prog { \n                    stroke: var(--tlp-neon-green); stroke-dasharray: 283; stroke-dashoffset: 283; \n                    transition: stroke-dashoffset 2.5s ease-in-out; \n                }\n                \n                .val-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 900; color: var(--tlp-neon-green); }\n                .label-txt { display: block; margin-top: 20px; font-size: 1.2rem; color: #fff; letter-spacing: 1px; }\n\n                @media (max-width: 1024px) {\n                    .tlp-grid { grid-template-columns: 1fr; }\n                    .tlp-main-title { font-size: 2.2rem; }\n                }\n            <\/style>\n\n            <div class=\"tlp-master-wrapper\">\n                                <section class=\"tlp-project-section\">\n                    <video class=\"tlp-bg-video\" autoplay muted loop playsinline>\n                        <source src=\"https:\/\/thelocalproject.sa\/wp-content\/uploads\/2026\/01\/\u062e\u0644\u0641\u064a\u0629-\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                    \n                    <div class=\"tlp-overlay\"><\/div>\n\n                    <div class=\"tlp-grid\">\n                        <div class=\"tlp-info-panel\">\n                            <div class=\"tlp-loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Taif - Al Hada<\/div>\n                            <h2 class=\"tlp-main-title\">Cliff House<\/h2>\n                            \n                            <div class=\"tlp-card-box\">\n                                <h4><i class=\"fa-solid fa-circle-info\"><\/i> About the region<\/h4>\n                                <p>Project Location: Taif \u2013 Al Hada The history of Al Hada combines heritage and development. Its ancient route, known as the \u201cDarb Al Jamala,\u201d dates back over a thousand years, connecting Makkah to Taif. The area witnessed major development with the construction of \u201cAl Hada (Al Kurr) Road\u201d in 1965 during King Faisal\u2019s reign, serving as the first paved mountain road in the Middle East. Subsequent expansions during King Khalid and King Abdullah's reigns transformed the region into a renowned historical and natural tourist destination, famous for its mild climate year-round, as well as its modern resorts and farms developed during King Salman's reign, may God protect him, with support from Crown Prince Mohammed bin Salman across various sectors.\nThe project is located 30 minutes from Makkah and less than two hours from Jeddah, in one of Al Hada\u2019s most prestigious residential districts (Prince Abdullah Al Faisal District), distinguished by breathtaking mountain cliff view, stunning natural landscapes, with all essential services available, minutes away from a variety of tourist attractions.<\/p>\n                            <\/div>\n                            <div class=\"tlp-card-box\">\n                                <h4><i class=\"fa-solid fa-building-shield\"><\/i> Description of the project<\/h4>\n                                <p>A private hotel villa consisting of 4 floors and a garden overlooking a mountain cliff, enough to accommodate 14 people. It contains elements of international hospitality, such as relaxation and recreation that touches all the senses. It is designed to be an artistic experience that reflects the historical depth of the region, combining fun, adventure, and culture.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"tlp-stats-panel\">\n                            <div class=\"tlp-main-stat-card\">\n                                <div class=\"circle-wrap\" style=\"width:180px; height:180px;\" data-pct=\"60\">\n                                    <svg viewbox=\"0 0 100 100\"><circle class=\"c-bg\" cx=\"50\" cy=\"50\" r=\"45\"><\/circle><circle class=\"c-prog\" cx=\"50\" cy=\"50\" r=\"45\"><\/circle><\/svg>\n                                    <div class=\"val-txt\" style=\"font-size: 2.5rem;\">0%<\/div>\n                                <\/div>\n                                <span class=\"label-txt\">Overall completion rate<\/span>\n                            <\/div>\n\n                            <div class=\"tlp-stages-list\">\n                                <h5>Project implementation phases<\/h5>\n                                                                <div class=\"tlp-stage-item\">\n                                    <div class=\"tlp-stage-header\">\n                                        <span><i class=\"fa-solid fa-check-double status-icon\"><\/i> Study and Planning<\/span>\n                                                                                    <i class=\"fa-solid fa-plus toggle-icon\"><\/i>\n                                                                            <\/div>\n                                                                        <div class=\"tlp-stage-content\">\n                                        <div class=\"tlp-stage-content-inner\">\n                                            Each of our projects is unique in terms of its type and experience, shaped by the budget and investment strategy that best suits the client's aspirations, as a dedicated team conducts a comprehensive study covering all aspects of the project.                                        <\/div>\n                                    <\/div>\n                                                                    <\/div>\n                                                                <div class=\"tlp-stage-item\">\n                                    <div class=\"tlp-stage-header\">\n                                        <span><i class=\"fa-solid fa-check-double status-icon\"><\/i> Project Site<\/span>\n                                                                                    <i class=\"fa-solid fa-plus toggle-icon\"><\/i>\n                                                                            <\/div>\n                                                                        <div class=\"tlp-stage-content\">\n                                        <div class=\"tlp-stage-content-inner\">\n                                            The process of searching for the right location is one of the most critical steps in ensuring a project\u2019s success and achieving strong results throughout its investment journey. Our approach is based on multiple criteria that require extensive, in-depth expertise in the real estate sector to select the most suitable project site.                                        <\/div>\n                                    <\/div>\n                                                                    <\/div>\n                                                                <div class=\"tlp-stage-item\">\n                                    <div class=\"tlp-stage-header\">\n                                        <span><i class=\"fa-solid fa-check-double status-icon\"><\/i> Architectural Design<\/span>\n                                                                                    <i class=\"fa-solid fa-plus toggle-icon\"><\/i>\n                                                                            <\/div>\n                                                                        <div class=\"tlp-stage-content\">\n                                        <div class=\"tlp-stage-content-inner\">\n                                            We collaborate with leading and renowned architectural designers, carefully selected according to the project\u2019s type, scale, and function.                                        <\/div>\n                                    <\/div>\n                                                                    <\/div>\n                                                                <div class=\"tlp-stage-item no-desc\">\n                                    <div class=\"tlp-stage-header\">\n                                        <span><i class=\"fa-solid fa-check-double status-icon\"><\/i> Land Grading Works<\/span>\n                                                                            <\/div>\n                                                                    <\/div>\n                                                                <div class=\"tlp-stage-item\">\n                                    <div class=\"tlp-stage-header\">\n                                        <span><i class=\"fa-solid fa-check-double status-icon\"><\/i> Construction and Interior Design works<\/span>\n                                                                                    <i class=\"fa-solid fa-plus toggle-icon\"><\/i>\n                                                                            <\/div>\n                                                                        <div class=\"tlp-stage-content\">\n                                        <div class=\"tlp-stage-content-inner\">\n                                            Our engineering team selects construction companies that align with the nature of the project and are capable of delivering the highest engineering standards, following a review of the companies\u2019 recent activities by our legal team then secure contracts are concluded.                                        <\/div>\n                                    <\/div>\n                                                                    <\/div>\n                                                                <div class=\"tlp-stage-item\">\n                                    <div class=\"tlp-stage-header\">\n                                        <span><i class=\"fa-solid fa-check-double status-icon\"><\/i> Project Launch and Operation<\/span>\n                                                                                    <i class=\"fa-solid fa-plus toggle-icon\"><\/i>\n                                                                            <\/div>\n                                                                        <div class=\"tlp-stage-content\">\n                                        <div class=\"tlp-stage-content-inner\">\n                                            Here, together, we begin our journey to enrich the private hospitality sector through innovative, world-class operational standards.                                        <\/div>\n                                    <\/div>\n                                                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/section>\n                            <\/div>\n\n            <script>\n            (function() {\n                const initLuxury = () => {\n                    \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646 \u0641\u0642\u0637 \u0644\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u064a \u062a\u0645\u0644\u0643 \u0648\u0635\u0641\u0627\u064b\n                    document.querySelectorAll('.tlp-stage-item:not(.no-desc)').forEach(item => {\n                        item.addEventListener('click', () => {\n                            const isActive = item.classList.contains('active');\n                            document.querySelectorAll('.tlp-stage-item').forEach(el => el.classList.remove('active'));\n                            if (!isActive) item.classList.add('active');\n                        });\n                    });\n\n                    \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u062f\u0627\u0626\u0631\u0629 \u0648\u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646\n                    const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                            if (entry.isIntersecting) {\n                                entry.target.querySelectorAll('.circle-wrap').forEach((wrap) => {\n                                    const pct = wrap.getAttribute('data-pct');\n                                    const circle = wrap.querySelector('.c-prog');\n                                    const text = wrap.querySelector('.val-txt');\n                                    circle.style.strokeDashoffset = 283 - (283 * pct \/ 100);\n                                    let curr = 0;\n                                    let timer = setInterval(() => {\n                                        if (curr >= pct) { text.innerText = pct + '%'; clearInterval(timer); }\n                                        else { text.innerText = Math.ceil(curr) + '%'; curr += pct\/30; }\n                                    }, 30);\n                                });\n                                observer.unobserve(entry.target);\n                            }\n                        });\n                    }, { threshold: 0.1 });\n                    document.querySelectorAll('.tlp-project-section').forEach(s => observer.observe(s));\n                };\n                window.addEventListener('load', initLuxury);\n            })();\n            <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d70e031 elementor-widget elementor-widget-html\" data-id=\"d70e031\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tlp-media-light-section\">\r\n    <div class=\"tlp-media-container\">\r\n        <div class=\"tlp-media-header\">\r\n            <span class=\"tlp-media-badge\">Media gallery<\/span>\r\n            <h2 class=\"tlp-media-title\">Photos and videos<\/h2>\r\n            <div class=\"tlp-title-line\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tlp-media-grid\">\r\n            <div class=\"tlp-video-card-light\">\r\n                <div class=\"tlp-video-wrapper\">\r\n                    <video controls poster=\"\" class=\"tlp-main-video\">\r\n                        <source src=\"https:\/\/thelocalproject.sa\/wp-content\/uploads\/2025\/12\/1122-1.mov\" type=\"video\/quicktime\">\r\n                        <source src=\"https:\/\/thelocalproject.sa\/wp-content\/uploads\/2025\/12\/1122-1.mov\" type=\"video\/mp4\">\r\n                        \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648.\r\n                    <\/video>\r\n                <\/div>\r\n                <div class=\"tlp-video-info\">\r\n                    <span class=\"tlp-category\">Field documentation<\/span>\r\n                    <h3>Land Grading Works<\/h3>\r\n                    <p>Live footage highlights the progress of site preparation and infrastructure development for the project.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;900&display=swap');\r\n\r\n    .tlp-media-light-section {\r\n        padding: 90px 5%;\r\n        font-family: 'Tajawal', sans-serif;\r\n        position: relative; \/* \u0636\u0631\u0648\u0631\u064a \u0644\u0636\u0628\u0637 \u0637\u0628\u0642\u0627\u062a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n        overflow: hidden;\r\n        direction: inherit;\r\n    }\r\n\r\n    \/* \u0625\u0635\u0644\u0627\u062d \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u0627\u062a\u0631\u0646 \u0644\u0636\u0645\u0627\u0646 \u0648\u0636\u0648\u062d \u0627\u0644\u0646\u0635 *\/\r\n    .tlp-media-light-section::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        background-image: url('https:\/\/thelocalproject.sa\/wp-content\/uploads\/2026\/01\/patterns_page-0001.webp');\r\n        background-size: cover;\r\n        background-position: center;\r\n        opacity: 0.8; \/* \u062a\u0642\u0644\u064a\u0644\u0647\u0627 \u0644\u0628\u0631\u0648\u0632 \u0627\u0644\u0646\u0635 \u0627\u0644\u0623\u0633\u0648\u062f \u0648\u0627\u0644\u0631\u0645\u0627\u062f\u064a *\/\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .tlp-media-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 1; \/* \u0644\u0631\u0641\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0641\u0648\u0642 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n    }\r\n\r\n    .tlp-media-header {\r\n        margin-bottom: 50px;\r\n        text-align: start; \/* \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 *\/\r\n    }\r\n\r\n    .tlp-media-badge {\r\n        display: inline-block;\r\n        background: rgba(233, 236, 239, 0.8);\r\n        color: #495057;\r\n        padding: 6px 18px;\r\n        border-radius: 4px;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        margin-bottom: 12px;\r\n        border: 1px solid #dee2e6;\r\n        backdrop-filter: blur(2px);\r\n    }\r\n\r\n    .tlp-media-title {\r\n        font-size: 2.8rem;\r\n        color: #212529;\r\n        font-weight: 900;\r\n        margin: 0;\r\n        \/* \u0645\u0646\u0639 \u0628\u0647\u062a\u0627\u0646 \u0627\u0644\u0644\u0648\u0646 \u0641\u0648\u0642 \u0627\u0644\u0646\u0642\u0648\u0634 *\/\r\n        text-shadow: 0 1px 2px rgba(255,255,255,0.8);\r\n    }\r\n\r\n    .tlp-title-line {\r\n        width: 60px;\r\n        height: 5px;\r\n        background: #adb5bd;\r\n        margin-top: 15px;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 *\/\r\n    .tlp-media-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 40px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* \u0643\u0627\u0631\u062a \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u0641\u0627\u062a\u062d *\/\r\n    .tlp-video-card-light {\r\n        background: #ffffff;\r\n        border: 1px solid #e0e0e0;\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .tlp-video-card-light:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1);\r\n        border-color: #adb5bd;\r\n    }\r\n\r\n    .tlp-video-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        padding-top: 56.25%;\r\n        background: #000;\r\n    }\r\n\r\n    .tlp-main-video {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .tlp-video-info {\r\n        padding: 30px;\r\n        text-align: start;\r\n    }\r\n\r\n    .tlp-category {\r\n        color: #6c757d;\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        display: block;\r\n        margin-bottom: 10px;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .tlp-video-info h3 {\r\n        color: #343a40;\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        margin: 0 0 12px 0;\r\n    }\r\n\r\n    .tlp-video-info p {\r\n        color: #6c757d;\r\n        font-size: 1rem;\r\n        line-height: 1.7;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    @media (max-width: 768px) {\r\n        .tlp-media-title { font-size: 2.2rem; }\r\n        .tlp-media-grid { grid-template-columns: 1fr; }\r\n        .tlp-media-light-section { padding: 60px 5%; }\r\n        .tlp-media-header { text-align: center; }\r\n        .tlp-title-line { margin: 15px auto 0; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0646\u0627 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0646\u062d\u0646 \u0646\u0628\u0646\u064a \u0639\u0645\u0644 \u0641\u0646\u064a \u0648\u062a\u062c\u0631\u0628\u0629 \u062b\u0642\u0627\u0641\u064a\u0629 \u062a\u0639\u064a\u062f \u0643\u062a\u0627\u0628\u0629 \u0645\u0633\u062a\u0642\u0628\u0644 \u062c\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0636\u064a\u0627\u0641\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a. \u0645\u0639\u0631\u0636 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thelocalproject.sa\/en\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thelocalproject.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thelocalproject.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thelocalproject.sa\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thelocalproject.sa\/en\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":31,"href":"https:\/\/thelocalproject.sa\/en\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":340,"href":"https:\/\/thelocalproject.sa\/en\/wp-json\/wp\/v2\/pages\/14\/revisions\/340"}],"wp:attachment":[{"href":"https:\/\/thelocalproject.sa\/en\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}